久久久久久久av_日韩在线中文_看一级毛片视频_日本精品二区_成人深夜福利视频_武道仙尊动漫在线观看

騰訊ECD:QQ酒店返現(xiàn)V2設(shè)計回顧

騰訊ECD:QQ酒店返現(xiàn)V2設(shè)計回顧 三聯(lián)
項目背景

  當(dāng)你使用彈性社交網(wǎng)絡(luò)認(rèn)識了怦然心動的某人,立即需要一個“做案現(xiàn)場”的時候 ;當(dāng)你臨時出差到一座陌生的城市,一下飛機(jī)就為訂酒店而煩惱的時候,你可能就要感謝那些“開房 App”了,它們可以根據(jù)地理位置顯示出離你最近的酒店的實時房源,然后輕松點幾下手機(jī)屏幕,問題就得到了解決—–這是《創(chuàng)業(yè)家》雜志給酒店預(yù)定應(yīng)用描繪的使用場景。我們的“開房 App”已經(jīng)在Android平臺跑了一段時間,相信已經(jīng)是不少用戶的“做案幫兇”了,產(chǎn)品經(jīng)理又找上我們,謀劃著怎么讓這個做案工具幫到更多的人這次,我們從ios開始……

前期準(zhǔn)備
分析

  2011年開始,“開房 App”就如雨后春筍,爭著冒尖了,OTA、酒店集團(tuán)、單體酒店、一些專注APP的創(chuàng)業(yè)型公司都有這類應(yīng)用產(chǎn)出,我們想要做個好幫兇,面臨的挑戰(zhàn)還是很大,如何讓我們的產(chǎn)品在眾多同類應(yīng)用中脫穎而出?如何讓我們的應(yīng)用更具粘性?在做足功能的同時,還有哪些創(chuàng)新的點子?

提煉

  通過對V1.x系列版本的總結(jié)及對競品、用戶使用場景的分析,我們提煉出本次改版的幾個關(guān)鍵點:

情感化設(shè)計

  記得有人用“被喚醒的記憶”來概括擬物的設(shè)計理念,這個概括用在對真實事物的外觀和特性模仿都很強(qiáng)的APP上很貼切,比如便應(yīng)用,外觀的操作都可以做的很逼真,酒店預(yù)定不像這類應(yīng)用有那么直觀的特性可以模仿,也許做不到“喚醒的記憶”,至少可以用一些擬物的設(shè)計拉近和用戶的距離吧,也可讓APP更有特色。

視覺推導(dǎo)

  色彩搭配,直奔主題,尋找與酒店相關(guān)的配色:

  確定配色之后,繼續(xù)尋找一些酒店的元素,看怎么讓我們的app有更強(qiáng)的酒店屬性

視覺輸出

  經(jīng)過一段痛苦的設(shè)計稿pk過程(此處略去xx字),我們確定了改版的風(fēng)格,打開APP,跳過啟動畫面后就是查找酒店的表單,表單的邊框模擬了酒店房價牌子的樣式,默認(rèn)定位了當(dāng)前位置,可以不用其它操作直接按搜索查找附近的酒店,返現(xiàn)賬戶、個人中心、設(shè)置這些不是預(yù)定流程上主要的操作,被隱藏在頁面下方,需要時再向上拉起。

  進(jìn)入搜索后,如果沒有聯(lián)網(wǎng),自動啟用離線模式,為了讓搜索結(jié)果首屏就有更大的展示空間,篩選及模式切換類操作都被收納在頁面上方,結(jié)果列表有無圖模式可選,戶外使用時更快更省流量;為了方便定位酒店位置,地圖模式也是不可少的。

