創建通道, 帶領瀏覽者去我們要他去的地方。
對於用戶來說, 關鍵在於能否在網站上保持方向感, 能否得到所需的訊息, 以及能否完成他要做的事情.
清楚的導航結構不僅有助於用戶了解網站可以做什麼, 還能知道如何去做.
清楚的導航結構不僅有助於用戶了解網站可以做什麼, 還能知道如何去做.
設計中的每件事都很重要, 外觀, 佈局, 導航結構, 表達個性的元素, 乃至顏色與字型.
第一印象
1.1 佈局
基本但卻又複雜的方法:
1. 找出頁面上想要有的元素
2. 把所有元素全丟到頁面上
3. 然後, 移來移去找到一個彼此協調的樣子
1.2 引導視線
1. 善用古騰堡圖表 - 對角線平衡的佈局設計
2. 以動畫引導視線
3. 以線條引導視線
4. 以顏色引導視線
突顯個性
1. 統一設計風格, 有 PRO 的印象
2. 為網站創造一個有凝聚力的形象, "符號"
3. 注意符號給人的暗示印象
4. 符號的精緻與優雅
導航之道
1. 導航過程必須符合我們的思考問題的方式
2. 告訴軟件它該做什麼 -- 依功能做有意義的分組
3. 讓 User 有主導的感覺 -- 以"動詞 + 名詞"命名
4. Menu 命名 "動詞 + 名詞". 按鈕標籤是動詞, 而菜單選項是名詞
如: Manage > Fonts, Design > Web page
5. 不要用 login 這個字. 你要的是動詞 (Sign in) 而不是名詞.
6. 對於用戶來說, 關鍵在於能否在網站上保持方向感, 能否得到所需的訊息, 以及能否完成他要做的事情.
7. 清楚的導航結構不僅有助於用戶了解網站可以做什麼, 還能知道如何去做.
超鏈結
1. 一組目的相同的超鏈結清單 -- 我們要告訴瀏覽者什麼樣的訊息 -- 環境提示, 一切盡在不言中
※ 重要程度 -- 顏色深淺, 字體大小, 數字
※ 受歡迎程度 -- 字體大小, 數字
※ 內容豐富多寡 -- 字體大小, 數字
※ 時間的遠近程度 -- 顏色深淺
2. 什麼時候該說不
※ 如果需要解釋才能懂的, 那你得考慮考慮了
文章標籤
全站熱搜
