今天做的是滴答清單的分析豹储,思路還是差不多桃漾,先走一遍所有頁面和所有的功能流程坏匪,可惜有一些功能要會員,也就沒有包括進來撬统。然后就整理流程适滓,歸納功能模塊,最后在axure上把交互稿大致畫出來恋追,畫的時候就會考慮凭迹,如果是我會怎么做,現(xiàn)在這樣設計的原因是什么苦囱。下面開始吧嗅绸。
首先放出我整理的流程圖。
畫流程圖的時候撕彤,有兩個點比較糾結鱼鸠,一是流程要細化到什么程度,比如設置時間,不能說開始-設置時間-完成蚀狰,也可能說開始-選擇日期-是否更改日期-是否取消設置-選擇時間-是否更改時間-是否保存----愉昆。二是流程的廣度,一些流程中造锅,會包括很多可選的操作撼唾,比如新建任務的時候,可以選擇是否添加提醒哥蔚,是否移動到別的清單等倒谷,這些需不需要包括進來。
糾結的時候糙箍,最需要的就是明確流程圖的用途渤愁,如果你只是自己整理為了畫交互稿方便的,那就你自己能懂就好深夯,如果是為了分享討論的抖格,是線上的還是線下的,有沒有其他輔助的材料等咕晋,都是判斷的標準雹拄。
第一點我還是想說說浮動按鈕的問題,從點擊效率上來說掌呜,目前是直接點擊下方的輸入框滓玖,然后彈出鍵盤開始輸入,點擊左邊可以設置任務的時間质蕉,點擊右邊可以轉到語音模式势篡,然后按住說話。
如果采用浮動按鈕模暗,點擊之后進入編輯窗口禁悠,同樣可以執(zhí)行以上的操作。但是浮動按鈕除了在視覺上比較突出兑宇,其他方面并沒有什么太大的好處碍侦。比如提示文字,現(xiàn)在輸入框可以提示用戶一些相關的信息顾孽,比起浮動圖標的icon來說明確得多祝钢。
常常說一圖抵千字,就是說一張好的圖片可以將復雜的內(nèi)容簡明地表示出來若厚,但往往準確性不高拦英,一張圖片可以有很多的解讀,要不怎么會有看圖寫作文這種東西呢测秸,雖然結合特定的環(huán)境背景疤估,圖片可以明確其意義灾常,但我們并不能保證每個用戶的感覺都是一樣的。
所以這里我覺得文字線索來得更有用铃拇,加上這里的操作不多钞瀑,三個,時間設置慷荔,文字輸入雕什,語音輸入,直接放置在底部欄不會顯得太復雜显晶。這也是和google keep的區(qū)別贷岸,keep的功能較多。
第二個講講時間設置方面磷雇。
時間可以在任務創(chuàng)建之間就先設置好偿警,也可以等任務創(chuàng)建完成再增加。兩種情況下又分別有幾種不同的觸發(fā)方式或者設置類型唯笙,好在最后都會到達一個相似的時間設置界面螟蒸。與時間設置相關聯(lián)的還有一個提醒功能,一般默認是“準時”崩掘,也就是你設置好任務的時間后七嫌,到了那個時間點會提醒你,可以自己修改為提前5分鐘苞慢,1小時抄瑟,1天等。最后還有一個循環(huán)提醒功能枉疼,可以設置比如每周一提醒我上班之類的任務。
整體的感覺就是鞋拟,時間設置方面非常靈活骂维,允許用戶深度定制,我的第一反應是這樣會不會太過復雜了贺纲,不過仔細分析下來航闺,其實每個地方的時間設置都有特定的語境,每個流程也足夠簡潔猴誊。新建潦刃,編輯,查看懈叹,不同的模式下時間設置入口都是唯一的乖杠。這里確實做得不錯,學習了澄成。
這里提一點彈窗方面的胧洒,我發(fā)現(xiàn)滴答里面有幾處地方是兩重彈窗的畏吓,就比如時間,點擊icon彈出設置界面卫漫,然后點擊自定義則又彈出另外一個菲饼,而且還是直接疊著的。記得material design中講到最好不要多重彈出列赎,會增加z軸上的復雜度宏悦。不過這里確實不好做,首先第一層彈窗是沒問題的包吝,但是第二層饼煞,新打開一個頁面,或者直接替換掉第一層的彈窗都不是很合適漏策,如果在第一層就直接打開新頁面派哲,也顯得不是很有必要。好在掺喻,滴答在彈窗出現(xiàn)的時候壓暗了其他區(qū)域芭届,不是刻意去關注的話不容易看到。
最后講一講手勢操作感耙。
滴答清單中的手勢操作很豐富褂乍,對一個任務,可以有左短拉即硼,左長拉逃片,右短拉,右長拉只酥,最新版還增加了針對時間顯示區(qū)域褥实,長按之后可以左右滑動設置進度,一開始有相應的引導裂允,相應的反饋也有损离。其中右滑的兩個操作是“完成”“優(yōu)先級”,左滑的兩個操作是“設置時間”“移動”绝编。
對于新用戶來說僻澎,要一次性記住四個手勢對應的功能,以及把握好滑動的距離十饥,這樣才能利用好手勢操作窟勃,不然每次使用都要摸索一下,還不如直接點擊逗堵,因為這四個功能秉氧,三個是可以通過點擊兩次就打開的,“完成”功能則只需要點擊一次蜒秤,所以除非用戶能掌握好手勢操作谬运,不然意義不是很大隙赁。
然后再看分析一下四個操作的排列,左邊是什么梆暖,右邊是什么伞访,哪一個是長拉,哪一個是短拉轰驳,好像和操作本身沒有什么必然的聯(lián)系厚掷。除了右滑完成,這個是比較常用的级解,用戶也應該可以很容易的上手冒黑。但是右滑同時有可能觸發(fā)優(yōu)先級設置的操作,是針對還沒完成的任務而言的勤哗,兩者就不太一致了抡爹。左滑的也是一樣,兩者并沒有可以聯(lián)系的地方芒划,或者說冬竟,直接聯(lián)系的地方。這樣一來民逼,用戶學習的成本就更高了泵殴。
手勢在這里只是一種觸發(fā)操作的替代方式,可以提高資深用戶的操作效率拼苍,普通用戶大可以直接點擊執(zhí)行操作笑诅,只是如果可以優(yōu)化一下,讓用戶更容易學會就更好了疮鲫。
以上吆你。
歡迎評論交流。