編者按：不可不知的設計原則！用戶體驗是細致入微的活兒，比如今天分享的在線酒店預訂，光流程就有許多值得推敲斟酌的細節(jié)，今天@十萬個為什麼?同學總結(jié)了6個能提升在線酒店預訂體驗的實用方法，有幾個非常驚艷，來學習咯！

@十萬個為什麼?：說到電商支付流程的用戶體驗，有大量關(guān)于轉(zhuǎn)化率的議題，也有很多有用的建議能夠解決可用性問題。但這些資料都沒有包含甚至觸及到一個特殊的電商領(lǐng)域——在線酒店預訂。在用戶體驗方面，這是一個被忽視的話題，可能的原因之一，是它缺乏一些基本的可用性準則。

隨著在線交易占酒店銷售額比重的提升，擁有強勁的在線銷售工具變得至關(guān)重要。酒店網(wǎng)站甚至面臨更大的挑戰(zhàn)，要與Expedia，Booking.com和其他整合者競爭，他們有更多資源來不斷提升網(wǎng)站的用戶體驗。

多數(shù)獨立酒店網(wǎng)站使用第三方酒店預訂引擎，它們得到授權(quán)與Expedia這樣的預訂渠道合作。為什么？這樣酒店就可以從一個地方輕松管理所有預訂渠道的房間和評級。所以它們要么遵守第三方服務的設計和體驗，要么就勇于創(chuàng)造自己的特色。

這些網(wǎng)站的UI問題在于，它們的優(yōu)秀是很久以前的事情，但之后再也沒有變過。時間似乎在2004年前后停止了，無論添加了什么新功能，都沒有顯著改變現(xiàn)有設計。整個互聯(lián)網(wǎng)在進步，用戶對網(wǎng)站有更高的要求，對于糟糕用戶體驗的容忍度也在下降。這意味著，相比獨立酒店網(wǎng)站，如果像Expedia和Booking.com這樣的酒店整合者有更好、更全面、更簡單的預訂流程，用戶甚至更愿意通過這些渠道預訂。

但是酒店網(wǎng)站沒有全盤皆輸。做一些必要的可用性調(diào)整，酒店網(wǎng)站就能為顧客提供更好的體驗，或者至少不會顯得太令人生厭。

預訂日歷的可用性

用戶經(jīng)歷酒店預訂流程時，首先會遭遇到的就是預訂日歷，你要確保它符合并且超出用戶的預期，對吧？入店與離店輸入框內(nèi)，分別填入當前日期和后一天，讓用戶向你渴望的結(jié)果邁出一步。這聽起來似乎顯而易見，但鑒于很多酒店的日歷框中仍然是空白的，一個溫和的提醒并不會傷害到誰。

此外，當選擇入店日期時，離店日期也應該跟著變（加一天），并將之前所有日期都標為不可選。這種基本的方式可以防止輸入錯誤，例如無效的日期選擇，這是Jacob Nielsen的《10個可用性啟發(fā)》中的一個。

預訂的進度條

用戶喜歡掌控流程，并且要能夠預測它將會花費多長時間，那為什么不給他們展現(xiàn)出來？通常，有個好辦法是將冗長的酒店房間預訂流程分解為幾個步驟，讓它更容易消化。同時展示出進度條，消除用戶由于不知道要花多少時間精力來完成任務而產(chǎn)生的焦慮。通過一個簡單的進度條，來向用戶展示，他們距離完成目標多么接近，同時也會鼓勵他們繼續(xù)。

有一個創(chuàng)意有趣的進度條能極大地提升用戶愉悅感，比如這組：《設計師福利！50個創(chuàng)意進度條優(yōu)秀設計（附PSD下載）》

詳細的房間信息和照片

不，我不是說要在你的網(wǎng)站上加上圖片庫和奇特的描述。我要說的是，當用戶要選擇一個可用的房間時，在用戶面前展示出這些照片和必需的房間信息的重要性。像“豪華雙人房”、“皇家陽臺”和“常規(guī)標準間”這樣的房間分類，并沒有告訴用戶任何信息，除非給它們配上相關(guān)的圖片和關(guān)鍵特征，這些會成為相應的房間評級的佐證。還有，你能提供的圖片越大、令人印象越深刻，就會有越令人滿意的用戶體驗。

