就像文中作者說(shuō)的簡(jiǎn)單的東西往往需要精心設(shè)計(jì)而變得簡(jiǎn)單。這是一篇很詳細(xì)、完整關(guān)于一個(gè)產(chǎn)品實(shí)現(xiàn)的過(guò)程，可以學(xué)到如何靈活應(yīng)用設(shè)計(jì)方法論結(jié)合思考去做設(shè)計(jì)和產(chǎn)品。

人們定期使用日歷。每天有很大比例的人不止一次使用它們。

日歷幫助你安排日常行程并且跟蹤你的“待辦事項(xiàng)”。另外，它還是一個(gè)很好的時(shí)間管理工具。

日歷看上去可能是個(gè)很簡(jiǎn)單的應(yīng)用，但當(dāng)你開始重新研究它時(shí)，你會(huì)發(fā)現(xiàn)這個(gè)主題會(huì)變得相當(dāng)?shù)母爬ā?/p>

在使用日歷時(shí)，我沿用去嘗試改進(jìn)用戶體驗(yàn)的方法論是：雙鉆石(The Double Diamond: 是英國(guó)設(shè)計(jì)委員會(huì)于2005年開發(fā)的設(shè)計(jì)過(guò)程模型的名稱。它表明設(shè)計(jì)過(guò)程應(yīng)分為四個(gè)階段：發(fā)現(xiàn)、定義、開發(fā)、交付)。我有一周的時(shí)間去研究，一周的時(shí)間去制作最終的原型。

“雙鉆石“示例圖

01 探索階段

我決定從桌面研究 (Desk-Research) 開始進(jìn)入這個(gè)主題。剛開始我用基準(zhǔn)化分析法(Benchmarking) 來(lái)研究市場(chǎng)，發(fā)現(xiàn)潛在的競(jìng)品并且分析他們正在做些什么。比方我進(jìn)入Google play后下載各種日歷應(yīng)用程序，使用他們?nèi)缓髮?duì)它們的使用表現(xiàn)、包含功能和UI界面美觀等方面進(jìn)行記錄。

我還研究了移動(dòng)端和網(wǎng)頁(yè)日歷之間的差異，來(lái)幫助我理解如何在不同平臺(tái)之間綜合信息。除了專注于研究日歷相關(guān)應(yīng)用，我還查找了其他工具，這些工具可能潛在一些功能點(diǎn)是可以借鑒在最后的產(chǎn)品里的。

這些具有激勵(lì)意味的應(yīng)用程序包括：BeWet, Drink Water Reminder 和 Water Drink Reminder；體育類應(yīng)用程序例如：Runastic 和 Sportstracker，其他項(xiàng)目追蹤類應(yīng)用程序如：Ovuview。

桌面研究 (Desk-Research): 為市場(chǎng)調(diào)研術(shù)語(yǔ)，對(duì)已經(jīng)存在并已為某種目的而收集起來(lái)的信息進(jìn)行的調(diào)研活動(dòng)，也就是對(duì)二手資料進(jìn)行搜集、篩選，并據(jù)以判斷他們的問(wèn)題是否已局部或全部地解決。

基準(zhǔn)化分析法 (Benchmarking): 就是將本企業(yè)各項(xiàng)活動(dòng)與從事該項(xiàng)活動(dòng)最佳者進(jìn)行比較，從而提出行動(dòng)方法，以彌補(bǔ)自身的不足。

我做了一個(gè)小小的網(wǎng)絡(luò)志 (Netnography) —— 直接從用戶評(píng)論的部分收集有價(jià)值的發(fā)現(xiàn)內(nèi)容。

網(wǎng)絡(luò)志 (Netnography) : 從詞的組合上來(lái)講有兩部分，即“網(wǎng)絡(luò)”(net)和“志”(-nography)。網(wǎng)絡(luò)(net)是指互聯(lián)網(wǎng)(Internet),而志(- nography)是ethnography的縮寫。是一種源于人類學(xué)的在線研究方法，被用于當(dāng)代數(shù)字通信環(huán)境中的社交互動(dòng)。

“網(wǎng)絡(luò)志“示例圖

在所有的意見(jiàn)當(dāng)中，我發(fā)現(xiàn)用戶最關(guān)注的點(diǎn)是：

