恭喜你成为UI中国推荐设计师 (详情)
//百度统计 20220402 uicn

您的意见是我们 UI 中国进步的动力!
点击立即反馈按钮,发表您的意见!
立即反馈
QQ群反馈
您也可以加入UI中国官方反馈群进行反馈!
群号:302892100
备注:反馈问题后@管理员能让我们及时了解您的意见

提交需求

赛事与广告咨询合作,请填写需求表单,我们会在第一时间与您联系!

0/20
0/200

设计大赛

  • 设计大赛
  • 发布广告
  • 发布招聘
  • 其它需求

提交完成
感谢您对UI中国的支持和信赖!
「 译文 」旅行APP的案例学习(蓝海,设计冲刺,视觉设计)
0.0°
2019-03-03 自译外文 经验/观点 原作者: Vlad Chentsov 举报 1851 3 2 0

一个旅游产品从0到1的过程。

Image title





项目创意:一个游客和导游的市场。导游提供游览服务,游客购买游览服务。


目标:推出MVP,通过众筹为一家公司募集资金。


我的角色:商业分析师,设计冲刺主持人,品牌冲刺主持人,用户体验设计师,用户研究员,视觉设计师。


结果:创建MVP APP,根据用户测试来解决他们的痛点。为众筹活动创建网站来开始募集资金。


工作步骤:竞争对手调查,蓝海策略,设计冲刺(第一步),与游客进行用户测试,设计冲刺(第二步),用户测试(客户体验),品牌冲刺,着陆页设计,客户旅程地图,创建游客界面,导游界面,与导游进行用户测试。



竞争对手调查


竞争对手提供游览服务,并且大多数他们都不是真实的。例如,它只是转售旅行社的票务,出售公园、博物馆、旅游胜地的门票。在某些地方,它只是一次私人旅行:一个游客和一个导游,但是这通常是个顶级旅游景点的无聊旅程的转售。


Image title





市场验证


我们发现研究表明,大多数游客不会提前计划要在景点做什么,他们会买机票、预定酒店、但却会拖延玩的事情。


Image title





蓝海策略&商业模型


在开发我们的产品时,我们使用蓝海方法论。谁会不知道:蓝海策略。


Image title



我们与竞争对手的价值曲线对比


我们假设,为了去创造一个新的价值曲线,我们需要去开发定制、真实性和速度,通过消除舒适性和额外服务来降低成本。


Image title



商业模型


因为内容是这个应用程序中最重要的一部分,所以它应该是真实且有意思的。因此,我们实行了短途旅行的方案建议并且在此基础上提出了一种商业模式。


第一次设计冲刺


我们想要去测试我们的假设,快速开发一个产品的原型,找出潜在客户的想法,所以我们选择设计冲刺的方法。我并不会详细介绍这种方法。我会告诉你更多关于我们的过程。但是如果你不知道,你能够在这里找到很多有趣的东西。


创建目标


Image title




我们从乐观开始:每个人都表达了对于我们项目的全球目标。


目标:去生成一个新的小众市场,让世界上1%的旅行都能通过它。


冲刺问题


冲刺问题是:我们应该如何创建一个新的市场,还让它成为第一名?我们应该如何让用户信任我们?我们怎样才能比爱彼迎更有竞争力?


地图


关注的点:为旅行者搜索和选购活动。


Image title

设计冲刺地图


我画了一张地图,我们认为交互应该贯穿于整个产品,即开始于用户发现这个产品的那一刻,以及用户能如何在这个产品中实现目标。


垂直地,我放置预定义的阶段“发现,学习,使用,目标”。它确实很有帮助,因为从头开始很难。


水平地,我放置了我们在这个项目中所扮演的角色:游客,导游,主持人,博主。我们在这个项目中的角色对应着我们的商业模型,因为在讨论期间出现了一些变化,所以我们添加了一个内容和支持的主持人。


HMW和专家访谈


Image title组织HMW和NnV


我们也尝试从不同的角度去看这个项目并且考虑到去避免负面的影响。为此我们提出了一些令人不安的问题:那里可能出错?我们的弱点在哪里?


我们邀请了我们团队的所有成员以及在各个领域的专家来给出他们的观点。在讨论和专家访谈之中,越来越多的新问题呈现出来了,作为主持人,我在便利贴写下了这些问题。


我们使用HMW的方法记录了这个项目所有潜在的问题。我非常喜欢这个方法,感谢这个公式,使得潜在的问题看起来并不可怕,却像是一个能够被解决的任务。


HMW:去帮助推荐这个APP给朋友?去追踪朋友的活动?去找出用户的梦想并且提供服务?


闪电演示

Image title

使用便利贴进行闪电演示


我们浏览了其他产品,以便去找到我们能在我们的产品中使用的东西。我们喜欢:


·Netflix的游戏化和定制化的内容。(代表电视剧中的角色推送通知)


· Airbnb推荐项目


·booking.com如何展示你的朋友在附近


·Spotify内容定制化(基于一年、一天、假期的时间进行推荐)


草图


Image title

