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

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

人們很難預(yù)測(cè)完成任務(wù)所需的時(shí)間?！?As Nir Eyal

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

一、問(wèn)題

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

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

二、方法

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

1. 同理心

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

2. 調(diào)研計(jì)劃

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

接下來(lái)，我列出了需要被驗(yàn)證的假設(shè)，如下：

• 人們?cè)陂_始做任務(wù)的時(shí)候會(huì)拖延時(shí)間；
• 人們?cè)谶M(jìn)行任務(wù)的時(shí)候容易分心且無(wú)法精力集中；
• 人們?cè)谑崂泶k事項(xiàng)時(shí)，喜歡指定任務(wù)的優(yōu)先級(jí)。

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

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

3. 進(jìn)行調(diào)研

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

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

三、定義

1. 親和圖

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

從上面的親和圖來(lái)看，有一個(gè)觀點(diǎn)出現(xiàn)的頻率最高，即 人們?cè)谕瓿扇蝿?wù)時(shí)無(wú)法專注且容易分心。根據(jù)這五個(gè)洞見(jiàn)，我提出了相匹配的設(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í)間管理問(wèn)題。我借用時(shí)間裝箱timebox[1]的概念來(lái)設(shè)計(jì)專注模式，通過(guò)給每個(gè)任務(wù)設(shè)定嚴(yán)格的時(shí)間限制，促使用戶開始任務(wù)。（[1] 時(shí)間裝箱（timebox）：在日歷中為任務(wù)設(shè)置固定的時(shí)間量，包含日期、開始時(shí)間、結(jié)束時(shí)間，以及期望結(jié)果和彈性時(shí)間。）

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

在這個(gè)階段，我主要做兩件事情：

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

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

（[2]Jobs-to-be-done: 用來(lái)準(zhǔn)確描述用戶在什么場(chǎng)景下，想要達(dá)成的目標(biāo)。—— Tony Ulwick）

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

2）線框圖

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

四、設(shè)計(jì)輸出

1. 原型

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

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

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

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)，以便未來(lái)使用 。

活動(dòng)規(guī)劃

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

日程規(guī)劃

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

習(xí)慣養(yǎng)成

五、設(shè)計(jì)成果

1. 測(cè)試

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

測(cè)試的結(jié)果是，大部分測(cè)試者覺(jué)得產(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è)試者覺(jué)得之前的版本功能太簡(jiǎn)單，不能滿足他們想要集中注意力的需求；之后：根據(jù)用戶反饋，加入了鎖定手機(jī)和屏蔽某些應(yīng)用的功能。

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

六、反思

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

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

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

作者：Rifki A. Siregar

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

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

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

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