今天做的是滴答清單的分析，思路還是差不多，先走一遍所有頁面和所有的功能流程，可惜有一些功能要會員，也就沒有包括進(jìn)來。然后就整理流程，歸納功能模塊，最后在axure上把交互稿大致畫出來，畫的時(shí)候就會考慮，如果是我會怎么做，現(xiàn)在這樣設(shè)計(jì)的原因是什么。下面開始吧。
首先放出我整理的流程圖。
畫流程圖的時(shí)候，有兩個(gè)點(diǎn)比較糾結(jié)，一是流程要細(xì)化到什么程度，比如設(shè)置時(shí)間，不能說開始-設(shè)置時(shí)間-完成，也可能說開始-選擇日期-是否更改日期-是否取消設(shè)置-選擇時(shí)間-是否更改時(shí)間-是否保存----。二是流程的廣度，一些流程中，會包括很多可選的操作，比如新建任務(wù)的時(shí)候，可以選擇是否添加提醒，是否移動(dòng)到別的清單等，這些需不需要包括進(jìn)來。
糾結(jié)的時(shí)候，最需要的就是明確流程圖的用途，如果你只是自己整理為了畫交互稿方便的，那就你自己能懂就好，如果是為了分享討論的，是線上的還是線下的，有沒有其他輔助的材料等，都是判斷的標(biāo)準(zhǔn)。
第一點(diǎn)我還是想說說浮動(dòng)按鈕的問題，從點(diǎn)擊效率上來說，目前是直接點(diǎn)擊下方的輸入框，然后彈出鍵盤開始輸入，點(diǎn)擊左邊可以設(shè)置任務(wù)的時(shí)間，點(diǎn)擊右邊可以轉(zhuǎn)到語音模式，然后按住說話。
如果采用浮動(dòng)按鈕，點(diǎn)擊之后進(jìn)入編輯窗口，同樣可以執(zhí)行以上的操作。但是浮動(dòng)按鈕除了在視覺上比較突出，其他方面并沒有什么太大的好處。比如提示文字，現(xiàn)在輸入框可以提示用戶一些相關(guān)的信息，比起浮動(dòng)圖標(biāo)的icon來說明確得多。
常常說一圖抵千字，就是說一張好的圖片可以將復(fù)雜的內(nèi)容簡明地表示出來，但往往準(zhǔn)確性不高，一張圖片可以有很多的解讀，要不怎么會有看圖寫作文這種東西呢，雖然結(jié)合特定的環(huán)境背景，圖片可以明確其意義，但我們并不能保證每個(gè)用戶的感覺都是一樣的。
所以這里我覺得文字線索來得更有用，加上這里的操作不多，三個(gè)，時(shí)間設(shè)置，文字輸入，語音輸入，直接放置在底部欄不會顯得太復(fù)雜。這也是和google keep的區(qū)別，keep的功能較多。
第二個(gè)講講時(shí)間設(shè)置方面。
時(shí)間可以在任務(wù)創(chuàng)建之間就先設(shè)置好，也可以等任務(wù)創(chuàng)建完成再增加。兩種情況下又分別有幾種不同的觸發(fā)方式或者設(shè)置類型，好在最后都會到達(dá)一個(gè)相似的時(shí)間設(shè)置界面。與時(shí)間設(shè)置相關(guān)聯(lián)的還有一個(gè)提醒功能，一般默認(rèn)是“準(zhǔn)時(shí)”，也就是你設(shè)置好任務(wù)的時(shí)間后，到了那個(gè)時(shí)間點(diǎn)會提醒你，可以自己修改為提前5分鐘，1小時(shí)，1天等。最后還有一個(gè)循環(huán)提醒功能，可以設(shè)置比如每周一提醒我上班之類的任務(wù)。
整體的感覺就是，時(shí)間設(shè)置方面非常靈活，允許用戶深度定制，我的第一反應(yīng)是這樣會不會太過復(fù)雜了，不過仔細(xì)分析下來，其實(shí)每個(gè)地方的時(shí)間設(shè)置都有特定的語境，每個(gè)流程也足夠簡潔。新建，編輯，查看，不同的模式下時(shí)間設(shè)置入口都是唯一的。這里確實(shí)做得不錯(cuò)，學(xué)習(xí)了。
這里提一點(diǎn)彈窗方面的，我發(fā)現(xiàn)滴答里面有幾處地方是兩重彈窗的，就比如時(shí)間，點(diǎn)擊icon彈出設(shè)置界面，然后點(diǎn)擊自定義則又彈出另外一個(gè)，而且還是直接疊著的。記得material design中講到最好不要多重彈出，會增加z軸上的復(fù)雜度。不過這里確實(shí)不好做，首先第一層彈窗是沒問題的，但是第二層，新打開一個(gè)頁面，或者直接替換掉第一層的彈窗都不是很合適，如果在第一層就直接打開新頁面，也顯得不是很有必要。好在，滴答在彈窗出現(xiàn)的時(shí)候壓暗了其他區(qū)域，不是刻意去關(guān)注的話不容易看到。
最后講一講手勢操作。
滴答清單中的手勢操作很豐富，對一個(gè)任務(wù)，可以有左短拉，左長拉，右短拉，右長拉，最新版還增加了針對時(shí)間顯示區(qū)域，長按之后可以左右滑動(dòng)設(shè)置進(jìn)度，一開始有相應(yīng)的引導(dǎo)，相應(yīng)的反饋也有。其中右滑的兩個(gè)操作是“完成”“優(yōu)先級”，左滑的兩個(gè)操作是“設(shè)置時(shí)間”“移動(dòng)”。
對于新用戶來說，要一次性記住四個(gè)手勢對應(yīng)的功能，以及把握好滑動(dòng)的距離，這樣才能利用好手勢操作，不然每次使用都要摸索一下，還不如直接點(diǎn)擊，因?yàn)檫@四個(gè)功能，三個(gè)是可以通過點(diǎn)擊兩次就打開的，“完成”功能則只需要點(diǎn)擊一次，所以除非用戶能掌握好手勢操作，不然意義不是很大。
然后再看分析一下四個(gè)操作的排列，左邊是什么，右邊是什么，哪一個(gè)是長拉，哪一個(gè)是短拉，好像和操作本身沒有什么必然的聯(lián)系。除了右滑完成，這個(gè)是比較常用的，用戶也應(yīng)該可以很容易的上手。但是右滑同時(shí)有可能觸發(fā)優(yōu)先級設(shè)置的操作，是針對還沒完成的任務(wù)而言的，兩者就不太一致了。左滑的也是一樣，兩者并沒有可以聯(lián)系的地方，或者說，直接聯(lián)系的地方。這樣一來，用戶學(xué)習(xí)的成本就更高了。
手勢在這里只是一種觸發(fā)操作的替代方式，可以提高資深用戶的操作效率，普通用戶大可以直接點(diǎn)擊執(zhí)行操作，只是如果可以優(yōu)化一下，讓用戶更容易學(xué)會就更好了。
以上。
歡迎評論交流。
