|
準(zhǔn)則4：合理最大化數(shù)據(jù)像素率
每個(gè)像素都要有存在的理由，而這個(gè)理由就是它包含新的信息
– Edward Tufte, The Visual Display of Quantitative Information / 量化信息的視覺呈現(xiàn)
當(dāng)設(shè)計(jì)已經(jīng)消除了噪音像素和重復(fù)像素，接下去就是要分析是不是遺漏了核心像素。
在設(shè)計(jì)上添加像素 必須需要理由, 通常是能提高用戶使用效率的必要的信息和功能. 例如:
- 提示用戶所在頁面的視覺元素：前進(jìn)／后退多次之后，用戶還可以輕松地找到信息.
- 唯美設(shè)計(jì)：色彩，字體和頁面排版 － 保證品牌認(rèn)可和網(wǎng)頁展示之間的一致性。
- 適當(dāng)提示: 指引用戶使用頁面功能。
一個(gè)比較好的實(shí)例就是字里行間的錯(cuò)誤提示。我們來看一下 Quora 的注冊(cè)頁面：頁面設(shè)計(jì)簡單，沒有分散注意力的像素. 當(dāng)你輸入名字的時(shí)候，錯(cuò)誤信息提示“需要輸入全名”。換句話講，本來可以作為提示文字的“請(qǐng)輸入全名”，現(xiàn)在只有在輸入錯(cuò)誤時(shí)顯示，精簡了頁面設(shè)計(jì)，又提高了使用效率。并且這種實(shí)時(shí)檢測用戶名，也提高了后臺(tái)的工作效率。
以下是對(duì)于一個(gè)頁面通過“數(shù)據(jù)像素”鑒定后的前后設(shè)計(jì)比較（我們來看一下kalahari.com ）
首先找出頁面上的非核心像素: 左下方過大的彎度, 導(dǎo)航目錄底色過于明亮，分散了注意力, 等等.
然后，作者使用了這里介紹的“核心數(shù)據(jù)像素”最大化方法，把吸引力放在了核心功能：搜索。下圖是結(jié)果：
準(zhǔn)則5：編輯和修訂
最后，設(shè)計(jì)師們需要再根據(jù)以上4個(gè)步驟對(duì)自己的最終設(shè)計(jì)產(chǎn)品進(jìn)行修訂。用戶界面設(shè)計(jì)可以說是一個(gè)不斷進(jìn)步的過程，希望通過每一次修訂的積累最終能夠推出一款完美的產(chǎn)品。
總結(jié)
作者最后指出他不否認(rèn)有很多不同的方法更新自己的網(wǎng)頁設(shè)計(jì)，但是最難的終究是怎樣和哪個(gè)部分入手。此文可以做為一個(gè)設(shè)計(jì)大綱供網(wǎng)頁設(shè)計(jì)師們參考。
英文原文：The Data-Pixel Approach To Improving User Experience – Smashing UX Design by Rian van der Merwe
本文鏈接：http://www.95time.cn/design/doc/2011/8668.asp 
出處：伯樂在線
責(zé)任編輯：bluehearts
上一頁 "核心數(shù)據(jù)像素"打造出彩用戶界面 [3] 下一頁
|
第 1 頁 
第 4 頁 "核心數(shù)據(jù)像素"打造出彩用戶界面 [4]
