這是一篇有關如何解決 WhatsApp Web 端應用痛點的文章。

WhatsApp是一款面向移動手機和網絡的信息服務，你可以通過網絡發送短信、圖片、音頻和視頻。WhatsApp 在全球范圍內被廣泛使用，是最受歡迎的在線消息應用程序（之一）。

WhatsApp 客戶端版本在使用系統時發送消息給聯系人的時候也非常方便，但當做可用性測試時，我們還發現了了在使用某些功能時的幾個痛點。

本文介紹了 Guerrilla 可用性測試的細節和結果，以及一些建議。

目的

辨別用戶使用 WhatsApp 中的痛點。

測試參數

? 測試內容：WhatsApp 上最常用的兩個任務（功能）
? 測試人員：3 名老用戶，以及 2 名 WhatsApp 新用戶
? 如何測試：通過觀察和訪談的方式

測試流程

按照 Guerilla 可用性測試過程進行測試，涉及以下幾個階段：

可用性測試階段

1.識別用戶任務

創建用戶可以使用的任務列表。

2.任務優先級

根據用戶的使用頻率來確定任務的優先級。

每個任務都有 1-3 的分數：最常用的任務計 3 分，偶爾使用的計 2 分，很少使用的計 1 分。

兩項任務被標記為最常用，計 3 分。

1. 發送消息給好友
2. 分享照片給好友

3. 執行測試

連同說明，將所選任務一起提供給用戶。遵循以下兩種方法收集用戶的反饋：

? 觀察用戶操作任務
? 用戶談論操作體驗

以下是每個任務的流程以及他們需要描述的指示。

任務1：發送消息給好友

任務2：分享照片給好友

4. 分析痛點并尋求解決方案

痛點1：尋找聯系人

有兩種方式可以找到一個人和他聊天：

1. 在聊天列表中搜索；
2. 點擊頂部的聊天圖標并搜索聯系人。不過，用戶并不清楚如何區分使用這兩種方式。

在聊天列表中搜索的話，是假設搜索的范圍僅在聊天列表中，實際上它適用于聊天列表和聯系人列表；另一方面，頂部的聊天圖標還提供聊天和聯系人列表。這就增加了用戶的理解難度，他們需要做一些什么才能了解這些功能。

目前 WhatsApp 開始新的聊天界面

建議：

需要明確區分聊天列表和聯系人列表?？梢酝ㄟ^在聯系人列表中提供過濾器選項來完成，也可以根據最近的聊天或聯系人名稱對單個列表進行排序。

第一種方式：在聯系人列表的底部提供過濾器

另一種方式：在聯系人列表頂部的下拉菜單中提供過濾器

痛點2：查看消息

在“消息信息區域”中，顯示消息狀態的區域與“消息信息區域”合并了。另外，用戶并不能很清楚地了解當前正在查看消息的狀態。此外，用戶需要花費時間在“消息信息區域”的頂部找到“關閉”圖標。

建議：

需要明確區分消息信息區域和消息的區域。由于這是桌面版本，并且在消息打開時消息信息區域仍然是可見的，所以消息及其信息之間的鏈接關系可以更加突出。當前所選的消息可突出顯示。

建議消息信息區域的調整

痛點3：使用附加選項

附加菜單和提示與用戶界面不匹配，導致用戶在當前屏幕看到了完全不同的主題，并有了不一致的體驗。

當前 WhatsApp 附加選項

建議：

菜單位置和主題與用戶界面保持一致，而不采用提示，選項名稱和圖標的方式似乎更有幫助。

建議附件圖標靠近消息框顯示

附件菜單有更加友好的布局

痛點4：添加照片

帶預覽標題的關閉圖標令人困惑。用戶點擊它只是關閉所選照片的??預覽，但會丟棄所有選定的圖片。

添加更多文件的選項也不是太清楚，添加圖標仍然顯示在頂部，但不起作用。別忘了，用戶肯定首先會點擊這個圖標的。

并且，當前還有個問題，瀏覽已選擇的文件也會是一件很費勁的事。

當前 WhatsApp 查看選定的圖片

建議：

修改預覽區域的標題以避免用戶困惑；在縮略圖區域中提供滾動功能；用戶可以在點擊添加圖標后，同時添加多個文件。

圖片附件功能相關的更改建議

幾點觀察

• ?使用滾動條需要很高的精確度來控制它。當用戶試圖滾動消息區域時，光標變為可調整大小。使用“聯系人”區域和“聯系人/組”區域中的無法使用鍵盤滾動。
• 用戶多次跳過了在聯系人列表左下角顯示的通知。
• Web 端版本無法更新狀態，用戶也無法刪除其狀態。此外，用戶無法看到狀態的瀏覽者。

寫在最后…

本文的目的是為了提供有關用戶針對 WhatsApp Web 的使用反饋。WhatsApp 為用戶提供的創新體驗是沒有任何問題的，但我們希望這種可用性測試的練習能夠幫助 WhatsApp 變得更好。

歡迎使用 WhatsApp??！

作者：Saadia Minhas. UX Design Passionate | Love to share and learn about UX design | Occasionally write about life lessons | Email: minhas.saadia@yahoo.com

原文地址：https://uxdesign.cc/a-usability-test-on-whatsapp-web-e45ccb88cc5d

#專欄作家#

鄭幾塊，人人都是產品經理專欄作家，前新浪微博產品經理。

本文系作者@鄭幾塊 獨家翻譯授權，未經本站許可，不得轉載

題圖來自作者