APP下载

浅谈用户对移动端交互体验的需求

2021-01-28

大众文艺 2020年12期
关键词:页面界面尺寸

(浙江科技学院艺术学院,浙江杭州310023)

对于大多数人而言,日常生活中处处都能看见UI的影子。UI设计是在软件或是其他计算机设备里建立界面的过程,UI设计师遵从着和产品设计一样的理念—以人为本,也就是设计的界面要尽可能地让用户觉得用起来很方便,并且会有一定的愉悦感。交互界面分为移动端、PC端和其他一些智能设备平台,本文主要讨论大众对于移动端用户界面的需求。以手机输入法键盘举例,有的人偏爱九宫格键盘,有的人喜欢用字母全键盘,还有的人更喜欢手写键盘,这其实就是在设计的过程中需要充分考虑到不同的用户体验需求。基于越来越普及的移动设备大环境下,用户体验的需求主要有以下几大类。

一、清晰明了的信息

优秀的移动端界面设计必须以用户为中心,以目标为导向。移动设备的屏幕尺寸是有限的,需要确保界面上的所有信息都是有用并且直观的,这样才能更快的满足用户的需求。界面里的内容越多,用户决策所花的时间就会越长。在这个过程中还需要确保用户能够在不产生困惑的情况下快速理解和操作。减少占用空间的元素,比如分隔符、边框的使用,可以让界面更加简洁。除了信息的清晰传达以外,信息的清晰度也很重要。在狭小的界面中容纳大量的信息时,11pt以上的文本可以保证用户在正常的阅读距离下可以清晰获取信息内容文本。合理的字间距以及行高带来的留白效果也可以让界面看起来更加整洁。此外,当界面元素涉及颜色处理的时候,舒适的颜色选择以及对比度可以帮助用户分清信息的主次关系,更好的理解和阅读,提高易用性。同时,多使用图标来代替文字作为交互组建也可以让界面尽可能地清爽。以阅读类APP为例,界面的背景色和文本信息的对比度要确保低视力用户可以正常阅读,以避免颜色会干扰到用户的阅读。同时也要考虑到舒适的配色以减少与眼睛的疲劳感。对于移动端的界面来说,用户会有在室外的使用场景,而室外光线会降低屏幕的对比度,比如说浅灰色的页面在室内看起来很舒适,但是在室外看起来会比较费力。产品界面的颜色选择需要考虑到针不同产品的使用场景。

二、操作舒适的交互

移动端的界面完全依靠用户用手指进行点击、滑动等手势操作来完成交互。所以手指的活动范围会影响界面里信息的位置排布。以tab式导航栏为例,在顶部栏tab、侧边栏tab和底部栏tab这三大类中,底部栏tab是最常见的一种。底部栏位于用户拇指最舒适的活动范围,属于一级导航栏,这是拇指法则。在2013年,资深交互设计师Steven Hoober做了一个用户调查,在对1300名手机用户的使用习惯进行调研和分析之后提出了“拇指法则”的概念。在调查中有将近一半的用户都是单手拿着手机,并用拇指进行操作。如果手机屏幕偏大,甚至要用双手持握的时候,多数人也还是倾向于用拇指。也就是说,在与移动界面触交互的过程中,用户主要使用的是拇指。这也是为什么底部导航栏是最常见的一种。除了要将触碰目标放在合适的位置以外,还需要确保设计的手势操作简单易用、容易记忆。用户在操作界面的时候很可能另一只手被其他事情占用或是在嘈杂拥挤的环境里,所以要尽可能的设计成简单的单手即可操作的手势。符合用户认知习惯的手势也更加容易被用户记住和习惯,减少学习成本可以让用户感觉到舒适,从而有一个愉悦的用户体验。比如说选中目标是快速点击而不是长按、下拉刷新而不是上滑刷新等等,好用且易操作的交互手势可以让人与设备之间的交流更加自然和便捷。

三、尺寸合理的目标

每一款移动设备的触摸屏尺寸都不相同,相较于电脑等设备他们的共性是屏幕尺寸有限。当用户在触摸点击操作的时候,合适大小的目标尺寸至关重要。在苹果系统中最小的目标尺寸是44x44像素,微软系统则建议使用34x 34px的目标尺寸,最小也要26x26px。诺基亚建议目标尺寸应该不小于1cmx1cm或者28x28px。虽然这些标准各不相同,每个用户的手指尺寸也无法确定,所以他们的建议都比手指的平均尺寸小一些,这样往往会给予带来一些操作上的困难。尺寸过小不仅会减慢操作的过程,还会导致失误的操作,大大影响用户的体验感。移动端界面的设计过程中,在保证美观的前提下尽可能将触碰的目标设计大一些,可以帮助用户降低操作难度。当然也不能一味地增大尺寸。以按钮为例,尺寸越大,可点击性就会相对地降低,业绩从侧面降低了用户的体验感。同时,每一个触碰目标之间的距离也会影响操作体验,足够的间隙可以提升更好的用户体验。

四、无缝连接的体验