其中一个解决方案的草图。但最终没有选择它,而是选择了另一个解决方案。


四步草图。我们尝试产生尽可能多的想法。


在设计冲刺中我喜欢独立的作业,每个工作都是分离的。独立作业给每个人机会去表达他们的观点。不像是头脑风暴,通常是几个人说话,其余的人都是沉默的。


最有趣的练习是“疯狂8分钟”,就是在8分钟之内你需要提出8种不同的想法来达到最佳效果。在强压力的条件下,因为时间限制,大脑开始以不同的方式工作, 潜意识会产生意想不到的有趣的解决方案。


在这天的最后,我们从每一个参与者那里都收到了一份这个应用程序的解决方案的草图,以及关于它应该如何工作的附加评论。


对概念进行投票


Image title




第二天开始解决方案草图的讨论和投票选出最佳方案。我们有APP的几个版本概念:


· 用户回答了问卷,从几个他喜欢的短途旅行中选择,基于这些对内容定制化。用户能够从新的旅途中创建和分享照片拼贴。


· 用户通过旅程来找到志趣相投的人一起在旅程中进行挑战。


· 用户浏览地图上的旅程或者在tinder刷卡,阅读介绍,选购旅程,导游就像Uber司机一样按时到达。


从一开始获得最后带有细节的版本。


故事板


Image title

故事板:我没有把它画在黑板上,因为我认为在桌上使用一张大纸更方便。


这天的第二部分是把精力放在创建故事板上,在此基础上,原型将被创建并且与用户一起测试。来自A&J Smart非常棒的建议用来方便创作。


原型设计


Image title

Sketch中的原型图


设计冲刺的第四天致力于原型的创作。我们必须去做大量交互原型,其中包括解决产品交互的完整路径(基于设计冲刺地图),从第一个场景开始 - Instagram上的广告。


当我在Sketch+InvisionApp上设计原型图时,我的同事帮助我提供了内容:为着陆页写了很棒的文案。我成功地制做了几个版本的原型图为了去测试不同的假设。


用户测试


Image title

我为了访谈所准备的问题


为了找到用户测试的受访者,我使用了Facebook ads. 我尝试了2家广告公司:以填满问卷为目标,以及在Facebook Messenger上直接写,但成功的只有问卷广告。


使用Google Forms问卷对受访者进行了筛选。我在必须要选择正确答案的地方(兴趣:旅行)使用了一个特别的问题排除了受访者,只有选择对了才能通过到下一个问题,以及我邀请受访者进行用户测试。


我用个性化的电子邮件向所有人发出邀请,同意的人都被记录在日历上。


Image title

参与远程受访者之一:)


通过视频电话,我使用了Google Hangouts、用于视频录制的Quick Time 播放器、用于原型的InvisionApp。


每一个受访者都被分配了1.5小时,所有受访者都非常棒,他们经常旅行,他们来自我们的目标受众。首先,我询问了一些一般性问题,然后我们继续进行主题相关的问题,最后,我出示了原型图,要求完成任务,观察他们的反应和情绪。我录制了测试的视频,用于回顾和分析。


我们的用户说了什么



我喜欢“Yonder”因为它看起来像“Wonder”。



如果导游超过三小时还没回应我,我就会选择其他的行程。



我不喜欢按部就班的浏览,因为当你和一群退休的人在一起的时候就会变得非常严肃。



这看起来有点烦人,因为APP所做的一切:问几个问题然后给我看广告。



我不想在文章中看到报价,我想在合同中看到报价。


测试的一个重要的结果是用户喜欢这个产品,它甚至解决了他们在用户测试期间表达的痛点。我们的假设用户不提前预订浏览行程,那么速度和独特定制内容对他们来说就很重要了。


我们以卡片(就像在Tinder里)的形式以及地图的形式展示了应用程序界面的几个版本。我们打赌卡片选项更可取,但是令人惊讶的是大多数用户并不理解它或者是不喜欢它,所以我们决定继续使用在地图上显示活动的界面。


第二次设计冲刺


Image title




第二次设计冲刺是由精简版进行并且完全致力于用户体验,产品交互,离线。我们引导另一个用户测试,为了去弄清楚他们在不可预见的、有争议的情况下如何进行应用程序在离线时的交互。


例如,我们在原型中制造一个明显的错误来观察用户是如何解决它们的。我们弄清楚了支持的界面是否清晰,以及我们如何能设计出最有效的客户服务,我们也修正了一些晦涩的点,这些都是在之前的原型图中,并对用户进行了测试。我们对游览页面做了更详细的描述。


根据第二次用户测试结果,我们发现:


· 用户并不想要参与需要体力劳动的活动


· 并不是每一个人都能轻易联系到导游或支持


· 用户在预定之后并不希望阅读大量的文字


品牌冲刺


随着应用程序的工作,我们的团队决定成立一家众筹公司,为此,我们需要一个网站来介绍我们的创业和应用程序。为了向客户传达我们品牌的价值,我们进行了一个简短的品牌冲刺,作者同样是Jake Knapp。