其它細(xì)節(jié)
Icon設(shè)計

  ICON設(shè)計開始,找元素啊找元素,找了一些酒店相關(guān)的素材:

  一些飛機(jī)稿:

  這里要回顧下QQ酒店返現(xiàn)的幾個特點:1.酒店資源豐富,全國超過30000家酒店,覆蓋700多個城市;2.返現(xiàn)高達(dá)房費的50%,可以直接支付、提現(xiàn)、充話費;3.無房、差價賠付,7×24小時客服;4.離線模式、便捷的當(dāng)前位置查找。 icon擺上app store后,就是一個大招牌,最好的設(shè)計方式是從特點里面去提煉,做到icon能體現(xiàn)出app的主要特色。幾番周折,還是擬物,最后定稿的icon是一個大枕頭,上面放一個返現(xiàn)的標(biāo)簽,很直白的表達(dá)方式,酒店、返現(xiàn)都體現(xiàn)了,枕頭還有個舒適可靠的寓意,不多說,看圖:

結(jié)語

  關(guān)于簡潔的metro風(fēng)格和擬物化風(fēng)格孰優(yōu)孰劣討論不少,酒店返現(xiàn)的前一版本是簡潔風(fēng)格的,我們的改版初期也在這個問題上糾結(jié)了一下,回頭想想,兩個風(fēng)格并沒有絕對的好與壞,從產(chǎn)品本身出發(fā)做夠了分析推導(dǎo)后,適用什么風(fēng)格自然就清晰了,合適的才是最好的。對設(shè)計師來說,多償試不同風(fēng)格更不是什么壞事。

【網(wǎng)站聲明】本站除付費源碼經(jīng)過測試外,其他素材未做測試,不保證完整性,網(wǎng)站上部分源碼僅限學(xué)習(xí)交流,請勿用于商業(yè)用途。如損害你的權(quán)益請聯(lián)系客服QQ:2655101040 給予處理,謝謝支持。

相關(guān)文檔推薦

這篇文章給大家詳細(xì)介紹了HTML頁面跳轉(zhuǎn)及參數(shù)傳遞問題,需要的朋友參考下吧
這篇文章主要介紹了純css實現(xiàn)照片墻3D效果的示例代碼,可以實現(xiàn)鼠標(biāo)經(jīng)過圖片實現(xiàn)改變,具有一定的參考價值,感興趣的小伙伴們可以參考一下
本篇文章主要介紹了純 Css 繪制扇形的方法示例,小編覺得挺不錯的,現(xiàn)在分享給大家,也給大家做個參考。一起跟隨小編過來看看吧
本篇文章主要介紹了一份純CSS loading效果代碼示例,小編覺得挺不錯的,現(xiàn)在分享給大家,也給大家做個參考。一起跟隨小編過來看看吧
這篇文章主要介紹了css 實現(xiàn)文字過長自動隱藏功能,需要的朋友可以參考下
本篇文章主要介紹了詳解CSS3 rem(設(shè)置字體大小) 教程,小編覺得挺不錯的,現(xiàn)在分享給大家,也給大家做個參考。一起跟隨小編過來看看吧
主站蜘蛛池模板: 久久精品网 | 欧美午夜一区二区三区免费大片 | 国产综合久久 | 久久久高清 | 国产精品久久久久久久久久免费 | 午夜精品影院 | 一级黄色av电影 | 国产片网站 | 日本大香伊一区二区三区 | 国产一区久久 | 欧美精品电影一区 | 亚洲高清在线 | 日本精品一区二区三区在线观看视频 | 久久噜噜噜精品国产亚洲综合 | 蜜臀久久99精品久久久久久宅男 | 水蜜桃亚洲一二三四在线 | 无码一区二区三区视频 | 成人性视频在线 | 伊人91在线 | 四虎国产 | 欧洲精品视频一区 | 免费一区二区 | 亚洲一区二区av | 九九精品在线 | 成人免费视频一区二区 | 四虎成人精品永久免费av九九 | 国产精品美女一区二区三区 | 91精品导航| 看一级毛片 | 米奇成人网 | 精品乱子伦一区二区三区 | 国产精品久久久久久久久久久免费看 | 韩国毛片一区二区三区 | 久久精品亚洲 | 99热这里都是精品 | 欧美综合国产精品久久丁香 | 亚洲精品一区二区网址 | 久久男人 | 欧美一二三区 | 亚洲一区综合 | 国产精品一区二区视频 |