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

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

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

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

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

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

 

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

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

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

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

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

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

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

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

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

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