一個UX案例研究——Foursquare
寫在前面：
經常聽到有人說，自己剛做設計，又身在小公司，不懂得正確的設計流程，也接觸不到大公司設計的迭代過程，總覺得自己設計流程不規範。偶爾有幸與大神聊設計，得到的答案多半也是多看多想多做之類的話，雖然是這個理，但是我覺得還不如來一次實戰案例展示更為有效。
為此，我找了這篇文章，文章是出自日本的一位美女設計大神之手（日本產品設計師，擅長UI和品牌設計，個人鏈接：https://medium.com/@haiji505），詳細的介紹了她是如何對一款應用進行改版的。相信讀完此文，會對設計改版有一個全新的認識。
作者本人照片使用已經得到原作者的允許，小姐姐人很好，還給我發了幾張高清的個人皂片
在與原作者溝通的過程中，還發生了一點小故事。原作者也是剛學了小半年的英語，寫這篇文章也算是試水吧，沒想到在medium上獲得了3.5k的點贊，她非常的開心，正準備把她的這篇文章翻譯成日文，沒想到我先找到了她，請求翻譯成中文。她還發了推特，說可能中文要在日文之前出版了，哈哈~
小姐姐twitter截圖
文章簡介：本文主要講了對一款旅行應用Foursquare的改版迭代過程，流程非常完整，最大的感觸就是作者全程都是在與用戶進行溝通交流，結合自己的思路進行設計驗證，這一點非常值得學習。
(譯者註：為方便閱讀學習，我將文章中出現的圖片也都儘可能的翻譯過了，見圖片中的灰色小字。)
下面進入譯文：
在旅行前探索你的目的地城市
項目介紹
Foursquare APP 改變了用戶旅行的體驗。
我喜歡用Foursquare這款應用，自從我住在東京後就開始使用它了。搬到舊金山後，我對自己可以繼續無縫地使用它印象深刻。它幫助我發現世界上任何一個新的地方。去年夏天，我還計劃使用Foursquare幫助我去波特蘭旅行，但是我在使用APP時發現了一個問題。
因此，我著手探索可幫助用戶規划出行並吸引新用戶的功能增強和改進。
問題與假設
去年，我嘗試使用Foursquare的桌面端和移動端一起計劃一次旅行。我注意到，在桌面端搜索周邊旅遊景點很容易，但是在使用移動端時，找更遠的旅遊目的地時要困難的多。我真的很喜歡使用Foursquare，所以我想找到一種讓移動端更容易使用的方法。要做到這一點，其中一個方法是為用戶創建一種方式來為潛在的旅遊目的地添加書籤，這樣他們在使用移動端時就更容易導航了。
Foursquare的桌面端
我研究了指導Foursquare的設計理念，他們建議用戶列出最喜歡的景點，計劃一次旅行並保存想去的地方。我相信他們的目標和我的假設是一致的。
在 App Store?中Foursquare 的應用截圖—?iTunes (2017年11月)
用戶畫像
首先，我創建了一個基於在線研究中的潛在用戶和身邊在使用這款應用的朋友們的用戶畫像。既然Foursquare是關於發現新地方的，我認為目標用戶應該是一個好奇和愛冒險的人。
故事板
我使用Jobs To Be Done(譯者註：待完成之工作,更多詳細介紹請參考：https://jtbd.info/2-what-is-jobs-to-be-done-jtbd-796b82081cca，這裡就不擴展討論了)框架和場景創建了以下故事內容。
故事內容
（譯者注圖片譯文：當我想到下一個假期去旅遊時，如果我能夠知道在某個城市或國家哪裡可以找到一個美麗的地方，那麼我就可以決定我的旅遊目的地了。）
場景
小範圍可用性測試
在舊金山Yerba Buena花園裡做用戶測試
根據我的故事內容和場景，我進行了小範圍可用性測試來驗證我的假設。
我在公園裡找到了7個人，在開始測試之前，我詢問了一些基本的問題。
在我讓他們做任務之前，我讓他們想像他們正計劃前往一個新的目的地（城市或國家都行）。
這七位用戶被要求在iPhone上完成以下任務：
1、如果你想找一個你想去旅遊的地方，你會怎麼做?
2、假設你找到了一個你喜歡的地方，你怎麼去看看那個地方?
3、你對那個地方很感興趣，你決定去那裡旅遊，接下來你會做什麼?
發現痛點並確定優先順序
關聯映射
2 x2優先順序矩陣
我回顧了用戶訪談，並將每位用戶的痛點寫在了便簽上。 然後我用關聯映射對痛點進行分類，並用2x2 優先順序矩陣對它們進行優先順序排序。
我測試的每個人都無法在他們當前位置之外找到一個旅遊目的地。搜索是最重要的，因為如果新用戶不能得到他們想要的結果，他們可能就不再用了。
搜索功能是很多痛點的根源，所以我決定把重點放在搜索功能上。
照片也是一個痛點，用戶說他們在決定旅行前希望看到一些關於目的地的高質量照片。這說明在照片功能上有改進的機會。
任務流程
用戶評論頁面對於Foursquare來說很重要，但大多數受訪者在尋找目的地之外的旅遊目的地時，並沒有到達評論頁面。
設計決策
UI草圖
在設計我的初步解決方案並創建高保真原型之前，我畫了一些草圖來探索最佳的解決方法。
原型設計並驗證
我使用Sketch和Marvel來創建高保真原型，並召集了5名新用戶參與測試。
以下是我在用戶測試中使用的原型和測試結果。
#1 主頁
Foursquare確實有助於在當前位置附近找到推薦地點，但在旅行之前找到旅行目的地並不容易。參與者想通過Foursquare了解一個推薦的目的地。 我修改了主頁，以解決尋找旅遊目的地的問題。
主頁
根據用戶的當前位置，我將主頁首圖更改為城市照片。
由於用戶想要找到迷人的目的地，我添加了特色城市功能。
Foursquare在「列表」菜單中提供了專題列表，但新用戶沒有注意到「列表」菜單。 所以我將現場列表移到了主頁，以便讓更多用戶使用該功能。
我把標籤名「搜索」改為「探索」。「探索」在字面上的意思是指發現一個新的地方，在首頁上它會比「搜索」更讓人興奮。（譯者註：功能文案，這個細節很多人經常會遺漏）
結果:5個人中有4人瀏覽了主頁並點擊了特色目的地。
#2 搜索流程
在旅行之前尋找目的地是研究參與者的主要痛點。 我回顧了搜索流程和修改後的UI設計。 參與者的主要問題是在一座城市中找到目的地。 當參與者在搜索欄中輸入城市名稱時，他們會顯示一個包含你輸入的城市名稱的當地商圈。我的解決方案是，當用戶輸入一個城市名稱，推薦結果出現一個只有該城市名稱的位置（譯者註：城市總覽入口）。
搜索區域
結果：每個人都注意到位置輸入區。
建議查詢位置
結果:5個人中有2人選擇了建議的城市。
建議使用城市名稱的位置搜索
結果：5人中有3人將城市名稱輸入主文本欄位，然後點擊「東京」按鈕。
搜索結果
結果：5人中有3人對類別按鈕感興趣。
#3 詳情頁面
習慣了iPhone的人無法找到共享和書籤按鈕。iPhone用戶不熟悉Android上使用的浮動操作按鈕。他們沒有想到在浮動操作按鈕中會有「添加到列表」功能。我將分享按鈕和「添加到列表」功能移動到標題欄顯示。
詳情頁面
結果:每個人都感覺點擊「添加到列表」按鈕變得更容易了。
改善用戶旅程
總的來說，參與者都喜歡在應用中探索新的目的地，而不是在他們家城市周邊探索。
目前的Foursquare APP很有幫助，但缺乏用戶需要和期望從Foursquare獲得的某些功能。 同時，他們也面臨著與越來越多地本地搜索平台（如Facebook Local，Yelp和其他具有更全面功能的平台）競爭。 Foursquare的用戶希望發現新的地方， 然而，當地搜索市場競爭激烈。 Foursquare可以通過成為人們發現新地點的應用來擴大用戶群，增加現有用戶的滿意指數，無論要搜索的是在哪個地點。
作為Foursquare的忠實粉絲，我不論何時何地都想用到它，我相信後續它也能給我推薦一些很棒的地方！
註：*這是一個個人練習項目。 我不隸屬於Foursquare。 Foursquare是我最喜歡的探索應用，我正在探索如何讓它變得更好。 *本案例研究於2017年11月~12月完成。
原文：https://medium.com/haiiro-io/foursquare-a-ux-case-study-f606d4757d9b
作者：Namika Hamasaki (Haiji)
譯者：彩雲Sky
本文翻譯已獲得作者的正式授權
交互設計學堂已經開設了新的欄目-行知書院，旨在幫助小夥伴們來高效的學習現在市面上優秀的用戶體驗書籍比如《交互設計精髓》等等，同時結合老D的工作經驗來幫助你們從不同的高度和角度來解讀書中的內容。每天一課，積少成多。已有222位小夥伴加入。詳細了解行知書院
TAG:交互設計學堂 |