APP界面范文（精选10篇）

APP界面 第1篇

关键词：儿童APP,界面设计,认知特征

一、儿童生理探究

儿童这一特殊群体不同于成人, 他们的身体处于持续的发展中尚未发育完整, 眼手协调能力还不够, 视觉也是随着年龄不断发展, 年龄越小辨识对象越大。儿童群体一般是指3—12岁的孩子, 年龄较小的儿童辨识能力弱, 用图片比用文字更容易理解, 稍大的儿童可以识别简单的文字。随着年龄的增长, 儿童颜色视觉不断发展, 他们对颜色的喜好在儿童初期会表现出来。婴幼儿听觉感知在不断增长, 儿童时期听力已经完全形成, 成年后的音乐感知能力和儿童时期对音乐感知的训练息息相关, 即儿童时期越早训练感知能力越强。

二、儿童心理探究

儿童一般控制不住自己的注意力, 往往被新鲜的事物所吸引, 儿童早期记忆力比较短暂, 一般只能记住自己喜欢的或者, 印象比较深刻的事物。儿童在接触到一些感到好奇的新鲜事物的时候, 会试图走近它并进行一系列的尝试, 如果能够成功的掌握它的功能并利用它娱乐, 便会产生很大的兴趣, 如果尝试无果就会选择放弃。在色彩方面, 学龄前的儿童就已经开始有了明显的偏好, 偏好黄、红等色彩比较明艳的色彩, 不喜欢黑、灰等比较暗淡的颜色。

三、儿童APP界面视觉设计标准

1. 色彩的使用

颜色可以影响人们的情感, 界面视觉设计中颜色的使用也是尤为重要, 处于视觉发育期的儿童对于亮色的东西比较敏感, 鲜艳、明亮的配色能使界面设计风格体现出趣味、快乐的感觉, 设计中要多用高纯度、高明度的颜色来吸引儿童对特定区域的注意力。颜色的搭配可以将混乱的信息进行分类和整理, 使人机交互更加方便、快捷、舒适。界面设计以暖色调为主, 使用两种左右的色调, 手绘风格可以选择较多的色彩。

2. 字体的设计

儿童掌握的文字有限, 并且相对于文字, 儿童更喜欢图像所呈现出来的生动有趣的画面, 因此在针对儿童的APP界面设计中要尽可能用图像代替文字, 当然也会使用一定的文字。文字的设计要避免过小的文字, 使用醒目的字体。儿童的性格比较喜欢可爱活泼的东西, 所以多使用手写体, 多用于标题和功能按键上。总之, 文字的设计要做到大小合适、简洁、清晰、易读、易懂、美观、可爱、有趣、创新。

3. 界面风格设计

儿童思考问题的速度与能力还有所欠缺, 在进行界面设计时要保持内容与风格相统一, 整个页面的色彩和亮度比较接近。除了界面色彩要做到统一外, 底纹、边框、标记、图标、按钮等要用统一的结构、纹样、设计。另外, 文字也要做到统一, 大小要合适。

4. 层级架构

由于儿童年龄较小, 往往对事物没有足够的耐心, 年龄越小层级也要越少。一般为了减少层级把设置功能融入到首页的场景中。

5. 界面布局

儿童的注意力容易分散, 自控力较弱, 界面布局的设计要注意视觉平衡原则, 为避免儿童视觉疲劳, 视觉元素之间不要过于拥挤。界面视觉设计要突出主体, 操作步骤要清晰明确, 去掉多余的文字和图形, 避免引起儿童操作上的复杂感和视觉上的杂乱感。设计画面应生动美观, 吸引儿童注意力从而调动儿童的兴趣。此外, 提供多套背景图片以供不同性别和不同性格的儿童选择, 可以使儿童根据自己的喜好更换皮肤。

6. 加载反馈

内容加载需要一定的时间, 儿童都不喜欢等待, 一般加载反馈用小动画, 生动诙谐的画面会转移注意力, 减弱等待感。

7. 点击反馈

儿童每一个小的点击要有所反馈。点击反馈一般包括动效、音效和亮度的变化, 不要太过简单, 同时伴有情节和持续性。

8. 启动界面设计

启动页面要有一定的趣味性、故事性, 生动有趣的界面更能抓住儿童的眼球。儿童一般缺乏耐心, 所以启动界面更重要的能够快速的开启程序。

9. 图标设计

由于儿童的点击往往不够准确, 有时候会点击到附近的图标, 所以儿童APP的图标一般比较大, 图标与图标之间的距离相对比较疏松。图标一般多以图案为主, 同时与场景搭配并配上简短的文字, 图片色彩丰富更容易引起儿童的兴趣。图标不宜太多, 图标过多会使儿童不知所措, 一个界面中图标3-4个为宜。

四、结语

儿童认知范围很有限, 自控能力不强, 注意力不太集中, 因此需要针对这一群体设计特殊的界面图形化的儿童APP界面, 同时也决定了这一用户群对于界面设计的特殊的需求。因此必须针对儿童APP界面的定位与诉求进行充分调研, 充分迎合儿童群体的特点, 根据儿童特征提出界面设计的要点, 决定设计的措施与方法, 认真把握设计措施的操作, 更好地选择设计要点的搭配组合, 最终设计出一套针对儿童用户的系列化的界面视觉设计方案。

参考文献

[1]张大鲁, 殷佳丽.基于情感化设计的儿童互联网产品界面视觉设计研究[D].苏州大学, 2014.

[2]彭敏.符合儿童特征的交互设计[J].艺术科技, 2015 (6) .

老年人手机APP界面体验论文 第2篇

当前是一个互联网技术时代，智能手机APP的发展要与时俱进，跟上时代前进的脚步。社会企业要想在竞争日益激烈的智能手机APP市场脱颖而出，始终占有一席之地，就必须不断加强智能手机APP界面用户体验的发展，要建立起一套健全的应用软件设计流程，设计出能够方便每一个老年用户体验的APP界面。伴随着人们生活水平的不断提高，智能手机不仅仅只出现在年轻人身上，也逐渐普及到中老年用户上，智能手机企业要重视这个用户群体，通过采取有效的措施，最大化地满足他们的体验服务。

1 智能手机APP定义与分类

1.1 智能手机APP定义

与传统手机相比较，智能手机拥有着独立的操作系统，智能手机用户可以按照自身的需求喜好去选择下载应用软件以及各类娱乐游戏等。智能手机给社会大众带来了翻天覆地的变化，人们的生活早已经和智能手机密不可分。智能手机英文名称为Application，它的功能多样化，在界面设计上较为人性化，当前智能手机市场的系统主要有IOS、Android以及Windows phone等第三方智能手机的应用程序。智能手机用户在日常生活中会运用各种应用程序，对其进行体验和评价。

1.2 智能手机APP的分类

智能手机市场的三大手机系统分别是IOS、Android以及Windows phone。每个系统中都有着各自独立的应用商店，不同系统手机用户在应用商店中可以搜集下载到自己所需要的APP，不同类型的APP有着不同的作用。例如游戏APP可以娱乐人们的生活，让人们在闲暇时间获取更多的欢乐;生活服务类APP可以为人们提供各种服务，方便人们的生活;网页浏览类APP可以让人们获取最新的知识信息，丰富物质文化生活。按照当前现有的APP Store中的应用种类，可以将智能手机APP分为以下七大类：生活服务类、休闲娱乐类、系统工具类、通讯沟通类、购物旅游类、影视音频类、网页浏览类。不同类型的APP满足着手机用户的各种需求，为大众生活提供了众多便利之处。

2 影响老年人智能手机APP界面设计因素

2.1 用户影响因素

在智能手机APP界面设计工作中，设计者要始终坚持以人为本，人的因素才是交互设计的第一要素。只有充分了解掌握社会不同人群的需求，设计者才能保证自身设计的产品会被大众所接受并认可。老年人由于年龄的因素，身体各种生理机能已经渐渐进入了衰退的.阶段，无论是对环境的抵抗适应能力，还是肌体恢复能力、机能活力都有所下降。因此设计者必须从老年人手机用户的生理角度分析考虑问题，实现老年人交互式产品的创新设计。

