WhatsApp 是一種廣泛使用的消息應(yīng)用程序。然而，由于用戶(hù)很難使用一些必要功能，有很多用戶(hù)不再使用。作者以及他的團(tuán)隊(duì)發(fā)現(xiàn)其所在問(wèn)題并且思考重新設(shè)計(jì)方案。來(lái)和作者一起探索整個(gè)設(shè)計(jì)流程，并且學(xué)習(xí)更多的設(shè)計(jì)方法吧！

你好！我叫 Nerissa Arviana Sukmananda，一名 UI/UX 愛(ài)好者。我目前正在參加 由Zenius領(lǐng)導(dǎo)的UI/UX 產(chǎn)品設(shè)計(jì)。我希望這篇文章能夠描述我的團(tuán)隊(duì)和我在解決應(yīng)用程序中的問(wèn)題時(shí)的工作流程。希望你喜歡這個(gè)項(xiàng)目！

一、背景

WhatsApp的標(biāo)志設(shè)計(jì)

二、關(guān)于WhatsApp

WhatsApp 是一款用于發(fā)送文本、語(yǔ)音消息、進(jìn)行語(yǔ)音和視頻通話、共享圖片、文檔和其他媒體的應(yīng)用程序。180 多個(gè)國(guó)家/地區(qū)，超過(guò) 20 億人使用 WhatsApp去隨時(shí)隨地與朋友和家人保持聯(lián)系。

目前，WhatsApp 在 Google Play 商店的下載量約為 50 億次，評(píng)論量約為 1.72 億條，與同類(lèi)應(yīng)用程序相比會(huì)更多。

三、問(wèn)題

WhatsApp 是一種廣泛使用的消息應(yīng)用程序。然而，由于用戶(hù)難以使用某些功能，評(píng)級(jí)有所下降。用戶(hù)很難固定不能超過(guò) 3 條的消息。然后用戶(hù)還必須手動(dòng)搜索消息或輸入關(guān)鍵字。最后，用戶(hù)發(fā)現(xiàn)很難將重要消息從 WhatsApp 復(fù)制到其他筆記應(yīng)用程序?？紤]到這些問(wèn)題，我的重點(diǎn)是通過(guò)重新設(shè)計(jì)用戶(hù)界面并融入新功能來(lái)改善 WhatsApp 的用戶(hù)體驗(yàn)。

四、目標(biāo)

基于以上問(wèn)題，WhatsApp重新設(shè)計(jì)的目的如下：

• 了解用戶(hù)使用 Whatsapp 的需求
• 了解在使用 WhatsApp時(shí)遇到困難的用戶(hù)行為
• 了解用戶(hù)在使用 WhatsApp時(shí)想要的舒適度

五、在團(tuán)隊(duì)中的角色

在 WhatsApp 重新設(shè)計(jì)過(guò)程中，我與其他 4 名團(tuán)隊(duì)成員合作，他們是：

1. Asif Mahardhika Ramadan
2. Lisa Agustina
3. Siti Latifah
4. Putri Zalsabila.K

在創(chuàng)建設(shè)計(jì)解決方案時(shí)，我們與用戶(hù)體驗(yàn)研究人員具有相同的責(zé)任，例如：

• 做用戶(hù)研究
• 生成解決方案概念
• 執(zhí)行可用性測(cè)試

不過(guò)，我負(fù)責(zé) UI 設(shè)計(jì)工作，例如創(chuàng)建用戶(hù)流程、線框、用戶(hù)界面（高保真設(shè)計(jì)）和原型設(shè)計(jì)。之前，每個(gè)團(tuán)隊(duì)成員都是需要自己做UI設(shè)計(jì)工作，但最終我的設(shè)計(jì)被選中。

六、設(shè)計(jì)過(guò)程

在這個(gè)項(xiàng)目中，我們使用設(shè)計(jì)思維方法來(lái)解決現(xiàn)有的問(wèn)題。使用這種方法可以幫助我們更好地了解用戶(hù)的需求。以下是設(shè)計(jì)思維過(guò)程中采取的步驟：

設(shè)計(jì)想法

1. 共情

這個(gè)初始過(guò)程是發(fā)現(xiàn) WhatsApp 問(wèn)題的階段。以下是 WhatsApp 的目標(biāo)用戶(hù)：

• WhatsApp 應(yīng)用程序的活躍用戶(hù)
• 16-40歲
• 每天使用 WhatsApp 在線時(shí)間超過(guò) 4 小時(shí)
• 經(jīng)常使用WhatsApp發(fā)送消息

探索并了解使用 WhatsApp 時(shí)的用戶(hù)體驗(yàn)。此外，收集與用戶(hù)在使用 WhatsApp 應(yīng)用程序時(shí)遇到的限制或問(wèn)題相關(guān)的數(shù)據(jù)。收集的數(shù)據(jù)類(lèi)型是通過(guò)對(duì)受訪者進(jìn)行在線調(diào)查獲得的定性數(shù)據(jù)。

用戶(hù)畫(huà)像

2. 定義

定義階段是我通過(guò)制作親和圖和用戶(hù)旅程圖進(jìn)行觀察，以尋找可以應(yīng)用于產(chǎn)品的機(jī)會(huì)。