Image title



我们的普世价值是一种梦幻般的旅行生活方式,在大多数服务中,在他们如何定位自己和他们实际给用户带来的价值之间有巨大差距。我们希望在我们的产品中避免这个差距。



Image title




再次提醒我们是为谁而制作产品:



Image title




相对于竞争对手的定位:



Image title



个性化滑块


Image title



颜色。当选择颜色时,我们依赖于颜色心理学、用户调查还有对竞争对手的分析。



Image title

竞争对手的颜色方案



着陆页


首先,我们主持了一个会议并且概述了着陆页的结构,然后我将它转换成了线框图。


Image title



过程。寻找视觉形式。



Image title



设计的最后一版。


Image title

面向旅客的着陆页



面向旅客的着陆页。从营销方面做了许多修正,大部分文案和区块的摆放位置都改变了。很难在现代设计、市场需求(怎样才能不陷入痴迷的边缘)和如何去传达我们的品牌价值之间找到平衡。


Image title

面向博主的着陆页



面向博主的着陆页。这些页面讲述了联盟计划的优势以及如何能通过推荐一个导游/活动来赚钱。页面的用途:通过联系人表单发送一个应用程序。有许多字段:需要指明博主的联系方式,关于导游和活动的信息,有可能的话添加旅途的照片/视频。


因此,为了促进流程的发展,我将表单分离成了几个步骤。另外,团队反对使用粉红色做背景,因为它很难去阅读因此会终结转换率,所以我设计了在滚动时粉红色平滑的向白色过渡。


Image title



同样,为了吸引用户注意我们的产品,我们设计了博客:



Image title



客户旅程分析


我依赖于冲刺设计的地图。这个地图被转移到实时板上并且变得更详细。


Image title



这个应用程序有游客和导游的界面。让我们先从游客界面开始。


游客界面设计


在进行用户测试之后,我做了一个报告。创建了新的软件用户界面需求规格。就像我已经说过的那样,带地图的用户界面比起卡片形式的界面,是更容易理解的并且对于用户来说更可取,所以我们决定继续使用它。特别是这样的界面更适合我们的品牌价值— 在旅途中即时预订。


因为我已经使用sketch+invasionApp制作了原型图,所以从视觉设计开始对我来说更容易,我只是重叠了线框图。


Image title

旅程搜索页面



旅程描述页面。“这里有很多朋友”的功能已经从设计冲刺草图转移到了发行版。


Image title

旅程描述页面



Image title



导游界面


Image title

CEO和导游



我们的团队乘飞机去了巴厘岛(印度尼西亚)因为这是我们将运行MVP的第一个地方。我们在这第一个试点为启动这个应用程序做了充足的准备。我们遇见了当地的导游,寻找有趣的旅行,并尝试了它们。



导游的用户测试


我为导游创建了原型图并且让潜在用户对它进行了测试。这对于我来说是一个非常不寻常的体验。我理解了在用户体验和心态上的差异。印度尼西亚的导游几乎都不使用任何应用程序,除了WhatsApp和其他一些标准应用程序。绝大部分用户都是安卓用户。在巴厘岛上的所有时间,我只看到过一次iPhone。


Image title

抱歉这个画质太渣,因为它被视频压缩过了。



不同于欧洲人,它很难去得到一个详细的回答。通常,当我给出一个原型,我甚至不用去要求什么,被访者就能自行使用这个应用,但是印度尼西亚的人并不会这样。我的受访者都不理解原型和工作中的应用程序有什么不同,例如,很难去解释为什么我不能在应用程序(原型)的聊天中编写他们。



他们只是看着屏幕然后什么也不想做。但是通过给出一个案例,解释产品的价值,我努力试图去让他们突破第一屏。



请给掌声。

更新:2019-03-03

收藏

3人已收藏

  • 11

    作品

  • 5

    粉丝

  • 4

    关注

  • Shot | 1. 微信朋友圈的小更新。
  • ICON DESIGN
  • 「 译文 」在用户体验中正确使用动画的终极指南
  • 字母元素设计

    猜你喜欢

      2019-03-03 自译外文 经验/观点 原作者: Vlad Chentsov 举报 1851 3 2 0

      「 译文 」旅行APP的案例学习(蓝海,设计冲刺,视觉设计)

      0.0°

      你确定要举报「 译文 」旅行APP的案例学习(蓝海,设计冲刺,视觉设计)

      如果查出恶意举报,十天内禁止提交任何举报申请。

      0/200

      上传证据: 超过10M的附件请使用网盘地址

      点击上传附件

      对谁可见:

      全部设计师
      • 全部设计师
      • 推荐设计师和认证设计师

      您确认要推荐?

      该作品发布时间:2019年03月03日

      评分

      完整度

      启发性

      勤奋性

      排版布局

      推荐心得

      建议20-200字以内

      0/200

      2
      3
      0

      账号或密码错误,请重新输入

      账号或密码错误,请重新输入

      登录

      手机号

      发送验证码 120s 验证码错误

      登录
      第三方账号登录