互連網資訊設計準則:訪客如何閱讀和理解資訊

來源:互聯網
上載者:User

文章描述:知其然知其所以然-設計準則從何而來.

互連網在資訊的傳播上起到了極大的作用,我們每天面對的就是尋找,瀏覽,閱讀,理解各種資訊,資訊設計是永遠不變的話題,人們究竟如何閱讀和理解資訊?

我們尋找和使用視覺化結構

當資訊以簡介和結構化的方式展示,人們就能更快更容易的掃描和理解,資訊呈現方式越是結構化和精鍊,人們就能更快更容易的掃描和理解。

這點也與wp7現在metro的設計理念不謀而合,也是wp7主介面上那些“tile”讓人覺得好用,眼前一亮的緣故:因為我們很容易掃描和理解。

 

結構提高了使用者瀏覽長數位能力:比如信用卡,手機號,日期等欄位

比如支付寶在信用卡相關的輸入框,都會自動進行分隔,提高數位可讀性,而由於手機號現在的位元分隔習慣大家還都不太一致,暫時沒有太好的辦法

資料專用控制項提供了更多的結構:比如日期或日曆控制項,email控制項,下拉式功能表

比如現在選擇所在地,生日資訊的輸入控制項,基本都會按照一定的格式來設計

視覺層次讓人更專註於相關的資訊

可視化資訊最重要的目標之一是提供一個視覺層次,即資訊的布置安排能夠

1、將資訊分段,大塊整段的資訊分割成為各個小段;

2、顯著標記每個資訊段和欄位,以便清晰的確認各自的內容

3、以一個階層來展示各段及其子段,使得上層的段能夠比下層更重點的被展示

視覺層次是一個可以展開很深很廣的話題,現在甚至已經有“資訊可視化”的獨立研究方向,而在Web設計中,資訊的組織,視覺層次的傳達是一項重要的基本技能:還記得是最早在@SharkUI那看到的一句話:視覺設計就是合理的將資訊之間的邏輯關係表達出來



相關文章

Beyond APAC's No.1 Cloud

19.6% IaaS Market Share in Asia Pacific - Gartner IT Service report, 2018

Learn more >

Apsara Conference 2019

The Rise of Data Intelligence, September 25th - 27th, Hangzhou, China

Learn more >

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 個工作天內聯絡您,一經查實,本站將立刻刪除涉嫌侵權內容。