• 可以選擇他們想過(guò)的節(jié)日( 例如：你來(lái)自德國(guó)，但是你居住在意大利。所以你也想了解意大利的節(jié)日活動(dòng))。
• 非常容易同步和分享活動(dòng)。
• 能夠（針對(duì)某天）添加任務(wù)。
• 我選取了一些包含很多有趣的功能同時(shí)用戶也非常喜歡的應(yīng)用程序：小米日歷 (OS系統(tǒng)) 、谷歌日歷、Ovuview、Sportstracker和iOS系統(tǒng)日歷。

“用戶喜歡日歷應(yīng)用程序“示例圖

通過(guò)Lightning Demos的調(diào)研方法，我繪制了一些特別的、可以深入研究的功能草圖。例如：谷歌日歷的用戶非常喜歡能夠清晰區(qū)分不同任務(wù)的月概覽設(shè)計(jì)。而小米日歷具有獨(dú)特的簡(jiǎn)約風(fēng)格。

ios日歷的用戶認(rèn)為根據(jù)他們?cè)O(shè)置的活動(dòng)地點(diǎn)時(shí)間來(lái)獲取通知是非常有用的。雖然一些功能沒(méi)有包含在我的草圖里，但在之后的設(shè)計(jì)里，我是希望能夠包含像應(yīng)用程序Ovuview一樣對(duì)過(guò)去和未來(lái)的日期有著明顯區(qū)分的功能。這也是其中一個(gè)為數(shù)不多的有差異的地方。

Lightning Demos: 是一種快速的設(shè)計(jì)調(diào)研方法，通過(guò)快速調(diào)研相關(guān)產(chǎn)品（半小時(shí)左右），列出三個(gè)啟發(fā)靈感的產(chǎn)品或者服務(wù)功能, 通過(guò)文字或者圖形的方式記錄下來(lái)。

“草圖“示例圖

在這初次的產(chǎn)品接觸之后，我整理了一系列的研究問(wèn)題，幫助我們挖掘有價(jià)值的內(nèi)容，也為了便于之后訪問(wèn)用戶：

1. 是否可以追蹤到用戶他/她的行為足跡？
2. 是否可以追蹤到用戶她的生理日期？
3. 是否有權(quán)限訪問(wèn)用戶的月歷？
4. 是否可以同步用戶其他的日歷？
5. 是否可以同步用戶的電子郵件賬戶？
6. 是否可以同步用戶在不同地區(qū)的假期 (本國(guó)、馬德里、卡斯蒂亞萊昂…)？
7. 是否可以共享用戶日程事件給他人？
8. 用戶是否可以設(shè)置不同類型的日程事件通知呢？
9. 用戶是否可以批量編輯日程事件？
10. 用戶是否可以自定義日歷的風(fēng)格？
11. 用戶是否可以通過(guò)分類來(lái)劃分日程事件？
12. 用戶是否可以快速的更改日歷？
13. 是否用戶無(wú)需無(wú)限地滾動(dòng)就能在日歷上搜索到特定的日期？
14. 是否用戶需要所有日歷的匯總概覽？
15. 是否用戶可以在一個(gè)地標(biāo)上加入地圖，來(lái)幫助他到時(shí)找到這個(gè)位置？
16. 是否用戶可以添加挑戰(zhàn)的選項(xiàng)？
17. 是否用戶可以劃掉已經(jīng)完成的活動(dòng)/日程事件？
18. 是否能夠在視覺(jué)上讓用戶清晰的區(qū)分過(guò)去、當(dāng)前、未來(lái)的日期？
19. 是否用戶可以預(yù)先設(shè)置日歷？
20. 是否用戶可以自定義添加日歷呢？
21. 是否用戶可以看到他/她的目標(biāo)事件進(jìn)度條？

我進(jìn)行了一系列的用戶訪談并且制定一份表格去了解其他人在他們使用日歷過(guò)程中的看法和意見(jiàn)。我希望從一個(gè)局外人的角度來(lái)看待用戶對(duì)當(dāng)前市場(chǎng)上產(chǎn)品的看法，以及他們覺(jué)得自己缺少了什么。

為了讓這個(gè)主題能夠獲取更多有價(jià)值的發(fā)現(xiàn)，我整理了一份表格發(fā)給大家。78.6%的受訪人群幾乎每天都使用日歷，這是相當(dāng)高的比例了！因此，我認(rèn)為給予這種工具應(yīng)用這么多重視是重要的，何況它本身就值得。

