一個好的在線預定網(wǎng)站應該體現(xiàn)六個字“步驟少，預定快”，下面主要從產(chǎn)品設計的用戶體驗角度來對比分析攜程與藝龍某一酒店產(chǎn)品的詳情頁。文中截圖，紅色標注為攜程頁面，藍色標注為藝龍頁面。

一、搜索框設計；攜程的搜索框增加了用戶操作步驟，與用戶的心理模型不匹配，而藝龍的搜索框更高效

藝龍的亮點：藝龍的搜索有5個輸入框，為用戶直接提供搜索結(jié)果。而且在搜索框下面提供了貼心的在線服務和電話服務，提高了很多新手用戶成功完成搜索和預定產(chǎn)品的機會。

攜程的亮點：搜索框設計的簡潔一目了然。入店、離店日期框中為用戶提示了淺灰色的今天、明天，貼心的小設計。

攜程的不足：1 攜程的搜索提供了城市和入住時間3個輸入框，搜索結(jié)果鏈接的是城市的產(chǎn)品列表頁，還需要用戶添加位置或酒店名稱等關鍵詞進一步搜索，增加了用戶的操作流程，一般用戶希望通過搜索直接獲得產(chǎn)品的相關信息。

2 除了搜索沒有其他幫助服務。

攜程頁面建議：增加搜索條件，直接為用戶匹配最佳的搜索結(jié)果，盡量不要用戶二次搜索。在合適的位置為用戶提供其他幫助入口。

二、頁面視覺信息設計；攜程頁面多用圖標代替文字信息，同時信息內(nèi)容的排版組織清晰合理便于用戶閱讀，藝龍頁面設計文字較多繁雜

藝龍的不足：文字信息層次較混亂，頁面文字大小不統(tǒng)一，整個頁面將近有10種顏色，不利于用戶閱讀認知。

攜程的不足：圖片顯示太小

攜程的亮點：1 刪除多余文字，主要信息明確醒目。如酒店價格788元。

2 將附加信息隱藏起來，提供入口給需要查閱的用戶，不強制所有用戶閱讀附加信息，如精心設計的禮品和三維酒店實景圖圖標，當鼠標懸停時就會即時地顯示功能內(nèi)容。

3 將信息元素合理簡化分組，為用戶提供清晰的閱讀結(jié)構(gòu)。如下圖酒店簡介下面分組信息。

攜程頁面建議：增加圖片的顯示區(qū)域，盡可能為用戶提供清晰的產(chǎn)品展示信息。

三、頁面的交互行為設計和其他亮點設計；攜程將主要信息全頁顯示，為用戶提供導航鏈接到對應的部分，減少了用戶等待的時間，藝龍需局部更新

藝龍的亮點：1 為用戶提供了網(wǎng)站其他用戶瀏覽和預定的該產(chǎn)品的即時信息，年輕用戶多從眾心理。 2 訂單入口顯著，方便用戶認知和快速下單。

攜程的亮點：1 攜程頁面的鏈接，鼠標懸停時顯示窗口內(nèi)容，鼠標離開時窗口內(nèi)容消失。

2 攜程詳情頁為用戶提供了下一步操作，如底部的周邊酒店、行政區(qū)，商業(yè)區(qū)鏈接，因為不是每個頁面都能讓用戶滿意，有時用戶的需求讓人捉摸不透。

3 攜程的酒店信息全部展開顯示的，如酒店預定、酒店簡介和周邊交通，只需要點擊該鏈接就會跳轉(zhuǎn)到相應地信息，減少了用戶等待時間。

4 攜程的用戶網(wǎng)站瀏覽軌跡位于頁面底部，用戶可直接查看。

5 攜程頁面的在線糾錯功能是用戶聲音的反饋入口，一方面能夠聽取用戶對頁面使用的體驗，另一方面增加了用戶和網(wǎng)站的互動

攜程的不足：1 預定按鈕位置不顯著，打開頁面需要拖動鼠標才能點擊預定產(chǎn)品; 2 酒店周邊交通需要設計的更人性化

攜程頁面建議：一為用戶提供隨時下單的入口；二為周邊交通信息添加一個發(fā)送到用戶終端設備的功能

小結(jié)

正如有位可用性大師曾經(jīng)說過，良好的用戶體驗，全在那些完美的瞬間。攜程網(wǎng)的酒店詳情頁設計更多體現(xiàn)在細節(jié)的體驗上，在一些頁面功能擴展上還有待改善提高。藝龍網(wǎng)的酒店詳情頁頁面功能和內(nèi)容較飽滿豐富，但是缺少細節(jié)考慮。

PS：由于是個人的使用體驗，難免會有一些偏激不當之處，歡迎交流。

文章來源：wwued.com 轉(zhuǎn)載請注明出處鏈接。

標簽： 產(chǎn)品設計 用戶體驗 設計體驗 

版權(quán)申明：本站文章部分自網(wǎng)絡，如有侵權(quán)，請聯(lián)系：west999com@outlook.com
特別注意：本站所有轉(zhuǎn)載文章言論不代表本站觀點！
本站所提供的圖片等素材，版權(quán)歸原作者所有，如需使用，請與原作者聯(lián)系。