每一个界面的设计都不是孤立的,完成一个操作任务如果需要很多流程会让用户感觉到疲惫,尽可能减少不必要的流程可以提升效率,提高用户满意度。当然,界面间如何转场连接是一个很重要的提升用户体验的设计方向。当用户在某一个界面活动信息并进行交互操作,完成操作进入到下一个页面的过程很重要,界面如果直接进行状态的改变往往看起来会很突然很生硬,间接增加了用户的认知负载。页面的变化也受到前后页面排版布局甚至是配色的影响。转场一般和动效紧密相连,可以给用户提供状态反馈,帮助用户理解层级关系,还可以引导用户进行下一步操作。比如说阅读类App产品为了让用户得到沉浸式体验,往往会隐藏阅读页面的操作按钮,当用户轻点页面时才会浮现按钮,再次轻点屏幕则隐藏。任何事物的出现和消失都有一个状态变化的过程。如何让这个变化的过程自然过渡无疑是非常重要的。一般来说用户交互的触碰点和状态变化的位置很靠近可以让用户清楚地理解变化的过程。当一个元素同时出现在前后两个页面中时,往往会保留这个元素,只对他进行位移、尺寸和颜色等基础属性的变化,来完成前后页面的过渡。也就是说页面里的元素大概可以分为四类:停留元素,入场元素,退场元素和持续元素。元素在切换过程中的变化,如运动过程等需要在保证用户可以清晰看见的同时,尽可能地快速以达到更好的效率,既没有浪费与实践还帮助用户更快的理解。一旦界面的响应时间变长,用户就需要花更多的时间来思考理解并对下一步的操作作出决定。一般来说,动效应该在用户手势操作后的0.1s内开始,并在300ms内结束。时间过长或过短,都不利于用户的操作反馈以及操作决策。

五、恰到好处的动效

虽然动效可以帮助用户更好地理解界面,但是过多的动效往往会带来反面效果。首先,过量或是过于复杂的动画会影响到性能和界面的响应度,这样反而会降低用户体验。其次,设计再精巧的动画如果重复出现也会让用户产生恼火的情绪,除非是比较常见的微动效用来做过渡,尽量避免复杂动画多次出现。或者也可以考虑做一系列类似的动画,每次随机出现,可以增加惊喜度从而降低用户的负面情绪。最后,适量的动画才能达到最好的效果。如果一个界面里同时有多个动画,哪怕最开始会让用户产生新鲜感,后期也会让用户产生眩晕感,同时也会干扰到用户操作。从长期的角度来说,这样的界面体验很难留住用户。动画出现的时间点,出现的时长,出现的范围以及影响的范围都需要提前做好设计,保证动画师在用户可以接受的舒适度范围。也可以考虑通过渐进式的展现方式让界面更加流畅。这些都是从用户体验的角度来看动效,如果从成本的角度来说,越独特越精美的动画往往会耗费大量的成本,高成本是否可以带来良好的效果需要提前做好评估,所以说动效的性价比也是一个考虑因素。

六、游戏化机制的设置

2007年移动互联网热潮之后,游戏化的概念逐渐被引入到设计领域。游戏化可以让产品变得有趣,吸引用户不断打开应用。在快节奏的生活中,人们的碎片化时间越来越多,游戏是一种可以让用户进行休息、获得快感刺激的方式,所以很多产品都会运用到游戏化机制的设置,游戏化的核心机制可以说是影响用户体验的关键,如约定机制、奖励机制、成就机制、进度机制、自我表现、社区社交圈等。以运动AppKeep为例,此产品的目标用户群是刚开始接触健身的小白用户,小白用户的特性就是可能随时会放弃健身,那么提到用户黏性,鼓励用户继续使用Keep健身则是一个很重要的关键点。所以Keep引入游戏化机制来满足于核心需求,帮助用户树立目标并持续坚持目标。最基础的一个设置就是打卡和分享,这是及时反馈可以帮助用户自我表现,提升一定的用户满足感。Keep通过用户健身训练的时间以及跑步的距离来进行分级是一种成就机制。当训练时长和跑步距离达到一定的目标,可以得到相对应的徽章,帮助用户了解目前的水平并激励用户继续努力健身。运动和社交的乐趣是Keep游戏化的目的,也是所有移动端产品的目标。游戏化机制可以让用户对产品建立好感,甚至提升了用户对产品的忠诚度。

在现如今的人机交互时代,越来越多的企业和产品都开始注重产品的用户体验,一个合格的产品必须具备美观舒适的视觉体验和优秀便捷的交互体验。移动端的界面设计是移动端产品设计的重要环节,易用性和交互性可以确保用户和产品界面之间的有效连接,从而让用户得到一个轻松愉悦的使用体验。

猜你喜欢

页面界面尺寸
不同截面类型钢管RPC界面粘结性能对比研究
CIIE Shows Positive Energy of Chinese Economy
微重力下两相控温型储液器内气液界面仿真分析
答案
让Word同时拥有横向页和纵向页
国企党委前置研究的“四个界面”
佳石选赏
佳石选赏
驱动器页面文件大小的总数为何总是07
尺寸