原文鏈接：Zara a usability case study
原文作者：William Ng
Zara是我最喜歡的服裝品牌之一浑此，但是當(dāng)我用app的時候總會遇到一些問題。盡管我不在Zara工作滞详，但是我想看看其他用戶是不是也有相似的問題凛俱。我決定去做一做可用性測試紊馏，這可以讓我發(fā)現(xiàn)很多的痛點(diǎn)，并且對體驗(yàn)的部分進(jìn)行重設(shè)計(jì)蒲犬。
同理心
用戶畫像
第一步朱监，我圍繞Zara的消費(fèi)者進(jìn)行在線調(diào)研。我創(chuàng)建了兩個臨時的角色來應(yīng)對假設(shè)原叮，最大的用戶群是：20～30歲的中上收入階層赫编。
工作故事
除了了解角色之外，為了更近一步的了解用戶在使用app時的動機(jī)和預(yù)期結(jié)果奋隶，我花費(fèi)了很多的時間去理解用戶使用的環(huán)境擂送。
可用性測試
為了更好的理解用戶，我決定去一家Zara的店达布，選擇一些客人進(jìn)行追蹤可用性測試团甲。我對人群進(jìn)行抽樣測試，確保他們在測試之前接觸過網(wǎng)購黍聂。最終選定了七位用戶躺苦。
每位用戶都被要求想象一下他／她在一個場景中，并執(zhí)行下面這些任務(wù)：
最近很冷产还，你想要去尋找一件冬天穿的外套匹厘，你會怎么做？
你看見了一件喜歡的衣服脐区，你可以告訴我哪些因素讓它吸引你愈诚？
當(dāng)你添加外套進(jìn)購物車后，你發(fā)現(xiàn)衣服的尺寸錯了牛隅，你會怎么做炕柔？
定義&分析
親密圖
我仔細(xì)的分析測試錄音，然后提出每個用戶的問題與反饋媒佣。然后通過映射來反映這些痛點(diǎn)的關(guān)系匕累，分類處理。
2X2分析
為了幫助分析問題默伍，我試用了2x2地圖來幫助劃分問題的等級欢嘿，通過他們在商業(yè)（x軸）和用戶（y軸）的重要性來確定。假設(shè)app的主要業(yè)務(wù)目標(biāo)是推動移動端商業(yè)收入也糊，我認(rèn)為購物車編輯是商業(yè)和用戶之間最大的痛點(diǎn)炼蹦。因此，這些問題都在我的重設(shè)計(jì)范圍內(nèi)狸剃。
定義問題
我仔細(xì)地分析了用戶與購物車的行為和模式掐隐，想了一套解決方案。
當(dāng)試圖在購物車中編輯一個項(xiàng)目時：
七個人當(dāng)中只有一個沒有遇到問題
七個人當(dāng)中有六個嘗試tap購物車中的項(xiàng)目钞馁，但是只談出來了一張圖片
七個人當(dāng)中有四個試圖刷新項(xiàng)目瑟枫，但是沒有彈出編輯選項(xiàng)
七個人當(dāng)中有兩個不小心刪除了他們的物品
其他問題
沒有辦法修改購物車中商品的大小和顏色斗搞，這意味著用戶不得不返回再次選擇內(nèi)容
用戶無法看到購物車中關(guān)于商品更多的圖片
想象&創(chuàng)造
低保真UI草圖
在回顧了購物車編輯的問題之后，我關(guān)聯(lián)了每個痛點(diǎn)和可能的解決方案來解決問題慷妙。
高保真原型
在將我的設(shè)計(jì)應(yīng)用在原型之前，我通過在低保真UI草稿的走查和參考更多的網(wǎng)購用戶的意見允悦。收集了一些不錯的觀點(diǎn)并融入了我的最終設(shè)計(jì)中去膝擂。
接下來是我的解決方案：
新的“edit”按鈕取代了舊的“buy later”按鈕；這是一個有意義的選擇隙弛。在這之前架馋，用戶想要保存他們的項(xiàng)目，他們在購物車中只能這么做全闷。我會添加“save for later”功能在product-browsing流中叉寂，這樣用戶在收藏之前就不必去移動它。
豎向的圖片carousel與app中的其他部分交互模式保持了一致总珠。在最初的可用性測試中屏鳍，用戶往往會水平輕掃去查看更多的圖片，因此我添加了適當(dāng)?shù)囊曈X元素引導(dǎo)互動局服。
原型
準(zhǔn)備好了試試看原型嗎钓瞭？
首先，想象你你剛在Zara的app中完成購物淫奔，并準(zhǔn)備退出山涡。然而你需要編輯一些在購物車中的物品。然后你可以試著使用原型（點(diǎn)擊查看）看看了唆迁。
驗(yàn)證
我通過七位用戶來使用原型來驗(yàn)證我的設(shè)計(jì)鸭丛。這七位用戶被要求去編輯購物車中物品的數(shù)量和大小。所有的用戶都能夠沒有問題的完成任務(wù)唐责。
重新設(shè)計(jì)后鳞溉，任務(wù)的成功率從33%上升到了100%。
當(dāng)用戶在購物車中編輯一個項(xiàng)目：
通過追蹤可用性測試妒蔚，我發(fā)現(xiàn)了用戶對已經(jīng)添加進(jìn)購物車中的商品編輯困難穿挨。進(jìn)一步，有一些預(yù)期的普通功能并沒有存在于購物車中。（例如查看更多的圖片和更換尺寸）谤祖。我的設(shè)計(jì)優(yōu)化了檢驗(yàn)過程贤惯，方便用戶在購物車中編輯和比較。讓用戶在整個過程中更平滑意味著更低的跳出率贞绵，進(jìn)而帶來更多的商業(yè)變現(xiàn)。
