美文网首页产品经理与用户体验设计@产品
体验一下Airbnb,就当去周游了世界

体验一下Airbnb,就当去周游了世界

作者: Sherry被注册了 | 来源:发表于2016-11-04 11:47 被阅读661次
    Logo.png
    **体验环境
    **
    版本信息:Airbnb V16.43
    设备机型:Iphone 6s
    操作系统:iOS10.0.2
    产品信息
    Slogan:去旅行,去生活,哪怕住一晚。
    Airbnb:air bed and breakfast的缩写,中文名:空中食宿。
    产品服务:一家联系旅游人士和家有空房出租的房主的服务型网站,它可以为用户提供多样的住宿信息。
    使用用户:可通过网络或手机应用程序发布、搜索度假房屋租赁信息并完成在线预定程序。
    整体特点:极简,在iOS10未发布之前,Airbnb已经体现现在的UI特色,刚开始不适应,现在感觉在移动端App横行的年代,看着这个很清爽。
    品牌形象:1.图形像一个字母A,代表了Airbnb;2.图形像一个人张开了双手,代表了人;3.新logo像是一个标记地理位置的符号,代表地点;4.图形像是一个倒过来的爱心,代表爱。
    品牌形象.png
    首页
    首页特点
    Airbnb之前的首页来自网络,自己也分不清版本的前后,但是和现有的版本比较可以发现:
    首页.png
    1.现有的首页整合了搜索和首页两部分的功能。
    2.带有明确目的的新老用户,可以直接快速使用搜索功能;同时指导新用户。
    3.如果只是想体验App的(第一次下载玩玩看;不是第一次,但是想看下里面房间的设计布置),下滑浏览,可以浏览Airbnb的展示的内容:最近搜索、民俗推荐、旅行故事、房东故事、浏览Airbnb精选、精选房源展示。
    4.现在的首页是男女老少的感觉,新用户,老用户,浏览用户,明确使用用户,都能够满足需求,并且不迷茫。
    5.极简模式,线框图,没有之前的图片,用加粗的,字号较大的文字,新版本的搜索功能比较能体现。
    功能引导
    1.首次打开的页面,突出搜索功能,文字暗示核心功能,这个App可以用来干嘛what it can do for you。
    2.明确告诉用户What he can do,并且How to do。根据界面的引导,不管新用户或者老用户,都能毫无压力地找到自己需要的东西
    总共分三步:
    想去哪里.png
    第1步:想去哪里?你想去什么地方,点击,搜索你想去的城市。
    时间.png
    第2步:时间?你去旅行的时间,点击,你可以选择具体的时间。
    房客.png
    第3步:1位房客。默认一位房客,点击,你可以选择房客数量。
    交互设计
    首页交互.png
    1.打开App,搜索功能展开显示。
    2.上滑,搜索栏收起,显示简洁的搜索导航栏。
    3.继续上滑,搜索栏完全隐藏,沉浸式无干扰的浏览体验。
    4.下滑,翻看之前的,搜索栏再次出现。
    5.点击搜索栏的区域,搜索功能以占据部分父视图的模态视图的形式出现,父视图被一定透明度的黑色蒙板,用户人还是能够父视图看到相关信息。
    6.统一的交互手势,每一个模块类型的,统一采用的左右滑动的浏览模式,避免了页面的切换,用户可以浏览一个模块的所有缩略内容。
    首页浏览交互分析图.png
    7.统一的排版内容,大标题文字。个人感觉首页可以继续优化,比如学习Pinterest,去除不必要的UI元素(Airbnb可以去掉那个灰色分割线)这样界面会更加简洁。
    首页类型展示.png
    8.在房源详情页采用此种交互方式,用户可以浏览该房源所有图片,无需切换和滑动页面(此处可以添加有多少张图片以及当前图片的位置)。图片为小作者我参与做的短租软装设计,房东直子,欢迎来深预定体验。
    房源详情.png
    9.精选房源,可以添加到心愿单。这对于挑选和标记喜欢的房源的用户极其便捷。看到相关的文章提到这个小的改动,用户的使用率提高了30%,在信息爆炸的时代,收藏和整理自己喜欢的东西成为一种必须要的行为。
    浮动的工具栏:地图、筛选
    筛选功能以Airbnb、天猫和京东对比
    Airbnb:用户在上滑浏览,如果需要实时更新需求的条件,用户不需要改变手势或者移动双手,就可以更新筛选条件。
    Airbnb筛选.png
    京东:在下滑浏览,筛选栏目始终在导航栏,用户在需要重新设置筛选条件的时候:1.手指点击屏幕顶部,才能设置。
    京东筛选.png
    天猫:在上滑浏览,隐藏导航栏和菜单栏,需要重新设置筛选条件的时候:1.需要下滑,此时筛选的导航出现;2.手指点击屏幕顶部,才能设置。
    天猫筛选.png
    当然了对于,后两者的筛选类型比较多,也可能不太适宜采用这种方式,优化建议:
    好奇心日报.png
    1.不过这个浮动图标,可以添加部分阴影,让用户感知到在Z轴的不同,例如好奇心日报。
    2.同时可以借纳好奇心日报一点的是,在滑动的时候,好奇心日报的浮动的图标是隐藏的,在不滑动的时候出现。
    地图:
    地图.png
    点击地图图标可以看到自己搜索区域的房子。
    地图房源.png
    左右滑动切换查看房子,点击“关于”可查看简介,点击图片进入详情。
    左右滑动切换,实时看到房子的价格和房子的位置,即:房子的价格和位置,随着房源切换而切换。
    筛选:
    筛选条件.png
    点击筛选,可以进一步根据自己的需求,筛选房间,包括即时预订(在无需等待房东不回复的情况下,预定住宿),滑动的价格范围,房间类型,便利设施,进一步的详细的所有便利设施点击查看更多的按钮,可查看,选择,保存设置,房源信息实时更新。
    这两部分功能为用户在查找房源的时候,必须要的功能,采用浮动工具栏,保证“随叫随到”。
    其他
    消息提示.png
    消息提醒,在用户选定日期的房源的剩余数量百分比,促进用户预订。
    消息提醒.png
    不留痕迹的提醒:在浏览中,一个主题色为背景,白色文字“您什么时间旅行?添加日期以得到更好的结果”。这种方式以内容的一部分展示给用户,即不打断用户浏览,又能起到提醒作用。现在部分App拿掉了首页顶部的轮播图,将轮播图放在浏览内容之中(建议:轮播图的排版设计可以与内容一致,且不要自动切换)。
    情绪感染.png
    情绪感染,Airbnb的图片营造出一种友好和安全的氛围,无处不在的生活场景和微笑的照片,比较搞笑好玩的文案,用户会被感染,获得安全感和产生幸福的感觉,从而与品牌产生情感关联。
    其他界面
    一级界面.png
    界面的采用粗体的文字,来表明当前页面的的功能,包括一级页面和二级页面都统一使用了此种设计。
    二级界面.png
    这种设计直接了当地告诉用户,他在这个页面可以来干嘛。
    优化建议:1.一级页面的文字并不是很统一,文字大小统一一致更好;2.二级页面也采取了类似的设计,整体统一,细节可以继续优化,例如字体的大小,页面的相同位置等。
    **Airbnb带来的改变
    **
    Airbnb改变了人们的租住意识,使人们愿意接受陌生人住在自己家里闲置的房间
    Airbnb改变它所在的行业,很多模仿Airbnb的短租模式,但是在Airbnb上个人房东较多
    Airbnb模式还可以应用到其他行业,即:有空闲的资源就可以出租,就可以提高闲置资源利用率从而获得最大收益
    Airbnb重塑了酒店行业,从个人而不是酒店手中租住一间房屋,房东将空置的房屋出租,可以获得额外的现金,同时房客房租通常比酒店便宜

    相关文章

      网友评论

      本文标题:体验一下Airbnb,就当去周游了世界

      本文链接:https://www.haomeiwen.com/subject/rqoiuttx.html