您现在的位置: 首页 > 网站导航收录 > 百科知识百科知识
如何通过设计提升用户体验?
用户,产品,界面如何通过设计提升用户体验?
发布时间:2016-12-08加入收藏来源:互联网点击:
悬停交互会告诉用户下一步可以做什么。
水平滚动的控件通常会展示出某些元素的一部分,让用户意识到可以滑动交互。
3、时间控制
在传统的动画当中,时间控制决定了帧数的绘制数量和内容。帧数越多,动画就越流畅,相应的内容变化也可能更慢。同时,一个动画所耗费的时间长短,也会影响到其中角色的表现力和用户的心情。
时间控制是动画设计的基础。时间控制和缓动在动画编排中发挥着重要的作用,过于漫长的过渡会让用户等太久,如果太快,用户可能会觉得错过重要的信息。通常,绝大多数的动画时长会控制在 200ms 到 600ms 之间,诸如悬停和点击反馈通常会控制在 300ms,而过渡则多为 500ms,你可以参考 Material Design 中动画的时间处理。
右侧的过渡会让用户觉得等待太久。
4、渐快和渐慢
现实世界当中,绝大多数的事物的运动规律都遵循缓动的规律。换句话说,没有东西是突然开始运动,又突然停止的,自由落体也是有加速过程的。
所以,向 UI 元素当中添加缓动效果,能够让元素看起来更加自然,符合预期,结合缓动和时间控制,就能够定义整个界面的运动系统了。
左侧的为匀速运动,没有缓动,而右侧加了缓动之后,看起来更加自然。
5、表演与呈现方式
为角色设置舞台,让角色像登上舞台一样进入场景。换句话说,你需要借用动画效果来进行「叙事」,考虑如何让它进入场景,如何呈现,怎样表演,如何借用镜头语言来引导用户的注意力。
在 UI 界面当中,表演和呈现方式对应的就是元素的放置位置,以及元素如何进入界面,怎么抓住用户注意力,进行合理的动画编排。
当你在思考如何呈现一个音乐 APP 的界面的时候,你可能需要基于用户喜好来推荐类似歌曲,那么喜欢/收藏音乐将会是一个重要的交互,和这首歌相关的歌曲可能需要一个独立的界面来呈现,于是你要凸显喜欢/收藏按钮,要让歌曲从列表中跳出,并且在下方列举出相关的音乐。
6、弧形运动轨迹
纯粹的直线运动的事物很少,从高处抛出的球的运动轨迹是弧形的。很多时候弧形轨迹更符合自然规律也符合我们的日常认知。
在 UI 界面当中,重要的元素可以使用弧形运动轨迹来呈现,会显得更加自然舒适,尤其是那种沿着对角线运动的元素。
7、附属动作
在传统动画中,附属动作主要是用来支撑和辅助主要动作的。比如一个正在行走的角色,他的头部的摆动和转动通常会被视作为附属动作,
在 UI 界面当中,辅助动作可以让主要的动画效果更加突出。这些元素在需要用户反馈的地方,显得非常有用。所有的微交互几乎都是基于「附属动作」的原理来进行设计的。
此处的粒子效果增强了按钮本身的功能。
8、夸张
在很多场景当中,角色需要具备有足够的吸引人,那么可以使用某些夸张的动作来吸引更多的关注。
在 UI 界面当中,最重要的交互可以使用夸张的动效来强化,引起用户的注意。Material Design 当中的 FAB 动效就是一个最典型的夸张式的动效,它最终的静态效果是很吸引人的,因为它将一个按钮的色彩扩展到整个界面,并且在所有元素的最上层,强调到了极致。
使用 FAB 动效来进行夸张
在支付类APP中使用夸张的效果来强化
9、跟随动作和重叠动作
没有任何一种物体会突然停滞,通常运动是一个接着一个的。还有一个更加简洁的表述为「动者恒动」。想象一下一只兔子从高处跳下,当兔子开始运动的时候,它的耳朵会随着运动而自然地偏移和摆动,当兔子落地的时候,身体基本静止之后,它的耳朵可能还在动。前一种情况是「跟随动作」,视差滚动就是典型的跟随动作。而后者则是「重叠动作」,前一个动作停止之后,某些部分仍然处于运动的状态。
在 UI 界面当中,可以让元素在静止之前,调用一个其他的交互和动效,从而让整个动效和交互更加流畅连贯,且自然。
模态弹出框的跟随动作,在底层动效停止之后依然运动,然后才静止下来。
在滚动的时候,卡片和底部的元素以不同的速率运动,类似视差。
结语
在实际的设计过程中,UI动效和交互应当根据实际的情况来灵活调整,让整个 UI 界面在保持自然的情况下,在正确的位置加入不同的交互、动效以及微交互,这会让整个交互和 UI 界面本身的功能更深层地结合到一起。
回答于 2019-09-11 08:43:50
用户体验是用户在使用产品过程中的一种主观感受,影响用户体验的因素有:系统、用户和场景三个方面。随着互联网的发展,产品不断更新迭代,以用户为中心、以人为本越来越得到重视。用户体验包含战略层、范围层、结构层、框架层、表现层五个层次,每个层次都需要合理的设计以保证良好的产品体验。以下将从交互设计层面及视觉设计层面来分析设计如何提升用户体验。
一, 视觉设计层面
视觉层面即产品的表现层,是用户体验五层模型的最顶层,是产品与用户接触沟通的窗口,这一层将内容、功能和美学汇集到一起展现给用户一个完美的产品,起到至关重要的作用,它需要满足其他四个层面的所有目标。
首先,整个产品需要有一个统一的设计风格,符合目标用户的审美习惯,并具有良好的引导性。如蔚来汽车整体采用冰蓝色作为品牌的主色调,其app延续这一色彩,整体给用户年轻、时尚、科技、未来感的视觉体验。
其次,需保持产品视觉的一致性,统一的色彩、标题大小、弹窗样式、圆角角度、线条粗细等让界面层次分明,给用户清晰的视觉引导,有助于提升用户的阅读体验。
第三,情感化设计:将品牌独有的元素情感化表达融入到产品中,既能提升品牌形象又能拉近产品与用户之间的距离,常见的下拉刷新,空状态页面,活动页面等通过情感化设计可大大缓解用户的焦虑增加趣味性,如转转的小熊、京东的小狗、天猫的小猫等。
二,交互设计层面
交互设计的目的是让用户能简单高效使用产品,因此,“可用性”是衡量一个产品体验的重要指标,“可用性”涉及到易学性、易用性等因素。
1. 易学性 当产品有新的功能或较为复杂的操作时,可通过引导、场景指示的方法来提升用户体验,如淘宝的频道导航,具有较强的操作指导作用。
2. 易用性 坚持一个屏幕一个任务原则,以减轻用户的信息负担;导航清晰原则,减少层级,让用户轻松找到所需信息;单手操作原则,随着屏幕的不断变大,单手操作变得越来越难,尽量做到单手也可完成重要的操作。
上一篇:小学女孩写作业不自觉,怎么办?
下一篇:返回列表
相关链接 |
||
网友回复(共有 0 条回复) |