APP下载

基于情感化设计的APP界面设计

2021-10-09郝亦超

美与时代·上 2021年9期
关键词:情感化设计

摘  要:APP从兴起到现在呈现爆炸式的发展,APP界面决定着用户对于APP的第一感知。为更好地满足目标用户对APP界面设计共性和个性化的需求,基于情感化设计的APP界面设计方法应运而生。该方法系统地分析了APP设计的流程,分析了在本能层、行为层和反思层设计间的相互关系,具有很强的操作性,并有一定的现实意义和应用价值。

关键词:APP界面设计;情感化设计;本能层;反思层

基金项目:本文系成都师范学院校级课题“基于用户体验的UI设计研究”(CS16SB03)研究成果。

近年来互联网在国内得到高速发展,互联网的蓬勃发展也得到党和国家领导人的高度重视,习主席曾指出:“我国互联网和信息化工作取得了显著发展成就,网络走入千家万户,网民数量世界第一,我国已成为网络大国。”习近平总书记为建设网络强国提出要求,“让互联网发展成果惠及13亿中国人民”。在现代生活中,人们亦越来越普遍地运用智能化手机上网获取资源,参与网络活动,APP在短短几年里成倍数增长,竞争日益激烈。APP界面是吸引受众的第一面孔,很大程度上决定着用户对于APP的第一感知,所以优良的界面设计可以让APP的推广事半功倍。

一、APP界面设计发展历程与趋势

APP是智能手机的第三方应用程序,外语全称Application。目前,比较著名的App商店有苹果的App Store、安卓系统的Google Play Store、较为小众Blackberry手机的BlackBerry App World和微软的Marketplace。现在苹果及安卓系统现已占整体市场份额9成以上,受众更熟悉认可苹果和安卓系统的界面。

APP界面设计发展历程伴随智能手机的发展。在App设计初期,最早的设计思维都是拟物化的,如iPhone最早的几个UI设计版本[1]。拟物化风格真实再现日常场景中实物,人们看到什么就能迅速判断出按钮的功能,这种风格减少用户在使用上的歧义。苹果智能手机界面就一直沿用拟物化風格的设计;苹果的界面设计干净、简约、专业、美观,这种风格确实在设计初期大获好评并迅速抢占市场,但多年来却几乎未变。人们已掌握并熟悉了智能手机的操作,开始渴望充满变化的界面设计。在这一时期WINDOWS强势推出扁平化风格,扁平化风格让人眼前一亮,获得大众推崇,界面图形图案轮廓分明、色块对比强烈、简洁美观大方,很大程度上满足人们审美的需求。安卓系统的界面设计在设计的形式感和视觉效果上都赶不上苹果界面设计的精美,但凭借平台优势积累大量用户,近些年来也更加注重界面设计的精细程度,设计感也很大的提高。

二、当前APP界面设计的主要问题

2018年APP数量已达到400多万个,这个数字还在持续增长。APP现已涵盖各个领域,相同种类的APP也存在相当大的竞争,与APP性能的快速发展相比,界面设计却相对滞后,存在一些问题。

(一)界面设计形式固化

由于市场份额被苹果及安卓系统迅速占领,其他操作系统用户还在逐年减少,苹果及安卓平台界面设计多年来也形成自己的风格,相对固化。拟物化设计在APP设计初期就已面市,虽然样式精美,设计师在设计中也更加精心渲染细节和质感的表现,但多年来大众已审美疲劳。相对苹果界面的封闭性,安卓公司相对开放,图标没有受到边框限定,而拟物化设计的表现也始终无法突破。扁平化设计这个概念是在2008年由GOOGLE提出,但最终完成使用扁平化设计是在WIN8的界面,这种设计风格一经面市就深受好评,它放弃所有装饰效果,用一种极简的形式出现在世人面前,配色漂亮、干净整齐,使用起来格外简单。但这么多年来也没有更进一步的发展,设计师也只是从细节入手对原有形式进行修饰。

(二)界面设计区分化不足

智能手机一经面世好像就是年轻化的,而年轻人的市场却逐步饱和,老龄用户、儿童或其他有特别需求用户的需求却始终没有得到市场重视。而这部分用户却又紧跟时代的要求。例如老龄用户,在很多社区都有年轻志愿者帮助教学老龄人学习智能手机的使用,但界面操作并不适合老龄用户操作,很多老龄用户学习过后容易遗忘,甚至很多老龄用户受到视力影响根本看不到界面的图形及文字,造成使用困扰。界面设计应充分考虑所有用户群体在使用时将面临的问题,有针对性地发现问题,并逐一解决。在未来发展中,APP的研发会更细分市场,注重挖掘用户需求,注重用户体验感。

三、基于情感化设计的APP界面设计构建模式

(一)情感化设计

情感化设计是由美国著名认知心理学家唐纳德·A.诺曼提出,他在研究中分析出“人类的大脑活动分为三个层次:先天的部分,被称为本能层次;控制身体日常行为的运作部分,被称为反思层次;还有大脑的思考部分,被称为反思层次”[2]。脑部的三个活动层次相互作用,在本能层次的设计可以通过视觉元素的刺激带给受众良好的体验,行为层次更注重操作过程的愉悦效果,反思层次的设计则偏重满足个性化的需求。情感化设计科学的分析了好的设计应在注重审美的同时能够带来好的操作体验并技法情感共鸣,它为设计师提供了一种新的设计思考方式。

