對時間線timeline,不知道大家是怎么理解的佃延。我淺薄的理解是现诀,時間的一條線,一個時間點對應(yīng)著一個事件履肃。我們常匙醒兀看到時間線的運用在我們的社交網(wǎng)站和app中,或許很多人不知道自己看到的是時間線的設(shè)計尺棋,不過那設(shè)計已經(jīng)潛移默化地扎根在大家的腦中封锉。
我在設(shè)計簡歷的時候,一不小心就誤用了時間線的應(yīng)用膘螟。當時沒有想過運用時間線成福,只是想加點東西點綴一下,結(jié)果就掉進了一個坑了里荆残。
先再看一個例子:
這些設(shè)計不能叫做時間線設(shè)計奴艾,是隨機設(shè)計。這些隨機設(shè)計違反了UX設(shè)計的原則内斯。將你誤導到時間線的概念上蕴潦,表達不清導致歧義,是設(shè)計的大忌俘闯。
或許你會跟我開始的時候一樣提出反駁潭苞,一般人不知道什么設(shè)計的原則,只要用戶看上去覺得舒服就可以真朗。還有為什么一定要將這種一條豎線一個點表示成一個時間點此疹,不可以僅僅表示成一個事件?
其實舒服不舒服蜜猾,并非僅僅針對是視覺上來說秀菱,還有是交互與認知舒不舒服。這種表示方式已經(jīng)成為一種使用的慣例蹭睡,時序性衍菱。如果自己覺得是一種創(chuàng)新去改變這種設(shè)計的話,要考慮用戶再學習而帶來的成本肩豁,還有就是用戶是否愿意改變原來的習慣認知而適應(yīng)你的設(shè)計脊串。創(chuàng)新設(shè)計不應(yīng)該增加用戶的學習曲線而是應(yīng)該降低用戶的學習曲線。歧義的表達是一種增加用戶負擔的做法清钥,不是創(chuàng)新而是失誤琼锋。
設(shè)計之前第一步就系要理解用戶使用場景的上下文。
Learn from your users祟昭,and understand the user context.
附上
- 20個華麗時間軸在網(wǎng)頁設(shè)計中的案例欣賞
http://sc.chinaz.com/info/141206224534.htm - 時間軸ui交互設(shè)計缕坎,我學會的四件事
http://www.cmie365.net/a/news/zuixinhuodong/724.html