同时模拟了用户的使用情境,以模拟实物票的样式表达线上的出票信息,使用不同地铁线分类地铁站代替难以点击的字母分类(虽然个人觉得这块还可以再优化,目前来看也少了搜索功能)。 这些改动都极大的提升了用户的使用效率,真正从UI层面上贴近了地铁购票APP的核心关键:便捷购票。 3. 培养产品思维 (1)数据化思维 很多好学的设计师童鞋注重设计创造力与交互理论的积累,容易忽略了数据的分析的重要性。这个大概也就需要在实际工作项目中去体会的了。 在整个项目进行中,数据分析基本可以分为: 前期调研数据 中期测试数据 后期结果数据 这里举一个还在猎豹的时候做清理大师大改版时候遇到的因为数据改变设计的例子。
因为中期测试一部分数据用户反馈首页改版后显得刺眼(因为APP长年未做大改版,旧版主色较深)因此重新调整了改版的主色,使用了明度更贴近原版的蓝色。 (2)营销思维 在关注数据后,我们就可以有所依据的去设计,不是如何设计好看,而是如何设计用户更容易买单。最近有篇文章很流行《5个丑出新高度的网站,为什么那么多人夸》,让我想起之前Expedia特地为了日本市场重新做了一个“接地气”的销售网站。
左边为美国的Expedia ,右边为日本的Expedia. 2014. 日本是一个极度重视信用度的国家,美国版的Expedia对大多数日本人来说内容过少,并没有足够的信任感。 这个例子其实就告诉我们所有的UI设计都应该是基于实际数据的,而不是设计师的审美或者某个国外书籍里告诉你的某个交互定律。设计感与定律(不同国家不同国情,并不一定适用,就比如欧美人的阅读习惯和国人就不同)是参考,但决定一切的是产品的发展策略与实际数据。 三. 被误解的交互动效 动效在很多人眼里是和辅助一样的存在,真的是这么鸡肋吗? 1. 交互动效的用途区分 现在APP中可以用到的交互动效按用途分,可以分为几个类型: (1)反馈型交互动效 在使用某个功能后,反馈用户当前APP功能状态切换的交互动效。涵盖的范围也非常广,比如下拉loading、tabbar上的微动效等。
(2)功能型交互动效 特定工具类、直播类等产品所需求的元素动效,比如直播时飞过的飞机、清理应用时转动的风扇。这类的动效通过拟物化设计完成特定的重要功能,增强了与用户的互动,是特点功能的最佳展现方式。
(3)过渡型交互动效 在页面跳转与功能衔接中起到重要作用的交互动效。好的过渡动效避免了界面快速切换时给用户带来的迷失,给人以极佳的使用舒适感。
(4)趣味型交互动效 起到锦上添花、增加趣味性和品牌调性的交互动效。
以上的例子都来自dribbble,我截取出来比较方便。 在这里我们撇开天花乱坠的飞机稿和纯艺术创作不说,仅说交互动效在实际项目中的应用情况其实并非是越多越好。 (责任编辑:小优) |