重新設計網頁的任務:找到適當的核心資料像素率

來源:互聯網
上載者:User

文章描述:巧用“核心資料像素”打造出彩的使用者介面設計.

導讀:更新一個網頁介面,對其進行重新設計和封裝可以有很多種不同的方案。作者Rian van der Merwe認為在重新封裝過程中,要首先肯定網頁的使用者需求、展望市場的總體趨勢,戰略性的品牌定位。重新設計的方案和具體落實都要為他們服務。而重新包 裝的風險在於,更新之後的網頁失去了使用者已經適應、熟悉、認可的導航和體驗。在美觀改進的同時,失去了忠實於老版本體驗的使用者。由於這樣一個風險的存在, 設計的方向和宗旨需要謹慎把握。是否有保證美觀的低風險方案?帶著這個問題, Rian借鑒了Edward Tufte的“視覺資訊”的理念,並提出了具體實踐方案。

Edward Tufte 和他的資料-印記理論

作者一直對Edward Tufte 的視覺化資料理論高度興趣。其中《The Visual Display of Quantitative Information / 量化資訊的視覺呈現》是作者最喜歡的書籍之一,他從中找到了網頁設計可以借鑒的理論。

在Edward Tufte的書中,他的核心理論是資料-印記,這一概念:

資料印記是不可或缺的映像的核心,資料變化和趨勢通過不重複的印記的排列展現出來

Tufte的理論是應用在資料表徵圖和量化資訊展示上的,作者是要借用他的理論來協助解決網頁設計上的問題。所以,Rian提出了一個資料-印記相通的概念:資料-像素: 這個網頁設計上的資料印記理論。在網頁設計上,我們可以把資料像素認為是引導使用者瀏覽的最簡單的單位。這些像素構成了螢幕的‘專註模式’,引導使用者的網頁導航。

舉一個簡單的執行個體:在一個款項支付介面上,核心資料像素是

1、信用卡號輸入框

2、文字標識

3、支付發送摁建

僅此而已。網頁當然還是需要台頭,支付內容,支付提示,信用協議等等,但是核心資料是以上3個。

從‘核心資料’出發,你可以添加其他內容。這個就是Tufte的理論。為了確保核心資料像素的主導和突出,以及網頁的美觀,作者認為重新設計網頁的任務可以具化到找到適當的“核心資料像素率”。

準則1:首先設計資料像素

更新一個網頁, 指導理論是 每一個頁面都應該專註在核心資料和由這些核心資料指引的你需要使用者去做的事情。 其他的資料像素都是噪音,只有在核心資料像素設計好之後才需要考慮。這個概念在Craig Mod的文章“我們未來書籍的形象”一文中提到:他描寫了kindle從睡眠狀態中醒來的設計(和iPad比較)更加像本實體書。讓人有安全感,是一種“無聲的信用保證”:

這種“無聲的信用保證”可以應用在資料上。具體來說,在設計使用者體驗的時候,我們展現資料的方式應該讓使用者感覺不到他們在刻意地讀取或者使用資料。

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

圖: Sarah Blake

準則2:合理縮減非核心資料像素

在核心像素的基礎上,添加輔助像素;如何找到合理的核心像素率?

第一步,是刪除非核心像素 - 非核心像素,就是頁面元素中不服務於網頁主要功能的設計部分。這些像素不能引導使用者去使用網頁的主要功能, 具體來說是:

色彩:不支援視覺傳承的色彩對比

字型:特殊的字型設計,會分散使用者注意力。

分段映像:避免使用過渡映像,盡量用空白自然地隔開段落和功能區間。

頁面排版:段落對齊,字型大小 和 顏色反差:避免不必要的刻意設計。 (例如,端落縮排,較大的表徵圖或者顯目的顏色都會分散使用者的注意力)

如果訪問doHome的頁面,這種分散注意力的設計的壞處非常凸顯。 導航目錄上的反光設計, 沒有明確目的的影像, 導致的結果是沒有足夠的內容讓人一目瞭然它是做什麼的。

[1] [2] [3]  下一頁



相關文章

Cloud Intelligence Leading the Digital Future

Alibaba Cloud ACtivate Online Conference, Nov. 20th & 21st, 2019 (UTC+08)

Register Now >

Starter Package

SSD Cloud server and data transfer for only $2.50 a month

Get Started >

Alibaba Cloud Free Trial

Learn and experience the power of Alibaba Cloud with a free trial worth $300-1200 USD

Learn more >

聯繫我們

該頁面正文內容均來源於網絡整理,並不代表阿里雲官方的觀點,該頁面所提到的產品和服務也與阿里云無關,如果該頁面內容對您造成了困擾,歡迎寫郵件給我們,收到郵件我們將在5個工作日內處理。

如果您發現本社區中有涉嫌抄襲的內容,歡迎發送郵件至: info-contact@alibabacloud.com 進行舉報並提供相關證據,工作人員會在 5 個工作天內聯絡您,一經查實,本站將立刻刪除涉嫌侵權內容。