详细深入分析手提式有线电话机上面包车型地铁

作者:生活资讯

小结

Winphone的Metro设计主题是:光滑,快,现代,简洁,快速相应。

基于体验关键词创建情绪板

项目概述QQGame是和诺基亚lumia的合作项目,内置诺基亚lumia手机Winphone系统改下的游戏平台;项目团队也是临时组建而成,团队成员分别在北京,上海,深圳。 整个项目视觉设计时间排期为20个工作日.包括了解项目需求,交互流程,视觉设计,资源制作等.由于时间很紧张,所以项目在定了一个大概基调框架下就进行视觉设计.几乎是在边想边做中完成了整个项目.现在终于有时间可以重新对项目流程进行梳理和总结.设计方向刚拿到产品需求的时候,就在考虑怎么可以做到区别与Winphone上其他黑底白字的应用品.Winphone有比较严谨的设计规范和框架.在以内容为导向的设计方向基础上,做出自己的产品的特点是我们考虑的设计重点.关键词Winphone的Metro设计主题是:光滑,快,现代,简洁,快速相应。游戏能让我们联想到的关键词:动感,激情,科技,热情,速度,打击感等等。**

游戏能让我们联想到的关键词:动感,激情,科技,热情,速度,打击感等等。

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

从最开始拿到需求零星的想法到最终形成的版本,是边想边做的积累过程。期间实现过程中有很多尝试,也有很多想法没有得到实现而感到遗憾。不过也希望大家可以关注QQGame(Winphone版),提出宝贵意见!图片 1

通过关键词的提炼,我们可以很好的发掘两者的类似的共性可以在光滑,快,动感等关键词上.这也是之后非常重要的设计方向.我们可以为用户设计更动感,快速,轻盈的用户体验和用户感受.

写在前面

图片 2通过关键词的提炼,我们可以很好的发掘两者的类似的共性可以在光滑,快,动感等关键词上.这也是之后非常重要的设计方向.我们可以为用户设计更动感,快速,轻盈的用户体验和用户感受.视觉感受我们选择具有代表性的游戏关键词:动感,激情,科技,速度,简洁,光滑等.对以上关键词我们快速找到了相对应的视觉图片,来提取所需的视觉色彩.图片 3视觉设计通过以上关键词和素材的提炼,下面是从零散的想法雏形框架到最终版本设计的流程。图片 4图片 5图片 6图片 7图片 8情绪版除了蓝色版本,我们还为用户准备了绿色和橙色的情绪版本.用户可以根据自己的心情和感受来选择自己喜欢的动感背景.图片 9图片 10图片 11图片 12皮肤管理除了情绪版本的皮肤以外,还提供了6套比较有意境感受的背景皮肤设计;图片 13图片 14图片 15**

图片 16

情绪板设计元素的提炼

图片 17

设计方向

palettes),文字排版(typography),图案(pattern)以及整体外观以及感觉。视觉设计和人的情绪紧密相连,不同的设

刚拿到产品需求的时候,就在考虑怎么可以做到区别与Winphone上其他黑底白字的应用品.Winphone有比较严谨的设计规范和框架.在以内容为导向的设计方向基础上,做出自己的产品的特点是我们考虑的设计重点.

提问环节

图片 18

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

图片 19

视觉体系化:规范图标 统一设计样式

图片 20

项目完成并最终落地时,我们看到了代驾司机端使用体验满意度明显上升。但是目前仅是进程的开始,我们的工作并没有结束。比如后续设计需满足更多不同群体司机师傅们的需求,我们将更继续努力基于数据、反馈来定义更好的用户体验。

图片 21

可用性测试

视觉感受

什么是情绪板?

关键词

b.优化个人中心卡片设计,不改变操作流程,提前露出埋藏较深的入口。视觉优化 统一子页面设计样式。

图片 22

界面浏览 — 更多页面/个人中心

图片 23

根据上述可用性问题调研,总结以下视觉可优化方向

我们选择具有代表性的游戏关键词:动感,激情,科技,速度,简洁,光滑等.对以上关键词我们快速找到了相对应的视觉图片,来提取所需的视觉色彩.

框架结构:优化布局 主次分明

通过以上关键词和素材的提炼,下面是从零散的想法雏形框架到最终版本设计的流程。

