基于用户体验的APP界面设计研究

2023-01-20 09:16王星
计算机应用文摘·触控 2022年22期
关键词:视觉设计用户体验界面设计

关键词:APP;用户体验;视觉设计;界面设计

中图法分类号:TP311 文献标识码:A

随着移动技术的飞速发展、移动手机硬件的革新质变以及基础设施的不断完善,移动互联网已成为当今社会发展的主要推动力,互联网用户也不再只依赖传统的计算机,人们在生活中越来越习惯使用APP。一款好的APP则能够紧紧抓住用户的使用痛点,增强用户依赖性,降低成本,提升用户流量。本文对APP在用户体验的视角下进行界面设计研究,在APP界面内基于用户体验下的设计原则、排版布局设计、交互设计三个方面总结其情感化的设计思路,以期为APP界面设计提供实践参考和理论依据。

1互联网产品设计更加关注用户体验

物质审美和需求水平逐渐提高,使各行业对互联网产品设计有更严格的要求和标准。在信息化、数字化时代的今天,越来越多的互联网产品问世,不仅有很多同类型的互联网产品可供选择,同时可以给用户提供个性化的定制服务。

2概述

2.1APP设计

通常而言,一个好的交互设计首先要充分体现APP的逻辑性,包括操作逻辑和行为逻辑两个方面,在用户使用过程中减少认知负担,用最简单的操作帮助使用者实现人与产品、系统的良性互动。

不同学者总结的APP的特点是不一样的。经过查阅中外文献,本文将APP的特点归纳为三点,分别是迭代性、交互性和即时性。迭代性是指APP的更新升级速度快,会随着用户和市场的评价标准不断实现自我成长,这也是互联网产品相较其他工业产品最突出的特点之一;交互性是指互联网产品注重产品与用户的互动,会及时反馈使用者的各项诉求,每一个操作都具有对应的界面变化:即时性是互联网产品的一大优势,只要有通畅的网络,就算两人相隔几千公里仍然可以获取对方的信息,在浏览新闻时可以轻松获得最新的消息,这是其他传统产品不能比拟的。

2.2在线类产品界面设计

界面设计始终坚持以用户为核心,以用户体验为设计原则,具体包括视觉要素、功能使用、操作逻辑等内容,属于静态呈现,还要更多考虑产品的高效展示、使用和便捷操作,属于整体布局。

2.3在线类APP的用户体验

“用户体验”一词最初来自DonaldNorman的《设计心理学》,在此之后,“用户体验”一词的概念在工業设计中得到普及。如今,“用户体验”已经与互联网在线类产品息息相关。

关于“用户体验”,业界普遍的理解是:人们对产品、系统、服务的认知及反馈。这是由2010年的文章《人机交互工效学第210部分:交互系统的以人为本设计》提出的。梳理文献资料后不难发现,关于“用户体验”的概念也可以从“用户”和“体验”两个方面进行定义。“用户”是指拥有一个账户且以用户名识别的使用者,以互联网产品的用户为例,可以分为使用者和消费者两类。在大多数情况下,使用者和消费者是同一个用户,但也有特殊情况,如在互联网游戏中进行赠予,这就造成了使用者和消费者分离。因此,在用户体验设计中,要考虑的用户感受不仅是传统意义上使用产品的人。“体验”是人们在进行某种活动时所产生的主观感受,是使用者根据活动而建立的心理感受的总和。就互联网产品而言,在使用产品前后的第一印象、服务需求、操作逻辑、界面布局等都会影响使用体验。

3在线类APP界面设计分析

设计拥有使用工具属性的在线类APP,首先就是制定战略计划,在这一部分需要规划好设计的初衷和核心问题,通过大量的市场调研数据,明确界面设计的用户需求,如“要为谁设计,满足使用者的哪些需求”,从而依据产品设计要素构建符合交互需求场景的数字化界面,通过排版布局来实现视觉要素与用户之间的良性互动,同时要确保用户体验的大前提,这是用户与产品间互动交流的坚实基础。本节以“网易云课堂”APP为例,在界面排版布局和交互设计两个方面进行要素分析。

3.1用户体验下的设计原则

用户体验和需求是紧密相连的,因此,基于用户体验设计理念的中心思想就是以用户为中心。学者辛向阳在《从用户体验到体验设计》中建构了EEI模型,很好地将用户体验划分了三个层次。第一个“E”是Expectation,指用户的预期,即在使用或接触产品之前所预设的服务,这里包括使用者要获得的服务、产品所能提供的服务等;第二个“E”是Event,则为产品本身,这是用户的实际感受,这里会与上一环节进行对比,如果没有得到体验者预期的服务,那么用户体验必然受到一定影响,这是用户、产品和环境相互影响的结果;最后一个“I”是Impact,指用户使用完后的感受,称为最终评价,本阶段的感受和记忆在一定程度上决定用户的使用黏性以及该产品的商业价值和未来经济效益。

朱上上等学者在马斯洛需求理论的基础上总结概括了设计学中用户体验的五个阶段需求。最底层的需求是感觉需求,这是第一感受,是在接触设计品后最直观的需求,以在线教育APP为例,安装后APP的图标是否新颖、界面颜色是否明亮、功能键是否整洁等都对感觉需求产生影响。第二个需求是交互需求,简单来说就是在使用过程中操作者能否与各项功能、各种服务产生良性互动,以在线学习APP为例,是否能高效地进行学习、是否可以记住用户的个性化设置、使用后的满意度等都属于用户的交互需求。第三个需求是情感需求,这里包括正负两种情绪。积极情感包括APP是否具有娱乐性、意义性等,消极情感包括APP在处理售后问题时的服务态度、办事效率等,这是人与人、人与产品之间精神方面的共鸣。以上三种需求为基本需求,第四个阶段的需求为社会需求。社会需求包括品牌效应、用户成就等,即在使用本产品后带给体验者在人际、社交层面的获得感。最高层的需求是自我需求,这是满足用户个人的人性化设计,即根据每个用户的需求进行一对一定制服务,这是用户体验的最高标准。

