起點課堂會員權益
職業體系課特權
線下行業大會特權
個人IP打造特權
30+門專項技能課
1300+專題課程
12場職場軟技能直播
12場求職輔導直播
12場專業技能直播
會員專屬社群
榮耀標識用戶體驗設計中被忽視的細節—評估線上購買演唱會門票的體驗
幾個月前，我去看了場我最喜歡的DJ——STWO在舊金山的現場演出，他和他的伙伴們的表演值得稱道，但我想說說網上購票的復雜經歷。
我受入職指南的啟發，把這些寫出來。我將向你呈現我在多個站點間的（購票）經歷，而不是某個單獨APP的故事版。我將整個過程中的每一項都進行了評估——從簡單好用到難用至極。
“別讓我思考” ——史蒂夫·克魯格（Steve Krug）的第一用戶體驗準則
我們用電腦處理的許多日常工作都沒那么簡單直接。但最好的用戶體驗應該是：在減少認知負擔的同時，讓你更快，更直覺地讓電腦去做你想讓它完成的事情。
票就在電腦里
買票最流暢的體驗（在當前技術條件下）可能是這樣的：
- 我讓siri 買一張演出票
- 我確認演出日期、價格和地點
- 我被告知票已買好了，并且可以在Passbook中找到它（IOS9錢包功能）
理想情況下，這個過程需要不到30秒的時間。但是，你能相信么，它花了我五分鐘的時間！
當我們談及用戶體驗時，通常會說少即是多：
- 花費更少的時間
- 使用更少的步驟
- 消耗更少的思考
在這個案例中，我定位了兩個首要問題：
A.太多的步驟
我從頭到尾在4個網站，12個網頁中穿梭：
- 谷歌搜索：首頁
- 谷歌搜索：結果頁
- SoundCloud①：藝術家個人主頁
- Songkick②：藝術家活動頁面
- Songkick：活動頁面
- Eventbrite③：訂購頁面
- Eventbrite：訂單確認頁面
- Eventbrite：主頁
- Eventbrite：登錄頁面
- Eventbrite：主頁
- Eventbrite：訂單確認頁面（刷新后的）
- Eventbrite：訂單完成頁面
（備注：
①SoundCloud是一家德國網站，提供音樂分享社區服務，可在線上傳也可以通過軟件客戶端來上傳音樂文件，沒有文件大小限制，免費版限制上傳音頻總長不可超過2個小時播放時長，每首歌曲限最多100次下載。
②Songkick能根據用戶的網絡音樂服務帳號判斷用戶的音樂品味，為用戶推薦其所在地區的現場演出或音樂會，生成一份本地區現場演出列表。每場演出都附有地點、地圖、票務等詳細信息，用戶可以邀請好友一同前往，也可以將演出添加至自己的日歷。
③Eventbrite 是一個在線活動策劃服務平臺。該平臺可為個人抑或企業舉辦各種活動（免費或付費），用戶可免費注冊并方便的使用其各種與活動組織和推廣相關的在線工具你的活動將很可能受到比預期高得多的關注度）
一個孩子在糟糕的用戶體驗中
在這些頁面中穿來穿去讓用戶付出很高的成本，并且對訂單生成也很不利。由于整個過程太曲折，用戶有可能不會完成實際購買。我們都知道電商網站很難形成交易閉環，其中一部分原因可以歸咎于整個體驗太復雜或者耗時太長。
買票的體驗最直接的影響到了我，但是它也影響到了藝術家、演出場地和組織者。如果我因為流程中卡住而放棄了購買，那大家都受到了損失。但是如果我勉強購買成功，卻經歷了不愉快的購買經歷，仍然可能會在潛意識中影響我對藝術家或者演出的評價。
B.耗費太多心思
當你是一個流行符號
?多數時候當人們使用互聯網時，他們快速瀏覽頁面，尋找滿足需要的鏈接或信息點。最開始（我用的是谷歌搜索）并沒有提供清晰的購票路徑，所以我只能依賴自己瀏覽網頁和篩選信息的能力。
我的瀏覽速度有時會因為網站視覺層級不清晰，或界面元素沒有清晰傳達預期而減慢。
值得說明的是，我認為自己是一個相當高級的電腦用戶，并且對這些網站有過往的使用經驗。我的分析更多是針對經驗較少的用戶，他們可能會遇到的問題。
下面是我瀏覽網頁時的截圖，我記錄了我的直觀想法，并且盡量按照實際發生的順序串聯起來。
1.谷歌搜索：首頁
你應該也做過類似的事情
2.谷歌搜索：結果頁
這些是我購買那天同樣的搜索結果
我之前使用過Soundcloud，知道它能展現Songkick的演出列表，所以我選擇了它的搜索結果。然而，假設是另一個用戶，沒有像我一樣的使用經歷，也許會嘗試使用其它的鏈接。因為原本展現在那里的另一個唯一可選鏈接是Facebook的，它的演出列表鏈接隱藏在菜單里面。如果你想獲得日期或門票或同時有日期和門票的鏈接，Twitter和Bandcamp都是走不通的死路。
回想起來，我也許能通過精確搜索詞來獲得更好的結果，比如搜“STWO門票”這樣。另一方面，我想是否可以將票務網站的搜索結果呈現在頁面頂部？谷歌可以根據時間和地理位置提供搜索結果，這樣的服務可以縮短我的步驟。
3.SoundCloud：藝術家個人主頁
因為我知道Songkick 是什么服務并且認識它的logo，所以僅僅需要幾秒鐘的時間，我就可以決定要點擊頁面的哪里來進行到下個步驟。
然而，一些人并沒有這方面的經驗，這個界面呈現票務相關內容的方式很不方便。Songkick模塊應該強化視覺效果，因為它可以幫助購買轉化。
4.Songkick：藝術家的活動頁面
注：因為SWTO現場表演已經結束了，我呈現的是目前現在線上在售的另一位藝術家的票的購買過程，同樣經歷了Songkick和Eventbrite的流程。
這是和我上次購買一樣的SWTO頁面
我最初是被“音樂會預告”的標題吸引，然后我點擊了這個區域的“購票”按鈕。這個鏈接帶我跳轉到了Songkick的特定頁面，而不是Eventbrite的頁面，無形之中為我的購買增加了一個步驟。
當時我沒有注意到這一點，但是Songkick識別出我附近有一場演出，并向我呈現了“你附近的演出票”這個版塊，非常的周到。稍后我折回到之前的步驟，明白了在這個案例中行為引導按鈕“購票”直接指向了賣票方Eventbrite。
請注意我截圖的按鈕上的提示文字存在誤導，它的文案應該是“查看活動頁面”因為這才是它實際會跳轉的頁面。具體目的是要買票，還是要查看某個頁面的特定內容，應該有明顯的區分。
此外我認為“你附近在出售的票”版塊，應該被設計得更顯眼，因為它呈現了獨有且相關的信息?？梢酝ㄟ^不同的背景顏色、帶顏色的邊框、更大的標題等等實現。毫無疑問，這會增加我注意到它的機會。
5. Songkick: 活動頁面
在這里，我的選擇很容易，一個跳出畫面的綠色的行為引導按鈕——眾所周知，綠色意味著“去吧”
6. Eventbrite: 訂購頁面
我想：“好酷，這個簡單”。我向下滾動頁面——點擊下拉——選擇了一張票——點擊了“立即訂購”按鈕。
7. Eventbrite: 訂單確認頁面
我在這被卡住了。
所有的輸入框都提示我輸入個人信息，我都石化了——難道Eventbrite不能保存我的信息以免我每次都要再輸一遍嗎？
過了幾秒鐘之后，我意識到我也許登出了我的賬戶，我在頂部導航欄尋找我的登錄狀態——但它是空的！
導航欄僅有Eventbrite的logo.我向下滾動頁面尋找登錄入口，但沒有任何發現。我仍然不知道我是否登錄了，出于某些原因，我需要本次手動填寫我的個人信息。
回想起來，我被卡在這里是因為我沒有注意到在最初的訂購頁面上登出了賬號——我的注意力一直跟隨在我挑選的票上面了。
然而，我也在想，為什么在“立即購買”附近沒有登錄按鈕?；蛘咴诖_認訂單頁的填寫個人信息區域的上方有（登錄）。這樣的話就會形成一個選擇：要么現在登錄，要么填完整個表單。
我猜想Eventbrite想獲取人們到底喜愛什么活動這一重要信息，也會鼓勵用戶在登錄后買票。我不太理解為什么導航條沒有顯示我的登錄狀態。
與此同時，一個計時器在倒計時，提醒我的票等一會兒就不可買了，所以我打開了一個新頁面。
8. Eventbrite: 首頁
啊，讓我們走起~熟悉的模塊。我點擊了頂部導航右側的登錄提示。
9. Eventbrite: 登錄頁面
你知道該怎么做的
1. Eventbrite: 首頁
登錄之后，我被重新定位到首頁，然后我關閉了這個標簽頁。
2. Eventbrite: 訂單確認頁面（刷新后的）
我刷新了頁面，發現所有內容都如我期望的填好了，然而，導航欄仍然沒有顯示我的登錄狀態。我點擊了“立即支付”之后…
3. Eventbrite: 完成訂單
……終于得到了我的訂單的確認信息。
最后的思考
顯然，我可以做一些事來減少整體步長，比如使用更精準的搜索詞、或者瀏覽網頁的時候更仔細些。我意識到購票并沒有那么困難，但是整個過程確實存在著缺陷并且有小幅提升的空間。我的觀察證實了在特定流程和目標下用戶測試的重要性。
我認為這對搜索引擎引領者谷歌來說，是一個機會。貌似Google Now 目前正在向這個方向發展，但是我無法預測：如果讓票務頁面和距離遠近、開始的時間相關聯（或者僅僅是先決條件）這樣的搜索結果實現起來會有多困難。
即使不是用戶的錯，用戶也會在卡在某個任務的時候責怪自己，這是非常糟糕的。我希望更多的人在使用軟件的時候可以問一些問題“為什么它以這種方式工作？為這么它不那樣？”更認真的用戶會激發更高級的設計水準，并且，最終而言，更容易使用的產品不是更好么？
原文地址：https://medium.com/user-experience-design-1/examples-of-bad-ux-630492340726
來源：百度MUX
原文地址：http://mux.baidu.com/?p=8624
有點無病呻吟的感覺