视觉设计 » 一套完整的交通出行APP设计思路

一套完整的交通出行APP设计思路

发表于: 视觉设计. 评论
Sponsor

译者注:今天的文章讲述关于一款交通出行APP产品的UI设计思路,从调研、产品分析、竞品分析、用户研究、用户旅程图等多个方面进行思考,可以说是一个完整的APP设计思路分享,值得一看。本篇涵盖了比较完整的作品集整理思路,可以作为年终作品集的整理模板。文章虽短,五脏俱全。(括号内的文字为彩云增加,意在突出作品集框架)

一套完整的交通出行APP设计思路

产品概述(产品世界观)

一套完整的交通出行APP设计思路

(彩云注:这里说的可能是产品的一个大的世界观,其实感觉跟他最后要设计的产品关联度不大,哈哈)宇宙是永恒的,它在不断运动,永无止境,没有什么是一成不变的(彩云注:产品需要迭代)。Cosmic代表了整个宇宙以及以毫秒为单位的运动(彩云注:我理解这意味着他们做的这个产品是在帮助用户节约时间)。

时间就是生命。Cosmic表达了人们对生命、运动、前进的新探索。

Cosmic是一个位于哥伦比亚的小团队,致力于使人们的出行变得更加便捷。

交通行业(行业洞察)

一套完整的交通出行APP设计思路

BSC 调研

共享汽车、共享单车、公交、拼车等服务使得共享行业蓬勃发展。多人拼车的想法不仅有助于减少出行成本(油费、通行费、维修费),还可以减轻驾驶压力。

共乘是一种可持续的出行方式,它可以有效减少空气污染、碳排放、交通拥堵,甚至连停车都变得更有秩序和方便管理。对于这些积极的影响,政府方面也非常鼓励大家乘坐共享交通工具出行。

一套完整的交通出行APP设计思路

Mobility Everywhere

问题(痛点分析)

共享乘车需要人人都大概负担得起;

许多人希望使用不同的交通替代方案;

许多人有低速的交通工具;

可以在任何地方使用的交通工具;

偶尔使用下车辆;

小摩托车很容易坏;

普通人骑车很少戴头盔;

车辆和骑手很少有保险;

有人解决了我们的一些问题(竞品分析)

顺手帮点个广告?谢谢~

一套完整的交通出行APP设计思路

直接竞争对手

为了更好地了解市场,我对我们的竞争对手——Scoot, Movo和Grin Scooters进行了分析。

核心发现:

没有能够方便用户预订和取车的功能;

信息经常不准确;

它们不大关注易用性;

大多数在使用app之前需要用户提供太多信息;

用户研究(目标用户分析)

谁是骑手?

大学生 / 行人 / 年轻白领 / 游客

谁是车辆所有者或合作伙伴?

年轻白领 / 投资者 / 车队运营商 / Airbnb民宿房东 / Uber 及出租车车队所有者 / 物流运营商

为什么他们选择骑车?

一套完整的交通出行APP设计思路

用户画像

一套完整的交通出行APP设计思路

一套完整的交通出行APP设计思路

一套完整的交通出行APP设计思路

用户出行(用户地图)

一套完整的交通出行APP设计思路

所有人都讨厌这种情况

在Cosmic App中,我们有两个出行方式选项:

一套完整的交通出行APP设计思路

按需:查找车辆 > 扫描 >骑车

一套完整的交通出行APP设计思路

送车:选择车辆 > 输入日期、交付车子和停车的地址 > 送货上门> 骑车

用户使用流程(交互流程)

一套完整的交通出行APP设计思路

一套完整的交通出行APP设计思路

测试(用户测试)

我们测试过的任务和方案:

想办法租一辆最近的电动滑板车并解锁;

使用电动滑板车过程中添加一种付款方式;

结束行程后,如何评价;

租一辆电动自行车,然后送到用户需要的地方;

得到一张券,要在骑行的过程中使用。

App视觉设计流程(视觉流程)

一套完整的交通出行APP设计思路

情绪版

一套完整的交通出行APP设计思路

一套完整的交通出行APP设计思路

高保真原型(交互设计)

一套完整的交通出行APP设计思路

登录

登录。在改版前的app中有一个无聊和漫长的注册过程,现在用户可以从电话号码或Magic link(无密码注册和登录选项)开始,不需要填写生日、性别等…

一套完整的交通出行APP设计思路

扫码和使用车辆

获取车辆/服务。用户可以直接解锁车辆或使用送车服务。选择骑行模式,用余额或信用卡支付,使用优惠券,对骑行过程进行评分。

一套完整的交通出行APP设计思路

优惠券

优惠券 —— 用户兑换优惠券并获得折扣。

一套完整的交通出行APP设计思路

钱包——促销码

钱包。用户可以用钱包零钱或信用卡付款,兑换优惠券。

改版前后界面对比(亮点设计)

一套完整的交通出行APP设计思路

改版前,改版后

我重新设计了登录/注册、服务租金流程、支付和凭证的逻辑,还为app创建了一些新的UI元素,最后设计出了完善的用户体验和干净的用户界面。

译者:可达亚,公众号ID:caiyunyisheji

赞助商链接
赞助商链接
设计达人微信交流社区:shejidaren888
喜欢这篇文章吗?欢迎分享到你的微博、QQ群,并关注我们的微博,谢谢支持。
版权:除非注明,本站文章均为原创文章,转载请联系我们授权,否则禁止转载。

{ 发表评论 }