【每日一練4】滴答清單交互設計分析

今天做的是滴答清單的分析豹储,思路還是差不多桃漾,先走一遍所有頁面和所有的功能流程坏匪,可惜有一些功能要會員,也就沒有包括進來撬统。然后就整理流程适滓,歸納功能模塊,最后在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)化一下,讓用戶更容易學會就更好了疮鲫。

以上吆你。
歡迎評論交流。

最后編輯于
?著作權歸作者所有,轉載或內(nèi)容合作請聯(lián)系作者
  • 序言:七十年代末俊犯,一起剝皮案震驚了整個濱河市早处,隨后出現(xiàn)的幾起案子,更是在濱河造成了極大的恐慌瘫析,老刑警劉巖,帶你破解...
    沈念sama閱讀 222,104評論 6 515
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件默责,死亡現(xiàn)場離奇詭異贬循,居然都是意外死亡,警方通過查閱死者的電腦和手機桃序,發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 94,816評論 3 399
  • 文/潘曉璐 我一進店門杖虾,熙熙樓的掌柜王于貴愁眉苦臉地迎上來,“玉大人媒熊,你說我怎么就攤上這事奇适》乇龋” “怎么了?”我有些...
    開封第一講書人閱讀 168,697評論 0 360
  • 文/不壞的土叔 我叫張陵嚷往,是天一觀的道長葛账。 經(jīng)常有香客問我,道長皮仁,這世上最難降的妖魔是什么籍琳? 我笑而不...
    開封第一講書人閱讀 59,836評論 1 298
  • 正文 為了忘掉前任,我火速辦了婚禮贷祈,結果婚禮上趋急,老公的妹妹穿的比我還像新娘。我一直安慰自己势誊,他們只是感情好呜达,可當我...
    茶點故事閱讀 68,851評論 6 397
  • 文/花漫 我一把揭開白布。 她就那樣靜靜地躺著粟耻,像睡著了一般查近。 火紅的嫁衣襯著肌膚如雪。 梳的紋絲不亂的頭發(fā)上勋颖,一...
    開封第一講書人閱讀 52,441評論 1 310
  • 那天嗦嗡,我揣著相機與錄音,去河邊找鬼饭玲。 笑死侥祭,一個胖子當著我的面吹牛,可吹牛的內(nèi)容都是我干的茄厘。 我是一名探鬼主播矮冬,決...
    沈念sama閱讀 40,992評論 3 421
  • 文/蒼蘭香墨 我猛地睜開眼,長吁一口氣:“原來是場噩夢啊……” “哼次哈!你這毒婦竟也來了胎署?” 一聲冷哼從身側響起,我...
    開封第一講書人閱讀 39,899評論 0 276
  • 序言:老撾萬榮一對情侶失蹤窑滞,失蹤者是張志新(化名)和其女友劉穎琼牧,沒想到半個月后,有當?shù)厝嗽跇淞掷锇l(fā)現(xiàn)了一具尸體哀卫,經(jīng)...
    沈念sama閱讀 46,457評論 1 318
  • 正文 獨居荒郊野嶺守林人離奇死亡巨坊,尸身上長有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點故事閱讀 38,529評論 3 341
  • 正文 我和宋清朗相戀三年,在試婚紗的時候發(fā)現(xiàn)自己被綠了此改。 大學時的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片趾撵。...
    茶點故事閱讀 40,664評論 1 352
  • 序言:一個原本活蹦亂跳的男人離奇死亡,死狀恐怖共啃,靈堂內(nèi)的尸體忽然破棺而出占调,到底是詐尸還是另有隱情暂题,我是刑警寧澤,帶...
    沈念sama閱讀 36,346評論 5 350
  • 正文 年R本政府宣布究珊,位于F島的核電站薪者,受9級特大地震影響,放射性物質(zhì)發(fā)生泄漏苦银。R本人自食惡果不足惜啸胧,卻給世界環(huán)境...
    茶點故事閱讀 42,025評論 3 334
  • 文/蒙蒙 一、第九天 我趴在偏房一處隱蔽的房頂上張望幔虏。 院中可真熱鬧纺念,春花似錦、人聲如沸想括。這莊子的主人今日做“春日...
    開封第一講書人閱讀 32,511評論 0 24
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽瑟蜈。三九已至烟逊,卻和暖如春,著一層夾襖步出監(jiān)牢的瞬間铺根,已是汗流浹背宪躯。 一陣腳步聲響...
    開封第一講書人閱讀 33,611評論 1 272
  • 我被黑心中介騙來泰國打工, 沒想到剛下飛機就差點兒被人妖公主榨干…… 1. 我叫王不留位迂,地道東北人访雪。 一個月前我還...
    沈念sama閱讀 49,081評論 3 377
  • 正文 我出身青樓,卻偏偏與公主長得像掂林,于是被迫代替她去往敵國和親臣缀。 傳聞我的和親對象是個殘疾皇子,可洞房花燭夜當晚...
    茶點故事閱讀 45,675評論 2 359

推薦閱讀更多精彩內(nèi)容