案例研究|重新設計WhatsApp

0 評論 1432 瀏覽 2 收藏 12 分鐘

WhatsApp 是一種廣泛使用的消息應用程序。然而,由于用戶很難使用一些必要功能,有很多用戶不再使用。作者以及他的團隊發現其所在問題并且思考重新設計方案。來和作者一起探索整個設計流程,并且學習更多的設計方法吧!

你好!我叫 Nerissa Arviana Sukmananda,一名 UI/UX 愛好者。我目前正在參加 由Zenius領導的UI/UX 產品設計。我希望這篇文章能夠描述我的團隊和我在解決應用程序中的問題時的工作流程。希望你喜歡這個項目!

一、背景

WhatsApp的標志設計

二、關于WhatsApp

WhatsApp 是一款用于發送文本、語音消息、進行語音和視頻通話、共享圖片、文檔和其他媒體的應用程序。180 多個國家/地區,超過 20 億人使用 WhatsApp去隨時隨地與朋友和家人保持聯系。

目前,WhatsApp 在 Google Play 商店的下載量約為 50 億次,評論量約為 1.72 億條,與同類應用程序相比會更多。

三、問題

WhatsApp 是一種廣泛使用的消息應用程序。然而,由于用戶難以使用某些功能,評級有所下降。用戶很難固定不能超過 3 條的消息。然后用戶還必須手動搜索消息或輸入關鍵字。最后,用戶發現很難將重要消息從 WhatsApp 復制到其他筆記應用程序??紤]到這些問題,我的重點是通過重新設計用戶界面并融入新功能來改善 WhatsApp 的用戶體驗。

四、目標

基于以上問題,WhatsApp重新設計的目的如下:

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

五、在團隊中的角色

在 WhatsApp 重新設計過程中,我與其他 4 名團隊成員合作,他們是:

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

在創建設計解決方案時,我們與用戶體驗研究人員具有相同的責任,例如:

  • 做用戶研究
  • 生成解決方案概念
  • 執行可用性測試

不過,我負責 UI 設計工作,例如創建用戶流程、線框、用戶界面(高保真設計)和原型設計。之前,每個團隊成員都是需要自己做UI設計工作,但最終我的設計被選中。

六、設計過程

在這個項目中,我們使用設計思維方法來解決現有的問題。使用這種方法可以幫助我們更好地了解用戶的需求。以下是設計思維過程中采取的步驟:

設計想法

1. 共情

這個初始過程是發現 WhatsApp 問題的階段。以下是 WhatsApp 的目標用戶:

  • WhatsApp 應用程序的活躍用戶
  • 16-40歲
  • 每天使用 WhatsApp 在線時間超過 4 小時
  • 經常使用WhatsApp發送消息

探索并了解使用 WhatsApp 時的用戶體驗。此外,收集與用戶在使用 WhatsApp 應用程序時遇到的限制或問題相關的數據。收集的數據類型是通過對受訪者進行在線調查獲得的定性數據。

用戶畫像

2. 定義

定義階段是我通過制作親和圖和用戶旅程圖進行觀察,以尋找可以應用于產品的機會。

從上述結果中獲得的見解會使用親和圖進行表示。使用親和圖技術可以幫助我們通過對信息進行排序和分組來發現嵌入的思維模式。

親和圖

親和圖

獲得之前的一些信息后,下一步就是創建用戶旅程地圖模型。用戶旅程地圖是用戶到達目的地所經歷的過程的可視化。

用戶旅程圖

問題定義

根據親和圖和用戶旅程圖的分析結果,發現了用戶面臨的3個主要問題。3個主要問題是:

  1. 由于超過 3 個無法固定的聊天信息,用戶難以固定消息。
  2. 用戶很難根據消息的日期找到消息,因此他們必須手動搜索或滾動消息。
  3. 用戶感覺不舒服并且很難在聊天室中保存筆記。

3. 構思

在這個階段,我創建用戶流程、信息架構和線框圖。

用戶流程圖

我創建了一個用戶流程來描述用戶在按日期搜索消息、創建新筆記和使用固定聊天時必須完成的旅程。

用戶流程圖

信息架構

創建用戶流程后,下一步是創建信息架構以使流程更加清晰。

信息構造

線框圖

我開始創建從低保真度到高保真度設計的線框流程。我將概念可視化為線框圖,但準確性較低。低保真布局是一種可以幫助設計者在界面中呈現信息的布局。

線框圖

設計系統

在將其開發為 UI 設計之前,我首先決定了顏色、版式、圖標,并制作了重要的組件,例如按鈕和卡片及其各自的變體。設計系統將隨著用戶界面設計過程不斷發展。

設計系統

設計系統

設計系統

高保真

這是我根據之前的線框圖創建的高保真圖。

高保真

4. 原型圖

在這個階段,我們將已制作成更具交互性的界面的想法付諸實踐。目的是了解產品如何按照預期流程運行。

5. 測試

在此階段,我們對 5 名受訪者進行了可用性測試。我們通過深度訪談的方式來探索如何更深入地了解用戶反饋。進行此方法是為了評估按日期搜索消息、做筆記和無限 固定聊天的新設計。

參與者

參與者

總體評估

總體來說,用戶覺得新增的功能還是比較方便和實用的,只是應用程序還需要更多的適配。

總體評估

設計反饋

設計反饋

設計反饋

設計反饋

根據上面的測試結果,我必須做出一些改進。但由于時間有限,之后會進行改進。

七、結論

在該項目的工作過程中,可以得出以下結論:

  1. 所有參與者每天都經常使用 WhatsApp 應用程序發送消息、撥打電話和發送文件。
  2. 與其他應用程序(例如 telegram 和 Twitter)相比使用 WhatsApp 的原因是因為 WhatsApp 上的功能更加多樣化,并且根據需要且易于訪問。
  3. 有用戶表示,根據日期進行消息搜索功能不太重要,因為人們通常會自動忘記聊天的日期。
  4. 有一位用戶在做筆記時不明白底部線路按鈕的意圖和用途。
  5. 一般參與者表示,場景1-3 開發的所有功能對于用戶來說都非常重要和必要。
  6. 平均而言,所有參與者都為每個場景打分,即 6-7 分。

八、最后

這就是這個項目的結束。

這個 APP 設計解決方案離完美還很遠。在這個研究過程中,我從用戶那里學到了很多東西,感謝團隊的共同努力。

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

我對任何反饋都持開放態度,謝謝你!

原文作者:Nerissa Arviana(本文翻譯已獲得作者的正式授權)

原文:https://medium.com/@nerissaarvnas30/whatsapp-re-design-ui-ux-case-study-3d44febe25

譯者:孫淑雅;審核:李澤慧;編輯:陳美辰

微信公眾號:TCC翻譯情報局(ID:TCC-design);連接知識,了解全球精選設計干貨。

本文由@TCC翻譯情報局 翻譯發布于人人都是產品經理,未經許可,禁止轉載。

題圖來自 Unsplash,基于 CC0 協議。

該文觀點僅代表作者本人,人人都是產品經理平臺僅提供信息存儲空間服務。

更多精彩內容,請關注人人都是產品經理微信公眾號或下載App
評論
評論請登錄
  1. 目前還沒評論,等你發揮!