如何將用戶體驗(yàn)轉(zhuǎn)換為網(wǎng)站設(shè)計(jì)

可用性測試不必太復(fù)雜。對于想要遠(yuǎn)程測試其解決方案的設(shè)計(jì)團(tuán)隊(duì)來說，有很多選擇。為了證明這一點(diǎn)，我們在遠(yuǎn)程可用性測試的幫助下重新設(shè)計(jì)了Yelp。

我們進(jìn)行了遠(yuǎn)程可用性測試，因?yàn)樗鼈兗瓤焖儆謱?shí)惠。所有這些測試都是未經(jīng)審核的，這意味著用戶可以在自己的家中舒適地運(yùn)行它們。雖然這給我們帶來了更少的控制權(quán)，但卻提供了更自然的結(jié)果。因?yàn)橛涗浟怂麄兊姆磻?yīng)，所以我們鼓勵他們大聲思考。

了解沒有單一的魔術(shù)方法至關(guān)重要。從可用性實(shí)驗(yàn)室研究到簡單的電子郵件調(diào)查，有各種各樣的策略可供選擇，并且它們都有自己的時(shí)間和地點(diǎn)。我們進(jìn)行了遠(yuǎn)程可用性測試，因?yàn)樗谒俣龋瑴?zhǔn)確性和成本之間取得了很好的平衡。

在本文中，我們將解釋定性研究為何重要，解釋見解，并展示如何將其構(gòu)建到新設(shè)計(jì)中。

如何進(jìn)行定性分析

當(dāng)涉及定性分析時(shí)，您不僅可以要求用戶談?wù)撍麄兊慕?jīng)驗(yàn)。

正如尼爾森·諾曼集團(tuán)（Nielsen Norman Group）的合伙人雅各布·尼爾森（Jakob Nielsen）指出的那樣，您永遠(yuǎn)不應(yīng)只聽用戶說什么。錯誤的方法是創(chuàng)建一些設(shè)計(jì)，然后詢問用戶他們最喜歡哪個設(shè)計(jì)-用戶沒有嘗試過該設(shè)計(jì)，因此他們只能評論表面上看到的內(nèi)容。

正確的方法是觀察用戶的行為，然后向他們詢問最低限度的“ 單難問題”，即：“任務(wù)是多么容易或困難？”這有助于減少偏見并達(dá)到用戶體驗(yàn)分析的底線：如何用戶完成他們的任務(wù)，這有多難？我們的屏幕錄像還捕獲了音頻（因?yàn)槲覀児膭钊藗兇舐曀伎迹?，因?yàn)榉駝t很容易錯過某些行為發(fā)生的原因。

我們?nèi)绾畏治鲇脩粢曨l   

用戶與Yelp網(wǎng)站互動的視頻中出現(xiàn)了不同的模式。毫不奇怪，我們了解到搜索欄是最重要且易于使用的搜索欄之一。當(dāng)然，這是有道理的，因?yàn)閅elp本質(zhì)上是具有某些附加社交功能的商業(yè)搜索引擎。但是，其他功能并不直觀，如下所示。

第1課：搜索欄是首選起點(diǎn)

所有五個測試參與者都非常依賴搜索欄，即使是可以通過瀏覽類別輕松完成的任務(wù)（例如在沒有給出任何特定條件的情況下找到一家不錯的餐廳或酒吧）。實(shí)際上，五位參與者中有四位直接進(jìn)入搜索欄以找到餐廳。只有一個用戶開始瀏覽類別，然后她很快發(fā)現(xiàn)它們“不堪重負(fù)”，最終落回到搜索欄上。

值得一提的是，在測試說明中，我們要求用戶“找到”一家餐館，而不是“尋找”一家餐館，因?yàn)槲覀兿胗^察他們?nèi)绾巫匀煌瓿蛇@項(xiàng)任務(wù)，而不偏向于特定功能。

有趣的是，當(dāng)為用戶提供特定的參數(shù)（例如預(yù)算，氛圍和餐廳類型，或單個公司的名稱）時(shí)，他們幾乎總是忽略主頁上除搜索欄以外的所有內(nèi)容。在重新設(shè)計(jì)時(shí)，我們確保搜索欄是視覺上最突出的功能。

第2課：事件不是很明顯

在一項(xiàng)任務(wù)中，我們要求沒有Yelp帳戶的兩個用戶在本周末在他們的區(qū)域中找到一個有趣的事件。我們想了解他們是否將使用頁面頂部的事件標(biāo)簽。

令人驚訝的是，沒有人使用事件選項(xiàng)卡。當(dāng)被要求在本周末在他們所在的地區(qū)尋找有趣的活動時(shí)，一位測試參與者使用了搜索欄，另一位則在Yelp最佳部分中瀏覽了藝術(shù)與娛樂類別。

因?yàn)榕e行活動是Yelp業(yè)務(wù)的重要組成部分，所以我們的重新設(shè)計(jì)將把活動部分從側(cè)邊欄中拉出來，并使其成為主要滾動條的一部分。

第3課：書簽令人困惑，沒有人使用列表

我們很想知道用戶將如何選擇保存位置以供以后參考。在Yelp中，有兩種方法可以執(zhí)行此操作：具有現(xiàn)有帳戶的用戶可以為位置添加書簽或創(chuàng)建列表。我們只是要求第1組（三個擁有Yelp帳戶的用戶）“保存”許多位置以便以后查看，因此我們的措辭不會提及任何可能影響其操作的功能。

在執(zhí)行此任務(wù)的三個用戶中：

