Please enable JavaScript.
Coggle requires JavaScript to display documents.
08介面設計原則 - Coggle Diagram
08介面設計原則
導覽列
提醒使用者所在的頁面
讓使用者知道接下來還能去哪些頁面
決定使用者的操作體系
種類
頁首頁尾
麵包屑導覽
階段式>>使用者不迷路
優先順序>>左側開始
網站構造
頁面跟頁面間是立體的
資訊透過連結相互關聯
掌握頁面之間的相對位置
建立操作機制
使用者會希望掌握頁面中移動的脈絡
確保使用者知道
頁面中的內容
究竟是如何到達的
處在哪個頁面
介面視覺設計
功能>視覺
介面的一致性
隱喻
現實含意
習慣建立
從簡潔開始
裝置與捲動方向
文字>>從左到右、上到下>>垂直
方向不一樣
翻頁(水平)
捲動(垂直)
考量要素
文字數量
螢幕形狀
畫面元素
溝通
對話對象
團隊人員
客戶
以使用者怎樣會更好好來溝通
讓他們知道End user
使用者
客戶不會有答案將客戶當成使用者
運用介面的資訊作為媒介
回饋
流程
執行行為>目標產生回饋>回饋引發事件>了解回饋意義>下個行為
使用者需知道
哪裡已經按過
按了會發生什麼事
哪裡可以按
輸入方式
電腦
焦點
使用者尚未動作>>一般動作
滑鼠移入
點選
智慧型裝置
觸碰
滑動
撥動
拖曳
介面視覺規劃
原則
設計一致性
利用習慣來延續慣例
使用者第一眼看到什麼>>營造對比
邏輯>美感
網頁佈局模式
決定畫面元素的安排
佈置模式
雙欄
三欄
單欄
更有張力、更深刻
裝置影響
物理性
畫面尺寸
螢幕方向
與螢幕距離
使用方式
手指>拇指法則
遙控裝置
滑鼠
軟體
團片解析度
向量圖型為主
不同平台有差異
應用程式>>功能
網頁>>資訊內容
呈現方式
網頁
需要跨裝置通吃
需要SEO加強曝光
預算較低
可頻繁更新
應用程式
需要連結手機原生功能
透過手機進行小額付款
元素跟資訊較複雜
大原則:使用者一眼看懂
資訊的優先性