人类接收外界信息80%以上都是通过视觉获得的，在眼的帮助下，人类才与世界产生了密切的联系。老年人由于视力普遍下降的因素，他们在使用手机过程中要想准确的区分背景和目标，必须通过清晰的边界和较大对比度的存在。同时老年人在年龄增长下，听觉生理功能慢慢变弱，严重影响到他们的日常生活，无法准确快速地接收外界知识信息，从而容易导致他们产生一定的落寞感。大脑结构的变化也是老年人的重要生理特征之一，不同于年轻人大脑的活跃发达，他们在暮年阶段，脑细胞数量不断减少，大脑生理功能不断衰退，很容易就会遗忘一些事情，对于新事物的学习理解能力也在减退。由此可见，要想快速轻松地运用好互联网环境下产生的智能手机，是要花费更多的时间与精力的。

2.2 行为影响因素

人类操作手机的动作行为作为在手机交互系统环境中重要因素，只有在正确的操作下，才能执行启动各种软件产品。相较于活泼好动的年轻人，老年人的灵活性明显下降，身体控制能力急剧下降，容易出现行为动作不协调的状况。身体细胞萎缩最快的就是肌肉，无论是力量还是恢复力都大不如从前，在运动一段时间后，就会产生疲劳感和困乏感。此外，他们的脑神经突触也在发生退行性病变，大脑神经的传导速度变慢，老年人生活反应普遍较为迟钝，接受能力偏差，行为动作协调能力降低。

手作为人类操控手机的最关键身体部位，只有保证手良好的灵活性，才能运用自如的操控使用智能手机。然而老年人手上的关节已经在慢慢变得僵硬起来，无法灵活准确地操作手机界面。因此，要是手机产品本身就偏小，应用界面不清晰、字体较小，就容易导致他们轻易出现各种操作失误，产生排斥之感。

2.3 技术影响因素

在智能手机APP界面设计过程中，要想有效实现产品的各项功能，支持手机交互方式，就必须运用先进的软件和硬件技术。在当前市场中，产品的设计无论是在形态上，还是在功能上，都逐渐实现了与技术的“分离”。这种现象充分说明了产品的形态与功能的设计实现已经不再受到指定技术的限制，技术不再是最重要的产品设计因素，更多的是要关注到市场用户的需求爱好因素。

2.4 场景影响因素

旅游景区手机APP界面设计研究 第3篇

关键词：旅游景区；手机APP；界面设计；衡阳

随着智能终端、移动网络的高度发展，传统旅游行业与移动互联网产业的融合速度加快，移动旅游成为了当下旅游业的关键词。旅游景区手机APP是指针对移动终端开发的关于旅游景点的第三方应用程序，是旅游行业为应对快速发展的移动互联网而开创的旅游O2O模式，能够最大限度地实现用户与网络的实时互动，帮助游客实现便捷旅游的梦想。

1 手机APP是旅游景区未来最重要的信息服务终端

1.1 移動端已成为中国旅游电商平台最大的流量入口

互联网实验室日前发布的2014年全球智能手机行业发展报告显示，截至目前，全球智能手机已接近13亿部，中国市场已达3.6亿部。中国已经成为全球最大的智能终端市场。与此同时，随着移动设备的快速崛起，APP呈现爆发式增长，越来越多的人在手机APP中获取资讯、进行娱乐和网上购物。移动APP与传统应用程序被列入2014年中国十大策略性技术与趋势。根据速途研究院发布的2015年中国移动旅游市场报告，移动互联网的发展也彻底颠覆了在线旅游市场的格局，从流量占比上可以看出移动端流量达到67%，是PC端的一倍以上。未来掌握住移动端流量才是旅游市场的根本。

1.2 旅游景区现有的信息平台不能满足现实需求

从2009年开始，各大旅游网站开始开发移动终端市场，去哪儿网到目前共有“去哪儿旅行”、“去哪儿精品酒店”、“去哪儿旅图”、“去哪儿酒店”、“去哪儿兜行”5个App。携程旅行网、艺龙旅行网、淘宝旅行网也分别推出了App客户端。当前我国多数旅游景区仍采用静态或解说式传播方式，也有部分景区采用门户网站、景区触摸屏等数字信息平台，但是随着移动互联网时代的极速发展以及手机APP在互动性和便携性上的显著优势，景区现有的信息平台已不能满足现实需求。相对主要提供订票、酒店服务和旅游路线的旅游出行类APP，旅游景区APP的开发对于景区的宣传和推广更清晰、更全面。

1.3 旅游景区手机APP更符合旅游消费群体的未来需求

一方面，在未来旅游市场里，移动互联网将能提供旅游者需要的一切服务；另一方面，随着旅游经验的丰富和经济实力的增强，越来越多的人开始选择自助旅游，充分实现自己的个性需求，寻求与众不同的旅游体验。喜欢自由、张扬个性的青年以及追求生活品质的群体，是自助旅游地中坚份子，他们喜欢深度旅游，了解不同文化，丰富人生体验，注重分享与参与感。手机APP作为便携式信息服务终端，在旅行过程中能够适时为游客提供景区信息、讲解游赏内容，做到与实景相对应；同时具备实时定位、导向和拍照共享功能，可实现随时随地的便捷使用，无疑极大满足了消费群体的需求。

2 建立旅游景区手机APP用户需求模型

2.1 建立用户模型

用户模型（人物角色）清晰揭示用户目标，帮助把握APP产品关键需求、关键任务、关键流程。人物角色不是精确的度量标准，它更重要的作用是作为一种决策、设计、沟通的可视化的交流工具。因此，用户模型更加关注的是用户如何看待、使用产品，如何与产品互动，这是一个相对连续的过程。“用户模型反映出目标用户在游览过程中大量的显性和隐形需求，需要将其转化提炼成手机应用的具体功能，才能实现产品目标。”[1]旅游景区手机APP用户需求的研究方法可以采用访谈和调查问卷了解用户的主观感受，也可以通过观察分析法获取用户的隐形需求，针对用户需求进行产品核心功能的规划。

2.2 场景分析

将人物角色模型带入具体的景区环境和情境中，通过观察角色行为和遇到的问题，从而明确产品的功能（见表1）。

2.3 确立核心功能模块

（1）GPS导航与地图指引：提供目的地的地图指引和GPS导航；用户分享的照片提供相对应地理位置的地图链接。（2）景区详细介绍：提供景区各景点详细的图文、视频资料；语音讲解；景区最新的实时动态和信息。（3）景区商业服务：提供景区餐饮、酒店、购物等商家信息；用户打分点评。（4）社交化分享：图文分享与行程记录，用户可以通过该功能分享丰富的图文内容。例如，照片地理坐标、周边商家信息等；允许用户可以看到周边用户的实时图文分享情况；图文分享可以同步发布在其他社交APP平台。（5）标签：提供诸如美食、购物、热门攻略的标签帮助用户对足迹进行管理，让（下转第页）（上接第页）碎片化信息变得更加条理化，让其能在旅游过程中方便快捷地查询。（6）离线使用：支持内容下载并离线使用，解决用户在旅行途中可能遇到的不能上网问题。

3 旅游景区手机APP界面设计——以衡阳市景区为例

3.1 衡阳市旅游资源概况

衡阳是中国优秀旅游城市，衡阳会战的悲壮也使之得到了“中国抗战纪念城”的称号。衡阳市历史悠久，交通区位优势明显，旅游资源丰富多彩。南岳衡山为全国首批5A级风景名胜区，也是全市旅游资源高度集中之地，分布有八大景区和一百多处景观景点。境内旅游资源的分布，基本以南岳衡山风景名胜区为核心，其他风景名胜成众星捧月之势环列于周境：国家森林公园——天堂山风景名胜区、中国印山文化旅游区、蔡伦竹海旅游风景区、石鼓书院、罗荣桓故居、王船山故居、湘南学联旧址、西江漂流等。

3.2 衡阳市景区手机APP的信息构架

信息架构简称为IA，它的主体对象是信息，由信息建筑师来加以设计结构、决定组织方式和归类，好让使用者和用户容易寻找和管理的一项科学和艺术。根据上述旅游景区手机APP用户需求模型，结合衡阳市的旅游资源，将六个核心功能模块展开进行信息构架分析。六个功能块间不受时间影响，无明显逻辑关系。因此，其信息构架考虑以层级结构为主，辅以矩阵结构（图1）。

3.3 衡阳市景区手机APP界面视觉设计

