>

什么是司机端B面,UX设计(用户体验设计)

- 编辑:新萄京娱乐场 -

什么是司机端B面,UX设计(用户体验设计)

作为最著名的天气类APP之一,The Weather Channel,也就是天气频道,最近重新设计了整个App的UI。主管其移动客户端的高级副总裁Nikki Santoro,在新版APP发布之后,总结了这次改版所获得的7条经验,在此分享出来,相信UI设计师和开发者能从中获得不少不少启示。

其实早在去年的年底,已经对司机端B面的个人中心和更多页面进行了改版设计,但是改版的目的就是纯视觉改版,改版的目的并没有考虑到司机群体的操作习惯和使用场景,所以并没有解决到相关的体验。问题依旧存在。。。

在过去的三年里面,我一直带领着 Aviary 的Android设计师团队。非常荣幸我能为大家设计这款摄影APP,让大家能释放创造力,通过这款APP来拍摄出如此之多优质的照片。随着Google 推出Material Design 这种全新的设计语言,我们的产品设计团队也开始针对Photo Editor 进行重新设计。今天这篇文章,我会仔细分享我们重新设计它的故事,以及设计经验和进度,你可以看到这个全新设计语言是如何重塑这款APP的。

越来越多的同学开始着迷UX/UI设计,这个领域的高手和爱好者也越来越多。于是大量新的想法、设计流程、设计手法以及形形色色的原则开始出现在这个领域当中,用良莠不齐这个词来形容UX领域其实非常恰当。用户体验设计需要你作出艰难的决定,成为优秀的设计师并不容易,你需要从错误中不断汲取经验教训,成就自己。人们总是犯着类似的错误,新的思路听起来很不错,但是并不足以成为用户体验设计的标准,但是也正是这些错误的修正,造就了真正优秀的设计。

新萄京娱乐场 1

什么是司机端B面

通过这次改版,我发现如何通过Material Design的设计规范来激发灵感,而非束缚设计。更重要的是,我逐渐明白了新的设计平台是怎么回事。从 Photo Editor 最初的美学特征逐渐过度到Material Design 是一个漫长的旅程,但是这也足以让我收获许多经验和教训,也让我逐渐体会到全新的Android系统的美感。

新萄京娱乐场 2

01、以可用性为中心

What?

Android版的诞生

许多概念看起来炫酷,但是稍加推敲就会发现它的谬误。还有一些规则看起来逻辑清晰,但实际也并不符合用户体体验设计的实际需求。今天我们总结了7条常见的用户体验设计规则错误,希望能对你的设计有所帮助。

可用性的重要性居于首位。可用性是不随时间迁移而改变,它不仅仅适用于此刻的这款APP,还适用于任何时间任何产品,适用于任何产品的重新设计环节。用户需要实用的程序,需要流畅的体验,所以请务必保证程序设计的可用性。

滴滴代驾司机端是一款针对平台代驾司机的app,主要用于帮助他们完成接单、抢单、接送乘客的日常工作流程。而司机端的b面,查看司机所有跟“个人”相关的信息,及钱包、订单、等级等。

刚刚加入Aviary的时候,我碰到的第一个UI设计项目是将我们的iOS平台的APP的UI转化适配到Android平台上。作为一个iPhone用户,我那时候才刚刚对移动端UI设计有所把握,对于Android也仅仅是大学时候稍有了解,从未对这个平台有过系统的认知。

1、UX=UI

02、一致性是关键因素

写在前面

所以我首先得对手头的Android测试设备有所了解,尝试制定iOS UI转化为Android UI的相应的规则。当初我曾经遵循iOS的拟物化风格为Aviary设计了iOS客户端,充分运用层次分明的阴影和细腻来展现整个APP。当时 Android 4.0的设计风格被成为Holo,考虑到Android和iOS的差异,在转换过程中,我将繁复的阴影效果降低了,用更轻的笔触重新绘制了纹理,将UI的边角处理得更加锐利,以匹配Holo的整体风格。如此一来,Aviary最初的Android版本就这么诞生了。

关于UI和UX之间的差异,要完全解释清楚并不容易,但是分清两者的区别极为必要,并且这是入行要高清的第一件事情。

今年重新设计The Weather Channel的时候,我们关注的另一个重点是设计的一致性。现如今用户们所使用的移动端设备各式各样,有手机,平板,还有介于两者之间的设备,而使用场景也不尽相同,家里,公司,还有路上,等等。所以,我希望我们的The Weather Channel在任何设备、情况下都能保持良好的观感和体验,确保一致性、美观和可用性,三项全能。

Who?Where?

新萄京娱乐场 3

UX设计(用户体验设计)

03、用数据讲好故事

他们是一群穿绿背心的代驾司机,在此之前,他们可能是企业的司机,可能是快递员,可能是一个普通的公司职工,也可能是快车司机......他们穿梭在夜间的城市道路中,服务于我们的代驾的乘客们。

第一次Android重设计

UX设计是一组设计规则和开发流程,它会提升用户和产品本身交互的品质

美国电视里的天气频道和Weather.com都是美国人民众所周知的专业天气播报渠道,他们通过搜集新闻整合内容,向用户呈现引人入胜的故事,而不是单纯的预报天气。可能很多用户还没注意,我们也将故事模式纳入了我们的移动端产品。

但他们也是一群需要被关怀的群体,他们除了“上班”正常的接单外,他们在:“下班”状态下,更关心的是什么?当前页面的设计结构否满足用户的使用需求?

由于当时Aviary 专注于iOS平台,Android 版本的UI设计项目并不在聚光灯之下,所以也由着我肆意修改。如此一来,我也有了充分的自由度,可以以更有创意的方式来打造这个Android版的客户端,并且学习更多移动端设计的知识。由于用户基础薄弱,大家对于Andorid版的期待并不高。可是新版发布之后,随着下载量的疯狂增长,我们很快就意识到Android 版的宝贵之处,这也最终促使公司上层决定在Andorid平台上投注更多的精力。