該表格顯示，大多數(shù)用戶喜歡用日歷去管理工作和個(gè)人日程事件。我從這些表格中得到一個(gè)有趣的發(fā)現(xiàn)，50%的用戶使用桌面操作系統(tǒng)日歷，92%的用戶使用手機(jī)操作系統(tǒng)日歷。在這些用戶當(dāng)中，35.7%的人使用電子郵件提供的日歷。這意味著，有相當(dāng)多的用戶沒(méi)有找到更好的日歷應(yīng)用程序。

“調(diào)研數(shù)據(jù)“示例圖當(dāng)被問(wèn)及是否覺(jué)得缺少一個(gè)更完整的日歷應(yīng)用程序時(shí)，有7%的人回答：是的，28%的人回答：可能吧。

當(dāng)被問(wèn)及功能時(shí)，100%的用戶贊同他們都想要?jiǎng)澋粢呀?jīng)過(guò)去的事件或完成的任務(wù)。同時(shí)大家都希望有一個(gè)更好的事件總覽頁(yè)面，并且可以分享事件給其他用戶。

“調(diào)研數(shù)據(jù)“示例圖

在完成這些工作之后，我創(chuàng)建了用戶畫像 (User Personas) ，來(lái)幫助我把所有的信息進(jìn)行梳理，以便更好地理解用戶需求。

盡管采訪的用戶中沒(méi)有一個(gè)使用日歷來(lái)追蹤運(yùn)動(dòng)或飲食，但我還是決定在我的用戶角色當(dāng)中加入這項(xiàng)功能，因?yàn)槲业哪繕?biāo)是改變普通日歷不包含此功能的現(xiàn)象，并在之后的設(shè)計(jì)提案當(dāng)中加入這一功能。

用戶畫像 (User Personas）: 基于研究中實(shí)際用戶的典型使用行為、動(dòng)機(jī)和目標(biāo)而建立起的一種合成人物模型。

“用戶人物模型“示例圖

從目前的研究中，我得到了以下的發(fā)現(xiàn)：

用戶想要：

• 自定義活動(dòng)。
• 添加任務(wù)和事件。
• 同步日歷。
• 共享事件。

我收集了以下有建樹的意見(jiàn)：

• 加強(qiáng)過(guò)去和未來(lái)日期的區(qū)分。
• 劃掉任務(wù)和事件。
• 將活動(dòng)與目標(biāo)分開。
• 添加進(jìn)度條。
• 目標(biāo)跟蹤的指標(biāo)。

02 定義功能

為了定義未來(lái)解決方案的功能，我開始比較之前選擇的日歷應(yīng)用，它們事件概覽頁(yè)面的不同之處。從整體上去深入研究用戶他們喜歡的這些應(yīng)用程序的功能。

“定義功能“示例圖

我進(jìn)行了啟發(fā)式評(píng)估分析 (Heuristic Analysis) ，以便確定哪些功能是最突出的，哪些是可以被改進(jìn)或簡(jiǎn)化的。需要指出最重要的一點(diǎn)就是谷歌日歷的 “目標(biāo)選擇”，這是一個(gè)非常棒的功能，允許用戶去追蹤他們的目標(biāo)。

谷歌日歷目前區(qū)分了活動(dòng)、目標(biāo)和提醒。這也是我之后打算要實(shí)現(xiàn)的功能。通過(guò)試圖簡(jiǎn)化過(guò)程、減少步驟的數(shù)量，來(lái)避免對(duì)用戶的認(rèn)知造成負(fù)擔(dān)。這也是我想在這方面去保持一致和標(biāo)準(zhǔn)。

啟發(fā)式評(píng)估 (Heuristic Analysis) : 對(duì)計(jì)算機(jī)軟件進(jìn)行易用性檢驗(yàn)的一種方法，旨在用戶界面設(shè)計(jì)的過(guò)程中找到易用性方面的問(wèn)題。

“Heuristics“示例圖

我把應(yīng)用程序的反饋給標(biāo)記下來(lái)，去看看我的設(shè)計(jì)當(dāng)中需要添加什么。對(duì)我來(lái)說(shuō)，真正重要的事情是探索UI界面的美觀性和從極簡(jiǎn)主義中獲得啟發(fā)。因?yàn)橛行┤諝v看起來(lái)是非常的粗糙和擁擠的。當(dāng)新增功能時(shí)，保持干凈的設(shè)計(jì)是非常困難的。