手机终端用户在众多的APP使用中，最终会选择界面视觉效果良好，且具有良好体验的APP长期使用。好的界面设计“不仅要让软件变得有个性、有品位，还要让软件的操作变得舒适、简单、自由，并能充分体现软件的定位和特点。”[2]遵循用户体验以及互动性原则，衡阳市景区手机App界面设计旨在让用户简单交互且高效。

（1）页面布局与设计。1）APP啟动图标：衡阳市景区手机APP的启动图标设计，以水墨风格表现出衡阳景色秀丽、山水生态特色。黑色水墨表现出南岳衡山的峰峦起伏，形又似一只飞翔的大雁，突出表现雁城文化，青绿色的笔触表现出衡阳具有的湘江环带水滨特色。2）启动页：启动页的设计应凸显产品的主要功能和特点，并能做相应的更新和个性化，以更好地提升手机APP的用户体验。衡阳市景区手机APP的启动页设计采用大图展示布局，以景区摄影图片配以背景音乐，并实时更新。摄影图片可以从用户分享的优秀摄影作品中挑选，加强用户的参与感和体验感。3）主界面：产品的核心功能往往在主界面显示。因此，主界面的体验会影响用户对产品的后续体验。衡阳市景区手机APP主界面的页面布局从上到下依次为：顶部滚动屏（景区摄影图片）、搜索栏、功能显示区（地图导航、景区列表、达人攻略、我的足迹）、底部导航栏（首页、标签、照相、分享、设置）。滚动屏采用大图布局，进一步展示景区的优美景色，四个核心功能以圆形图标平铺，导航清晰明了。4）其他核心页面设计则根据不同的信息类型采用不同的布局，尽量减少分屏数量。“景区列表”下的每个景区介绍和“达人攻略”采用列表视图的形式，即以一图片配以相应标题，并可以滚动的列表布局方式。通过上下滚动，可以最大限度地呈现景区详情和用户达人的旅游攻略信息。其中“达人攻略”采用大图布局，以直观的展示图形数据的方式引起用户关注。“我的足迹”采用经典的宫格布局，导航清晰明显，信息内容展示简单明了（图2）。

图2 页面设计与布局：启动页、主界面、景区列表、达人攻略、我的足迹（由左到右）

（2）视觉设计。视觉上以扁平化和卡片化设计风格达到简洁的视觉效果，配合大幅漂亮的景区摄影图片，以提升界面对用户的吸引力。将启动图标中的水墨元素在部分页面设计中局部应用，不仅加强了界面设计的整体性，更能突显出衡阳的人文历史，形成该APP产品的风格特色。图标的设计在空心和实心之间自由转变。由简单线条组成的空心图标，使界面显得轻松优雅，尽显极简主义。实心的图标相比较空心的而言，给人一种更突出和明显的视觉效果，让用户更容易的抓到重点。色彩则以灰黑色与青绿色搭配，体现衡阳山水生态的景区特色和人文底蕴，主色应用于背景色和标题栏，使界面布局层次分明。文字以白色和灰黑色为主，便于识别。借助于简单的颜色和清晰的布局，减少页面元素，减少字体变化，避免太过花哨的屏幕设计，以简洁清新的设计吸引用户，获得良好的用户体验。

参考文献：

[1] 陆金生，林妙亭.旅游景区手机应用界面设计方法研究[J].艺术与设计，2013（11）：128-130.

[2] 左花苹. Photoshop智能手机APP界面设计[M].北京：中国青年版社，2014：23.

移动APP的扁平化用户界面设计 第4篇

APP的英文全称为Application, 在智能手机与平板电脑领域, APP指的是应用程序。APP也可以看作是智能手机和平板电脑的软件客户端, 因此也可以称为APP客户端。平板与智能手机是指像PC一样, 具有独立操作系统, 可以由用户自行安装第三方服务商提供的应用程序, 并通过移动通信网络实现无线上网的一种手持移动设备。

目前平板与智能手机的操作系统有:Android、Symbian、Windows Mobile、Windows Phone、i OS、Linux、Palm OS和Black Berry OS, 其中在智能手机和平板电脑中应用最广泛的操作系统是Android、i OS和Windows Phone这3种。2014年7月各大移动平台分布情况如图1所示 (来源于Net Applications) 。

2 扁平化设计

扁平化设计是指设计的整体效果趋向于扁平、无立体感, 扁平化设计的核心是在设计中摒弃装饰性效果, 通过符号化或简化的图形设计元素来表现, 其交互核心在于突出功能本身的使用。例如, 福外校园生活APP的消息版块的界面设计采用的就是扁平化设计, 如图2所示。

扁平化设计简单、抽象, 具有良好的时代表现感, 摒弃了长久以来拟物化带来的高光、阴影、渐变等冗杂表现形式, 通过简化表现方法促使用户关注内容的本身, 理解内容的真正意思与使用方法, 这种表现形式也在一定程度上迎合了快节奏的现代生活方式。

扁平化设计中常常使用一些流行的色彩搭配和图形元素, 从而更好地表现出时尚和简约的美感, 还可以避免各种视觉效果对用户视线的干扰, 使用户专注于设计内容本身, 突出主题, 也使设计内容更加简单易用。

3 扁平化APP界面设计的特点

随着智能手机的发展和普及, 扁平化的APP界面因其直观、大方、美观、易于操作和识别等特点, 扁平化的APP操作界面已经成为移动应用界面的主流类型。手机APP界面的绘制既要考虑与手机背景的相容性, 又要考虑其特色性, 所有在设计中, 扁平化的界面风格具有很好的适应性。

APP的显示区域小, 不能容纳太丰富的展示效果, 因此界面设计要求精简而不失表达能力。例如, 福外校园生活APP的社区版块界面, 在这个版块的设计过程中, 使用简单的线条来区分各部分内容, 在各个功能之间使用简约文字配上特色图标来表现, 如图3所示。

4 扁平化APP界面的设计思路

4.1 图标设计

在设计作品中常常可以看到设计精美的图标, 特别是在APP设计中, 图标的应用更加广泛。许多图标看起来虽然简单, 但其在设计中的作用非常重要, 其设计制作要求也比较严格。首先, 设计出的图标需要具有较高的辨识度;其次, 图标要拥有特色;最后, 设计的图标要求简单、通用, 适应一系列项目。

可识别性是图标设计的首要原则, 设计的图标要能够准确表达相应的操作, 让用户一眼就能明白该图标要表达的意思。例如, 福外校园生活这款APP的部分图标, 可识别性强、直观、简单, 如图4所示。

差异性也是图标设计的重要原则之一, 同时也是容易被设计者忽略的一个原则。只有图标之间存在差异, 才能被用户关注和记忆, 从而对设计内容留下印象。例如, 福外校园生活APP的图标就是通过色彩和线条的差异, 使用户看到图标就能明白图标的含义和作用。

4.2 界面布局设计

APP界面布局一般分为4个部分:状态栏、标题栏、标签栏和工具栏。

4.2.1 状态栏

状态栏位于界面最上方, 当有短信、通知、应用更新、连接状态变更时, 会在左侧显示, 而右侧则是电量、信息、时间等常规手机信息。按住状态栏下拉, 可以查看信息、通知和应用更新等详细情况。

4.2.2 标题栏

标题栏部分显示当前APP应用的名称。

4.2.3 标签栏

标签栏部分放置APP的导航菜单, 既可以在APP主体的上方, 也可以在主体的下方。

4.2.4 工具栏

需要考虑当前APP页面是否有相应的操作菜单, 如果有, 则放置在工具栏中。

由于APP是移动便携式产品, 所以设计合理的APP界面能给用户带来轻松愉悦的感受;相反, 如果APP界面设计失败, 可能会让用户有挫败感, 再实用、强大的功能都可能由于用户的畏惧与放弃付之东流。例如, 福外校园生活APP发现版块的界面布局, 如图5所示。

4.3 层级化结构

APP界面在设计过程中必须有一个清晰的层级结构, 以便获得更好的用户体验, 否则即使APP界面设计得再美观, 如果没有良好的用户体验, 都是失败的。福外校园生活APP的订餐界面如图6所示, 该界面简洁大方、层级化结构清晰, 整个界面从上到下分为4个部分。顶部是界面的标题, 中间2层是东西区餐厅的各个楼层, 主体部分则是热卖商品的推荐。主体部分使用图片与文字相搭配, 文字之间利用色彩和大小的差异来强调订餐电话, 便于用户操作。

