窮游網(wǎng)手機(jī)版(微主頁)交互設(shè)計(jì)簡評
http://m.qyer.com/#
隨著人們把時間開始從PC轉(zhuǎn)移到移動端上,更多的廠商把目光也聚焦在了這里纳账;有別于網(wǎng)頁版網(wǎng)站的復(fù)雜程度漂问,針對移動端,越來越多的廠商開始先一步設(shè)計(jì)起手機(jī)端的網(wǎng)頁等翁逞,今天就讓我們來欣賞一下窮游網(wǎng)的手機(jī)端界面(網(wǎng)頁版非APP)。
在主頁上我們可以清晰的把所呈現(xiàn)的信息分為幾個大類:主題頁溉仑,Banner挖函,搜索,折扣浊竟,菜單怨喘,登錄津畸,4個模塊。主題頁采用漂亮的風(fēng)景做背景必怜,作為一個以旅游類為主的網(wǎng)頁很恰當(dāng)肉拓,接下來是搜索欄(筆者以為,用戶在專業(yè)的旅游網(wǎng)站上找攻略的基本上都是有明確的目的地棚赔,所以一個可以直達(dá)目的地最快的方式就是采用搜索和篩選了)帝簇。一個自家的營銷Banner,接下來是折扣靠益,作為主推的產(chǎn)品和模式丧肴,出現(xiàn)在這里無可厚非,采用的是簡單的 ‘卡片式’ 設(shè)計(jì)來呈現(xiàn)胧后。往下翻則是以UGC內(nèi)容為主芋浮,做為一個發(fā)布UGC的平臺,各大旅游網(wǎng)站也是對內(nèi)容分毫必爭壳快,搶奪用戶纸巷,在這里所展示的都是比較精品和用心創(chuàng)作的好作品,如此高質(zhì)量的UGC怎能不帶動整個社區(qū)的上升呢眶痰?(甚至在圖片的選擇上瘤旨,要求也越來越高,不乏好圖竖伯,更有水準(zhǔn)可達(dá)攝影師的好圖片出現(xiàn))
返回到第一屏存哲,在菜單頁面我們可以看到把在網(wǎng)頁版的標(biāo)題欄上的內(nèi)容放在了左側(cè)菜單欄中,為了不影響整個界面七婴,通過一個圖標(biāo)來隱藏展示祟偷,也是時下比較流行的一些APP的做法,時刻在頂端的搜索無不提示著用戶這里有一個找到答案的快捷入口打厘。因?yàn)楫吘共皇茿PP的關(guān)系修肠,如果屏幕過小,然后菜單中出現(xiàn)SCROLL BAR户盯,在滾動的時候網(wǎng)頁不能很好的識別位置嵌施,會連同右側(cè)的首頁一起滾動,稍顯不完善先舷。
最后艰管,附上一個線框范兒的LOG IN 頁面,非常的簡潔扁平蒋川,屏幕底部的暗提醒也非常規(guī)矩牲芋。