浅谈APP界面设计中人性化设计

    陈鑫明 韩帆

    【摘 要】人性化设计是以人为中心的设计,手机APP界面人性化设计要求手机APP界面符合人的感知、情感和行为规律,这有助于提高人们的生活质量、促进设计理念创新发展、提升应用软件经济效益。手機APP界面人性化设计可以从界面的布局结构、界面的视觉传达和界面的交互设计这三个方面展开,并需要遵循特定的设计流程和设计方法。

    【关键词】界面设计;人性化设计;布局结构;视觉传达;交互设计

    中图分类号:J504 文献标志码:A? ? ? ? ? ? ? 文章编号:1007-0125(2019)36-0103-02

    一、手机APP界面人性化设计的基本要求与意义

    人性化的设计需要符合人的生活习惯、操作习惯、心理思维甚至人体结构等方方面面。通俗来说,就是让用户用起来便利、用起来舒服、让人喜欢并看得舒适。随着人们的需求进行无上限的设计优化,使人们使用得更加安逸和舒适。

    应用程序都是为了达到一个特定的用途而被创造出来,对人的重视程度能决定界面设计呈现出的面貌,人性化设计的具体概念并非由一个团队或专家提出,而是设计发展史中自然而然形成的一种设计形态。人有欲望和需求,理所当然地期望任何供自身所使用的事物都充分满足自己的需要,充满对自身的关爱。时代在发展,随着周围环境和生活方式的变化,人们必然会出现各种新的需求,以人为本的人性化设计也会随之更新完善。总体来说,它的原则是满足和指引用户的全方位需求,不仅仅是针对功能问题和操作问题,用户不同的潜在需求都能够被这类设计的全面性和完整性激发,而不是局限于当下的使用需求。当时间、空间变化,这类设计理念也会随之进行相应改变,在不同的时间节点上,人性化的设计标准都不尽相同。按目前的社会发展趋势来看,这类设计理念将越来越被人类社会所重视,且永远不会被淘汰。

    二、手机APP界面的人性化设计分析

    (一)手机APP界面布局结构的人性化

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

    1.列表式布局

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

    2.宫格式布局

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

    3.标签式布局

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

    4.图片式布局

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

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

    (二)手机APP界面视觉传达的人性化

    视觉是一切感官之首,所以视觉传达在手机APP界面人性化设计中是尤为重要的。这个问题可以从三个方面来分析,包括适当的文字、相应的图形图像和合理的色彩搭配。

    首先是适当的文字。百度用户体验部曾做过一个小调查,调查中得出,在不同的手机平台中,用户可接受的文字大小是不同的。APP开发成功后,针对不同的用户考虑,文字的大小便是其中影响因素之一。部分APP依据其特殊的性质和面向人群需要对文字大小进行适当调整,如提供中老年人使用的实用类APP,文字需要适当放大以便阅读;在用语上,忌用生僻字和专业词汇,提高用户的接受度。人性化的文字置入还需要根据应用的性质来决定文字的字号和字体,进行相应的设计,如长篇文本适合使用带衬线的细体字等。如今,汉仪、方正、华康等各大字库千帆竞发,每一款字体都有自身的特点,合理的文字置入是提升用户体验的关键。

    其次,关于界面中的图形问题。对用户来说,界面中的图形会带给用户最直观的视觉感受,譬如三角形的构图刚毅、稳定,环形图案则柔和、有序。不同的线条也有不同的性格表现,形状工具拉出来的图形线条规则、图形鲜明完整,而手绘的形状俏皮可爱,给人温馨之感。人性化的设计中,因为图形旨在视觉传达而非主要的信息传递,故而不需要执着于界面中的图形数量,而需要思索界面中的图形元素。图形元素的亲和力是人性化界面设计中需要具备的重要特征。

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

    (三)手机APP界面交互设计的人性化

    交互设计即对象之间互相交流、互动的设计。如何在产品的使用过程中向用户更简洁、更亲切地传达信息,同时准确地接收、分析信息并进行后续操作,是交互设计的重要内容。

    简单的特征和个性应该源自使用的方法、所要表现的产品,以及用户执行的任务。智能设备作为APP移动端的载体,由于受到显示屏大小的限制,使用户在使用APP时能够完成的动作十分有限。因此,设计师在进行人性化的APP设计时,应当善于抓住重点,学会舍弃功能或界面中不必要、不相关的操作,以APP的主要功能为核心,让用户的所有操作都能与其产生作用或呼应,将小巧却不失全面的APP应用提供给用户。

    如今的交互设计并不仅仅是文字和图片的设计,更是界面中所有元素的设计,但凡用户看到的、听到的、点击的、输入的一切元素,都属于交互设计的设计范畴。站在用户的立场上,优秀的交互设计让产品使用起来更加简便高效,且能在使用过程中感受到设计者对用户的关怀,所以设计者需要去了解所面向的用户群体的需求和希望,考虑他们在使用应用软件时可能进行的思考和行为,充分揣摩用户的心理想法,推测用户可能进行的操作行为。通过对APP应用界面的交互设计,协调界面和用户的关系,使两者间互相依存——产品需要用户,用户通过产品满足自己的需求,即界面交互的主要目的。

    三、手机APP界面人性化设计的实施方法

    人性化的手机APP界面设计必须保证用户对界面的控制所有权,方便用户的识别和操作,设计师可以参照如下要求。

    (一)简易的交互。优秀的交互设计需要具备易于识别、便于操作的设计特点,用户在使用过程中不需要人工指导或教学,凭借个人经验即可上手操作。为了达到这一目的,首先APP的界面布局结构要合理,以便用户能在短时间内找到自己需要的板块;在视觉效果上,各界面与各模块间的关系也要清晰明朗,让用户方便解读,关注主要任务,避免分散用户注意力。设计师需要从使用者的角度来审视界面,依据用户的思考模式和使用习惯来设计和完善APP的界面,保证产品的功能性和简洁性,使用户感到轻松愉悦。

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

    (三)必要的人文关怀。当APP出现的部分操作让使用者产生不适时,设计师可以通过介入文字或是提示、警告用户的操作来平抚用户情绪。例如,当用户点击账户注销按钮时可以介入文字提示:“是否确认注销?”再如大多数的购物APP,在用户付款后都会有文字警告:“请收到货后,再确认收货!否则您可能钱货两空!”这些警告用语会让用户感受到APP对自身的关照,从而提高用户体验。

    四、结论

    在优秀的APP界面设计作用下,APP使用起来才会更加简洁便利,用户才能够将其基本功能和额外功能尽情发挥。设计师需要将自己假想成正在操作界面的用户,想用户所想,做用户所做,从而设计出真正人性化的手机APP界面,以满足用户的基本需求和精神需求。

    对界面的布局结构、视觉传达和界面交互进行重点的人性化设计,令界面布局清晰、界面视觉舒适、界面交互合理,是手机APP界面人性化设计的主要方法。人性化的手机APP界面设计因其以用户为中心的设计出发点,必定会越来越为广大人民所接受而成为时代发展趋势。

    参考文献:

    [1]王巧伶.APP手机界面创意设计新手通[M].北京:机械工业出版社,2014.46.

    [2]張晓景.7天精通PHOTOSHOP CS5 UI交互设计[M].北京:电子工业出版社,2012.15.

    [3]狸雅人.Photoshop智能手机APP界面设计[M].北京:人民邮电出版社,2013.80.

    [4]易晓.平面设计案例分析[M].南昌:江西美术出版社,2004.134.

    [5]Susan Weinschenk.设计师要懂心理学[M].北京:人民邮电出版社,2013.77.