5 结语

移动APP界面的简单个性化已成为目标受众的诉求点之一, 而操作的灵活和方便性将会进一步提高用户体验的满意程度。随着技术的发展, 人们对美观的认识也悄然发生变化, 扁平化设计风格随着智能手机和平板电脑的普及, 受到越来越多地设计师喜爱。

参考文献

[1]王凡, 黄迅.探析扁平化Metro UI设计与“少即是多”设计原则的相关性[J].包装世界, 2015 (02) :92-93.

[2]吴兵娥.视觉传达专业UI设计教学的体会与探索[J].大众文艺, 2015 (06) :239.

[3]蒋一鸣.基于简约风格的移动音乐APP界面设计研究[J].美与时代 (上) , 2015 (03) :111-113.

[4]高谷兰.“爱社团”手机APP交互设计[D].昆明:昆明理工大学, 2014.

[5]易芳容, 王静.手机界面中扁平化风格应用研究[J].美术教育研究, 2014 (13) :87.

APP界面 第5篇

关键词：校园互助；手机借伞；APP界面设计

1 前期调研

江南的天气阴晴不定，所以身处江南校园的我们也是“身不由己”。特别是梅雨季节，在雨中狂奔回宿舍、食堂、教室的身影数不胜数。于是，这给了笔者灵感，想设计一款借伞的校园互助APP软件。当定好题目后，首先想到了它实施的可行性，所以在软件界面设计之前，设计了一份电子问卷，问卷主要投放对象是大一、大二学生，发放问卷300份，有效回收问卷258份。回收之后对问卷的选择做了计算分析，愿意使用本软件的支持率为81%，愿意对使用过程中雨伞损坏进行赔偿的支持率为77%。单从问卷结果数据看，本软件的使用可行性还是比较高的，这也给了笔者很大的鼓励。

2 功能设定

首先，既然是借伞软件，肯定不免要解决这么几个问题：如何借、在哪里借、借伞是否有偿等。如何借？应当说比较简单，从软件设计上来说几乎是一键式解决。在哪里借？虽然借伞不如火烧眉毛那般急促，但使用时一定也是需求很急迫的。所以，该软件的主要功能就是让使用者在最短的时间内借到雨伞。笔者根据学校的楼宇布局特点，把借伞点设定在了如下几处：实训大楼一楼、图书馆一楼、A楼报告厅、美食城和快递超市。借伞点主要设置在教学区和商业区，因为很多学生就近出行时比较容易忘记携带雨伞。借伞是否有偿？是无偿使用的，但是需要及时归还，如果归还时出现了人为的损坏需要支付一定的赔偿金的。

其次，这也是一款数字化校园互助软件，需要把学生之间、师生之间的互动帮助功能添加进去。于是，笔者参考微信、QQ等软件，把对话聊天功能也加入了进去，希望可以通过此软件，让使用者建立更广泛的校园人际关系，让师生之间的距离变得越来越近。

3 设计过程

3.1 软件命名

每当遇到突降大雨身边无伞时，心里常念叨的一句话就是“要是有把伞或者有人过来合撑一把伞该多好啊！”其实很多时候，我们带伞者的伞够大，只是因为和需要帮助的人不熟悉，不好意思主动提供帮助，所以，笔者把该软件的名称定为“友人撑伞”。“友人”和“有人”谐音，也包含了朋友的意思，用“撑伞”而不用“借伞”，体现了此款软件的互助概念。

3.2 图标设计

图标分为软件主图标和多个系统功能图标。主图标（如图1、图2）采用雨水和伞的特征元素，让使用者一眼就能知道该软件的用途。颜色采用橙色和白色的搭配，提高图标的识别性和关注度。

系统图标是根据功能来设定的，主要有如下功能：扫码、借伞、动态、提醒、设置、联系等。图标主要采用伞的抽象形态来表现，有合拢时的形态，也有撑开时的形态（如图3）。图标采用扁平化处理，每一图标对应的功能，简单明了，下方添加了长投影，让图标显得更生动、立体。

3.3 界面设计

启动界面分两种时态，一种是晴天模式，一种是雨天模式（如图4、图5）。界面背景主体颜色采用蓝色，晴天减弱色彩饱和度，显得轻薄；雨天增加色彩饱和度，显得厚重。

功能界面则完全遵循之前的功能设定来设计。从软件登录（如图6）进去就是一个提醒窗口（如图7、图8），将本软件是否有偿使用的情况都告诉使用者了。下面是借伞的过程：

学校的简易地图类似于百度地图一样，可以标注使用者当前的位置，通过导航或路线提示就能轻松的找到距离使用者最近的借伞点（如图9、图10）。当然，也可以通过互动功能来向周围的人发起借伞或合撑伞，类似微信或是QQ的聊天功能，相信使用者很容易就会使用（如图11）。

最后，“我的”界面，类似于使用记录的状态，可以从里面清楚看到自己借伞的次数和帮助他人的次数。当然雨伞的破损率也是标注的，时刻提醒使用者在接受他人帮助的同时也要爱护公共设施。

4 结语

手机是一把双刃剑，能拉近人与人虚拟世界的距离，也能让人与人在现实世界中彼此疏远。本款校园APP产品的出发点，是通过一个互助的平台拉近学生之间、师生之间的距离。笔者作为一名视觉传达专业的教师，从界面美化的角度进行设计。借伞仅仅只是一个切入点，不管是借伞、借书或是借车，让我们通过手机APP这个平台，把这些方便他人的举措在校园里无限的扩散和发扬。

参考文献：

[1]孙净宇，李澈，张震，等.高校校园APP发展发展现状初探[J].数字与出版，2014（6）：84-85.

[2]刘宗平.浅析数字化校园建设中的移动校园平台建设[J].科技创新与应用，2013（14）：83.

APP界面 第6篇

1 信息构架重组

目前, 国内旅游类APP从功能上可分为预定类、分享类、导览类等。预定类APP核心功能集中在酒店、机票、车票、门票预定服务上, 以同程旅游、艺龙旅行为代表。分享类APP侧重打造旅游攻略和游记分享的互动旅游社区, 其核心功能为GPS导航与地图指引、图文分享与形成记录、社交与互动, 以蚂蜂窝自由行、面包旅行为代表。导览类APP专注地图、导航、语音解说、行程规划等各种功能, Touch China推出的景点通已经覆盖了北京、上海、香港、澳门等城市导航。苏州同里、杭州西湖、庐山等景区也推出自己的APP, 为游客提供景区介绍和导航服务。在对上述提到的旅行类APP功能进行对比分析后 (见表1) , 可以看到目前国内景区APP存在的一些问题。

由表1可以看出, 景区APP基本上属于导览类。语音导览是景区APP的特色功能, 但在图文分享与形成记录以及社交、互动性上景区APP的用户体验较差, 需要完成对景区APP信息构架的重组, 增强其便利性和实用性, 提升用户体验。首先, GPS导航与地图指引是景区APP最重要的功能, 语音导览能够让用户享受更自在的深度旅游, 也是与其他旅游类APP形成竞争的特色功能。语音导览的内容改变以往制式的、机械式的景点叙述, 而是以叙事的方式娓娓道来。其次, 旅游APP的核心用户为自助游、深度游的游客, 注重分享与参与感。景区APP必须大力强化图文分享与行程记录功能, 并方便将游记分享到微博、微信、QQ等社交平台。第三, 在商家信息和服务上, 由于同程旅游等预定类APP做的非常完善, 景区APP则不必求大求全, 可以采用和第三方平台合作的方式, 满足用户对酒店、餐饮、购物等需求。最后, 要提供更优质、精细化的服务, 提供景区实时动态、最新活动信息、游客问答等, 提高用户黏度, 完善景区APP自身的服务功能。

2 交互设计优化

预定类APP依靠早期的PC客户端已积累了良好的口碑和品牌形象, 以面包旅行为代表的分享类APP凭借优质的用户体验拥有了自称“面粉”粉丝的簇拥, 已发展成为国内旅游行业里极具影响力的品牌。用户和品牌是旅游类APP在旅行市场立足的原点, 景区APP应以改进用户体验为设计目标, 提高产品的质感和格调。