“干凈界面“示例圖

在研究這個(gè)的時(shí)候，我進(jìn)行了一次MoSCoW的調(diào)研，幫助我在應(yīng)用程序中更加清晰地確定重要的功能。我根據(jù)用戶需求，選擇放在應(yīng)用中的功能主要有：

“MoSCoW“示例圖

• 導(dǎo)入
• 共享
• 同步
• 劃除
• 分類
• 自定義通知

同時(shí)，我認(rèn)為如果可以定制化自己的日歷去記錄和挑戰(zhàn)更高目標(biāo)。這可能對(duì)用戶來(lái)說(shuō)，是非常有吸引力的 (例如多喝水)，或者生理記錄 (例如女生的生理期)。

03 開發(fā)產(chǎn)品

我通過(guò)一些草圖來(lái)整理之后的設(shè)計(jì)解決方案，并且選擇最佳的視覺(jué)形式去呈現(xiàn)。在這個(gè)過(guò)程中，最困難的事情是不超出負(fù)荷的設(shè)計(jì)下去添加功能。我根據(jù)草圖繪制出了第一個(gè)線框圖 (Wireframes)，從視覺(jué)上進(jìn)行優(yōu)先級(jí)排序，哪些界面是需要被設(shè)計(jì)的、哪些是不需要被設(shè)計(jì)的。

“線框圖“示例圖

我更加深入地研究了月日歷下如何明確區(qū)分過(guò)去、現(xiàn)在和未來(lái)的日期。為此，我還創(chuàng)建了中等保真原型圖 (Medium Fidelity Prototype) ，并進(jìn)行了一些樹測(cè)試 (Tree Testing) 去了解哪種解決方案會(huì)更符合用戶的視覺(jué)感受。

中等保真原型圖 (Medium Fidelity Prototype) : 功能有限但可單擊區(qū)域的原型，可顯示應(yīng)用程序的交互作用和導(dǎo)航可能性。

樹測(cè)試 (Tree Testing) : 一種用于評(píng)估網(wǎng)站主題可查找性的可用性技術(shù)。它也被稱為反向卡片分類或基于卡片的分類。

“日歷視覺(jué)設(shè)計(jì)“示例圖

我不得不考慮很多種方法來(lái)實(shí)現(xiàn)”劃除“功能。我圍繞這個(gè)特定的功能畫了很多草圖，以便從所有可用選項(xiàng)里選出最佳的方案。

“劃掉功能“示例圖

到最后我還為新的日歷應(yīng)用程序快速建立一套品牌系統(tǒng) (Branding System)。創(chuàng)建的色板是為了找到柔和、中性的顏色，在選擇顏色范圍時(shí)要考慮的一件事就是遠(yuǎn)離經(jīng)典的藍(lán)色色板，這在數(shù)字化設(shè)計(jì)中是非常典型。

品牌系統(tǒng) (Branding System): 是元素的集合，這些元素共同創(chuàng)建統(tǒng)一，一致且靈活的品牌資產(chǎn)，從而將品牌價(jià)值有效地傳達(dá)給目標(biāo)受眾。

“品牌系統(tǒng)“示例圖

該商標(biāo)以一只山羊作為毅力的象征來(lái)傳達(dá)品牌含義?！癈hivo”這個(gè)名字在西班牙語(yǔ)中是“Cabra“，同為“山羊”的意思。因此，通過(guò)風(fēng)格、組合的圖像和字體構(gòu)成了這樣一個(gè)年輕、動(dòng)態(tài)的商標(biāo)。

該應(yīng)用程序的字體選擇的是Roboto字體的 Medium和Regular字形，主要是因?yàn)樗跀?shù)字化格式上具有更好的拓展性，并且它很符合品牌的整體外觀形象和感覺(jué)。

04 方案交付

Chivo是一款全新的日歷應(yīng)用程序，它可以讓你以一種簡(jiǎn)單的方式去記錄你所關(guān)心的事情。

“Chivo應(yīng)用程序“示例圖你是否曾經(jīng)發(fā)現(xiàn)自己的日程表安排得滿滿的，以至于很難記錄下你所需要做的事情呢？

