“How to make your work speaks for itself?”
當你有了主題,你想要怎麼呈現?
1.瞭解要使用的data
2.如果你是User,你的需求可能是什麼?
3.列出所有你想要表達的重點
4.畫出草圖
5.設定互動
有了基礎的Data認識和想呈現的需求後,
純粹圖形化?
加值處理後呈現?
User 喜歡
快速得到資訊
讓使用者可以調整想要觀看的面向,但要能
在第一眼就能看出顯著的資訊
除了第一眼看到的資訊,接下來可以
提供讓User自行探索的空間
視覺
如果沒有視覺上要強調的物件,
適合的圖表可以讓表達更清楚
面對多種圖表選擇,該怎麼選?
長條圖
看差距
折線圖
看走勢或變化
圓餅圖
適合表示單一族群對群體的比例
ref: story telling with data
地理資訊? 結合地圖
人的耐心
很少!!!
所以除了接資料和寫程式之外,
還有哪些要注意??
不要讓使用者
記太多東西或重新學習
避免
分散使用者注意力
不要馬上改變
使用者的習慣
有了上述的概念,接下來你可以畫出
想呈現的重點、草圖
作品吸引人的三大原則:
Effective
Easy
Enjoyable
作品設計上有什麼需要注意的事情嗎?
善用"重複"
善用顏色
同類元素排列&形狀
清楚易懂,凸顯重點
目標:
錯誤的表示方法會誤導User
互動設計,我該知道些什麼?
哪些重要? 哪些是次重要?
Feedback
Click?
Hover?
預估等待時間?
你給的引導提示是否能被User 看懂並使用?
Mapping
"You don't have to reinvent the wheel."
找出慣例
分析形成慣例的成因
尋找改進的可能或合理運用的方法
Pattern
細微處影響感受
xp vs. mac
必要的時間花費,
誰付出而已? developer ? user?
引導
模仿習慣
動畫使用
該怎麼知道User喜不喜歡我的作品?
A/B test
最後,
簡單設計? 複雜設計?
吸引力
Reference
By peihsuan