案例研究｜如何設(shè)計(jì)一款實(shí)用的時(shí)間管理 APP
▲點(diǎn)擊 "TCC翻譯情報(bào)局" 關(guān)注，回復(fù) "社群" 加入我們
本文共 3561 字，預(yù)計(jì)閱讀 9 分鐘
TCC 情報(bào)局的 第 49 篇 干貨分享
2021 年的 第 37 篇
TCC 推薦：大家好，這里是 TCC 翻譯情報(bào)局，我是張聿彤。在日常生活中，你是否喜歡做計(jì)劃？時(shí)間管理的效果如何？無論答案怎樣，我們都不可避免那些總在計(jì)劃外的事情，可能是突發(fā)事件，也可能是環(huán)境干擾，又或者是拖延癥作祟，導(dǎo)致一個(gè)計(jì)劃的周期被延長，下一個(gè)計(jì)劃的時(shí)間被壓縮。我們好像總是很難預(yù)測(cè)任務(wù)的時(shí)間。為了解決這一問題，作者借助設(shè)計(jì)思維框架，設(shè)計(jì)了一款具有專注模式的時(shí)間管理 App，幫助人們克服拖延癥，改善時(shí)間管理問題。文中詳細(xì)介紹了問題驗(yàn)證、定義問題、提出創(chuàng)意、原型設(shè)計(jì)、用戶測(cè)試5個(gè)設(shè)計(jì)環(huán)節(jié)。最后，筆者梳理了項(xiàng)目中存在的問題和可優(yōu)化點(diǎn)，對(duì)整個(gè)設(shè)計(jì)流程進(jìn)行了反思總結(jié)。
背景
Context
通常情況下，我會(huì)把一天要做的事情全部寫在待辦列表里，但卻從來沒有真正完成過所有事情 。不是拖延癥作祟，就是被一些 簡單或緊急 的任務(wù)分心，導(dǎo)致我明天將面臨更多的工作。
人們很難預(yù)測(cè)完成任務(wù)所需的時(shí)間。
—— As Nir Eyal
從這個(gè)問題出發(fā)，我嘗試設(shè)計(jì)一款時(shí)間管理工具，幫助人們創(chuàng)建自己的時(shí)間表，并且按照時(shí)間表如期完成任務(wù)。
問題
Problem
從上面的問題出發(fā)，我嘗試把它們 細(xì)化，找到阻礙計(jì)劃完成的原因，包含：
當(dāng)我想要開始做任務(wù)的時(shí)候，會(huì)忍不住拖延，最后導(dǎo)致時(shí)間不夠用，只能將另一項(xiàng)任務(wù)擱置；
做任務(wù)時(shí)不能集中注意力，并且很容易分心，導(dǎo)致需要更多的時(shí)間來完成任務(wù)，也讓自己變得更加疲憊；
我會(huì)把當(dāng)天未完成的任務(wù)放到明天，這樣明天總有更多的任務(wù)，并且破壞了我的時(shí)間管理計(jì)劃。
方法
Approach
在進(jìn)行這個(gè)案例研究的時(shí)候，我借助了 設(shè)計(jì)思維框架 。這個(gè)框架由幾個(gè)階段組成，即同理心、定義、構(gòu)思、原型、測(cè)試。
同理心
在這個(gè)階段，我開始計(jì)劃和調(diào)研，目的是驗(yàn)證前面提到的問題是否存在。這些問題目前只是一個(gè)假設(shè)，需要被驗(yàn)證。
調(diào)研計(jì)劃
首先要定義調(diào)研的目標(biāo)，找到這個(gè)問題背后的 動(dòng)機(jī) 和 痛點(diǎn) 。
因此，我的調(diào)研計(jì)劃是：了解人們?yōu)槭裁礋o法如期完成自己的任務(wù)安排。
接下來，我列出了 需要被驗(yàn)證的假設(shè) ，如下：
人們?cè)陂_始做任務(wù)的時(shí)候會(huì)拖延時(shí)間；
人們?cè)谶M(jìn)行任務(wù)的時(shí)候容易分心且無法精力集中；
人們?cè)谑崂泶k事項(xiàng)時(shí)，喜歡指定任務(wù)的優(yōu)先級(jí)。
之后可以開始 定義調(diào)研問題 ，從上面的假設(shè)出發(fā)，我列出了主要的問題：
請(qǐng)問您在完成任務(wù)時(shí)最大的挑戰(zhàn)是什么？
請(qǐng)問您如何安排您的待辦事項(xiàng)？
請(qǐng)問您當(dāng)前使用的方法，面臨的主要問題是什么？
為了讓這件事情變得更加容易，您會(huì)怎么樣做？
進(jìn)行調(diào)研
完成調(diào)研計(jì)劃后，我用兩種不同但相互關(guān)聯(lián)的方法進(jìn)行了研究。首先，我在社交媒體上做一些快速調(diào)查，以了解其他人是否有同樣的問題。然后，我選擇了一些和我有相同想法的人進(jìn)行訪談，深入了解他們的問題，這些受訪者的年齡在 19-23 歲之間。
以上就是建立同理心所要做的工作，在這個(gè)階段，我嘗試去理解人們對(duì)完成待辦事項(xiàng)的感受。在交談中，我還可以得到額外的信息，比如受訪者用什么方法來敦促自己完成計(jì)劃?；谶@些數(shù)據(jù)，我嘗試提出改進(jìn)方法。
定義
Define
親和圖
訪談結(jié)束后，我將收集的信息整理歸納，灰色部分是從采訪結(jié)果中獲取的，然后根據(jù)相似性把他們分組，推導(dǎo)出黃色部分的洞察結(jié)果。
從上面的親和圖來看，有一個(gè)觀點(diǎn)出現(xiàn)的頻率最高，即 人們?cè)谕瓿扇蝿?wù)時(shí)無法專注且容易分心。根據(jù)這五個(gè)洞見，我提出了相匹配的設(shè)計(jì)策略：
創(chuàng)建一個(gè)讓用戶計(jì)劃待辦事項(xiàng)的平臺(tái)
提供有關(guān)任務(wù)進(jìn)度的信息
當(dāng)用戶在進(jìn)行任務(wù)時(shí)，提供專注模式
當(dāng)用戶在進(jìn)行任務(wù)時(shí)，提供鎖定手機(jī)的選擇
提供一個(gè)建立良好習(xí)慣的時(shí)間表
根據(jù)設(shè)計(jì)策略，我決定設(shè)計(jì)一款 具有專注模式的時(shí)間管理 App，幫助人們克服拖延癥，改善時(shí)間管理問題。我借用時(shí)間裝箱 timebox [1] 的概念來設(shè)計(jì)專注模式，通過給每個(gè)任務(wù)設(shè)定嚴(yán)格的時(shí)間限制，促使用戶開始任務(wù)。
（[1] 時(shí)間裝箱（timebox）：在日歷中為任務(wù)設(shè)置固定的時(shí)間量，包含日期、開始時(shí)間、結(jié)束時(shí)間，以及期望結(jié)果和彈性時(shí)間。）
設(shè)計(jì)創(chuàng)意
在這個(gè)階段，我主要做兩件事情：
用戶任務(wù)&用戶旅程
線框圖
用戶任務(wù) & 用戶旅程
根據(jù)解決方案，首先要羅列出需要用戶完成的工作 Jobs-to-be-done [2] 。
（[2] Jobs-to-be-done : 用來準(zhǔn)確描述用戶在什么場(chǎng)景下，想要達(dá)成的目標(biāo)?！?Tony Ulwick）
之后，我為每個(gè)用戶任務(wù)創(chuàng)建了用戶旅程，以下是用戶任務(wù)表和用戶旅程示例：
線框圖
線框圖適用于在信息和視覺設(shè)計(jì)之前建立基礎(chǔ)的界面結(jié)構(gòu) ，提升高保真設(shè)計(jì)效率 。以上就是設(shè)計(jì)創(chuàng)意階段的所有工作，我會(huì)在下一階段，講述如何設(shè)計(jì)高保真。
設(shè)計(jì)輸出
Output
原型
建立原型是我最喜歡的步驟 。在設(shè)計(jì)界面之前 ，首先要確定字體和色板的設(shè)計(jì)規(guī)范，為后續(xù)設(shè)計(jì)定義視覺標(biāo)準(zhǔn) 。
Poppins 是目前最流行的界面字體，它有著均衡的質(zhì)量，粗體和細(xì)體兩種樣式，適用于正式和非正式的場(chǎng)景；第二個(gè)字體是 open sans，這個(gè)字體質(zhì)感更柔和。
我用淺藍(lán)色作為主色調(diào)，營造平靜 、平和情緒氛圍 ，希望塑造用戶穩(wěn)定和可靠的心智，始終如一地完成他們的任務(wù) 。
確定好設(shè)計(jì)規(guī)范之后，我開始了高保真設(shè)計(jì) ，并加入交互說明 ，完成最終交付界面 。
Quick timebox 專注模式 ，幫助用戶在忙碌的情況下 ，為緊急事件設(shè)定任務(wù)時(shí)間。Timebox 允許用戶設(shè)置屏幕鎖定或者應(yīng)用屏蔽 。
Quick timebox
產(chǎn)品提供了兩種不同的時(shí)間安排。一種是活動(dòng)規(guī)劃，包含了與之相關(guān)的所有日程信息，幫助用戶關(guān)注于某個(gè)活動(dòng)，并且不會(huì)被其它事物分散注意力。支持保存活動(dòng) ，以便未來使用 。
活動(dòng)規(guī)劃
第二種是日程規(guī)劃 。用戶可以為設(shè)定好的活動(dòng)創(chuàng)建日程序列，包含選擇優(yōu)先級(jí)、創(chuàng)建提醒、指定日程時(shí)間、鎖定手機(jī)屏幕、屏蔽其他應(yīng)用等操作。當(dāng)用戶想要停止日程規(guī)劃時(shí)，必須輸入特定的詞語來確保他們真正完成了任務(wù)。
日程規(guī)劃
這款產(chǎn)品還可以進(jìn)行習(xí)慣養(yǎng)成 。用戶通過設(shè)定日常計(jì)劃來幫助他們發(fā)展一個(gè)新愛好，選擇一周中的某一天作為習(xí)慣養(yǎng)成時(shí)間，并且按照他們的想法進(jìn)行自定義的提醒。他們可以追蹤他們的愛好規(guī)劃，如圖下所示。
習(xí)慣養(yǎng)成
設(shè)計(jì)成果
Outcome
測(cè)試
我把制作好的原型給之前的受訪者進(jìn)行測(cè)試。很不幸的是在疫情期間，不能和他們面對(duì)面交流 ，只能通過可用性測(cè)試工具 Maze 的做了遠(yuǎn)程測(cè)試 。
測(cè)試的結(jié)果是，大部分測(cè)試者覺得產(chǎn)品目前的界面設(shè)計(jì)是很優(yōu)秀的，但是還需要時(shí)間去熟悉產(chǎn)品，因?yàn)樵谑褂弥八麄兓诵r(shí)間去學(xué)習(xí)如何使用。值得一提的是 ，加入鎖定手機(jī)或屏蔽某些應(yīng)用的功能 ，正是在測(cè)試中發(fā)現(xiàn)的優(yōu)化點(diǎn) 。
之前：大多數(shù)測(cè)試者覺得之前的版本功能太簡單，不能滿足他們想要集中注意力的需求
之后：根據(jù)用戶反饋，加入了鎖定手機(jī)和屏蔽某些應(yīng)用的功能
根據(jù)測(cè)試及用戶反饋結(jié)果來提升設(shè)計(jì) ，希望這款應(yīng)用可以幫助用戶更好得集中注意力，解決拖延癥的問題。
反思
Reflection
這就是該項(xiàng)目的全部過程，通過這個(gè)項(xiàng)目，我對(duì)產(chǎn)品設(shè)計(jì)流程有了新認(rèn)識(shí) ，但是仍然有一些部分是可以提升的 ：
在進(jìn)行調(diào)研之前，必須制定更加細(xì)節(jié)的調(diào)研計(jì)劃 ，包括選擇調(diào)研方法、起草調(diào)研指南、準(zhǔn)備調(diào)研提綱等。如果調(diào)研過程做的不夠好，就不能真正解決用戶問題 ，最后導(dǎo)致產(chǎn)品失敗 。
在設(shè)計(jì)過程中，不要直接跳到高保真環(huán)節(jié)，而是通過創(chuàng)造多種線框方案來探索更多可能性。在找到最佳方案之前，可以利用情緒版來激發(fā)靈感 ，然后從多種方案中找到解決問題的最優(yōu)解 。
在設(shè)計(jì)中做更多的迭代，堅(jiān)持做用戶測(cè)試來優(yōu)化設(shè)計(jì)，直到用戶覺得這款產(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)截圖如下）
往期精選文章：
這些色彩心理學(xué)知識(shí)教你如何傳遞信息
案例研究｜康奈爾大學(xué)副業(yè)社區(qū)網(wǎng)站設(shè)計(jì)
Web Vitals —— 谷歌的新一代 Web 性能體驗(yàn)和質(zhì)量指標(biāo)
網(wǎng)頁設(shè)計(jì)師能從日式美學(xué)中學(xué)到什么？
案例研究｜一款為你帶來難忘體驗(yàn)的美食 APP
如何制作打動(dòng)面試官的作品集，這里有一份完整的指導(dǎo)手冊(cè)
如何做好用戶體驗(yàn)項(xiàng)目？從一個(gè)好計(jì)劃開始
如何建立設(shè)計(jì)系統(tǒng)
如何把握不同層級(jí)用戶的需求：回歸本質(zhì)，打磨信息架構(gòu)
TCC 視野｜2021 年用戶體驗(yàn)設(shè)計(jì)趨勢(shì)分析
- 設(shè)計(jì)師自習(xí)社區(qū) -
TCC 設(shè)計(jì)情報(bào)局歡迎小伙伴加入，一起交流設(shè)計(jì)知識(shí)，了解全球設(shè)計(jì)資訊，鍛煉英文能力，發(fā)掘更多可能性～
添加小助手微信，備注「社群」，即可加入讀者群。
