图形交互界面_APP界面设计要人性化!

e19896ae3cc338c860cc9c1a591bdff0.png

文/陈鑫明 韩帆 人性化设计是以人为中心的设计,手机APP界面人性化设计需要符合人的生活习惯、操作习惯、心理思维甚至人体结构等方方面面。通俗来说,就是让用户用起来便利、用起来舒服、让人喜欢并看得舒适。

08892bd2f9304df2ae75d70c16f55681.png

137f2295a4ca59e5248b68418e533cf8.png

从版式上来说,目前人们日常使用的大多数实用类手机APP都具有一定的布局结构,一般主要界面结构即导航栏、主视觉图以及工具栏。APP的界面结构大多参照此布局,在导航栏和工具栏变数甚小的情况下,本文主要对主视觉图的四类主要布局方式进行分析。

a094e936f70e4351e428c698d9d6b3fc.png

①列表式布局。列表布局就是以列表的形式展示内容,通常有对话列表、商品列表等,是可以滚动的列表布局方式,并且具有依据数据所占空间自动适应其高度的特点,这也是最快速的APP布局方式。出于人性化的要求,绝大多数菜单列表的单行高度为28px,以方便用户在一个页面中,基于图形文字不失真、不模糊的情况下浏览到更多的信息,且方便手指的触摸和点击。

bcf029850186c7dcad64a6d97899be06.png

②宫格式布局。九宫格是从很久以前就开始流行的经典设计布局,通俗来说,即一个被等分成三行三列的方形格子。如今的宫格式布局较早期固定的九宫格显得更简约、更自由,宫格式布局非常方便地适配所有的智能手机机型,单图标式的信息内容展示显得工整又简单,以便用户在短时间内找到自身需求的按钮进行后续操作。

4a7a6df041cbc18840d74b1af3989670.png

③标签式布局。标签式布局以标签的方式显示它的子视图元素,就像在各个浏览器中的一个窗口中显示多个网页一样。通过滑动或者点击,APP再提供丰富的标签选项,以达到提高用户体验的目的。

f3e2a895093ecda65de98fe96601b094.png

④图片式布局。这类布局多见于引导页设计和一些文艺类、摄影类APP,图片式布局必然以图片为主,可以是占满整页的一张大图,也可以是纯粹的各类图片加以独特的排版。但凡一个图片分享类的APP,面向的用户相较于普通群体必然对审美有着一定的要求,图片式布局比起繁琐的文字介绍,能够直观地反映一个APP的性质和水平。

b91b6b688b330225f19d386784112ae7.png

以上是目前市场上以迎合用户实际需求为目的的四大人性化界面布局。界面布局是一种主题和信息的统一,每个手机APP都有各自特点,结合自身的应用性质,考虑用户在使用时需要重点获取的信息元素,再决定排布界面的具体结构,方可做到人性化的界面排版和布局。

5f3f91694b901780fb4d209b4d6b2023.png

9d9adde8ecb209b0a1f9d2f56e1ad5a0.png

①适当的文字。百度用户体验部曾做过一个小调查,调查中得出,在不同的手机平台中,用户可接受的文字大小是不同的。APP开发成功后,针对不同的用户考虑,文字的大小便是其中影响因素之一。

66edca525407078a698bcad0b6f74779.png

部分APP依据其特殊的性质和面向人群需要对文字大小进行适当调整,如提供中老年人使用的实用类APP,文字需要适当放大以便阅读;在用语上,忌用生僻字和专业词汇,提高用户的接受度。人性化的文字置入还需要根据应用的性质来决定文字的字号和字体,进行相应的设计,如长篇文本适合使用带衬线的细体字等。

708bf8e7e903c33aab5c9cad9b75abc2.png

②界面中的图形问题。对用户来说,界面中的图形会带给用户最直观的视觉感受,譬如三角形的构图刚毅、稳定,环形图案则柔和、有序。不同的线条也有不同的性格表现,形状工具拉出来的图形线条规则、图形鲜明完整,而手绘的形状俏皮可爱,给人温馨之感。

4120b1b6f03d4c4542662704f9d36af4.png

人性化的设计中,因为图形旨在视觉传达而非主要的信息传递,故而不需要执着于界面中的图形数量,而需要思索界面中的图形元素。图形元素的亲和力是人性化界面设计中需要具备的重要特征。

811805a4879cb334943579d125ff2687.png

③合理的色彩搭配。色彩具有强大的感知性和视觉冲击力,有着先声夺人的作用,界面配色和不同的色彩搭配是手机APP界面设计中的重中之重。在界面设计中,合理利用色彩给人以强烈的心理暗示,捕捉人们的注意力,达到视觉刺激,起到引领视觉的效果,令用户更直观、更轻松地阅读到主要信息,是实现界面视觉人性化的重要方式之一。

b0cbf0260749f0c84bba458b602fc748.png

216475105103596742a9752d26a14f37.png

设计师在进行人性化的APP设计时,应当善于抓住重点,学会舍弃功能或界面中不必要、不相关的操作,以APP的主要功能为核心,让用户的所有操作都能与其产生作用或呼应,将小巧却不失全面的APP应用提供给用户。

76dc09cb4e5ebbcb4adee689d758ee64.png

如今的交互设计并不仅仅是文字和图片的设计,更是界面中所有元素的设计,但凡用户看到的、听到的、点击的、输入的一切元素,都属于交互设计的设计范畴。站在用户的立场上,优秀的交互设计让产品使用起来更加简便高效。

fd43e432127b37af8cc6fa11665ed8b6.png

13df7308b3418554bf5506365a58cbcb.png

①简易的交互。优秀的交互设计需要具备易于识别、便于操作的设计特点,用户在使用过程中不需要人工指导或教学,凭借个人经验即可上手操作。

51ea5607558f589c66c8b2fa5e856b79.png

为了达到这一目的,首先APP的界面布局结构要合理,以便用户能在短时间内找到自己需要的板块;在视觉效果上,各界面与各模块间的关系也要清晰明朗,让用户方便解读,关注主要任务,避免分散用户注意力。设计师需要从使用者的角度来审视界面,依据用户的思考模式和使用习惯来设计和完善APP的界面,保证产品的功能性和简洁性,使用户感到轻松愉悦。

3d3dcff4c5d4f4503706db67ef4da596.png

②较少的记忆负担。人性化的APP界面设计需要减少用户的记忆负担,在用户可能遗忘的操作界面及时的提醒或指示。如用户在登录账户时只需输入前几位字母或是数字,曾经登陆过的用户名称就会以历史记录的形式罗列出来,用户可以终止手动输入而直接进行选择,节约了思考时间和输入时间。

cc8f1081031926edefd4cdbbc1a92b36.png

③必要的人文关怀。当APP出现的部分操作让使用者产生不适时,设计师可以通过介入文字或是提示、警告用户的操作来平抚用户情绪。警告用语会让用户感受到APP对自身的关照,从而提高用户体验。

23a8928194ac7755c74dbe3128e0984c.png
  • 0
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值