Chivo可以根據(jù)你的喜好去創(chuàng)建單獨(dú)的日歷。你仍然可以看到所有事件與目標(biāo)的典型概覽。但現(xiàn)在如果你想，你可以專注于其中的一個(gè)分類上。這意味著，如果你只想關(guān)注你的健身日歷上，那么你就可以選擇查看健身日歷這分類。同樣你也可以選擇查看工作日歷或者其他的日歷，如下圖所示：

“Chivo應(yīng)用程序“示例圖

你可以在左上方的漢堡菜單上找到你所創(chuàng)建的日歷。在與真實(shí)用戶進(jìn)行了一些交互上的實(shí)驗(yàn)之后，我創(chuàng)建了一個(gè)加速器，來(lái)鼓勵(lì)用戶通過(guò)向左或向右滑動(dòng)來(lái)更改日歷。

在大多數(shù)日歷中，當(dāng)你向左或向右滑動(dòng)時(shí)，其實(shí)你是在改變?cè)路?。而在Chivo你是在進(jìn)行日歷的滾動(dòng)切換。而通過(guò)垂直劃動(dòng)，用戶可以進(jìn)行月份切換。如下圖所示：

“Chivo滾動(dòng)效果“示例圖

當(dāng)創(chuàng)建新事件時(shí)，我在ios日歷中添加了一個(gè)已經(jīng)存在的選項(xiàng)，可以根據(jù)你的旅行時(shí)間來(lái)得到對(duì)應(yīng)的通知。如下圖所示：

“創(chuàng)建新事件界面“示例圖

我注意到啟發(fā)式和創(chuàng)建反饋信息可以讓用戶了解在應(yīng)用里將會(huì)發(fā)生什么。例如：如果你在健身日歷上創(chuàng)建一個(gè)事件，但是它和工作日歷上的一個(gè)事件是同一天或者是同一時(shí)間點(diǎn)，那么會(huì)出現(xiàn)一個(gè)彈窗來(lái)告知你。在這彈窗里，你可以選擇以任何方式創(chuàng)建它或者取消和修改日期/時(shí)間。如下圖所示：

“彈窗內(nèi)容“示例圖

Chivo還能區(qū)分事件和目標(biāo)。事件是典型日歷輸入方式，而目標(biāo)是一種可以推遲的靈活輸入方式。Chivo從你的目標(biāo)中收集信息，并向你展示數(shù)據(jù)圖形，以便你繼續(xù)追蹤正在做的事情。

“添加事件/目標(biāo)“示例圖

如上所述，我簡(jiǎn)化了創(chuàng)建目標(biāo)的過(guò)程。我通過(guò)創(chuàng)建遮罩來(lái)減少創(chuàng)建目標(biāo)過(guò)程中步驟/界面的數(shù)量。這讓用戶回到他/她通用的目標(biāo)或編輯界面，并且可以讓他/她很清楚的了解到正在做的事情。如下圖所示：

“創(chuàng)建新目標(biāo)的界面“示例圖

結(jié)合用戶希望能夠劃掉事件和目標(biāo)的需求，我在Chivo中實(shí)現(xiàn)了一個(gè)允許用戶去標(biāo)記逐漸完成事情的功能。該功能通過(guò)在日歷中添加一個(gè)進(jìn)度條，來(lái)幫助用戶清楚參看日常任務(wù)完成的狀態(tài)。如下圖所示：

“標(biāo)記逐漸完成事件的功能“示例圖

05 未來(lái)規(guī)劃

由于時(shí)間的限制，我不得不省略了兩個(gè)將來(lái)可能會(huì)非常有趣的功能：能夠添加挑戰(zhàn)之類的功能以及能夠追蹤女性生理期。

我從沒(méi)有想過(guò)，創(chuàng)建一個(gè)日歷應(yīng)用程序會(huì)如此具有挑戰(zhàn)性。但是我想，簡(jiǎn)單的東西之所以操作簡(jiǎn)單，真是因?yàn)樗麄兘?jīng)過(guò)精心設(shè)計(jì)的。

原文作者：Carlota Anton

原文地址：https://uxplanet.org/rethinking-a-calendar-def7711c8b02

編譯作者：不喜處，杭州UI設(shè)計(jì)師

評(píng)審指導(dǎo)：TCC委員團(tuán) 胖魚、呵呵、彈跳；編輯整理：三分設(shè)運(yùn)營(yíng)編輯 皮皮

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

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