導語：在日常生活中，你是否喜歡做計劃？時間管理的效果如何？無論答案怎樣，我們都不可避免那些總在計劃外的事情。為了解決這一問題，作者借助設(shè)計思維框架，設(shè)計了一款具有專注模式的時間管理 App，幫助人們克服拖延癥，改善時間管理問題。文中詳細介紹了問題驗證、定義問題、提出創(chuàng)意、原型設(shè)計、用戶測試5個設(shè)計環(huán)節(jié)。最后，筆者梳理了項目中存在的問題和可優(yōu)化點，對整個設(shè)計流程進行了反思總結(jié)。

通常情況下，我會把一天要做的事情全部寫在待辦列表里，但卻從來沒有真正完成過所有事情。不是拖延癥作祟，就是被一些簡單或緊急的任務(wù)分心，導致我明天將面臨更多的工作。

人們很難預測完成任務(wù)所需的時間。—— As Nir Eyal

從這個問題出發(fā)，我嘗試設(shè)計一款時間管理工具，幫助人們創(chuàng)建自己的時間表，并且按照時間表如期完成任務(wù)。

一、問題

從上面的問題出發(fā)，我嘗試把它們細化，找到阻礙計劃完成的原因，包含：

• 當我想要開始做任務(wù)的時候，會忍不住拖延，最后導致時間不夠用，只能將另一項任務(wù)擱置；
• 做任務(wù)時不能集中注意力，并且很容易分心，導致需要更多的時間來完成任務(wù)，也讓自己變得更加疲憊；
• 我會把當天未完成的任務(wù)放到明天，這樣明天總有更多的任務(wù)，并且破壞了我的時間管理計劃。

二、方法

在進行這個案例研究的時候，我借助了設(shè)計思維框架。這個框架由幾個階段組成，即同理心、定義、構(gòu)思、原型、測試。

1. 同理心

在這個階段，我開始計劃和調(diào)研，目的是驗證前面提到的問題是否存在。這些問題目前只是一個假設(shè)，需要被驗證。

2. 調(diào)研計劃

首先要定義調(diào)研的目標，找到這個問題背后的 動機 和 痛點 。因此，我的調(diào)研計劃是：了解人們?yōu)槭裁礋o法如期完成自己的任務(wù)安排。

接下來，我列出了需要被驗證的假設(shè)，如下：

• 人們在開始做任務(wù)的時候會拖延時間；
• 人們在進行任務(wù)的時候容易分心且無法精力集中；
• 人們在梳理待辦事項時，喜歡指定任務(wù)的優(yōu)先級。

之后可以開始 定義調(diào)研問題 ，從上面的假設(shè)出發(fā)，我列出了主要的問題：

• 請問您在完成任務(wù)時最大的挑戰(zhàn)是什么？
• 請問您如何安排您的待辦事項？
• 請問您當前使用的方法，面臨的主要問題是什么？
• 為了讓這件事情變得更加容易，您會怎么樣做？

3. 進行調(diào)研

完成調(diào)研計劃后，我用兩種不同但相互關(guān)聯(lián)的方法進行了研究。首先，我在社交媒體上做一些快速調(diào)查，以了解其他人是否有同樣的問題。然后，我選擇了一些和我有相同想法的人進行訪談，深入了解他們的問題，這些受訪者的年齡在 19-23 歲之間。

以上就是建立同理心所要做的工作，在這個階段，我嘗試去理解人們對完成待辦事項的感受。在交談中，我還可以得到額外的信息，比如受訪者用什么方法來敦促自己完成計劃?；谶@些數(shù)據(jù)，我嘗試提出改進方法。

三、定義

1. 親和圖

訪談結(jié)束后，我將收集的信息整理歸納，灰色部分是從采訪結(jié)果中獲取的，然后根據(jù)相似性把他們分組，推導出黃色部分的洞察結(jié)果。

從上面的親和圖來看，有一個觀點出現(xiàn)的頻率最高，即 人們在完成任務(wù)時無法專注且容易分心。根據(jù)這五個洞見，我提出了相匹配的設(shè)計策略：

• 創(chuàng)建一個讓用戶計劃待辦事項的平臺；
• 提供有關(guān)任務(wù)進度的信息；
• 當用戶在進行任務(wù)時，提供專注模式；
• 當用戶在進行任務(wù)時，提供鎖定手機的選擇；
• 提供一個建立良好習慣的時間表。

根據(jù)設(shè)計策略，我決定設(shè)計一款具有專注模式的時間管理 App，幫助人們克服拖延癥，改善時間管理問題。我借用時間裝箱timebox[1]的概念來設(shè)計專注模式，通過給每個任務(wù)設(shè)定嚴格的時間限制，促使用戶開始任務(wù)。（[1] 時間裝箱（timebox）：在日歷中為任務(wù)設(shè)置固定的時間量，包含日期、開始時間、結(jié)束時間，以及期望結(jié)果和彈性時間。）