2.1 利用GPS+LBS双定位技术做好导航交互

现有景区APP通过GPS卫星定位系统, 能够为用户提供精确的定位, 并利用地图上的锚点, 形象的展示出景区的各个景点及服务站点。随着景区APP用户需求的智能化, LBS位置信息服务将伴随GPS和无线上网技术的发展, 需求呈大幅度增长趋势。LBS英文全称Location Based Services, 又称定位服务, 它包含两层含义:“首先是确定移动设备或用户所在的地理位置;其次是提供与位置相关的各类信息服务。”[1]景区APP利用GPS+LBS双定位技术, 提供手机用户当前位置处一定范围内的宾馆、餐饮、加油站等的名称和地址, 完善导航交互。用户点击地图上的锚点, 通过弹出式信息框, 提供景点更多的详细信息以及语音讲解 (如图1) 。点击侧栏可显示该景点附近更多住宿、餐饮等信息, 并且这些信息都是实时自动更新的, 让用户一目了然自己所处的位置并找到自己所需要的服务信息。

2.2 以简单精致、人性化的设计强化情感体验

令人愉悦的产品是有魅力的, 并会感觉良好。感官层体验属于用户体验中的本能层, “本能层处于思维及意识之前, 主要与产品的外观表现、最初效果有关。”[2]与蚂蜂窝自由行、面包旅行等分享类APP相比, 国内景区APP界面设计显得精致不足, 应以简单精致、人性化的设计强化情感体验: (1) 简单精细的视觉效果。美国著名的数字产品设计与开发领导者拉杰·拉尔将“简洁”作为UI界面的最佳设计经验与准则之一, 使“设计保持简单明了, 关注于主要任务, 避免分散用户的注意力”[3]。受手机屏幕所限, 放弃一切装饰效果的简单设计有着鲜明的视觉效果, 使得界面干净整齐, 用户能直观地了解各个元素的作用及交互方式。也正是由于采用了简单的元素, 优化排版设计成为景区APP提高用户体验的重要环节, 字体、配色、图标的设计要更注重细节, 如:文字信息通过文字大小和透明度的变化很好地构建层级关系。 (2) 大视野背景。一张精选的摄影图片配以精巧的文字标题就足以引起用户注意, 景区APP的景点介绍、旅游攻略功能采用大背景图片的设计, 类似于杂志的视觉体验, 会让景区APP更生动, 更具吸引力 (如图2) 。 (3) 图表可视化表达。目前不少旅游类APP的游记仍采用长篇文字和图片堆砌的形式, 对于用户来说耗费了较多的时间和精力去阅读, 采用时间轴进行图表可视化表达, 更能提高阅读的趣味和效率。图表可视化表达还可以用于景区动态数据可视化, 动态数据可视化更加强调数据转译实时更新的图形, 景区的空气质量、温度与游客的承载量等景区的实时动态, 采用动态的图形化表达, 多维度呈现给用户实时信息、同时能与用户形成互动, 提高数据表现的趣味性。

2.3 以动效设计加强体验舒适度

APP常见的动效设计:一类是转场动效, 即页面的切换、加载等, 用以柔和页面的过度效果。另一类是反馈提醒, 通过界面内元素的动效, 帮助用户做出判断和决定。一方面动效设计避免了界面枯燥与沉闷;另一方面又因动效过多可能会造成难以预料的低效率。因此, 如何设计出有趣吸引人且适合产品的动效是景区APP界面设计关注的重点: (1) 强化页面呈现的引导, 增加界面与界面衔接的延续感, 避免生硬的跳转。例如:给景区APP增加启动界面的动效设计, 缓解用户等待焦虑, 提升品牌效应。滑动进入到一个项目是常见的转场动效模式, 但在强调沉浸式体验的趋势下, 页面与页面的切换也需要更加流畅, 将更多细节内嵌到界面中, 通过动画方式动态显示一些隐藏的信息。最常见的方法是鼠标悬停时触发和点击时触发。悬停技术直截了当, 只要将鼠标悬停在照片上就能显示照片的说明信息, 更多地隐藏内容将展现出来。将导航地图中景区各目的地有趣的建议进行了隐藏, 只有单击每个目的地的锚点才能看到它们。 (2) 解释交互动作的变化, 通过动效来有效地反馈用户操作“。用户期待在操纵控件时的快速反馈, 通过反馈明白他们所触动的行为会产生什么样的结果;同时用户也希望在较长的流程中能够提供状态提示, 以确定程序是否正在运行中。”[4]为了凸显任务, 动效设计做小不做大, 不要太过花哨, 增加1~2个令人愉悦的小细节动效设计, 增加界面活力。如对于即将前往的景点, 导航地图上的锚点进行闪烁式的动效设计, 提示用户点击获得详细信息。旅行游记的点赞功能, 心形图形变化的动效设计提示点赞成功, 不影响用户操作又增加了界面的趣味。

3 结语

旅游类APP蕴藏着巨大的商业契机和市场前景。面对激烈的市场竞争, 景区APP一方面需要深入挖掘用户需求, 提高产品创新力, 走差异化发展道路;另一方面, 则要建立完善的管理、运营体系, 不断优化用户体验, 才能赢得市场和用户。

摘要：随着智能终端、移动网络的高度发展, 传统旅游行业与移动互联网产业的融合速度加快。景区APP是景区完善服务、二次营销的必要举措, 但在关注度、使用率以及黏性方面存在劣势。该文对旅游类APP的功能进行对比分析, 完成对景区APP信息构架的重组, 增强其便利性和实用性, 提升用户体验。在此基础上, 提出以GPS+LBS双定位技术做好导航交互、以简单精致人性化的设计强化情感体验、以动效设计加强体验舒适度, 从而改进用户体验, 提高景区APP产品的质感和格调。

关键词：旅游景区,APP,用户体验,界面设计

参考文献

[1]俞必忠.基于智能手机的导览系统交互设计与实现[D].北京:北京工业大学, 2014:4.

[2]黄晟.基于用户体验的APP设计[D].西安:陕西科技大学, 2012:26.

[3] (美) 拉杰·拉尔.UI设计黄金法则[M].王军锋, 高弋涵, 饶锦峰, 译.北京:中国青年版社, 2015:6.

APP界面 第7篇

在信息传播的过程中,“信息源”、“媒介”和“受众群体”成了关键的三要素,其中随着科学技术的不断进步,“媒介”也从过去单纯的以“口”和文字的方式逐步的过渡到图片、表格等方式的传播,实现了信息的可视化发展。

1.1 可视化传播特征

首先,高速度。网络信息传播有着其他传播方式所望尘莫及的传播速度。一旦信息被传到网上,便会在一秒之内传播到世界各地的范围,用户只需轻击鼠标、打开电视等就能在第一时间了解到世界各地的信息。其次,大容量。网络信息涉及了方方面面的信息,可以说上至天文、下至地理,各式各样的信息无处不在,不管用户想要了解哪一方面的信息,都可以通过简单的搜索快速的找到所需的信息。最后,可互动。网络信息不同于传统的信息,网络信息为用户提供了交流互动的平台,也就是说用户可以在其中分享自己的观点,同时了解到其他用户的评论,提高了信息的互动性。

1.2 用户认知特征

信息传递就是“信息源”在“媒介”的作用下被“受众群体”感知的一个过程,其中“受众群体”的心理感知包括了三个类型,分别是“瞬间感知”、“短期记忆”和“长期记忆”。

瞬间感知是一个持续时间极其短暂的过程,大概维持在50-60毫秒,处于这种记忆状态时,受众群体一般只会对信息源产生一个大概的形象和声像的瞬间感知,这时受众群体往往是以直接编码的方式来处理其所感知到的信息。

短期记忆的时间大多会维持在一分钟左右,处于这种状态的受众群体,基本上会在一分钟左右的时间出现记忆衰退的现象,同时受众群体对自己所接收到的信息会以间接编码的方式进行处理。通过研究表明,人们在短期记忆的阶段,会以“块状”形式进行记忆,也就是说在人的大脑里,会自动将自己所搜集到的信息进行分类处理,把相同或相似的信息整合到同一个记忆区域,以达到记忆的效果。在可视化图形设计的原理上,我们便可以根据短期记忆的“块状”形式,设计出一个块状策略,将相同或相似的文字和图形整合到同一个分组中,这样人们在记忆的过程中,可以从相似的内容入手,进行一块一块的记忆,从而提高记忆的效果。

