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