Please enable JavaScript.
Coggle requires JavaScript to display documents.
UI設計流程 - Coggle Diagram
UI設計流程
線框稿4.
線框稿是產品的基本雛形
產品的主要內容與排版架構
真正為客戶需要的功能配置
不會討論字型與顏色等細節
圖面上的功能與流程是否真正為使用者所需
5.互動原型
互動原型基本上已經非常接近完成品的樣子
針對字型、顏色與 Icon 設計等等小細節做調整
Mockup 為無法操作的視覺稿
用於團隊溝通、或與業主確認是否為對方想要的感覺
Prototype 為可操作的原型
除了用來與團隊內部溝通外，也能提供給使用者做易用性測試
1.IA資訊架構
1.以使用者為中心
2.使用者故事
認識使用者
描述使用者
3.了解使用者行為模式/使用者路徑
了解使用者的痛點
釐清使用者的需求
3.操作邏輯流程
用與開發人員確認所有情境下會出現的狀態與需要
flow chart
通常以流程圖呈現
形狀標籤代表不同的意義
圓角矩形
一個流程的起點與終點 (Terminator)
矩形
處理流程 (Process)
平行四邊形
資料的產生 (Input/Output)
菱形
代表抉擇 (Decision)
UI flow
依據 Flow Chart 所繪製出的頁面流程雛形
基本的線框稿呈現
視覺上的溝通更加直觀
2.功能地圖
依據使用者分析設計所需功能
跟開發人員確認的溝通工具
確認人力
確認技術力
確認時間
確認經費