2. 設(shè)計創(chuàng)意

在這個階段，我主要做兩件事情：

1）用戶任務(wù) & 用戶旅程

根據(jù)解決方案，首先要羅列出需要用戶完成的工作Jobs-to-be-done [2]。

（[2]Jobs-to-be-done: 用來準確描述用戶在什么場景下，想要達成的目標?！?Tony Ulwick）

之后，我為每個用戶任務(wù)創(chuàng)建了用戶旅程，以下是用戶任務(wù)表和用戶旅程示例：

2）線框圖

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

四、設(shè)計輸出

1. 原型

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

Poppins 是目前最流行的界面字體，它有著均衡的質(zhì)量，粗體和細體兩種樣式，適用于正式和非正式的場景；第二個字體是 open sans，這個字體質(zhì)感更柔和。

我用淺藍色作為主色調(diào)，營造平靜、平和情緒氛圍，希望塑造用戶穩(wěn)定和可靠的心智，始終如一地完成他們的任務(wù)。確定好設(shè)計規(guī)范之后，我開始了高保真設(shè)計，并加入交互說明，完成最終交付界面。

Quick timebox專注模式，幫助用戶在忙碌的情況下，為緊急事件設(shè)定任務(wù)時間。Timebox 允許用戶設(shè)置屏幕鎖定或者應用屏蔽。

Quick timebox

產(chǎn)品提供了兩種不同的時間安排。一種是活動規(guī)劃，包含了與之相關(guān)的所有日程信息，幫助用戶關(guān)注于某個活動，并且不會被其它事物分散注意力。支持保存活動，以便未來使用 。

活動規(guī)劃

第二種是日程規(guī)劃。用戶可以為設(shè)定好的活動創(chuàng)建日程序列，包含選擇優(yōu)先級、創(chuàng)建提醒、指定日程時間、鎖定手機屏幕、屏蔽其他應用等操作。當用戶想要停止日程規(guī)劃時，必須輸入特定的詞語來確保他們真正完成了任務(wù)。

日程規(guī)劃

這款產(chǎn)品還可以進行習慣養(yǎng)成。用戶通過設(shè)定日常計劃來幫助他們發(fā)展一個新愛好，選擇一周中的某一天作為習慣養(yǎng)成時間，并且按照他們的想法進行自定義的提醒。他們可以追蹤他們的愛好規(guī)劃，如圖下所示。

習慣養(yǎng)成

五、設(shè)計成果

1. 測試

我把制作好的原型給之前的受訪者進行測試。很不幸的是在疫情期間，不能和他們面對面交流，只能通過可用性測試工具 Maze 的做了遠程測試。

測試的結(jié)果是，大部分測試者覺得產(chǎn)品目前的界面設(shè)計是很優(yōu)秀的，但是還需要時間去熟悉產(chǎn)品，因為在使用之前他們花了些時間去學習如何使用。值得一提的是，加入鎖定手機或屏蔽某些應用的功能，正是在測試中發(fā)現(xiàn)的優(yōu)化點。

之前：大多數(shù)測試者覺得之前的版本功能太簡單，不能滿足他們想要集中注意力的需求；之后：根據(jù)用戶反饋，加入了鎖定手機和屏蔽某些應用的功能。

根據(jù)測試及用戶反饋結(jié)果來提升設(shè)計，希望這款應用可以幫助用戶更好得集中注意力，解決拖延癥的問題。

六、反思

這就是該項目的全部過程，通過這個項目，我對產(chǎn)品設(shè)計流程有了新認識，但是仍然有一些部分是可以提升的：

1. 在進行調(diào)研之前，必須制定更加細節(jié)的調(diào)研計劃，包括選擇調(diào)研方法、起草調(diào)研指南、準備調(diào)研提綱等。如果調(diào)研過程做的不夠好，就不能真正解決用戶問題，最后導致產(chǎn)品失敗。
2. 在設(shè)計過程中，不要直接跳到高保真環(huán)節(jié)，而是通過創(chuàng)造多種線框方案來探索更多可能性。在找到最佳方案之前，可以利用情緒版來激發(fā)靈感，然后從多種方案中找到解決問題的最優(yōu)解。
3. 在設(shè)計中做更多的迭代，堅持做用戶測試來優(yōu)化設(shè)計，直到用戶覺得這款產(chǎn)品解決了他們的問題。
4. 不要害怕去嘗試，保持探索精神。

本文翻譯已獲得作者的正式授權(quán)（授權(quán)截圖如下）

作者：Rifki A. Siregar

原文：https://bootcamp.uxdesign.cc/schedule-builder-a-ux-case-study-5cd7500dc0f

譯者：王英睿；審核：張小璽、張聿彤；編輯：孫淑雅

本文由@TCC翻譯情報局 翻譯發(fā)布于人人都是產(chǎn)品經(jīng)理，未經(jīng)許可，禁止轉(zhuǎn)載。

題圖來自 Unsplash，基于 CC0 協(xié)議