原創(chuàng)精選|如何設(shè)計一款實用的時間管理 APP

▲點擊"三分設(shè)"關(guān)注,回復(fù)"社群"加入我們
歡迎來到專業(yè)設(shè)計師學(xué)習(xí)交流社區(qū)
三分設(shè)|連接知識,幫助全球 1 億設(shè)計師成長
阿里巴巴設(shè)計官方認(rèn)證 MCN 機構(gòu)
SUXA 深圳體驗設(shè)計協(xié)會華東分會
全球服務(wù)設(shè)計共創(chuàng)節(jié)城市站發(fā)起者
·
轉(zhuǎn)自:TCC翻譯情報局
編輯:李凱悅
共 3733 字,預(yù)計閱讀 10 分鐘
在日常生活中,你是否喜歡做計劃?時間管理的效果如何?無論答案怎樣,我們都不可避免那些總在計劃外的事情,可能是突發(fā)事件,也可能是環(huán)境干擾,又或者是拖延癥作祟,導(dǎo)致一個計劃的周期被延長,下一個計劃的時間被壓縮。我們好像總是很難預(yù)測任務(wù)的時間。為了解決這一問題,作者借助設(shè)計思維框架,設(shè)計了一款具有專注模式的時間管理 App,幫助人們克服拖延癥,改善時間管理問題。文中詳細(xì)介紹了問題驗證、定義問題、提出創(chuàng)意、原型設(shè)計、用戶測試 5 個設(shè)計環(huán)節(jié)。最后,筆者梳理了項目中存在的問題和可優(yōu)化點,對整個設(shè)計流程進(jìn)行了反思總結(jié)。

背景
通常情況下,我會把一天要做的事情全部寫在待辦列表里,但卻從來沒有真正完成過所有事情 。不是拖延癥作祟,就是被一些 簡單或緊急 的任務(wù)分心,導(dǎo)致我明天將面臨更多的工作。
人們很難預(yù)測完成任務(wù)所需的時間。
—— As Nir Eyal
從這個問題出發(fā),我嘗試設(shè)計一款時間管理工具,幫助人們創(chuàng)建自己的時間表,并且按照時間表如期完成任務(wù)。
問題
從上面的問題出發(fā),我嘗試把它們 細(xì)化,找到阻礙計劃完成的原因,包含:
當(dāng)我想要開始做任務(wù)的時候,會忍不住拖延,最后導(dǎo)致時間不夠用,只能將另一項任務(wù)擱置;
做任務(wù)時不能集中注意力,并且很容易分心,導(dǎo)致需要更多的時間來完成任務(wù),也讓自己變得更加疲憊;
我會把當(dāng)天未完成的任務(wù)放到明天,這樣明天總有更多的任務(wù),并且破壞了我的時間管理計劃。
方法
在進(jìn)行這個案例研究的時候,我借助了 設(shè)計思維框架 。這個框架由幾個階段組成,即同理心、定義、構(gòu)思、原型、測試。

同理心
在這個階段,我開始計劃和調(diào)研,目的是驗證前面提到的問題是否存在。這些問題目前只是一個假設(shè),需要被驗證。
調(diào)研計劃
首先要定義調(diào)研的目標(biāo),找到這個問題背后的 動機 和 痛點 。
因此,我的調(diào)研計劃是:了解人們?yōu)槭裁礋o法如期完成自己的任務(wù)安排。
接下來,我列出了 需要被驗證的假設(shè) ,如下:
人們在開始做任務(wù)的時候會拖延時間;
人們在進(jìn)行任務(wù)的時候容易分心且無法精力集中;
人們在梳理待辦事項時,喜歡指定任務(wù)的優(yōu)先級。
之后可以開始 定義調(diào)研問題 ,從上面的假設(shè)出發(fā),我列出了主要的問題:
請問您在完成任務(wù)時最大的挑戰(zhàn)是什么?
請問您如何安排您的待辦事項?
請問您當(dāng)前使用的方法,面臨的主要問題是什么?
為了讓這件事情變得更加容易,您會怎么樣做?
進(jìn)行調(diào)研
完成調(diào)研計劃后,我用兩種不同但相互關(guān)聯(lián)的方法進(jìn)行了研究。首先,我在社交媒體上做一些快速調(diào)查,以了解其他人是否有同樣的問題。然后,我選擇了一些和我有相同想法的人進(jìn)行訪談,深入了解他們的問題,這些受訪者的年齡在 19-23 歲之間。
以上就是建立同理心所要做的工作,在這個階段,我嘗試去理解人們對完成待辦事項的感受。在交談中,我還可以得到額外的信息,比如受訪者用什么方法來敦促自己完成計劃。基于這些數(shù)據(jù),我嘗試提出改進(jìn)方法。
定義
親和圖
訪談結(jié)束后,我將收集的信息整理歸納,灰色部分是從采訪結(jié)果中獲取的,然后根據(jù)相似性把他們分組,推導(dǎo)出黃色部分的洞察結(jié)果。