從上述結(jié)果中獲得的見(jiàn)解會(huì)使用親和圖進(jìn)行表示。使用親和圖技術(shù)可以幫助我們通過(guò)對(duì)信息進(jìn)行排序和分組來(lái)發(fā)現(xiàn)嵌入的思維模式。

親和圖

親和圖

獲得之前的一些信息后，下一步就是創(chuàng)建用戶(hù)旅程地圖模型。用戶(hù)旅程地圖是用戶(hù)到達(dá)目的地所經(jīng)歷的過(guò)程的可視化。

用戶(hù)旅程圖

問(wèn)題定義

根據(jù)親和圖和用戶(hù)旅程圖的分析結(jié)果，發(fā)現(xiàn)了用戶(hù)面臨的3個(gè)主要問(wèn)題。3個(gè)主要問(wèn)題是：

1. 由于超過(guò) 3 個(gè)無(wú)法固定的聊天信息，用戶(hù)難以固定消息。
2. 用戶(hù)很難根據(jù)消息的日期找到消息，因此他們必須手動(dòng)搜索或滾動(dòng)消息。
3. 用戶(hù)感覺(jué)不舒服并且很難在聊天室中保存筆記。

3. 構(gòu)思

在這個(gè)階段，我創(chuàng)建用戶(hù)流程、信息架構(gòu)和線框圖。

用戶(hù)流程圖

我創(chuàng)建了一個(gè)用戶(hù)流程來(lái)描述用戶(hù)在按日期搜索消息、創(chuàng)建新筆記和使用固定聊天時(shí)必須完成的旅程。

用戶(hù)流程圖

信息架構(gòu)

創(chuàng)建用戶(hù)流程后，下一步是創(chuàng)建信息架構(gòu)以使流程更加清晰。

信息構(gòu)造

線框圖

我開(kāi)始創(chuàng)建從低保真度到高保真度設(shè)計(jì)的線框流程。我將概念可視化為線框圖，但準(zhǔn)確性較低。低保真布局是一種可以幫助設(shè)計(jì)者在界面中呈現(xiàn)信息的布局。

線框圖

設(shè)計(jì)系統(tǒng)

在將其開(kāi)發(fā)為 UI 設(shè)計(jì)之前，我首先決定了顏色、版式、圖標(biāo)，并制作了重要的組件，例如按鈕和卡片及其各自的變體。設(shè)計(jì)系統(tǒng)將隨著用戶(hù)界面設(shè)計(jì)過(guò)程不斷發(fā)展。

設(shè)計(jì)系統(tǒng)

設(shè)計(jì)系統(tǒng)

設(shè)計(jì)系統(tǒng)

高保真

這是我根據(jù)之前的線框圖創(chuàng)建的高保真圖。

高保真

4. 原型圖

在這個(gè)階段，我們將已制作成更具交互性的界面的想法付諸實(shí)踐。目的是了解產(chǎn)品如何按照預(yù)期流程運(yùn)行。

5. 測(cè)試

在此階段，我們對(duì) 5 名受訪者進(jìn)行了可用性測(cè)試。我們通過(guò)深度訪談的方式來(lái)探索如何更深入地了解用戶(hù)反饋。進(jìn)行此方法是為了評(píng)估按日期搜索消息、做筆記和無(wú)限 固定聊天的新設(shè)計(jì)。

參與者

參與者

總體評(píng)估

總體來(lái)說(shuō)，用戶(hù)覺(jué)得新增的功能還是比較方便和實(shí)用的，只是應(yīng)用程序還需要更多的適配。

總體評(píng)估

設(shè)計(jì)反饋

設(shè)計(jì)反饋

設(shè)計(jì)反饋

設(shè)計(jì)反饋

根據(jù)上面的測(cè)試結(jié)果，我必須做出一些改進(jìn)。但由于時(shí)間有限，之后會(huì)進(jìn)行改進(jìn)。

七、結(jié)論

在該項(xiàng)目的工作過(guò)程中，可以得出以下結(jié)論：

1. 所有參與者每天都經(jīng)常使用 WhatsApp 應(yīng)用程序發(fā)送消息、撥打電話和發(fā)送文件。
2. 與其他應(yīng)用程序（例如 telegram 和 Twitter）相比使用 WhatsApp 的原因是因?yàn)?WhatsApp 上的功能更加多樣化，并且根據(jù)需要且易于訪問(wèn)。
3. 有用戶(hù)表示，根據(jù)日期進(jìn)行消息搜索功能不太重要，因?yàn)槿藗兺ǔ?huì)自動(dòng)忘記聊天的日期。
4. 有一位用戶(hù)在做筆記時(shí)不明白底部線路按鈕的意圖和用途。
5. 一般參與者表示，場(chǎng)景1-3 開(kāi)發(fā)的所有功能對(duì)于用戶(hù)來(lái)說(shuō)都非常重要和必要。
6. 平均而言，所有參與者都為每個(gè)場(chǎng)景打分，即 6-7 分。

八、最后

這就是這個(gè)項(xiàng)目的結(jié)束。

這個(gè) APP 設(shè)計(jì)解決方案離完美還很遠(yuǎn)。在這個(gè)研究過(guò)程中，我從用戶(hù)那里學(xué)到了很多東西，感謝團(tuán)隊(duì)的共同努力。

對(duì)于讀者，我還要感謝您閱讀我的文章，希望這能讓大家受益。

我對(duì)任何反饋都持開(kāi)放態(tài)度，謝謝你！