現(xiàn)代的網(wǎng)站有很大的優(yōu)勢(shì),如靈活性,跨瀏覽器的兼容性和個(gè)性化,但他們也變得越來(lái)越簡(jiǎn)單和直觀。這樣做,是通過(guò)微妙的可用性增強(qiáng)應(yīng)用程序,無(wú)論是從網(wǎng)絡(luò)本身或離線(xiàn)交互系統(tǒng)繪制。在今天日益復(fù)雜的網(wǎng)絡(luò),而互聯(lián)網(wǎng)的使用越來(lái)越簡(jiǎn)單。
在這篇文章中,我們將探討一些新的設(shè)計(jì)方法和技術(shù),你可能想開(kāi)發(fā)自己的項(xiàng)目。我們將目前的不尋常的或非常規(guī)的設(shè)計(jì)方法,并嘗試了解什么是真正對(duì)他們感興趣的,我們?nèi)绾螌⑺鼈儜?yīng)用到現(xiàn)代的網(wǎng)頁(yè)設(shè)計(jì)。更具體地說(shuō),我們將討論以下內(nèi)容:現(xiàn)實(shí)生活中應(yīng)用到網(wǎng)頁(yè),隱藏的復(fù)雜,微妙的互動(dòng),上下文敏感的導(dǎo)航和快速適應(yīng)對(duì)CSS3的隱喻。
1。現(xiàn)實(shí)生活中的隱喻和隱藏的復(fù)雜性
也許現(xiàn)代Web應(yīng)用程序和服務(wù)的顯著特點(diǎn)之一是,他們提供豐富的用戶(hù)體驗(yàn)。用戶(hù)在這些系統(tǒng)之間的互動(dòng)變得非常簡(jiǎn)單,直觀,甚至“人!钡@種直覺(jué)意識(shí)并不僅僅從良好的視覺(jué)設(shè)計(jì)或更好的傳統(tǒng)原則的適用來(lái)的信息架構(gòu)。我們已經(jīng)看到更多的Web設(shè)計(jì)中的設(shè)計(jì)元素或模仿現(xiàn)實(shí)生活中的隱喻或隱藏,讓用戶(hù)進(jìn)行選擇的復(fù)雜性更有限,更簡(jiǎn)單的決定。
按鈕 是第一個(gè)發(fā)展的良好范例。在今天的網(wǎng)頁(yè)設(shè)計(jì),按鈕的外觀和互動(dòng)就像在現(xiàn)實(shí)世界中的按鈕的用戶(hù)。按鈕往往顯得非,F(xiàn)實(shí)的。他們站出來(lái),有鮮明的色彩,而且非常敏感:當(dāng)超過(guò)或點(diǎn)擊一個(gè)按鈕,用戶(hù)就徘徊,他們也經(jīng)常是視覺(jué)反饋。如果您在形狀方面比較有(自動(dòng)柜員機(jī)按鈕這些按鈕,顏色和響應(yīng)),你會(huì)發(fā)現(xiàn)一些驚人的相似之處。
預(yù)示 是一個(gè)關(guān)鍵的本土設(shè)計(jì)元素的質(zhì)量。它指的是一個(gè)對(duì)象或環(huán)境,允許用戶(hù)執(zhí)行某些操作方面。正如在他的著作“日,嵤碌脑O(shè)計(jì)唐納德諾曼指出,”賦提供有力線(xiàn)索事物的運(yùn)作。當(dāng)預(yù)示采取利用,用戶(hù)知道該怎么做,只要看看:沒(méi)有圖片,標(biāo)簽或指示要求。越是熟悉的設(shè)計(jì)元素在頁(yè)面上看起來(lái),就越容易為用戶(hù)與它相關(guān)聯(lián)的一些具體的實(shí)際應(yīng)用程序或任務(wù)。
這種做法并不只涉及到號(hào)召性動(dòng)作按鈕:當(dāng)你將看到下面,它反映的是,適當(dāng)?shù)谋扔鱽?lái)表達(dá)的意義和一般的某些設(shè)計(jì)元素的目的。顯然,這種方法降低了用戶(hù)交互的復(fù)雜性。另一種方法來(lái)實(shí)現(xiàn)這一目標(biāo)是通過(guò)大限度地減少元素的外觀,或者更準(zhǔn)確地說(shuō),給他們一個(gè)不同的環(huán)境,還是減少在頁(yè)面上的視覺(jué)重量。
越來(lái)越多的網(wǎng)站變得過(guò)時(shí),笨拙,無(wú)法使用與陡峭的學(xué)習(xí)曲線(xiàn)擺脫接口。查找出直觀的,本土的隱喻。例如,滑塊,有時(shí)會(huì)比一般選擇更好的工作領(lǐng)域(如顯示的預(yù)算和時(shí)間框架);切換的開(kāi)關(guān)旋鈕,可能更適合比復(fù)選框和復(fù)雜性可以被隱藏,以簡(jiǎn)化用戶(hù)交互,F(xiàn)代Web應(yīng)用有吸引力的,直觀明了。