從上面的親和圖來看,有一個觀點出現(xiàn)的頻率最高,即 人們在完成任務(wù)時無法專注且容易分心。根據(jù)這五個洞見,我提出了相匹配的設(shè)計策略:
創(chuàng)建一個讓用戶計劃待辦事項的平臺
提供有關(guān)任務(wù)進(jìn)度的信息
當(dāng)用戶在進(jìn)行任務(wù)時,提供專注模式
當(dāng)用戶在進(jìn)行任務(wù)時,提供鎖定手機的選擇
提供一個建立良好習(xí)慣的時間表
根據(jù)設(shè)計策略,我決定設(shè)計一款 具有專注模式的時間管理 App,幫助人們克服拖延癥,改善時間管理問題。我借用時間裝箱 timebox [1] 的概念來設(shè)計專注模式,通過給每個任務(wù)設(shè)定嚴(yán)格的時間限制,促使用戶開始任務(wù)。
([1] 時間裝箱(timebox):在日歷中為任務(wù)設(shè)置固定的時間量,包含日期、開始時間、結(jié)束時間,以及期望結(jié)果和彈性時間。)
設(shè)計創(chuàng)意
在這個階段,我主要做兩件事情:
用戶任務(wù)&用戶旅程
線框圖
用戶任務(wù) & 用戶旅程
根據(jù)解決方案,首先要羅列出需要用戶完成的工作 Jobs-to-be-done [2] 。
([2] Jobs-to-be-done : 用來準(zhǔn)確描述用戶在什么場景下,想要達(dá)成的目標(biāo)?!?Tony Ulwick)
之后,我為每個用戶任務(wù)創(chuàng)建了用戶旅程,以下是用戶任務(wù)表和用戶旅程示例:

線框圖
線框圖適用于在信息和視覺設(shè)計之前建立基礎(chǔ)的界面結(jié)構(gòu) ,提升高保真設(shè)計效率 。以上就是設(shè)計創(chuàng)意階段的所有工作,我會在下一階段,講述如何設(shè)計高保真。

設(shè)計輸出
原型
建立原型是我最喜歡的步驟 。在設(shè)計界面之前 ,首先要確定字體和色板的設(shè)計規(guī)范,為后續(xù)設(shè)計定義視覺標(biāo)準(zhǔn) 。

Poppins 是目前最流行的界面字體,它有著均衡的質(zhì)量,粗體和細(xì)體兩種樣式,適用于正式和非正式的場景;第二個字體是 open sans,這個字體質(zhì)感更柔和。
我用淺藍(lán)色作為主色調(diào),營造平靜 、平和情緒氛圍 ,希望塑造用戶穩(wěn)定和可靠的心智,始終如一地完成他們的任務(wù) 。
確定好設(shè)計規(guī)范之后,我開始了高保真設(shè)計 ,并加入交互說明 ,完成最終交付界面 。
Quick timebox 專注模式 ,幫助用戶在忙碌的情況下 ,為緊急事件設(shè)定任務(wù)時間。Timebox 允許用戶設(shè)置屏幕鎖定或者應(yīng)用屏蔽 。