长期记忆就是永久的记忆,受众群体在认知了某个信息之后,就会将之永久的记忆在自己的大脑中,可以说,这时人的大脑便成了一个知识储备的“无底洞”,不仅可以储存大量的信息,而且可以保持永久的记忆。处于长期记忆阶段的人们记忆时间大多会维持在一分钟以上,这时人的大脑会以复杂编码的方式来处理从外部所获取的信息。人们长期记忆的方法主要有两种。第一种是语义记忆。语义记忆就是人们根据信息的规律和特点建立的一种层析记忆的方法。一般在记忆时,我们首先会研究不同信息之间的各种规律,找出信息之间的共性和个性,进而有利于我们的记忆。第二种是情节记忆。情节记忆人们把信息与一定的时间、地点、人物和事件联系起来,通过回忆与其相关的信息来使自己达到高效记忆的效果。

信息可视化的提出正是为了帮助我们在面对大量信息源的时候能够果断的过滤出复杂的、低效的、无用的信息,从而减少我们记忆的信息量、降低记忆的负担。把信息通过图像化的形式展现出来,将复杂的信息拆分成简单、有规律的细小信息,让受众群体进行分层次的记忆,从而方便人们的认知和学习。

2 APP界面设计中的信息交互特征

2.1 清晰的组织

我们在日常生活中接触到的所有信息都是由无数的数据组合而成的,这些数据在呈现时大多表现的较为零散、错乱,如果我们直接对这些数据进行记忆,将会产生很多不必要的麻烦,信息可视化的过程不但可以翻译我们所见到的由数据组成的信息,而且可以在很大程度上对我们所接触到的信息进行筛选和分类,可以说信息可视化会帮助我们自动筛选出一些无用、烦琐的信息,从而提高记忆的效率。比如一个网站想要销售自己的服装,那么在这个网站上有着数以万计的服装种类,那么如何才能让消费者在众多的服装种类中快速的找到自己想要的服装呢?这就需要对不同的服装进行分类,我们可以按照款式、品牌和价格等要素把这些服装分配到不同的组中,消费者只需要查找关键词就可以快速的找到自己需要的信息。当消费者找到了自己所需要的种类时,就可以点进页面,如我们经常用的淘宝网,消费者在点进页面之后,就会进一步的分类,有的是根据服装的尺寸和颜色;有的是根据买家的评价;有的是根据配送的物流,总之这些分类的信息大大简化了消费者的寻找速度,提高了购买的效率。

2.2 准确的展示

信息可视化不但可以把信息正确的划分到不同的类别当中,而且可以通过准确的方式将其表达出来。我们在接触到某个信息的时候,会在潜意识里将其按照主次的重要程度将其划分出来。比如淘宝网在安排各种服装时,会将评价和累计评论用红色字体表示出来,以此来告诉消费者红色标志的文字是重点查阅内容,而把衣服的基本情况用灰色的字体展示在下面的方框中,以此来告诉消费者这些内容只需要简单的浏览即可。同样,卖家会将衣服的图片放到页面的最左面,图片上通常会标出一些醒目的推销方案,在图片的右方会展现出购买的基本情况,从而使得整个页面看起来有条有理,有利于提高消费的视觉感受。

3 结语

在创新方面,在可视化图形设计上要具有创新的思维,比如可以开发一些具有交互应用的APP软件,让人们可以集中的对信息进行针对性的了解。只有摒弃传统低效的传播方式,并不断地开发新型的图形可视化设计方案,才能在新时代的要求下更快、更有效地传播文化信息。

摘要：本文以陕西省历史信息为研究对象,提出了可视化设计的思想,旨在通过可视化设计的思想让陕西省历史文化信息更快、更好的呈现出来,从而有利于受众群体对这些信息的感知和理解。经济在发展,时代在进步,陕西历史文化遗产的传承也应该与时俱进,告别传统低效的传递方式,在现代化技术的背景下,以可视化图形设计的思想和方法为指导,将复杂、抽象的历史文化信息变为简单、直观、形象的图形表达模式,让人们更加快捷、方便的认知和学习到陕西省丰富的历史文化信息,从而提高陕西省历史文化信息的传递效率。

关键词：交互,可视化,APP界面设计

参考文献

[1]肖蕾.互动图形与设计策略[D].南京艺术学院,2003.

[2]吴瑜.人机交互设计界面问题研究[D].武汉理工大学,2004.

[3]索昕煜.网络界面色彩设计研究[D].昆明理工大学,2005.

[4]张思望.网页设计中视觉元素的功能与审美性研究[D].西北大学,2006.

APP界面 第8篇

一、非物质文化遗产保护类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的界面交互设计研究提供一些有效的意见和建议供大家参考。

摘要：非物质文化遗产有着悠久的历史和灿烂的文化, 非物质文化遗产的保护和传承至关重要。在“互联网+”的时代背景下, 将非物质文化遗产的保护和AAP界面交互设计相结合, 对非物质文化遗产保护类APP的界面框架结构和布局风格、传统符号元素与现代设计理念的融合、以及传统色彩的应用等几个方面进行研究, 从而更好地为非物质文化遗产保护类APP界面交互设计提供理论研究基础。

关键词：非物质文化遗产,框架结构,传统符号

参考文献

[1][美]Jesse James Garrett.范晓燕译.用户体验要素[M].机械工业出版社, 2008.

[2]李洪海, 石爽, 李霞.交互界面设计[M].化工工业出版社, 2011.

APP界面 第9篇

触屏交互界面的发展与儿童教育类APP的流行——相汇而成的趋势

随着微型计算芯片的高速发展,个人电脑的普及使得数字软件不断代替人们传统的生活方式,工作、学习和娱乐几乎人类最重要的几个方面都不断嵌入计算机技术。早期的数字产品以软盘、光盘作为介质,形式包含了电子书、文档、软件程序等。虽然样式繁多,但始终以个人计算机(PC)做为硬件终端和用户之间的连接,因此其交互方式借助于键盘、鼠标、显示器和音箱等计算机输入输出设备。到了互联网时代,各种基于数字网络的设备正在不断增强软件原有的功能,并打破传统的个人计算机的界限,特征之一就是数字软件交互形式的变化。这里说的交互是基于高计算能力的数字设备能够实现的以软件为核心的人机交互。

在数字产业不断变革中,以苹果公司的iphone智能手机引领了全球的移动手机产业的产品转型,硬件上并将手机产品拓展为更多尺寸的触屏终端,软件上将功能机的软件系统拓展为移动互联网平台下的APP(application)体系。多年的发展结果是出版物的数字化主要定型为基于触屏终端和移动互联网的APP(非其他计算机端的程序application,以下的APP将通指触屏终端上的i OS/Android程序)。APP最大的优势就是全球相对统一的发布平台:i OS和Android,即使是两个平台的APP在各方面的设计也是相当接近的。除了语言文字的影响外,全球各地的用户对软件的使用和操作几乎是无障碍的,我们可以假设正是交互方式的通用性带动了新的数字产品生态建立。触屏终端APP的全球化生产、传播使得人们逐渐接受了这种新形态阅读和体验方式。其中儿童教育类APP具有互动、生动和丰富的形式等特点,容易吸引儿童的注意力,激发学习兴趣、进而提升教育效果。对于儿童来说,个人计算机并不适合作为最佳的教育工具,主要因为个人计算机的操作较复杂;儿童对硬件的操作,对计算机的启动、关闭、状态识别不清;可能触及电源的危险性等。触屏终端(图1)的诸多特性弥补了以上的缺陷,使得更多不同年龄段的儿童接触应用程序。儿童教育类APP产品十分丰富,但用户体验和教育效果却参差不齐,因为儿童的认知心理在多个方面上都区别于成年人,当进行APP界面的布局、色彩、交互动作等设计时,如果没有充分考虑到儿童的认知水平差异,便难以做出真正符合用户心理与使用需求的产品。触屏终端APP一边向强调除交互性和浸入感发展,一边与传统的“读物”拉开距离,交互设计体验和用户心理将成为信息内容之外最重要的关键。

认知心理在触屏交互界面设计中的应用