3.2界面排版布局设计分析

针对排版,首先是功能区的摆放,通过行为逻辑和使用习惯将功能进行简单划分。设计摆放功能区时要注意,不要给用户增加使用和认知负担,“网易云课堂”APP便是将搜索区置顶设计,那么在处理搜索区时应尽量按照常规情况放置。为了更高效地将内容展示给用户,在排版时各版面之间应通过上下对齐的方式建立视觉关联,使页面看起来整齐且统一。

页面布局给用户带来打开APP最直观的感受,合理的布局方式不仅能带给用户好的视觉体验,还能将主次内容进行合理展示。页面布局紧紧围绕尼尔森十大可用性原则进行设计,其中最突出的是一致性原则,即在同级别布局中图片、文字、间距、色彩、方式都具有相对一致性。

人眼捕捉图像的敏感度要远大于文字,因此,要善于利用视觉思维将艺术映射于设计中。在排版时合理放大图片、弱化文字有利于突出重点,在“网易云课堂”APP中banner页部分的设计通常是以颜色鲜明的图片为主,简要文字介绍为辅,将直观的信息展示给用户。

3.3界面交互设计分析

3.3.1一致性

“网易云课堂”APP内的LOGO颜色与界面的主色都保持着统一的红色,还使用了强调色、辅助色。整个界面除了图片的有效信息外,都通过灰、白、主色调来呈现,界面保持了很好的一致性,这就是色彩一致性原则。当用户在使用交互按键时,功能区内的同类型功能键在用户进行使用的时候给出的反馈结果和操作结果也是保持一致的。

3.3.2状态可见

状态可见是指通过特殊的标记方式让用户明确当前的页面状态以及系统正在进行哪些操作,这是尼尔森十大可用性原则中系统可见性原则的具体表现之一。在设计界面时,应该考虑用户在进行操作时界面内被操作的功能区能及时通过适当的反馈,让用户获悉系统目前的状态。缺乏信息通常等同于缺乏控制,通过为交互事件提供即时反馈,用户可以快速识别错误来源,并在错误发生后立即修复。沟通创造信任,当用户理解系统状态时,会觉得自己可以掌控并依赖系统按预期行事。交互的可预测性不仅会在網站或应用程序的机制中产生信任,还会对APP本身产生信任依赖,保持用户活性和流量。

3.3.3交互逻辑流程设计

交互设计是人机之间沟通方式的创新,日益情感化和人性化的设计趋向正是通过不断更新交互流程实现的,创造更懂消费者的互联网产品是设计者一直追求的新高度。一款注重用户体验的APP必定遵循了严密的交互逻辑,一方面符合使用者的操作习惯,另一方面要尽可能用简单的交互达到操作目的。

交互原则是制定交互逻辑的重要参考,大多数APP的设计都秉持了尼尔森十大可用性原则,因此许多APP的在线登录交互逻辑是相通的,在流程方面区分度不高。

4 APP界面设计实践

基于用户体验视角对APP界面设计进行研究,为实践应用提供理论支撑,本文以“网易云课堂”APP为研究案例,从设计实践的角度探索了互联网APP的界面设计。“网易云课堂”是网易公司2012年打造的在线实用技能学习APP,为使用者提供系统化互联网在线服务。其可被一键分享至“微信”等第三方平台,从生产力方面赋能创作者,通过提供丰富的在线资源来满足各类有需求的群体,给用户带来更多优质、有趣的内容。该产品希望能给用户强烈的情感刺激,拉开竞品的视觉趋同化,提升产品质感。

“网易云课堂”APP主要以大学生和有专业知识需求的人群为主,占据大量下沉用户。他们喜欢丰富的课程资源,乐于为其喜好的内容买单,敢于提升自我,喜欢更具针对性的产品。根据“网易云课堂”APP的使用用户画像分析及APP特性分析,可基于用户使用率、时间段等各项数据,搜集参考曲线并构建直观的用户使用习惯分析表。将APP特性融入整体界面设计体系,配合APP交互设计思路来梳理信息逻辑框架,确保提供的功能与服务做到层级逻辑、流程清晰。“网易云课堂”APP选用红色系为主调,字体风格多偏圆润、淡雅、统一,界面风格以卡片式风格为主形象,界面内小图标选取带圆角的椭圆形构成,不使用锐角且锋利的设计图形,整体界面更具亲切友好的情感化体验,整体界面效果呈现高度统一,保持温暖、贴切、简洁、扁平等效果。整个APP视觉从首页到分支功能细节具有一致性,使用情感化设计、内部一致性等多种设计要素来增加亲和力和趣味性,使产品达到最佳用户体验。

5结束语

从用户体验的视角对APP界面设计进行研究很有必要,目的是为用户提供友好、舒适的视觉体验,也是APP设计的重要环节,更是吸引用户流量的重要手段。本文通过具体案例,对相关APP设计要素加以分析和论述,旨在为APP界面设计提供理论借鉴和参考。

作者简介:

王星(1995—),硕士.研究方向:艺术学、设计学。

猜你喜欢
视觉设计用户体验界面设计
《京燕儿》APP界面设计
中医养生APP界面设计
“共享员工”平台界面设计
面向智能手机的UI界面设计
基于新媒体的视觉设计研究
电子商务网站视觉设计的策略
手机阅读平台用户体验影响因子分析
浅谈用户体验在产品设计中的运用
线上品牌视觉设计研究
论空间视角下平面设计的视觉延展探