起航学习网

- 让每个人都能学到最前沿新知识、新技能!
起航学习网
当前位置: 起航学习网 > 职业教育 > 提升UI设计中的易用性和有效性,用这种方法

提升UI设计中的易用性和有效性,用这种方法

时间:2020-11-09 16:36:31来源:南宁达内 作者:南宁达内 已有: 名学员访问该课程

  快捷搜索:南宁UI设计培训(3)

前言:怎么利用手势交互来提升UI设计中的易用性和 有效性呢? 今 天南宁达内 来聊一聊移动端UI设计中,如何借助手势交互提升易用性和有效性。 选择对的手势 当你想在你的UI中引入手势交互的时候,应该先了解一下你的目标受众可能会用的APP中所用的手势,以及你的目标市场。在你的APP 中引入类似的手势交

怎么利用手势交互来提升UI设计中的易用性和有效性呢?天南宁达内来聊一聊移动端UI设计中,如何借助手势交互提升易用性和有效性。

选择对的手势

当你想在你的UI中引入手势交互的时候,应该先了解一下你的目标受众可能会用的APP中所用的手势,以及你的目标市场。在你的APP 中引入类似的手势交互,能够至少降低用户转移APP的时候的学习成本,这样针对目标市场的手势设计,让用户一开始就能以一种舒适的方式开始使用。

提升UI设计中的易用性和有效性,用这种方法_www.epx365.cn

手势学习

虽然手势几乎无处不在了,但是面对新的APP的时候,用户还是不清楚哪些手势可用,学习新APP的手势交互几乎是绕不过去的问题。绝大多数的界面交互沿用了最常用的点按、滑动和捏合手势,通过这些手势可以执行绝大多数的操作,其中点按是无疑是最常用也是最直觉的。但是,与显性的图形化的界面不同,手势交互本身是隐形的,除非用户实现知道某个界面某个位置可以用手势交互,否则,用户需要通过自行摸索和尝试来发掘。

所以,从这个角度而言,只有设计师在界面中提供正确的视觉指引,用户才会“正确地发现”手势交互的存在。

避免在新用户引导的时候加入手势教程

许多手势交互驱动的APP当中,设计师都习惯于将手势交互的教程放在首次打开APP的时候。这样带有新用户引导教程的APP非常之多,用户需要在刚刚进入的时候,了解APP的功能、特点,学习操作等等等等。但是,这样的教程展现方式本身并不够优雅,也不够有效。这种新用户引导阶段的前期教程所存在的主要问题,是用户必须在一打开应用的时候,就记住一大堆的信息。如果信息和教程不多还好,稍多一些,用户会很快陷入混乱。举个例子,著名的效率应用 Clear,新用户引导教程长达7页,用户需要非常耐心地看完它们才知道如何正确有效的使用这款应用。这样的设计无疑是糟糕的。

在使用过程中提供教程

在用户使用APP的过程中,结合用户所处的界面、执行的操作、正在完成的任务和上下文信息来提供相应的手势交互的教程。如果想要交给用户一个新的手势,那么你必须慢慢开始,不要指望一次搞定,不要急于求成。

所以,你需要给用户的是一个迭代式的渐进的指引教程,恰到好处的提醒,并且你的引导应该是专注于单个交互的,而非一次给用户灌输尽可能多的信息。结合语境来提供教程和指引,才是最有效的。

下图是 Android 版的Youtube 的APP中的手势交互的引导界面,这款源自谷歌官方的应用采用的是标准的Material Design的手势交互方式,用户会在初次进入应用之后,适时地提供相应的手势交互引导,一次一项,不会进行填鸭式的信息灌输。简练的文本引导,让用户能够快速明白交互方式和结果。

使用动效来呈现手势

手势本身是动态的,它和动效本身有着高度的相似性。作为设计师,使用动效来呈现手势的交互和效果是非常自然的逻辑。为了让用户能够更为清晰的明白手势的正确用法,你可以在相应的元素上加上文本说明,并且搭配相应的交互动效,展示操作方式和执行结果。就像下面的案例所示:

使用动效进行手势交互引导的时候,有三种比较流行的方式。

第一种是提示动效。提示动效主要以预览的形式展现了如何运用手势来与特定的元素进行交互。它是作为手势和触发交互之间的桥梁而存在的。比如下面这个布丁怪物的游戏就是以手势操作为主的,动效结合游戏场景,呈现给用户交互的基本方式。

第二种方式也很有效,内容展示。相比于第一种方式,内容展示更加微妙,它向用户呈现了交互所能呈现出来的内容和结果。就像下面这个案例,它简单的展示了卡片之后还隐藏着其他的卡片,隐晦而微妙地暗示用户,使用滑动手势就能看到后面的卡片了。

第三种方式是着重推荐的,也是我认为最有效的一种,借助可供性设计的原理来呈现手势交互。为了呈现手势交互的可供性,设计师应该通过设计呈现出“用户能怎么操作”,iOS 的锁屏相机就是一个典型案例,当用户在锁屏状态下点击右下角的相机按钮的时候,屏幕会向上弹跳,展示它是可向上滑动打开的(这一功能的“能指”)。

结语

手势交互的实用性和泛用性是有目共睹的,它依赖于界面,并且高度依赖基础的几个单指和双指手势,但是它的隐藏性使得设计师的引导显得无比重要。还好在最近几年的经验累积之下,手势交互的引导模式有了如今这套相对成熟的经验,动效、文本和提示可以有效的帮助用户,逐步学会新界面的手势交互。

来源地址:http://www.epx365.cn/qgtk/202066513.html

来源标题:提升UI设计中的易用性和有效性,用这种方法



免责声明:本站文章均由入驻起航学习网的会员所发或者网络转载,所述观点仅代表作者本人,不代表起航学习网立场。如有侵权或者其他问题,请联系举报,必删。侵权投诉

(责任编辑:海口达内)
顶一下
(0)
0%
踩一下
(0)
0%
------分隔线----------------------------
------分隔线----------------------------
发表评论
请自觉遵守互联网相关的政策法规,严禁发布色情、暴力、反动的言论。
评价:
表情:
用户名: 验证码:点击我更换图片
培训学校
海口达内 访问该机构站点 报名留言 加为好友 用户等级:注册会员 用户级别:10 机构名称:达内科技教育集团 联 系 人:吴老师 联系电话:18529066336 联系手机:18529066336 在线客服:起航学习网客服 在 线 QQ:起航学习网客服 电子邮件:1017604672@qq.com 网站域名:http://hk.tedu.cn/ 注册时间:2018-07-27 15:07 最后登录:2020-11-10 11:11