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