精確易理解的評級信息

酒店網(wǎng)站電商部分的難處在于，酒店在相同時段甚至相同房型上，通常有不同的評級。要設計一個簡單易懂的評級信息選擇器，相當有挑戰(zhàn)。嘗試清晰高亮展示評級之間的差異，以及可能產(chǎn)生的額外費用，同時要消除雜亂，避免用小字來解釋各種評級。

預訂表單的可用性

在可用性方面，這是預訂流程中最痛苦的部分。至關(guān)重要的是，不要讓用戶被預訂所不需要的額外的輸入框淹沒。首先，不要要求用戶注冊/登錄來預訂，除非你有好處可以交換。不要因為推廣目的，用額外的任務來折磨用戶。那不是好的用戶體驗。

那么，預訂流程中，哪種信息是酒店需要的。

肯定的是，并沒有默認的需求清單，因為每家酒店有自己的系統(tǒng)和運作標準，但通常最基礎的是：全名和email地址。除此之外，你可能還需要一些非必填項，例如電話號碼、特殊要求和到達時間。預訂表單的一個小變化，有可能成就或毀了你的用戶體驗，所以要確保進行A/B測試，來為你特殊的網(wǎng)站找到最佳的表單結(jié)構(gòu)。

信譽和信任

酒店網(wǎng)站在用戶眼中的一個主要弱點，就是信譽。如果我可以通過Expedia這樣長期信賴和存在的網(wǎng)站預訂，為什么我還要滿懷信任地把我的信用卡信息，交給某個不知名的酒店網(wǎng)站？這個問題不可避免，作為酒店網(wǎng)站，你所需要的就是安全地處理和保存信用卡信息。更重要地是，使用他/她熟悉的安全徽章和圖標，來向用戶證明你的信譽。

最后的思考

酒店網(wǎng)站正面臨嚴酷的競爭，因此糟糕的用戶體驗是不能忍受的。盡管一些可用性議題會造成很多麻煩，或者導致向第三方服務提供者妥協(xié)，這些努力還是會取得成功，創(chuàng)造更好用戶體驗，讓顧客更開心。在這樣的環(huán)境下，至關(guān)重要的是準確了解你的用戶是誰，相應優(yōu)化在線預訂體驗。

不用說，對于不同年齡層，需要用不同的方式來對待一切可用性問題和文案措辭（designmodo.com）的設計。

首先，花些時間研究和理解你的目標用戶，然后思考如何給它們設計更佳的體驗。

【成為創(chuàng)意達人三部曲】

Step 1：學習設計前輩總結(jié)的經(jīng)驗！
《寫給剛?cè)胄械脑O計師：如何尋找設計靈感？》

Step 2：掌握創(chuàng)意規(guī)律，靈感才會源源不絕！
《超贊！記住這些方法，讓創(chuàng)意有規(guī)律可循》

Step 3：查漏補缺，跟龍頭老大奧美學習！
《秘笈寶典：頂級廣告集團奧美的創(chuàng)意培訓資料》

原文地址：designmodo
譯文地址：colachan
譯者：@十萬個為什麼

【優(yōu)設網(wǎng) 原創(chuàng)文章 投稿郵箱：2650232288@qq.com】

================關(guān)于優(yōu)設網(wǎng)================
"優(yōu)設網(wǎng)uisdc.com"是國內(nèi)人氣最高的網(wǎng)頁設計師學習平臺，專注分享網(wǎng)頁設計、無線端設計以及PS教程。
【特色推薦】
設計師需要讀的100本書：史上最全的設計師圖書導航：http://hao.uisdc.com/book/。
設計微博：擁有粉絲量86萬的人氣微博@優(yōu)秀網(wǎng)頁設計 ，歡迎關(guān)注獲取網(wǎng)頁設計資源、下載頂尖設計素材。
設計導航：全球頂尖設計網(wǎng)站推薦，設計師必備導航：http://hao.uisdc.com
———————————————————–
想在手機上、被窩里獲取設計教程、經(jīng)驗分享和各種意想不到的"福利"嗎？
添加 優(yōu)秀網(wǎng)頁設計 微信號：【youshege】優(yōu)設哥的全拼
您也可以通過掃描下方二維碼快速添加：