快的打车顶尖高手的分享:设计师是如何打造全新打车APP流程!

Sandra
8 评论 10862 浏览 9 收藏 6 分钟
🔗 B端产品经理两大难题:如何从市场,用户,业务等多个角度分析和设计产品?如何有效地管理和推进项目落地?

前言

  • 2015年移动应用数量增长依然强劲,移动交互体验也在不断地在发生着变化。
  • 更多的打车应用相继出现,却都以较为探索的新颖形式占领席位,不曾有更好的优势。
  • 今年交互体验趋势中,却只是某一个方面的体验优化与加深,缺少创造性的交互形式。

目录

QQ20150808142002

启动

QQ20150808142014

背景

随着快的用户的俱增,用户的使用场景也开始不断增加。一味的注重单纯的功能体验,也已无法满足更多用户稳定的需求和场景需求。在互联网届掀起一翻轩然大波后,我们固然希望在出行打车软件中继续占领不可撼动的地位。

诉求

在进行优化之前,重新定位我们的关键词:

轻松的视觉体验

QQ20150808142026

简洁,轻快,有序

QQ20150808142036

少即是多,合理分层

QQ20150808142050

我们同时找到eico,从产品设计和用户研究,到交互、视觉、动态设计和用户测试,开始了全面的设计 。优化动效语音输入功能,并将「快乐出行」作为全新的品牌 Slogan。

QQ20150808142104

认清我们的设计需求

  • 界面元素众多,视觉效果对用户的认知影响大
  • 需要动效辅助引导用户理解交互,添加情感化元素
  • 交互流程复杂,用户会难以理解操作流程

QQ20150808142116

QQ20150808142201

Q20150808142214

设计

QQ20150808142223

规范

我们UED团队重新建立了统一的UI设计规范,根据公司品牌和产品形象,在色彩,按钮,字体以及形象传播等各方面做了精心的设计。规范的制定在日后的设计延续中起到了很大的作用。

QQ20150808142236

QQ20150808142246

QQ20150808142258

QQ20150808142306

在保留原基础功能的前提下,设计师和产品经理都在思考着如何在直观上打动用户:

界面构成

在界面的设计过程中,最大化减少装饰性元素的出现;注重整体视觉品质的体现。

QQ20150808142318

一致性

为保证设计的统一性,同类型的操作采取同样的动作,包括视觉和交互的一致性。

QQ20150808142327

整体规范

规范的控件库管理,避免结构分散,包括文字,色彩,icon及层级分布的统一性。

QQ20150808142341

成果

QQ20150808142351

方案

依据新的设计定位,在4.0的设计上,我们融入对现代设计趋势的理解,将一些流行的配色方案及排版形式融入到设计及细节中,同时符合了我们快乐出行的主题。

QQ20150808142403

总结

罗马非一日建成,快的打车还有很多优化和提升的空间,比如如何让打车路径更简单,体验更爽,后续优化正在继续中,欢迎大家多给我们反馈以变得更好。

 

作者:KindDesign

来自微信公众号:tuyiyi_com

更多精彩内容,请关注人人都是产品经理微信公众号或下载App
评论
评论请登录
  1. 呵呵呵

    来自北京 回复
  2. 这文章没啥味儿

    来自广东 回复
  3. 打车流程应该是先确定要去哪里,然后再选择方式(默认出租啦 ❗ ),最后确认用车。

    来自北京 回复
  4. 这个装逼我只能给5分。

    来自云南 回复
  5. 看个关于我们 为什么也要登录啊?

    来自北京 回复
  6. 快的还是挺难用的,至少我是没找到搜索入口在哪

    来自广东 回复
  7. 总感觉这种总结然并乱,啥都没说。就是看着挺高大上。

    来自广东 回复
    1. 没啥干货

      来自上海 回复
专题
11638人已学习12篇文章
从二维到三维空间的过渡,其交互范式也会随之从2D GUI时代转换到3D UI时代。本专题的文章分享了XR空间交互指南。
专题
15641人已学习12篇文章
服务设计在流程性和系统性的问题解决方面提供很好的思路和方法。本专题的文章分享了如何做好服务设计。
专题
20255人已学习13篇文章
本专题的文章分享了产品经理面试题和解答思路。
专题
16049人已学习12篇文章
本专题的文章分享了如何从0到1搭建结算平台
专题
14002人已学习13篇文章
本专题的文章分享了如何打造用户“上瘾”的产品。
专题
37053人已学习15篇文章
击溃顾客最后的心理防线,让他们心甘情愿按下购买按钮。