按照國際慣例,先上思維導圖:
1.在每個頁面建立清楚的視覺層次
讓用戶對你的產品頁面的設計瞬間明白的一個好辦法就是確保頁面上所有內容的外觀——所有的可視線索一一清除,而且能準確的表述頁面上內容的關系:哪些內容相關,哪些內容是其他內容的組成部分。清楚的視覺層次通常具有三個特點:重要的部分突出;邏輯上相關的部分在視覺上也相關;邏輯上包含的部分在視覺上嵌套;
接下來以美團為例:
美團首頁將“勁爆折扣,特價日,免費拍”這些普遍消費者最關注的信息突出在頁面最中間顯眼的位置,使用戶打開APP第一眼,目光被吸引在最突出的部分。然后底部五個tab鍵:首頁,附近,逛一逛,訂單,我的。五大部分顏色都為淺灰色(只有選中才變為綠色),將各大內容分類,這樣清楚的邏輯線讓用戶找尋信息也方便。而首頁,頂部輪播圖里面,將美食,貓眼電影,酒店住宿,休閑娛樂等相關并列的部分列在一塊,進行視覺嵌套。
我們每日都會對視覺層次進行分解,不論從網頁,app,報紙。但是這種分解發生得太快,因此我們只有在不能這么做的時候才能模模糊糊感覺到它,也即這些復雜的可視信息線索迫使我們思考。好的視覺層次通過了預處理頁面,用一種用戶能快速理解的方式對頁面的內容進行組織并區分優先級。相反,如果一個頁面沒有清楚的視覺層次,所有的內容都看起來一樣重要,迫使用戶降下速度尋找關鍵的信息,輕則用戶會對你的產品不滿,重則,直接離開你的產品。在設計時應該謹記:“別讓用戶思考”這條準則。
2.習慣用法是你的好幫手
分別看這兩種確定,取消方式。在android上確定在右,取消在左,而windows上恰好相反。這兩種方式孰優孰略,相信每個人都有自己的見解,可以從人工美學甚至心理學等都可以分析的頭頭是道,今天暫不討論哪種方式好一些。從習慣來說,如果你在android上的app忽然采取了windows的習慣,確定在右,那么給用戶將帶來毀滅性的災難,很容易誤操作。
對于一款產品來說,用戶習慣是非常重要的,卻經常被設計者忽略。通常,習慣用法因為有用才會成為習慣用法,適當的習慣用法會使用戶在不同產品間使用變得容易,不需要花費額外的努力來得到背后的工作原理。但是許多產品經理及設計師卻喜歡反復發明輪子。為了追求一種酷炫的狀態,設計一些與眾不同的東西,(當然除了快手這款簡單易上手顛覆設計行業的奇葩軟件不說)增加用戶學習成本,除非你的產品足夠優秀能時刻吸引用戶,否則只會被邊緣化甚至淘汰。
3.把頁面劃分成明確定義的區域
把頁面劃分為明確定義的區域很重要,因為這可以讓用戶很快決定關注頁面的哪些區域,或者放心地跳過哪些區域,用戶會很快確定頁面哪些部分包含有用信息,然后立刻忽略掉對自己無關的信息。
![_DW62G4((NN534ZU3~D9]KJ.png](http://upload-images.jianshu.io/upload_images/1091297-22fdbf5fd7ce7578.png?imageMogr2/auto-orient/strip%7CimageView2/2/w/400)
針對360,大部分用戶只關注快速查殺病毒,并不會在意是哪種引擎查殺以及引擎是否開啟,因此,360界面,將引擎分類這一功能只是放在左下角,并且要比快速查殺,立即掃描這一主流功能要小得多。
4.明顯標識可以點擊的地方
人們在網絡上所做的大部分事情就是找到下一個地方點擊,那么明確地標識哪些地方可以點擊,哪些地方不能點擊,是非常重要的。用戶確定點擊哪里并不會花很長的時間,但如果你迫使用戶去思考某些下意識就可以知道的東西,那么完全就是浪費每個用戶對產品的耐心和好感。百度和谷歌在這點上做的非常好。
通過明顯的Google搜索和百度一下,減少了用戶思考時間。大大提升效率。
5.降低視覺噪聲
對于用戶來說讓頁面不易理解的一大原因就是視覺噪聲,即讓用戶眼花繚亂,表面上信息非常全,所有的內容希望得到用戶注意,但效果往往會適得其反,就像淘寶上有的店家頁面,滿眼都是促銷消息,卻沒有突出自己店里面的熱賣物品,讓用戶困惑不解。用戶們對復雜性和干擾的容忍度不一樣,但是設計頁面時,最好的辦法就是,先假定所有內容都是視覺噪聲,然后證明哪些不是,再顯示哪些。