认知心理学将心理的运行机制比做计算机:信息输入-信息处理-信息输出,而人的行为则是由大脑对信息进行处理所引发的。一种常见的误解认为认知心理学的观点是将人类心理简化为计算机,事实上应该反过来看:发明计算机这个过程就是将自身器官进行拓展过程。如同一根木棒是手臂的功能延展,计算机是人类根据本身大脑的认知方式模拟设计出来的,只是设计的过程中并没有刻意地去思考其对人的大脑的模仿。在结合了新兴的进化心理学理论后,美国心理学家约翰·图比(John Tooby)和琳达·科斯米蒂丝(Leda Cosmides)提出了“人类的心智中存在有成百上千甚至成千上万的专门性模块”,也就是通称的“多模块理论”。该理论的主要观点简而言之就是人类在演化的过程中因适应性的需要产生了为了解决一个个问题的心理模块和多个模块构成的群组,比如躲避食肉动物、报警机制、对生存环境的识别、对食物的选择以及群体生存需要产生各种协作和竞争。当一个模块运行时,会调用相应的感官和器官功能统一协作,完成信息的输入、处理和输出,因此可以认为:心理模块由其目的决定了整个模块运行的逻辑和外在行为表现。模块与模块之间如果没有相互冲突和干扰就会独立运行,也就是说设计师在进行某一具体的交互设计的时候,必须考虑其交互界面、动作和声音是否触发人的相关心理模块。如果这种影响和该交互设计的目的相冲突,那么这就将是一个错误的设计,反之当设计师考虑了相关的心理模块去进行设计便可对软件的用户体验加强正面效果。以下将围绕触屏终端交互界面设计的三个核心要素布局、色彩、动作,根据35个收集的儿童教育类APP数据分析其中的环境认知、情绪认知和行为认知。

模拟场景布局和多媒介功能构成儿童用户更全面的环境认知

以功能分类来看,儿童教育类APP可分为早教,数学,识字,外语,天文,地理和音乐等。目前“占整个教育类APP市场的10.4%,消费规模将达到3111亿元”的儿童教育类APP是APP市场极其重要的一部分。儿童教育类APP的交互界面布局设计样式丰富,本文在对35个样本的研究分析中发现,其交互界面布局主要是强化生活环境认知的模拟场景形态。

“幼儿安全系列”以孩子熟悉的日常家庭环境为背景,涉及到喝水、辨别可食食物、下楼梯、家具尖角、浴室防滑和如何面对陌生人敲门等六大安全问题,每个安全问题都配有语言提醒、正确的互动操作提示以及可爱的奖励效果,能够帮助儿童正确学习安全知识。其模拟了真实的家庭环境,所有的交互点都在主界面中,让用户一目了然,通过亮点提示用户进行操作。由于3-6岁的儿童对抽象图形辨别能力低、逻辑思维差,这种简洁直观的沙盘式界面更容易被幼儿接受。过度简单的沙盘式界面不太适合儿童早教。“幼儿学形状”虽然模拟了房间环境,但学习形状互动设置太单调,未有效利用沙盘式的直观优势,没有让幼儿在与环境互动的体验中去正确识别形状。儿童教育类APP当中采取沙盘式界面主要是早教类,其中场景人物、环境、物体不是真实比例的缩小,但基本符合真实自然环境关系设计,为迎合幼儿认知度与趣向,人物、环境、物体也更卡通简易化。

多媒介整合从感官上营造了更为全面的环境认知。触屏终端从单纯的纸质,保存声音的唱片、磁带,电影胶片、录像带,中将图像、文字、视频、音频、互联网信息等等多种传统、现代媒介功能进行整合而一体化呈现在用户面前。以儿童教育中的语言学习类APP为例,从简单的词典数字软件化,到各种创意效果的学习工具,我们可以发现语言学习类APP的多媒介特征越来越明显:对需要记忆的词句采用图片+文字说明+语音+动画视频演示共同辅助用户学习,在这个过程中,用户甚至无需过多的操作,整个程序的设计也将学习的进度安排设计好,用户只需要选择相应的图片、语音和动画来加强记忆。从采集的样本中的用户评价部分的分析看,如果一个语言学习类APP缺失某种媒介效果,甚至会被视作不完整的产品而遭到用户的批评和质疑(通常来自于儿童用户的父母),或者说用户的使用习惯已经被培养成需要全方面的提供浸入体验的学习。

高饱和度、高亮度、低色相数是适合儿童情绪认知的用色原则

几个世纪之前就开始有学者尝试解释色彩对人的心理的影响,包括达·芬奇、艾萨克·牛顿、歌德、米歇、康定斯基等,他们从哲学、音乐、情绪、绘画和社会学等角度去发现和解释色彩的各种意义,直到认知心理和演化心理从心理认知和生物进化的角度才带领我们拉开色彩的神秘面纱:人对于不同的颜色的识别是为了进行生存环境和境况的识别而产生。例如红色代表者血液的颜色、意味者危险,所以无论种族和性别的人在看到红色后,警惕机制的心理模块启动,心跳加快、烦躁不安等等表现便会出现,而这就是心理模块在提醒人去避开目前的危险环境。史蒂文·米森认为:“红色已经被证实对人类有极其重要的特别意义,因为红色可以引发一系列生理效应,包括心律的变化和大脑活动,红色在各种社会颜色体系中的特别地位也是其中一个原因。”[1]那么在交互设计中,红色在界面色彩的占有比例不能过高。儿童教育类APP如果因为本土文化的色彩偏好,设计界面充满了大量红色,看似表达了“喜庆”的情绪,却忽视了人对色彩的生理反应,反而使得用户长时间使用该软件后获得负面情绪,破坏用户体验。

通过样本的分析,我们可以发现APP整体同时具备高饱和度、高亮度、低色相数的用色特征,其用户评价就会处于较高的水平。心理学家研究认为“6岁之后的少儿对色彩的选择表现出明显的性别差异。男孩最喜爱黄、蓝两色,其次是红、绿两色;而女孩则最喜爱红、黄两色,其次是橙、白、蓝三色。女孩子们喜欢鲜艳明快温馨的浅色调,而男孩们则选择深色或比较稳重的色调。”[2]在样本研究中发现,为了配合儿童的识别能力与兴趣,多数儿童教育类APP的主要角色用色不超过十种。主要用色数在两种到七种之间,其中人物配色数为三种的儿童教育类APP最多。我们在儿童教育类APP色彩设计中还需要避免对心智发育中的儿童读者进行错误的视觉心理的强化行为,比如儿童在使用APP过程中提示错误时的表现色彩就不能使用绿色和蓝色等非警示色彩去表现,因为长时间的感官强化会产生条件反射效果,进而影响儿童用户在社会中对通用色彩的适应。

交互动作强调示范性的行为认知

人类最早、最长期也最有效的教育方式是“示范”,从儿童的模仿行为到教师的身体力行带动学生去模仿,都是利用生物最基本的模仿学习的本能进行教育。示范本身具有较高的成本:时间和人力,以往教育软件的表现内容的单一性也难以完成复杂的示范。触屏终端APP软件的形态拥有了更多更有效的示范效果,当复杂的人机交互简化为在触屏端进行点线等划动操作,降低了数字化教学的投入成本。目前主流的触屏终端以智能手机、掌上平板以、增加了电容膜的数字电视以及商业用途的大型触屏终端。无论哪种终端环境,交互动作都以二维空间的操控为主,包括了点击(Tap)、划动(Flick)、拖拽(Drag)以及多点缩放,点击是在某个具体的位置用手指点击并松开的过程,主要用于实现某一界面安按钮的选取,与之伴随的交互动画一般是转入另一个层级页面;划动和拖拽的操作很相似但又有所区别:划动往往是模拟书籍和纸张的翻页动作,而拖拽会引导用户将界面中的虚拟按钮或者物品进行选取并移动;多点缩放通常用来实现页面的放大和缩小,也会在某些的软件中实现与教育内容相关的交互动画。在最新的某些机型(如i Phone6plus)增加了3DTouch功能,而实现了按压(Press)的效果。这一功能的实现代表着触屏终端的交互动作从二维空间跨度到了三维空间。