Quick timebox
產(chǎn)品提供了兩種不同的時間安排。一種是活動規(guī)劃,包含了與之相關(guān)的所有日程信息,幫助用戶關(guān)注于某個活動,并且不會被其它事物分散注意力。支持保存活動 ,以便未來使用
活動規(guī)劃
第二種是日程規(guī)劃 。用戶可以為設(shè)定好的活動創(chuàng)建日程序列,包含選擇優(yōu)先級、創(chuàng)建提醒、指定日程時間、鎖定手機屏幕、屏蔽其他應(yīng)用等操作。當(dāng)用戶想要停止日程規(guī)劃時,必須輸入特定的詞語來確保他們真正完成了任務(wù)。
日程規(guī)劃
這款產(chǎn)品還可以進(jìn)行習(xí)慣養(yǎng)成 。用戶通過設(shè)定日常計劃來幫助他們發(fā)展一個新愛好,選擇一周中的某一天作為習(xí)慣養(yǎng)成時間,并且按照他們的想法進(jìn)行自定義的提醒。他們可以追蹤他們的愛好規(guī)劃,如圖下所示。
習(xí)慣養(yǎng)成
設(shè)計成果
測試
我把制作好的原型給之前的受訪者進(jìn)行測試。很不幸的是在疫情期間,不能和他們面對面交流 ,只能通過可用性測試工具 Maze 的做了遠(yuǎn)程測試 。
測試的結(jié)果是,大部分測試者覺得產(chǎn)品目前的界面設(shè)計是很優(yōu)秀的,但是還需要時間去熟悉產(chǎn)品,因為在使用之前他們花了些時間去學(xué)習(xí)如何使用。值得一提的是 ,加入鎖定手機或屏蔽某些應(yīng)用的功能 ,正是在測試中發(fā)現(xiàn)的優(yōu)化點 。
之前:大多數(shù)測試者覺得之前的版本功能太簡單,不能滿足他們想要集中注意力的需求
之后:根據(jù)用戶反饋,加入了鎖定手機和屏蔽某些應(yīng)用的功能
根據(jù)測試及用戶反饋結(jié)果來提升設(shè)計 ,希望這款應(yīng)用可以幫助用戶更好得集中注意力,解決拖延癥的問題。
反思
這就是該項目的全部過程,通過這個項目,我對產(chǎn)品設(shè)計流程有了新認(rèn)識 ,但是仍然有一些部分是可以提升的 :
在進(jìn)行調(diào)研之前,必須制定更加細(xì)節(jié)的調(diào)研計劃 ,包括選擇調(diào)研方法、起草調(diào)研指南、準(zhǔn)備調(diào)研提綱等。如果調(diào)研過程做的不夠好,就不能真正解決用戶問題 ,最后導(dǎo)致產(chǎn)品失敗 。
在設(shè)計過程中,不要直接跳到高保真環(huán)節(jié),而是通過創(chuàng)造多種線框方案來探索更多可能性。在找到最佳方案之前,可以利用情緒版來激發(fā)靈感 ,然后從多種方案中找到解決問題的最優(yōu)解 。
在設(shè)計中做更多的迭代,堅持做用戶測試來優(yōu)化設(shè)計,直到用戶覺得這款產(chǎn)品解決了他們的問題。
不要害怕去嘗試,保持探索精神。
文章到這里就結(jié)束了,感謝您的閱讀。歡迎留言,期待與您的交流。
感謝
文章寫作風(fēng)格靈感源于 Alocaway
文章結(jié)構(gòu)靈感源于 Budi Tanrim 的文章 Effective Portfolio Structure
原文:https://bootcamp.uxdesign.cc/schedule-builder-a-ux-case-study-5cd7500dc0f
作者:Rifki A. Siregar
譯者:王英睿
審核:張小璽、張聿彤
編輯:李凱悅
本文翻譯已獲得作者的正式授權(quán)(授權(quán)截圖如下)

推 薦 閱 讀

超 10 億用戶的產(chǎn)品,到底是怎么做用戶體驗的?
谷歌的新一代 Web 性能體驗和質(zhì)量指標(biāo)
想要引導(dǎo)用戶行為轉(zhuǎn)化,理解這 4 個認(rèn)知心理學(xué)理論
讓設(shè)計圈一片嘩然的 Google 新 logo 到底出了什么問題?
如何系統(tǒng)的增強用戶粘性,提升產(chǎn)品轉(zhuǎn)化率?
如何將設(shè)計系統(tǒng)快速的從 Sketch 切換到 Figma?
歡迎大家關(guān)注三分設(shè),每天分享優(yōu)質(zhì)設(shè)計、創(chuàng)意靈感、新知新識,定期大咖老師直播分享,零距離連麥,答疑解惑。

