Logo.png
**體驗(yàn)環(huán)境
**
版本信息：Airbnb V16.43
設(shè)備機(jī)型：Iphone 6s
操作系統(tǒng)：iOS10.0.2
產(chǎn)品信息
Slogan：去旅行，去生活，哪怕住一晚。
Airbnb：air bed and breakfast的縮寫，中文名：空中食宿。
產(chǎn)品服務(wù)：一家聯(lián)系旅游人士和家有空房出租的房主的服務(wù)型網(wǎng)站，它可以為用戶提供多樣的住宿信息。
使用用戶：可通過網(wǎng)絡(luò)或手機(jī)應(yīng)用程序發(fā)布、搜索度假房屋租賃信息并完成在線預(yù)定程序。
整體特點(diǎn)：極簡，在iOS10未發(fā)布之前，Airbnb已經(jīng)體現(xiàn)現(xiàn)在的UI特色，剛開始不適應(yīng)，現(xiàn)在感覺在移動(dòng)端App橫行的年代，看著這個(gè)很清爽。
品牌形象：1.圖形像一個(gè)字母A，代表了Airbnb；2.圖形像一個(gè)人張開了雙手，代表了人；3.新logo像是一個(gè)標(biāo)記地理位置的符號，代表地點(diǎn)；4.圖形像是一個(gè)倒過來的愛心，代表愛。
品牌形象.png
首頁
首頁特點(diǎn)
Airbnb之前的首頁來自網(wǎng)絡(luò)，自己也分不清版本的前后，但是和現(xiàn)有的版本比較可以發(fā)現(xiàn)：
首頁.png
1.現(xiàn)有的首頁整合了搜索和首頁兩部分的功能。
2.帶有明確目的的新老用戶，可以直接快速使用搜索功能；同時(shí)指導(dǎo)新用戶。
3.如果只是想體驗(yàn)App的（第一次下載玩玩看；不是第一次，但是想看下里面房間的設(shè)計(jì)布置），下滑瀏覽，可以瀏覽Airbnb的展示的內(nèi)容：最近搜索、民俗推薦、旅行故事、房東故事、瀏覽Airbnb精選、精選房源展示。
4.現(xiàn)在的首頁是男女老少的感覺，新用戶，老用戶，瀏覽用戶，明確使用用戶，都能夠滿足需求，并且不迷茫。
5.極簡模式，線框圖，沒有之前的圖片，用加粗的，字號較大的文字，新版本的搜索功能比較能體現(xiàn)。
功能引導(dǎo)
1.首次打開的頁面，突出搜索功能，文字暗示核心功能，這個(gè)App可以用來干嘛what it can do for you。
2.明確告訴用戶What he can do，并且How to do。根據(jù)界面的引導(dǎo)，不管新用戶或者老用戶，都能毫無壓力地找到自己需要的東西
總共分三步：
想去哪里.png
第1步：想去哪里？你想去什么地方，點(diǎn)擊，搜索你想去的城市。
時(shí)間.png
第2步：時(shí)間？你去旅行的時(shí)間，點(diǎn)擊，你可以選擇具體的時(shí)間。
房客.png
第3步：1位房客。默認(rèn)一位房客，點(diǎn)擊，你可以選擇房客數(shù)量。
交互設(shè)計(jì)
首頁交互.png
1.打開App，搜索功能展開顯示。
2.上滑，搜索欄收起，顯示簡潔的搜索導(dǎo)航欄。
3.繼續(xù)上滑，搜索欄完全隱藏，沉浸式無干擾的瀏覽體驗(yàn)。
4.下滑，翻看之前的，搜索欄再次出現(xiàn)。
5.點(diǎn)擊搜索欄的區(qū)域，搜索功能以占據(jù)部分父視圖的模態(tài)視圖的形式出現(xiàn)，父視圖被一定透明度的黑色蒙板，用戶人還是能夠父視圖看到相關(guān)信息。
6.統(tǒng)一的交互手勢，每一個(gè)模塊類型的，統(tǒng)一采用的左右滑動(dòng)的瀏覽模式，避免了頁面的切換，用戶可以瀏覽一個(gè)模塊的所有縮略內(nèi)容。
首頁瀏覽交互分析圖.png
7.統(tǒng)一的排版內(nèi)容，大標(biāo)題文字。個(gè)人感覺首頁可以繼續(xù)優(yōu)化，比如學(xué)習(xí)Pinterest，去除不必要的UI元素（Airbnb可以去掉那個(gè)灰色分割線）這樣界面會(huì)更加簡潔。
首頁類型展示.png
8.在房源詳情頁采用此種交互方式，用戶可以瀏覽該房源所有圖片，無需切換和滑動(dòng)頁面（此處可以添加有多少張圖片以及當(dāng)前圖片的位置）。圖片為小作者我參與做的短租軟裝設(shè)計(jì)，房東直子，歡迎來深預(yù)定體驗(yàn)。
房源詳情.png
9.精選房源，可以添加到心愿單。這對于挑選和標(biāo)記喜歡的房源的用戶極其便捷。看到相關(guān)的文章提到這個(gè)小的改動(dòng)，用戶的使用率提高了30%，在信息爆炸的時(shí)代，收藏和整理自己喜歡的東西成為一種必須要的行為。
浮動(dòng)的工具欄：地圖、篩選
篩選功能以Airbnb、天貓和京東對比
Airbnb：用戶在上滑瀏覽，如果需要實(shí)時(shí)更新需求的條件，用戶不需要改變手勢或者移動(dòng)雙手，就可以更新篩選條件。
Airbnb篩選.png
京東：在下滑瀏覽，篩選欄目始終在導(dǎo)航欄，用戶在需要重新設(shè)置篩選條件的時(shí)候：1.手指點(diǎn)擊屏幕頂部，才能設(shè)置。
京東篩選.png
天貓：在上滑瀏覽，隱藏導(dǎo)航欄和菜單欄，需要重新設(shè)置篩選條件的時(shí)候：1.需要下滑，此時(shí)篩選的導(dǎo)航出現(xiàn)；2.手指點(diǎn)擊屏幕頂部，才能設(shè)置。
天貓篩選.png
當(dāng)然了對于，后兩者的篩選類型比較多，也可能不太適宜采用這種方式，優(yōu)化建議：
好奇心日報(bào).png
1.不過這個(gè)浮動(dòng)圖標(biāo)，可以添加部分陰影，讓用戶感知到在Z軸的不同，例如好奇心日報(bào)。
2.同時(shí)可以借納好奇心日報(bào)一點(diǎn)的是，在滑動(dòng)的時(shí)候，好奇心日報(bào)的浮動(dòng)的圖標(biāo)是隱藏的，在不滑動(dòng)的時(shí)候出現(xiàn)。
地圖：
地圖.png
點(diǎn)擊地圖圖標(biāo)可以看到自己搜索區(qū)域的房子。
地圖房源.png
左右滑動(dòng)切換查看房子，點(diǎn)擊“關(guān)于”可查看簡介，點(diǎn)擊圖片進(jìn)入詳情。
左右滑動(dòng)切換，實(shí)時(shí)看到房子的價(jià)格和房子的位置，即：房子的價(jià)格和位置，隨著房源切換而切換。
篩選：
篩選條件.png
點(diǎn)擊篩選，可以進(jìn)一步根據(jù)自己的需求，篩選房間，包括即時(shí)預(yù)訂（在無需等待房東不回復(fù)的情況下，預(yù)定住宿），滑動(dòng)的價(jià)格范圍，房間類型，便利設(shè)施，進(jìn)一步的詳細(xì)的所有便利設(shè)施點(diǎn)擊查看更多的按鈕，可查看，選擇，保存設(shè)置，房源信息實(shí)時(shí)更新。
這兩部分功能為用戶在查找房源的時(shí)候，必須要的功能，采用浮動(dòng)工具欄，保證“隨叫隨到”。
其他
消息提示.png
消息提醒，在用戶選定日期的房源的剩余數(shù)量百分比，促進(jìn)用戶預(yù)訂。
消息提醒.png
不留痕跡的提醒：在瀏覽中，一個(gè)主題色為背景，白色文字“您什么時(shí)間旅行？添加日期以得到更好的結(jié)果”。這種方式以內(nèi)容的一部分展示給用戶，即不打斷用戶瀏覽，又能起到提醒作用。現(xiàn)在部分App拿掉了首頁頂部的輪播圖，將輪播圖放在瀏覽內(nèi)容之中（建議：輪播圖的排版設(shè)計(jì)可以與內(nèi)容一致，且不要自動(dòng)切換）。
情緒感染.png
情緒感染，Airbnb的圖片營造出一種友好和安全的氛圍，無處不在的生活場景和微笑的照片，比較搞笑好玩的文案，用戶會(huì)被感染，獲得安全感和產(chǎn)生幸福的感覺，從而與品牌產(chǎn)生情感關(guān)聯(lián)。
其他界面
一級界面.png
界面的采用粗體的文字，來表明當(dāng)前頁面的的功能，包括一級頁面和二級頁面都統(tǒng)一使用了此種設(shè)計(jì)。
二級界面.png
這種設(shè)計(jì)直接了當(dāng)?shù)馗嬖V用戶，他在這個(gè)頁面可以來干嘛。
優(yōu)化建議：1.一級頁面的文字并不是很統(tǒng)一，文字大小統(tǒng)一一致更好；2.二級頁面也采取了類似的設(shè)計(jì)，整體統(tǒng)一，細(xì)節(jié)可以繼續(xù)優(yōu)化，例如字體的大小，頁面的相同位置等。
**Airbnb帶來的改變
**
Airbnb改變了人們的租住意識，使人們愿意接受陌生人住在自己家里閑置的房間
Airbnb改變它所在的行業(yè)，很多模仿Airbnb的短租模式，但是在Airbnb上個(gè)人房東較多
Airbnb模式還可以應(yīng)用到其他行業(yè)，即：有空閑的資源就可以出租，就可以提高閑置資源利用率從而獲得最大收益
Airbnb重塑了酒店行業(yè)，從個(gè)人而不是酒店手中租住一間房屋，房東將空置的房屋出租，可以獲得額外的現(xiàn)金，同時(shí)房客房租通常比酒店便宜