触屏终端的儿童教育APP中,教导儿童使用简单工具时,交互行为就必须配合相应合理的动作去设计。当设计师希望一个儿童用户尝试在软件中执行切开西瓜的动作时,就不能设计出用点击的动作,虽然这样做能够更快地实现下一个步骤,但会对儿童的学习产生错误的引导,而改成与切开动作更佳吻合的划动动作。与儿童教育有区别的是,成人教育软件需要提供给用户更多的自主操作和编辑功能,同时降低交互设计中容易分散注意力的视觉效果,这在儿童教育APP中往往是吸引儿童用户注意力和增加兴趣的功能设计。

参考文献

[1]《情感与设计》,高普(Trevorvan Gorp)亚当斯(Edie Adams),人民邮电出版社2014年1月第1版

[2]《设计心理学》,赵伟军,机械工业出版社,2014年1月第2版

[3]《About Face:交互设计精髓》,Alan Cooper/Robert Reimann/David Cronin(美),电子工业出版社,2012年3月第2版

[4]《传统出版物与数字出版物的受众差异性分析——以新媒介为载体的数字出版物及其发展趋势的冷思考》,闵祥鹏,《中国出版》2011年17期耿文聪,《少儿数字出版物的交互设计研究》,北京印刷学院,2010

APP界面 第10篇

关键词：用户体验；智能手机；APP界面设计；大数据技术；APP产品性能 文献标识码：A

中图分类号：TP393 文章编号：1009-2374（2016）17-0024-02 DOI：10.13535/j.cnki.11-4406/n.2016.17.010

随着大数据技术的发展，智能手机在人们生活工作中的应用越来越广泛，各种智能设备的应用广泛依赖于APP程序的控制，智能手机的便捷式操作系统满足了用户的需求，但是随着互联网技术的不断发展，以简单满足用户基本需求的APP界面不再适应人们生活工作的需求，因此人们对手机界面设计的形式与内容提出了更高的要求，即在用户体验方面要求更佳的服务层次，将信息准确无误地传递给目标用户，使得用户能够快速、有效地完成操作。

1 影响智能手机APP界面设计的因素分析

智能手机APP就是用户可以自行安装应用软件、手机游戏等第三方提供的程序（APP）。一般智能手机APP界面可以分为逻辑性用户界面、物理性用户界面以及图形化用户界面。智能手机APP界面设计的质量决定了用户的满意度，因此通过对社会应用智能手机用户的数据调查，发现影响智能手机APP界面设计的因素主要体现在：一是用户因素。智能手机已经成为人们生活工作的必需品，尤其是我国“互联网+”行动的实施，人们可以通过智能手机浏览新闻、进行网上购物等，因此在进行APP界面设计时首先需要考虑用户应用效果的因素，据不完全统计用户应用APP的平均时间为47秒，因此如何降低用户应用APP所消耗时间是APP设计的关键，也是吸引用户的重要手段；二是技术因素。在人机交互系统中，技术是最大的因素，实践表明技术越先进所设计的APP性能就越高，就越能满足用户的需求。但是目前由于我国技术相比欧美等一些国家还相对比较落后，因此我国智能手机APP设计的效果还会受到用户的质疑；三是环境因素。智能手机虽然已经融入到人们的生活工作中，但是其应用需要在特定的环境中，而一旦超越特定的环境就会出现界面的变化，比如我们在教室内使用手机之后，移动到室外就会感觉到程序的不便性；四是界面设计风格因素。APP设计风格与用户的使用感觉有直接关系，结合实践我们应该构建扁平化的APP界面设计风格。

2 智能手机APP用户体验层面模型

2.1 智能手机APP界面设计的用户体验分析

通过实践调查研究，用户体验主要包括：本能层。产品对人的器官的刺激，也就是产品最终会给人留下的印像；行为层，用户通过身体各个部位操作系统时的体验；反思层，用户使用产品时产生情感反应。具体的用户体验层模型如图1所示：

2.2 智能手机APP界面设计的体验层研究

2.2.1 智能手机APP界面设计的感官感知体验层面。感官感知体验层面的影响因素很多，文章、图形以及颜色等都会对用户的感官认知造成影响，通过用户对感官体验层面的产品特性词汇出现频率进行归纳分析，得出以下5个感官体验层面的产品特性是用户最为关注的描述感受：一目了然的、便捷的、舒适的、简洁的、规范的。

2.2.2 智能手机APP界面设计的情感体验层面。用户情感体验主要是人在使用APP界面时所表现出来的各种情感价值。实践表明当用户在心情愉悦的时候使用APP即使APP界面操作系统存在缺陷，也不会给用户造成多大的反感，而如果用户心情不愉悦效果就会相反。因此需要从用户情感入手，将APP界面设计为符合用户情感的风格，了解用户的内心需求和喜好，为用户设计出期望的产品特性，可以增强用户对产品最终的体验度，增加产品的市场占有率。

2.2.3 智能手机APP界面设计的认知评价体验层面。在智能手机APP界面设计过程中，在保持用户情感体验层面具有的基本功能外，认知评价体验层面是通过设计师进行产品差异化的重要方法，目的就是让用户感到产品设计的创造性。

3 以用户体验层面模型为导向的智能手机APP界面设计

3.1 智能手机APP界面设计的方向

在进行产品设计之前需要对市场中的成熟产品进行调查与分析，了解其他产品性能、功效等设计元素，然后通过调查结果进行分析，通过分析可以看出目前APP界面设计存在如下问题：APP框架与功能之间没有明确的界限、APP缺少品牌以及产品设计与用户需求之间缺乏沟通。针对以上问题我们需要确定智能手机APP设计的方向：首先需要对用户进行调查，构建以用户体验的APP界面设计，具体就是细化用户群体，根据不同的用户群体进行划分，比如针对即将推出手机APP的性质、功能等确定具体的使用群体；其次确定以认知、情感等因素的引导模式，保证构建的APP界面设计符合用户需求；最后根据用户体验层面模型确定设计方向。用户体验模型可以对产品的特性等进行确定，具体见图2。在确定了产品在用户体验层面模型中的类别后，采用形容词描述的方式来进一步具体化产品的特性。

3.2 智能手机APP界面设计的流程

3.2.1 根据用户需求制定需求列表。以用户体验式的产品设计就是将用户的需求纳入到设计的整个过程中，以此推动产品设计的实用性，增加用户对产品的黏度。另外还可以将用户邀请到研究设计中，及时将用户的意见纳入到产品测试中，并为最后的评估提供体验

依据。

3.2.2 界面的架构设计。架构设计主要是针对产品界面的导航设计和信息排布设计，其主要目的就是使用户在最短的时间内了解到自己想要的信息。目前移动互联网信息架构见图3。

3.2.3 界面流程设计与线框图设计。界面设计流程图是以图形化的表现形式形象地构建用户界面设计的基本过程，可以看作设计流程的指导图。该图有利于设计师按部就班地进行条理化的设计，也有利于不同设计部门进行高效地沟通，对新用户和复杂的流程有良好的逻辑引导。线框图是在流程图的基础上以手机APP功能实现为目标和中心进行的设计图形展示，说明了页面的基本构成和页面间的基本关系。线框图按照信息的优先级对信息的逻辑关系进行了良好的说明，为界面设计提供了图形化的设计蓝本。

3.2.4 界面的视觉化设计。视觉设计是用户最直接接触到的部分，合理的视觉设计遵循交互设计中的交互流程，界面具有层次感，可以准确地表达品牌形象，传达给用户最关键的信息。

4 结语

APP设计中用户体验的融入是获取更多用户群体的重要途径。特别在4G时代的到来，为APP的发展提供了更广阔的机遇平台，需立足于APP当前发展现状，正确认识用户体验融入的必要性，并在设备的界面设计以及内容设计等方面进一步完善，这样才可促进自身综合竞争实力的提高。

参考文献

[1] 杨东润.数字媒体中的交互设计对用户体验的影响——以资讯类手机APP应用为例[J].传媒，2015，（12）.

[2] 林刚，张碧涛.基于互动装置艺术的手机美图APP品牌运动研究[J].今传媒，2015，（3）.

[3] 陆远蓉.基于移动用户体验的APP设计[J].智能计算机与应用，2014，（8）.

[4] 单文盛，黎蕾.移动互联网时代手机动漫游戏传播模式研究[J].东南传播，2015，（6）.

作者简介：付昕（1984-），女，江西南昌人，江西信息应用职业技术学院高职讲师，硕士，研究方向：计算机图形图像制作。