它会涉及到工作领域包括内容、测试、开发、研究和产品原型以及结果评估

新萄京娱乐场 4

可用性测试

当时,和我一同工作的Android平台开发者是这个平台的坚定支持者和倡导者。在他看来,我借助iPhone来设计Andorid 平台的UI,简直是对Andorid的侮辱,后来我意识到他是对的。所以,在2013年的时候我购置了一台HTC ONE。下载了大量应用之后我才发现,绝大多数的Android应用并没有类似iOS一样的系统的美学特征和完整而统一的设计语言,很容易迷失在复杂而极度灵活的设置和可定制性当中。通过大量的筛选之后,我逐渐开始摸索到Android 的一些设计模式。结合这个过程中的所学,提升了一部分可用性设计和美学特征之后,我逐渐摸索到了设计Android客户端的设计思路。

用户体验设计是一种认知科学的实践过程,只不过它更加数字化

这次重新设计iOS客户端的时候,我们加入了生活模块。生活模块中的,UI色彩更丰富,内容更具深度。其中内置了诸如航班、户外活动等与人们活动息息相关的信息,帮助客户更加深入了解气候是如何影响他们的生活的。

DIY Test

新萄京娱乐场 5

UI设计(用户界面设计)

我们通过这些新特性,将气候和生活细节串联在一起,像讲述故事一样传达给用户,让他们不用再仔细思考这些数据意味着什么。我们为客户提供了精准的天气预测和数据,但是更重要的是我们将这些数据转化成实操性极强的指示性信息:这些天气信息意味着我能做些什么?

什么是DIY 可用性测试?

Material Design 简介

为了拥有好的体验,调整产品的界面以充分呈现反映其功能和视觉资源

04、APP测试

DIY 可用性测试绝对是定性的,通常DIY test 只需要3-5位真实用户即可。它不是要证明什么?而是要让我们倾听用户的真实感受,确定要修复的问题及如何修复他们。

快进入2014年6月的时候,Google 经过Android 4.0 长达2年的缓冲之后,终于推出了系统而完善的设计语言,Material Design 。这一规范的推出,使得我们之前的Android 平台客户端的重新设计显得不合时宜。之前的些许调整在新规范之下,并无法显出我们对于Andorid 平台的重视。同时这也给予我们再次重新设计Android 应用的理由。

UI设计是借助数字化的元素的一整套表现产品特征和可用性的体系

用户测试非常重要,但是更重要的是在合适的时候测试产品。在进行可用性和必要性验证之前,我们就针对产品原型进行了测试。之后我们分别找了内部和外部的用户参与了Beta版的测试。在Beta测试过程中,我们搜集了许多有价值的用户使用信息,并对APP进行了相应的调整。待产品上线之后,我们会密切跟进用户反馈。

新萄京娱乐场,调研目的 — 视觉设计

为了重新改造APP,我们先做了大量的研究。在Google 刚刚开始发布文档和设计资源的时候,我们便开始竭尽所能地阅读和学习新规范。幸运的是,比起之前,新的规范系统而完善,我们的获得了比以前更多的指导。Google所提供的文档为每一个设计进行了详细的解释,阐述了目的。这些细致精准的设定为整个平台的一致和统一奠定了基础。

UI设计需要开发者协助来优化和调整

05、整合广告

针对司机端B面“更多”和“个人中心”的板块,从视觉设计的角度出发, 找到用户在体验中遇到的问题,并为此研究视觉上可优化的方向。

我开始钻远整个Material Design 概念设计的核心:墨水和纸张。这些基于印刷实体的设定和灵活自然的动效,赋予了整个设计语言以意义明确的关系和足够的连续性,从而造就大胆而灵活的布局和深远的影响。不过很明显,这样的设定对于列表较多的应用,诸如邮件和新闻,有着明显的优势。

看看两种设计的特征描述,你也会觉得没有设计实例说明,真的很容易混淆。而这些也特征也说明了一点,两种设计确实需要齐头并进。

新萄京娱乐场 6

用户选择

新萄京娱乐场 7

假设你拥有一个伟大的产品,整体设计颇为不错。如果这个产品用起来很费力,那么这是UX设计不佳的体现。如果产品用起来不错,但是视觉上不怎么讨喜,那么短板在UI设计上。

让第三方品牌广告和天气信息进行深度整合,讲述故事

通过APP叫单的方式,找到5名代驾司机

谷歌 Material Design 三大准则 (纸的隐喻;图形化,强交互;用动效传达涵义)

2、移动端浏览就该用移动端APP

我们的新版iOS应用并非单方面从用户的角度进行重新设计,还考虑到了市场和第三方供应商的需求。我们将广告有机地整合到了APP的首页和主要的内容页之内,让它们可以融入到整个APP的使用体验中去。天气信息依然是当之无愧的主体,但是这些第三方品牌广告商依然可以毫无违和感地传递他们的品牌价值。由于这些品牌投放主要是以背景的形式存在,天气信息、视频、内容都可以在前景正常无干扰地呈现。

提问环节

随着对Material Design的熟悉,我开始构思怎样调整我们的APP才能符合它的三大准则。内容要如何展示?释放按钮的时候,应该怎样呈现动效?拥有如此之多的操作,如果使用一个浮动按钮解决所有操作?在编辑流程里,如何使用过度动效?当视觉焦点是照片的时候,如何为之添加色彩?面对如此之多的未知因素,我选择将整个应用的功能剥离肢解开来。

新萄京娱乐场 8

本文由交流平台发布,转载请注明来源:什么是司机端B面,UX设计(用户体验设计)