情绪板是一种启发式和探索性的方法,可以对如下问题进行研究:图像风格(photography style),色彩(color

视觉设计

5个司机等级除了文案,没有其它的设计区分,并且司机需要二次点击查看“距离下一等级”相关信息,加强等级入口,重要信息提前露出。

图片 24


QQGame是和诺基亚lumia的合作项目,内置诺基亚lumia手机Winphone系统改下的游戏平台; 项目团队也是临时组建而成,团队成员分别在北京,上海,深圳。 整个项目视觉设计时间排期为20个工作日.包括了解项目需求,交互流程,视觉设计,资源制作等.由于时间很紧张,所以项目在定了一个大概基调框架下就进行视觉设计.几乎是在边想边做中完成了整个项目.现在终于有时间可以重新对项目流程进行梳理和总结.

调研目的 — 视觉设计

Conclusion

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

1.icon的重新定义。在情绪板提炼出了线和面的元素,可落地在icon的优化设计上,图标作为产品的服务以及品牌传播的视觉表达应具备的一致性。所以在icon的设计上简单、易懂。能让司机准确理解icon的表意。

What?

目的:用户首先点击头像查看等级和经验值,未看到相关信息后在进行查找,相关的文字和icon。新手司机和老司机对个人中心页面关注查找的侧重点有所不同,新手司机更关注客人评价。

什么是司机端B面

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


Vision Design

情绪板

线上品牌理念: 品牌辅助体验

1.重新整理 “更多页面”和“个人中心”页面,梳理框架结构。“等级”、“钱包”、“订单”是司机常用且较关心的业务入口,露出且放大常用入口。重组卡片信息,让内容的层次分明,引导用户快速找到对应的入口。

UI体系优化 — 更多页面/个人中心/等级体系

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

2.突出“我”页面的等级氛围。在“我”页面,整和了“更多页面”和“个人中心”的重要点击入口,在院线的版本中,青铜、白银、黄金、铂金、钻石

a.引入线上品牌理念,建立端内品牌DNA,品牌辅助体验,提要用户对平台的归属感。

根据调研报告,对司机端B面的主页面“更多页面”“个人中心”进行UI视觉优化。

关键词

结合上文的分析,司机端B面一般是在司机“下班”的状态下使用,在产品的设计上要传递给用户关键词定义为

什么是DIY 可用性测试?

b.优化个人中心卡片设计,不改变操作流程,提前露出埋藏较深的入口。

视觉体系化 — 规范升级 体验优化

目的:让用户判断我们的框架时候合理?视觉入口是否明显?用户能不能快速查找他们所需的相关内容。


总结

页面整合 — 高效浏览 卡片重组

3.等级进度可视化。司机等级通俗来说是区分“好司机”和“普通司机”的重要手段,但在之前实际的运行过程中,发现有一定差异。重构等级体系,让它变得更加合理,为了适配新的等级规则,将等级模块进行可视化视觉设计,在满足功能的基础上,更加强化了司机更关心的功能细节和等级的氛围区分。

界面浏览结论 —更多页面

目的:用户在测试环境下浏览界面,从上至下浏览,逐个内容进行点击,查看关注相关内容,或直接点击头像进入“个人中心”页面。页面结构比较散,用户浏览不到重点内容,用户只能地毯式搜索或者凭页面的熟悉程度进行查找。

总结:moodboard引申出的设计元素会运用到整体页面的视觉优化上,提升品牌感。

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

moodboard

好的设计是高效的,让开发能够高保真还原视觉效果,减少沟通成本,完成快速上线在改版后,升级视觉规范,建立段内的品牌DNA,品牌辅助体验。

a.调研更多页和个人中心页面的结构布局,增加页面的主次感觉,提炼用户常用模块,让新老用户都能快速找到对应入口。

a.根据moodboard设计元素的提炼,整合优化icon设计

视觉优化方向

Who?Where?

界面浏览结论 —个人中心

规范的重新定义。重新定义了B面的设计规范:颜色、字号、icon、列表样式等。

情绪板建立

Redesign

计总是会引发不同的情感。情绪板也可以作为可视化的沟通工具,快速地向他人传达设计师想要表达的整体。

用户选择

这次版本的更新对自己来说最大的收获是能站在全局、站在用户的角度思考问题,从问题的调研到将发现的问题总结落地到UI上,从整个框架的调整到结构信息的整理。给用户丰富但结构简明的视觉认知。

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

DIY Test

情绪板关键词提取

本文由必赢网址国际发布,转载请注明来源

关键词: