萬盛學電腦網

您现在的位置: 萬盛學電腦網 >> 程式設計 >  >> 網頁製作 >> 互動設計

騰訊 ECD:QQ 酒店返現 V2 設計回顧——從「被喚醒的記憶」到極致體驗

當你在社交網絡認識心儀對象,急需「做案現場」;或臨時出差陌生城市,為訂酒店煩惱——「開房 App」能根據地理位置顯示實時房源,輕鬆幾下搞定。《創業家》雜誌如此描繪使用場景。我們的 Android 版已運行一段時間,產品經理又謀劃如何幫到更多用戶,這次從 iOS 開始。

2011 年起「開房 App」如雨後春筍,OTA、酒店集團、單體酒店、創業公司紛紛入局。如何脫穎而出?如何增強粘性?在做足功能外,還有何創新點?

通過 V1.x 總結、競品分析、用戶場景研究,提煉改版關鍵點:

擬物設計:喚醒記憶,拉近距離

「被喚醒的記憶」概括擬物理念,適用於外觀操作高度模仿真實物的 App(如便籤)。酒店預訂無那麼直觀特性可模仿,但可用擬物元素拉近用戶距離,賦予 App 獨特性。

色彩搭配:直奔主題,尋找酒店相關配色

確定配色後,繼續尋找酒店元素,強化 App 酒店屬性。


經過設計稿 PK,確定改版風格:啟動頁後直接進入查找酒店表單,表單邊框模擬酒店房價牌風格,默認定位當前位置,無需操作即可搜索附近酒店;返現賬戶、個人中心、設置等非核心操作隱藏頁面下方,需要時上拉喚出。

搜索後離線模式自動啟用;為騰出首屏展示空間,篩選與模式切換收納頁面上方;結果列表提供無圖模式,戶外更快更省流量;地圖模式助力定位酒店位置。





ICON 設計:從特點提煉,做到能體現主要特色

找酒店相關素材:


手繪草圖:

QQ 酒店返現特點:1. 資源豐富(3 萬+ 酒店、700+ 城市);2. 返現高達 50%,可直接支付/提現/充話費;3. 無房/差價賠付,7×24 客服;4. 離線模式、便捷定位。ICON 是 App Store 大招牌,最佳設計是從特點提煉。最終定稿:大枕頭上放返現標簽,直白表達「酒店+返現」,枕頭暗喻舒適可靠。


風格選擇:合適的才是最好的

關於 Metro 扁平風與擬物風孰優孰劣討論不休。V1 為簡潔風,改版初期也糾結。回頭看,兩風格無絕對好壞,從產品本身出發分析推導後,適用何風格自然清晰。對設計師嘗試不同風格非壞事。

copyright © 萬盛學電腦網 all rights reserved