導(dǎo)讀：更新一個網(wǎng)頁界面，對其進(jìn)行重新設(shè)計和包裝可以有很多種不同的方案。作者Rian van der Merwe認(rèn)為在重新包裝過程中，要首先肯定網(wǎng)頁的用戶需求、展望市場的總體趨勢，戰(zhàn)略性的品牌定位。重新設(shè)計的方案和具體落實都要為他們服務(wù)。而重新包 裝的風(fēng)險在于，更新之后的網(wǎng)頁失去了用戶已經(jīng)適應(yīng)、熟悉、認(rèn)可的導(dǎo)航和體驗。在美觀改進(jìn)的同時，失去了忠實于老版本體驗的用戶。由于這樣一個風(fēng)險的存在， 設(shè)計的方向和宗旨需要謹(jǐn)慎把握。是否有保證美觀的低風(fēng)險方案？帶著這個問題， Rian借鑒了Edward Tufte的“視覺信息”的理念，并提出了具體實踐方案。

Edward Tufte 和他的數(shù)據(jù)－印記理論

作者一直對Edward Tufte 的視覺化數(shù)據(jù)理論很感興趣。其中《The Visual Display of Quantitative Information / 量化信息的視覺呈現(xiàn)》是作者最喜歡的書籍之一，他從中找到了網(wǎng)頁設(shè)計可以借鑒的理論。

在Edward Tufte的書中，他的核心理論是數(shù)據(jù)－印記，這一概念：

數(shù)據(jù)印記是不可或缺的圖像的核心，數(shù)據(jù)變化和趨勢通過不重復(fù)的印記的排列展現(xiàn)出來。

Tufte的理論是應(yīng)用在數(shù)據(jù)圖標(biāo)和量化信息展示上的，作者是要借用他的理論來幫助解決網(wǎng)頁設(shè)計上的問題。所以，Rian提出了一個數(shù)據(jù)－印記相通的概念：數(shù)據(jù)－像素： 這個網(wǎng)頁設(shè)計上的數(shù)據(jù)印記理論。在網(wǎng)頁設(shè)計上，我們可以把數(shù)據(jù)像素認(rèn)為是引導(dǎo)用戶瀏覽的最簡單的單位。這些像素構(gòu)成了屏幕的‘專注模式’，引導(dǎo)用戶的網(wǎng)頁導(dǎo)航。

舉一個簡單的實例：在一個款項支付界面上，核心數(shù)據(jù)像素是

1、信用卡號輸入框

2、文字標(biāo)識

3、支付發(fā)送摁建

僅此而已。網(wǎng)頁當(dāng)然還是需要臺頭，支付內(nèi)容，支付提示，信用協(xié)議等等，但是核心數(shù)據(jù)是以上3個。

從‘核心數(shù)據(jù)’出發(fā)，你可以添加其他內(nèi)容。這個就是Tufte的理論。為了確保核心數(shù)據(jù)像素的主導(dǎo)和突出，以及網(wǎng)頁的美觀，作者認(rèn)為重新設(shè)計網(wǎng)頁的任務(wù)可以具化到找到適當(dāng)?shù)?ldquo;核心數(shù)據(jù)像素率”。

準(zhǔn)則1：首先設(shè)計數(shù)據(jù)像素

更新一個網(wǎng)頁， 指導(dǎo)理論是 每一個頁面都應(yīng)該專注在核心數(shù)據(jù)和由這些核心數(shù)據(jù)指引的你需要用戶去做的事情。 其他的數(shù)據(jù)像素都是噪音，只有在核心數(shù)據(jù)像素設(shè)計好之后才需要考慮。這個概念在Craig Mod的文章“我們未來書籍的形象”一文中提到：他描寫了kindle從睡眠狀態(tài)中醒來的設(shè)計（和iPad比較）更加像本實體書。讓人有安全感，是一種“無聲的信用保證”：

這種“無聲的信用保證”可以應(yīng)用在數(shù)據(jù)上。具體來說，在設(shè)計用戶體驗的時候，我們展現(xiàn)數(shù)據(jù)的方式應(yīng)該讓用戶感覺不到他們在刻意地讀取或者使用數(shù)據(jù)。

這個不是在暗示一種乏味的設(shè)計或者說唯美主義不重要。這個意味者我們需要考慮到任何附加在核心像素上的設(shè)計都是服務(wù)核心功能的，而不能把用戶的注意力吸引到這些輔助設(shè)計上。

圖： Sarah Blake

準(zhǔn)則2：合理縮減非核心數(shù)據(jù)像素

在核心像素的基礎(chǔ)上，添加輔助像素；如何找到合理的核心像素率？

第一步，是刪除非核心像素 － 非核心像素，就是頁面元素中不服務(wù)于網(wǎng)頁主要功能的設(shè)計部分。這些像素不能引導(dǎo)用戶去使用網(wǎng)頁的主要功能， 具體來說是：

色彩：不支持視覺傳承的色彩對比

字體：特殊的字體設(shè)計，會分散用戶注意力。

分段圖像：避免使用過渡圖像，盡量用空白自然地隔開段落和功能區(qū)間。

頁面排版：段落對齊，字體大小 和 顏色反差：避免不必要的刻意設(shè)計。 （例如，端落縮進(jìn)，較大的圖標(biāo)或者顯目的顏色都會分散用戶的注意力）

如果訪問doHome的頁面，這種分散注意力的設(shè)計的壞處非常凸顯。 導(dǎo)航目錄上的反光設(shè)計， 沒有明確目的的影像， 導(dǎo)致的結(jié)果是沒有足夠的內(nèi)容讓人一目了然它是做什么的。

標(biāo)簽： 界面設(shè)計 交互設(shè)計 核心數(shù)據(jù)像素 

版權(quán)申明：本站文章部分自網(wǎng)絡(luò)，如有侵權(quán)，請聯(lián)系：west999com@outlook.com
特別注意：本站所有轉(zhuǎn)載文章言論不代表本站觀點！
本站所提供的圖片等素材，版權(quán)歸原作者所有，如需使用，請與原作者聯(lián)系。