UI產品體驗筆記—馬蜂窩
馬蜂窩旅行
頁面排版設計,視覺效果,交互設計都很不錯。
旅行應用信息多而雜,好的排版使頁面條理清晰,內容層次分明一目瞭然,在視覺上提升用戶好感度,更能最快找到想看的內容,被引導發現更多精彩內容。
推薦內容
標籤引導“雙擊圖片可點贊啦”,下面的白色圓點和半透明光暈,放大縮小跳動的動態效果,面積也比較大,更能引起用戶的注意。
頂部作者,後面顯示他去過多少國家和城市,引導用戶查看他的其他旅行攻略。
啓動頁
試想一下,你在雜誌上看到一個地方,愛上了那裏。有一天你終於站在這座山頂,手裏舉着這本雜誌,不得不感慨一句:原來這就是行爲藝術的魅力。並非遙不可及,它藏在每個平凡人生活中難得的驚喜裏。
登錄頁
背景爲旅途中的高清視頻(視頻的播放速度,色彩,內容,轉場設計等待都需要注意),排版,字體顏色等整體看上去頁面清新高端舒適。
底部導航
採用中間懸浮按鈕的方式展現,樣式新穎。也非常適合這樣圖標不多的導航。
當用戶下拉觀看列表時,兩邊的圖標像中間隱藏,只顯示中間的添加圖標,使用戶觀看內容的板塊最大化,避免造成視覺妨礙。
中間添加圖標,充分突出該應用的重點功能:分享,觀看旅行攻略。
“去旅行”頁面
首頁
將大量的信息與功能條理分明的排版
Powered by Froala Editor