• 一個使用書簽保存了企業(yè)，但抱怨該過程花費(fèi)了很長時(shí)間
• 一個人開始使用書簽來保存業(yè)務(wù)，但由于花費(fèi)了太長時(shí)間而放棄了
• 一個人無法弄清楚如何挽救企業(yè)并放棄了這項(xiàng)任務(wù)

使用書簽的兩個用戶均表示，能夠從搜索結(jié)果頁面中為企業(yè)添加書簽，而不是必須分別轉(zhuǎn)到每個企業(yè)的頁面，這將是很好的選擇。

允許用戶使用一種更簡單，更直觀的方法來保存企業(yè)，以便日后返回，將是一個很好的選擇，因此我們在重新設(shè)計(jì)中添加了一鍵式保存功能。這項(xiàng)新功能可讓您直接從結(jié)果頁面保存業(yè)務(wù)，而無需深入研究。

第4課：快速輕松地搜索特定地點(diǎn)

所有五個用戶都被賦予一項(xiàng)任務(wù)，以查找特定的業(yè)務(wù)并確定該業(yè)務(wù)是否在特定時(shí)間開放。他們都成功完成了這項(xiàng)任務(wù)，并將任務(wù)評為“非常容易”。如前所述，所有五個人都使用搜索欄來完成此任務(wù)。

由于搜索特定業(yè)務(wù)的效果很好，因此我們決定不需要任何功能更改。

第5課：照片是確定氛圍的最佳選擇

當(dāng)被要求尋找具有一定氛圍的餐廳時(shí)，這五個用戶中沒有一個嘗試使用搜索欄。相反，三個用戶瀏覽了Yelp上餐廳的照片，一個訪問了餐廳的網(wǎng)站，最后一個用戶說價(jià)格符號（$，$$，$$$$$$$）足以表明餐廳是否有正確的氛圍。

這帶來了兩個見解：

1. 照片是Yelp體驗(yàn)的重要組成部分，對于用戶選擇業(yè)務(wù)至關(guān)重要。
2. 為避免界面混亂，解決方案可以簡單到只需在進(jìn)入搜索結(jié)果頁面時(shí)放大照片即可。

第6課：用戶依賴過濾器，但需要進(jìn)行修改

要求所有五位用戶為15 人一組找到一家餐廳，五位參與者中有三位使用了“團(tuán)體聚餐”過濾器，而一個人則使用了“預(yù)約”功能并向下滾動，直到找到可以容納該團(tuán)體的餐廳。

在另一點(diǎn)上，一個用戶試圖選擇兩個類別來過濾其結(jié)果，但是當(dāng)他單擊另一個類別時(shí)，他的一個選擇就消失了。

盡管過濾器很重要，但我們了解到可以大大改善過濾器。為了更深入地了解，我們決定對Yelp當(dāng)前的所有過濾器選項(xiàng)進(jìn)行卡片排序，以確定哪些選項(xiàng)實(shí)際上對用戶有用。

對于重新設(shè)計(jì)，我們決定將過濾器類別根據(jù)用戶的優(yōu)先級劃分為四個一組。例如，我們了解到“立即打開”和“接受信用卡”是一些最重要的過濾器，但是可能需要單擊幾次才能訪問它們。

第7課：價(jià)格類別不清楚

當(dāng)用戶搜索具有特定參數(shù)的餐廳時(shí)，要求之一是在20美元/人的預(yù)算內(nèi)找到一家餐廳。五個用戶中的兩個對他們的$ 20餐廳預(yù)算屬于$，$$$還是$$感到困惑。一個用戶說她不知道這些符號的含義，另一個用戶單擊了錯誤的類別。其他三個正確選擇了$$類別。

當(dāng)用戶選擇過濾器時(shí)，不會顯示符號的定義。它僅在用戶導(dǎo)航到特定餐廳的頁面時(shí)顯示。由于價(jià)格期望值非常主觀，因此用戶不清楚應(yīng)該選擇哪個類別。

在重新設(shè)計(jì)中，我們通過將確切的值放在符號旁邊的括號中來解決此問題。當(dāng)您在類別之間移動時(shí)，這特別有用，因?yàn)槿绻x擇機(jī)械師或漢堡店，$$具有不同的含義。

由可用性洞察力驅(qū)動的設(shè)計(jì)

一旦設(shè)計(jì)好了，我們就根據(jù)Google Ventures設(shè)計(jì)過程的最后幾個步驟采用了一種方法。UXPin首席執(zhí)行官M(fèi)arcin Treder首先提出了許多非正式的草圖，然后團(tuán)隊(duì)決定將其縮小到前2-3個草圖。為了防止委員會進(jìn)行設(shè)計(jì)，Marcin最終決定了哪些草圖將發(fā)展為線框設(shè)計(jì)和原型設(shè)計(jì)。

我們創(chuàng)建了一個線框以合并大多數(shù)設(shè)計(jì)更改，然后添加了一些交互作用和動畫將其轉(zhuǎn)變?yōu)榈捅Ｕ嬖汀?/span>動畫平滑后，我們?yōu)楦弑Ｕ嬖吞砑恿思?xì)節(jié)。

低保真原型

高保真原型

確定可用性的所有方面

服裝網(wǎng)站設(shè)計(jì)測試期間，用戶的發(fā)言和用戶的行為應(yīng)作為制衡手段。盡管在測試期間不必一定要在場，但必須進(jìn)行視聽記錄，否則您可能會錯過行動的環(huán)境。當(dāng)將定性分析與定量分析結(jié)合使用時(shí)，您會更清楚地知道為什么以及如何解決問題，以及設(shè)計(jì)需要解決多少可用性問題。