這是一篇有關(guān)如何解決 WhatsApp Web 端應(yīng)用痛點(diǎn)的文章。

WhatsApp是一款面向移動(dòng)手機(jī)和網(wǎng)絡(luò)的信息服務(wù)，你可以通過網(wǎng)絡(luò)發(fā)送短信、圖片、音頻和視頻。WhatsApp 在全球范圍內(nèi)被廣泛使用，是最受歡迎的在線消息應(yīng)用程序（之一）。

WhatsApp 客戶端版本在使用系統(tǒng)時(shí)發(fā)送消息給聯(lián)系人的時(shí)候也非常方便，但當(dāng)做可用性測試時(shí)，我們還發(fā)現(xiàn)了了在使用某些功能時(shí)的幾個(gè)痛點(diǎn)。

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

目的

辨別用戶使用 WhatsApp 中的痛點(diǎn)。

測試參數(shù)

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

測試流程

按照 Guerilla 可用性測試過程進(jìn)行測試，涉及以下幾個(gè)階段：

可用性測試階段

1.識別用戶任務(wù)

創(chuàng)建用戶可以使用的任務(wù)列表。

2.任務(wù)優(yōu)先級

根據(jù)用戶的使用頻率來確定任務(wù)的優(yōu)先級。

每個(gè)任務(wù)都有 1-3 的分?jǐn)?shù)：最常用的任務(wù)計(jì) 3 分，偶爾使用的計(jì) 2 分，很少使用的計(jì) 1 分。

兩項(xiàng)任務(wù)被標(biāo)記為最常用，計(jì) 3 分。

1. 發(fā)送消息給好友
2. 分享照片給好友

3. 執(zhí)行測試

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

? 觀察用戶操作任務(wù)
? 用戶談?wù)摬僮黧w驗(yàn)

以下是每個(gè)任務(wù)的流程以及他們需要描述的指示。

任務(wù)1：發(fā)送消息給好友

任務(wù)2：分享照片給好友

4. 分析痛點(diǎn)并尋求解決方案

痛點(diǎn)1：尋找聯(lián)系人

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

1. 在聊天列表中搜索；
2. 點(diǎn)擊頂部的聊天圖標(biāo)并搜索聯(lián)系人。不過，用戶并不清楚如何區(qū)分使用這兩種方式。

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

目前 WhatsApp 開始新的聊天界面

建議：

需要明確區(qū)分聊天列表和聯(lián)系人列表?？梢酝ㄟ^在聯(lián)系人列表中提供過濾器選項(xiàng)來完成，也可以根據(jù)最近的聊天或聯(lián)系人名稱對單個(gè)列表進(jìn)行排序。

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

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

痛點(diǎn)2：查看消息

在“消息信息區(qū)域”中，顯示消息狀態(tài)的區(qū)域與“消息信息區(qū)域”合并了。另外，用戶并不能很清楚地了解當(dāng)前正在查看消息的狀態(tài)。此外，用戶需要花費(fèi)時(shí)間在“消息信息區(qū)域”的頂部找到“關(guān)閉”圖標(biāo)。

建議：

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

建議消息信息區(qū)域的調(diào)整

痛點(diǎn)3：使用附加選項(xiàng)

附加菜單和提示與用戶界面不匹配，導(dǎo)致用戶在當(dāng)前屏幕看到了完全不同的主題，并有了不一致的體驗(yàn)。

當(dāng)前 WhatsApp 附加選項(xiàng)

建議：

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

建議附件圖標(biāo)靠近消息框顯示

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

痛點(diǎn)4：添加照片

帶預(yù)覽標(biāo)題的關(guān)閉圖標(biāo)令人困惑。用戶點(diǎn)擊它只是關(guān)閉所選照片的??預(yù)覽，但會(huì)丟棄所有選定的圖片。

添加更多文件的選項(xiàng)也不是太清楚，添加圖標(biāo)仍然顯示在頂部，但不起作用。別忘了，用戶肯定首先會(huì)點(diǎn)擊這個(gè)圖標(biāo)的。

并且，當(dāng)前還有個(gè)問題，瀏覽已選擇的文件也會(huì)是一件很費(fèi)勁的事。

當(dāng)前 WhatsApp 查看選定的圖片

建議：

修改預(yù)覽區(qū)域的標(biāo)題以避免用戶困惑；在縮略圖區(qū)域中提供滾動(dòng)功能；用戶可以在點(diǎn)擊添加圖標(biāo)后，同時(shí)添加多個(gè)文件。

圖片附件功能相關(guān)的更改建議

幾點(diǎn)觀察

• ?使用滾動(dòng)條需要很高的精確度來控制它。當(dāng)用戶試圖滾動(dòng)消息區(qū)域時(shí)，光標(biāo)變?yōu)榭烧{(diào)整大小。使用“聯(lián)系人”區(qū)域和“聯(lián)系人/組”區(qū)域中的無法使用鍵盤滾動(dòng)。
• 用戶多次跳過了在聯(lián)系人列表左下角顯示的通知。
• Web 端版本無法更新狀態(tài)，用戶也無法刪除其狀態(tài)。此外，用戶無法看到狀態(tài)的瀏覽者。

寫在最后…

本文的目的是為了提供有關(guān)用戶針對 WhatsApp Web 的使用反饋。WhatsApp 為用戶提供的創(chuàng)新體驗(yàn)是沒有任何問題的，但我們希望這種可用性測試的練習(xí)能夠幫助 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

#專欄作家#

鄭幾塊，人人都是產(chǎn)品經(jīng)理專欄作家，前新浪微博產(chǎn)品經(jīng)理。

本文系作者@鄭幾塊 獨(dú)家翻譯授權(quán)，未經(jīng)本站許可，不得轉(zhuǎn)載

題圖來自作者