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

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

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

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

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

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

舉一個(gè)簡(jiǎn)單的實(shí)例：在一個(gè)款項(xiàng)支付界面上，核心數(shù)據(jù)像素是

1、信用卡號(hào)輸入框

2、文字標(biāo)識(shí)

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

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

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

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

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

這種“無(wú)聲的信用保證”可以應(yīng)用在數(shù)據(jù)上。具體來(lái)說(shuō)，在設(shè)計(jì)用戶體驗(yàn)的時(shí)候，我們展現(xiàn)數(shù)據(jù)的方式應(yīng)該讓用戶感覺(jué)不到他們?cè)诳桃獾刈x取或者使用數(shù)據(jù)。

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

圖： Sarah Blake

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

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

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

色彩：不支持視覺(jué)傳承的色彩對(duì)比

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

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

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

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

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

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