(二)基于情感化设计的APP设计构建流程

情感化设计的APP界面设计构建模式将通过情感化设计的三个层次来实现,构建流程如图1所示。首先APP设计应完成大量市场调研,对消费者进行分析;了解消费者消费群体状况,包括分布、收入、职业、年龄、行为特征等;消费者心理状况,包括关心点、潜在需求、排斥点、常用媒体分析等。通过调查问卷等形式得到用户数据,对用户需求及体验进行分析、收集、整理和归纳,将用户需求显性化。在此基础上构建起行为层设计,搭建交互设计与信息架构,再根据行为层设计完成本能层的视觉设计与表现,包括界面设计,界面元素导航设计与信息设计。行为层的设计和本能层的设计共同构筑具有反思层的APP设计。

(三)本能层设计构建

用户调查分析和交互设计更多地偏向APP产品内容的设计,设计师习惯性运用理性角度搜集信息,在基于用户体验角度考量APP应该具有什么样的功能和服务的同时还要考虑交互逻辑的合理和严谨。通常先绘制产品交互流程图,展示出APP中各个功能及页面间的关系,方便后期工作对交互流程进行修改。随后由视觉设计师构建本能层设计——界面视觉设计,在这个阶段要保证界面设计所显示内容的完整性并符合交互逻辑要求。

本能层由注视、感受和声音等生理特征起主导作用。本能设计和第一反应有关。视觉设计师运用视觉元素,色彩、图形、文字及组织视觉元素间的关系,如构图、大小、聚集、分散等以交互设计师理性的概念实现产品的交互设计,将信息完整地传递给APP用户。设计师要把握APP应用需求,确认核心功能,模拟出设计初稿,通过低保真原型和高保真原型两步操作,最终完成界面设计工作。

1.设计应遵循风格一致性原则,要有统一的字体、字号、统一的色调、统一的提示用词、窗口在统一的位置、按钮也在窗口的相同的位置等,目的是能够减少记忆量、减少出错概率并且能迅速积累操作经验。

2.制定出制图规范,从字体、颜色、控件规格、图片、图标规格、间距等各方面确定最终样式,形成統一规范。界面设计中所有图形都应按照规范要求完成设计。

3.APP界面设计要有清晰的信息框架,页面之间具有清晰的逻辑,让用户一目了然地了解APP各个模块并能够自由切换。界面表现应简捷、操作简单、步骤少、层次一般不超过三级。根据APP交互逻辑分析出具有代表性质的界面并进行归类整理、设计,注意典型界面设计的个性化表达。然后针对特殊的需求单独设计完善,比如弹窗、登录、注册等页面。设计需要考虑用户操作习惯,如主要功能能否单手完成、常见手势翻页交互效果等。

(四)反思层设计构建

反思层次设计涵盖诸多领域,它与信息、文化以及产品的含义和用途息息相关。设计可以在本能层次,也可以在反思层次起作用。产品体验所带来的个性化、独特性、限量性、层次性等都在反思层起作用。手机APP所带给用户的反思层设计是行为层设计与本能层设计所带来的综合体验。APP设计要注重用户体验,首先具备一些条件使得受众产生粘性,如利益性、趣味性、内容性、创新性、社交性、操作性等构建出APP反思层的设计。APP的设计要从消费者需求出发,着眼用户兴趣,增强APP的实用性和趣味性。好的设计不仅要单纯迎合受众低层次的需求,还应引导受众的操作模式。通常情况下受众接受新形式事务都需要历经一个阶段,而设计师正应该通过反思层面的设计解决或缩短这一阶段。

四、结语

在信息化背景下,随着科技的发展,人们对于APP的需求越来越多。界面是面向受众传递APP信息的平台,它在第一时间里将APP定位、信息、操作等信息运用图形化的方式传递给受众,形成用户对于APP的第一印象。基于情感化设计的APP界面的设计构建出情感化设计APP设计的流程,分析了在本能层、行为层和反思层设计的相互关系。APP界面设计主要是本能层对人产生的影响,要求界面设计基于用户需求共性,并兼顾用户需求个性化需求,与行为层设计相结合形成反思层面的设计。基于情感化设计的APP界面的设计具有很强的可操性,具有一定的现实意义和应用价值。

参考文献:

[1]司晟.指尖世界 移动App界面设计之道[M].北京:人民邮电出版社,2017:313.

[2]诺曼.设计心理学3(修订版):情感化设计[M].何笑梅,欧秋杏,译.北京:中信出版社,2015:39.

作者简介:郝亦超,硕士,成都师范学院美术学院教师讲师。

猜你喜欢

情感化设计
基于情感化的亲子装创意研究
浅析儿童服装情感化设计原则
岭南建筑窗饰元素在现代产品设计中的应用探讨
动漫文化在儿童家具创意设计中的情感传递
基于用户体验的情感化设计研究
关于家居纺织品设计的情感化研究
浅谈产品设计中的情感化设计
由救生系统出发看水域救生新思路
浅谈人机工程学在家具设计中的作用
全景虚拟校园的情感化设计研究