基于IOS、Android手机设备应用程序交互适配设计研究报告

《基于IOS、Android手机设备应用程序交互适配设计研究报告》由会员分享，可在线阅读，更多相关《基于IOS、Android手机设备应用程序交互适配设计研究报告（54页珍藏版）》请在装配图网上搜索。

1、基于IOS、Android手机设备应用程序交互适配设计研究报告第九届西安高新“挑战杯”陕西省大学生课外学术科技作品竞赛申报作品作品名称：基于IOS、Android手机设备应用程序交互适配设计研究报告所属领域：自然科学类学术论文（信息技术）二一三年四月 第 4 页 第 3 页摘要如今互联网时代的飞速发展，其中移动互联网呈爆发式增长。在这个大背景下涌现了大批手机应用，市场上的同类产品很多。因此，如何做好用户体验显得尤为重要。交互设计 (Interaction Design) 作为一门关注交互体验的新学科在二十世纪八十年代产生了。广义上说，交互设计是一门如何使产品更加简单使用，如何使用户愉悦的新兴学

2、科。交互设计把人和产品的关系进行了最大尺度的调整，从用户体验入手、更关注人与产品之间的互动。本文首先简要介绍了关于交互设计学科与移动设备的发展背景，然后对比了手机端与电脑端的交互差异。通过线上问卷调查、线下用户访谈的方式深入了解了用户使用手机应用的方式，收集了大量关于使用手机应用时的交互数据，运用主观体验测量方法对数据进行客观科学地分析。最后得出了手机设备应用程序交互适配设计的6个设计原则，还针对对用户情感化研究提出了一些可行性设计方法与建议。关键词：交互设计 用户体验 移动设备 应用程序ABSTRACTToday, the rapid development of the Internet

3、era, which was the explosive growth of mobile Internet. In this context the emergence of a large number of mobile phone applications, many similar products on the market. So, how good user experience is particularly important.Interaction design (Interaction Design) as a concern interactive experienc

4、e new disciplines in the 1980s. Broadly speaking, interaction design is a how to make the product easier to use, and how to make user pleasant emerging disciplines. Interaction design and relationship to the largest scale adjustment, starting from the user experience, and more concerned about the in

5、teraction between people and products.This paper begins with a brief background on the development of interactive design disciplines and mobile devices, and then compare the difference of the interaction of the phone and computer sides. Through online surveys, user interviews line-depth understandin

6、g of the user to use the mobile application to collect a large number of interactive data on the use of mobile phone applications, the use of the subjective experience of objective scientific analysis of measurement data. Came to the conclusion of the six design principles, but also put forward some

7、 feasible design methods and recommendations for the user emotional phone device application design interaction adaptation.Keywords：Interactive design， user experience，mobile device，applications目录引言1第一部分 概论21.1交互设计理论背景21.2手机设备背景31.3课题研究3第二部分 课题研究概述62.1课题研究方向62.2课题研究分析6第三部分 针对目前IOS、Android手机端与PC端对比分析

8、103.1硬件设备对比103.2操作方式对比103.3场景需求对比11第四部分 基于IOS、Android手机设备应用程序交互适配设计原则研究144.1适配原则144.2专一原则164.3主次原则174.4简洁原则184.5反馈原则234.6统一原则25第五部分 基于用户情感化研究对手机设备应用程序进行交互适配设计285.1用户观望时285.2用户开门时295.3用户进门后305.4用户再来时325.5用户离开时33第六部分 针对目前研究成果对手机设备应用程序的产品设计建议366.1信息架构366.2操作流程376.3信息交互37第七部分 参考文献38第八部分 附录408.1调查问卷408.2

9、用户访谈主要问题438.3数据统计及说明44第 2 页 共2页引言2013年1月15日，据中国互联网络信息中心（CNNIC）在京发布的第31次中国互联网络发展状况统计报告显示，截至2012年12月底，我国网民规模达到5.64亿，全年共计新增网民5090万人。互联网普及率为42.1%，较2011年底提升3.8%。与此同时，我国手机网民数量快速增长。数据显示，2012年我国手机网民数量为4.2亿，年增长率达18.1%，远超网民整体增幅。此数据显示出了如今互联网时代的飞速发展，其中移动互联网呈爆发式增长。在移动互联网发展如此迅猛的大背景下瞬间涌现出了无数移动互联网产品应用，关于任何主题下的同类产品数

10、不胜数，随着大部分产品所提供的产品需求大同小异，因此，更多产品则更加重视细节，“用户体验”、“人机交互”、“用户研究”等一系列相关研究也随之应运而生，逐渐融入到大大小小的产品设计中。如今，用户体验已成为所有互联网产品设计最重视的环节。用户体验产生的前提条件是由用户使用或消费的产品，用户体验关注的是用户如何使用产品、解决问题、完成任务、达到目标的满意度等等。用户体验贯穿于产品从策划、研发、测试甚至到衰退的整个生命周期。因此，针对手机设备应用程序交互设计与用户体验影响因素的研究显得尤为重要。第一部分 概论1.1交互设计理论背景交互设计 (Interaction Design) 作为一门关注交互体验

11、的新学科在二十世纪八十年代产生了，它由IDEO的一位创始人比尔莫格里奇在1984年一次设计会议上提出，他一开始给它命名为“软面（Soft Face）”，由于这个名字容易让人想起和当时流行的玩具“椰菜娃娃（Cabbage Patch doll）”，他后来把它更名为“Interaction Design”交互设计。广义上说，交互设计是一门如何使产品更加简单使用，如何使用户愉悦的新兴学科。交互设计把人和产品的关系进行了最大尺度的调整，从用户体验入手、更关注人与产品之间的互动。就是洞悉消费者的心理，并依据消费者的心理，考虑消费者的使用习惯，将产品设计的更人性化，更舒适，更博得消费者的喜爱，走进消费者心

12、中。让消费者从心理、视觉、听觉、触觉等全方位得到满足。UCD（User Centered Design）是指以用户为中心的设计。是在设计过程中以UED（User Experience Design）为设计决策的中心，强调用户优先的设计模式。用户体验这个词最早被广泛认知是在上世纪90年代中期，由用户体验设计师唐纳德诺曼（Donald Norman）所提出和推广。ISO 9241-210标准将用户体验定义为 “人们对于针对使用或期望使用的产品、系统或者服务的认知印象和回应”。 1.2手机设备背景移动电话，俗称为手机。从性能上可分为智能手机与非智能手机，其中智能手机在如今市场上占据大部分比重。智能手

13、机（Smartphone），是指“像个人电脑一样，具有独立的操作系统，可以由用户自行安装软件、游戏等第三方服务商提供的程序，通过此类程序来不断对手机的功能进行扩充，并可以通过移动通讯网络来实现无线网络接入的这样一类手机的总称”。随着2007年由苹果公司发布iphone以来，彻底改变了手机行业，凭借其优秀的显示技术及优秀的用户体验迅速占领市场，以其优异地个性化、人性化设计，使手机行业正式进入到触屏时代。随后由谷歌公司推出的Android更是巩固了触屏时代的地位。目前，随着Symbian系统逐渐淡出历史舞台，市场上的手机操作系统以IOS及Android为主。更是有数以万计的app（第三方应用程序）

14、喷涌而出。随着智能手机设备的普及，人们逐渐习惯了使用APP客户端上网的方式。1.3课题研究1.3.1课题研究背景信息技术和互联网的日新月异，市场上的同类产品数不胜数，仅仅满足同种需求的产品就有好几种，这使得技术创新形态正在发生迅速转变，以用户为中心、以人为本的设计越来越得到人们的青睐。近年来，用户体验研究在很多互联网的大企业中也越来越受重视，甚至成立专门的用户体验部门去专门为产品做产品优化设计。现代设计的趋势是以人为本,关注人的感受和情感。交互的概念和交互设计学科就是在这样的背景下产生的。它利用多种手段、媒介实现了人和产品之间的交流和互动,其理念和技术也渗入到相关的多个学科。 科技发展与物质需

15、求提升,使得作为工具的产品性能与操作内容日益复杂。成功的产品设计已不再只是高科技内容的附庸,而是更多关注产品强大功能对于使用者的实际有效性。产品可用性研究逐渐成为工业设计乃至新产品研发与新生活方式探索的重要任务之一。随着用户有着越来越多的同类产品可以选择，用户会更注重他们使用这些产品的过程中所需要的时间成本、学习成本和情绪感受。1.3.2课题研究意义移动互联网迅猛发展，所衍生的产品应用多如牛毛。但其与传统互联网产品设计有很大地不同之处。将传统互联网的成功模式完美复制到移动互联网上更是难上加难。目前，交互设计在世界范围内还是一个新兴的行业，还没有形成完善的教育体系，各大公司的交互设计师基本上都没

16、有接受过正规的交互设计教育，大多是从其他专业转到交互设计，并且大多只能在实际的产品开发中不断的积累经验。移动互联网行业更是兴起不久，在其领域做过的针对性研究更是少之又少。虽然市场上的类似产品很多，但是大多龙蛇混杂，优秀的产品屈指可数。因此，针对手机设备应用程序交互设计与用户体验影响因素的研究显得尤为重要。第二部分 课题研究概述2.1课题研究方向本课题通过研究大量大众手机应用程序（app）对用户产生的体验进行分析，由于不同的产品所面向的产品定位与目标用户群不同，并且产品概念与需求特点等等都不尽相同，因此本次课题大部分研究大众程序的通用交互设计，也有小部分对特别产品的体验分析。根据产品情况建立用户

17、任务模型、心理模型等方法对手机应用程序产品设计目前存在的问题进行优化，协调用户与产品的关系，进而改善产品，使得产品更加贴近用户需求，通过对用户的理解，可以将用户需要的功能设计得有用、易用并且强大，更好地解决实际问题。2.2课题研究分析2.2.1用户行为理论图2.1 用户使用行为轨迹图用户使用行为是指用户为获取、使用物品或服务所采取的各种行动，用户对产品首先需要有一个认知、熟悉的过程。然后试用，再决定是否继续消费使用，最后成为忠诚用户。（如图2.1所示）通过对用户行为监测进行逻辑分析，可以更加详细、清楚地了解用户的行为习惯，从而找出产品存在的问题，有助于产品发掘出根本的体验漏洞，让产品更加精准、

18、有效，提高产品可用性，从而提升产品的使用体验。图2.2 用户使用行为应用图2.2.2研究分析角度由于该研究涉及领域较为深入，个人难以获得更多较全面与专业的数据与设备支持，因此研究分析过程中难免会有误差与问题。本课题研究针对用户视觉行为、用户操作行为及用户心理行为三个角度进行系统分析。用户视觉行为研究一般通过眼睛感觉测试与眼动仪测试来得到用户使用产品时的视觉感受与使用焦点等一系列数据用于做视觉UI分析研究，由于条件有限，无法亲自测试，此部分的大多数据来自于互联网与线上线下调查问卷获得。用户操作行为研究则通过录像、笔记等方式将用户使用产品的操作全过程记录下来，以此研究用户的操作步骤，其中重点分析其

19、与产品原先的操作设想的不同，这些不同点就是在产品设计过程中对用户产生的干扰。用户心理行为研究则通过线上线下调查问卷、用户访谈、深度访谈、现场研究、观察法与验后回顾等方法揣测用户心理，建立心理模型，进行可用性分析研究。2.2.3主观体验测量2.2.3.1简介主观体验测量方法一般要求被测验用户报告其直接感受到的体验，其测验方法是用标准化的量表来测量被试者的情绪体验。它们从不同的侧面揭示情绪的机理。2.2.3.2测量方法维量等级量表（Dimensional Rating Scale）是一个四维量表。伊扎德最初提出了八种维量，后经筛选最终确定了维量等级量表的四个维度，分别是：愉快度、紧张度、冲动度和确

20、信度。并做了详细解释：愉快维表示评估主观体验最突出的享乐色调方面；紧张维是表示情绪的神经生理激活水平方面的，它包括肌肉紧张和动作抑制等诸成分水平；冲动维涉及对情绪情境的出现的突然性，以致个体缺少准备的程度；确信维表达个体胜任、承受感情的程度。在认知水平上，个体能报告出对情绪的理解程度，在行动水平上，能报告出自身动作对情境适宜的程度。维量等级量表假定为量表应包括情绪体验、认知和行为三方面。所以，维量等级量表实际上包括着三个分量表，每个分量表由四个维量所组成。每个维量作五级记分。比如：你感到开心吗？情绪体验分量表愉快维；你感到紧张吗？认知分量表紧张维。在使用维量等级量表时，每种情绪都可得到其维量的

21、等级分析。即在12 个维量上分别选择五个等级。表2.3 维量等级表维量无弱中强极强情绪体验分量表愉快维12345情绪体验分量表紧张维12345情绪体验分量表冲动维12345情绪体验分量表确信维12345认知分量表愉快维12345认知分量表紧张维12345认知分量表冲动维12345认知分量表确信维12345行为分量表愉快维12345行为分量表紧张维12345行为分量表冲动维12345行为分量表确信维12345第三部分 针对目前IOS、Android手机端与PC端对比分析3.1硬件设备对比目前，市场上的IOS、Android系统的触屏手机多如牛毛，手机的功能也越来越智能，也越来越接近电脑。而手机与

22、电脑始终存在着巨大的区别。如表3.1所示，IOS、Android系统的触屏手机与电脑的常见硬件对比。表3.1 硬件对比表硬件触屏手机常用配置电脑常用配置屏幕分辨率320*240；480*320；854*480；800*480；960*640；1280*720等1024*768；1366*768；1600*900；1920*1080等主屏尺寸3.5寸；4.0寸；4.3寸；4.5寸；5寸；5.5寸等11寸； 12寸；14寸；15寸；17寸；19寸等上网方式手机卡宽带；无线网卡摄像头200万像素；300万像素；500万像素；800万像素等30万像素；130万像素等3.2操作方式对比表3.2 操作方式

23、对比表操作行为触屏手机电脑选择手指直接触摸鼠标、触摸鼠标移动操作手指滑动鼠标点击、滑动滑轮输入虚拟键盘、语音键盘其他多点触控；精准度低；便携性高；即时性强；可使用手势操作单一输入；精准度高；便携性低；即时性弱；可使用鼠标滑动形态操作如表3.2所示，触屏手机与电脑的操作方式对比可见，触屏手机与电脑的使用方式之间有着极大的差异，不同的操作方式也将导致设计时需要考虑不同的因素，其使用体验也将不同。3.3场景需求对比3.3.1使用场景：随着手机的普及，几乎人人都会有一部手机，使用手机的场景随处可见，而几乎随时随地都会使用到手机。并且使用手机应用服务的场景相当比较分散，不同于使用电脑的用户集中于空闲时间

24、。移动互联网用户除了在等待时间、乘坐交通工具时间时使用手机外，睡觉前、上课与上班时使用的比例也很高。图3.3 在公车上使用手机而由于硬件与操作的关系，使用电脑的场景则更多的是发生在家里、办公室甚至咖啡厅等等固定的地点。图3.4 在家里使用电脑3.3.2传统使用习惯：从移动互联网的概念提出之前的很长一段时间，人们使用手机还停留在打电话、发短信、听音乐、看视频、看小说与打小游戏等等相对比较单纯的功能。使用电脑时所做的则相对丰富很多，看新闻、看电影与打大型游戏等等都可以做到。3.3.3新型产品需求：图3.5 移动互联网新型产品随着移动互联网越来越火爆，科技发展得越来越迅速。人们的需求也越来越复杂，其

25、中涌现了一系列优秀移动应用产品。如今的产品需求正朝着查看附近的情况（LBS）、基于商务的O2O应用与社交SNS等等方向发展。而电脑方面，社交SNS与搜索领域则越来越火爆，其中，电子商务领域发展迅猛，网络购物变得越来越便捷。3.3.4综合特点综合而言，手机与电脑的使用特点差别非常大。使用移动应用时，容易受到周边环境、设备握持姿势等许多因素的干扰，但是使用电脑类应用时，最大的干扰往往来自于应用与应用之间的相互影响。并且手机使用应用的累计时间更短，但是由于使用场景比较固定，使用电脑应用时时间更长。并且由于手机便于携带的原因，手机应用相对于电脑的即时性更强，比电脑的使用频率更加频繁。第四部分 基于IO

26、S、Android手机设备应用程序交互适配设计原则研究4.1适配原则4.1.1为尺寸设计如今的手机屏幕尺寸越来越大，但是最大也不过5.5寸，相对电脑来说还是相差甚远，因此在如此狭小的屏幕上做设计是个很大的挑战。所做的产品设计不仅要针对小屏幕设计高效的交互效果，还需考虑操作行为，比如要靠手拿着，靠手指操作等。首先要做的就是省去多余的文字，句子里不应该夹杂太多文字。就像Krug可用性第一定律所讲的：“去掉每个页面上一半的文字，然后把剩下的文字再去掉一半”。 图4.1 人人网与Chrome浏览器的注册页面对比如图4.1所示人人网的注册界面很好的将服务条款与注册账号界面结合，整整节省了一个页面。账号与

27、密码提示以浅色显示在输入框中，避免了不必要的空间浪费，整个页面没有任何多余的文字。 图4.2 团800与360团购的首页页面对比如图4.2所示，团800首页将其所有功能元素放在首页中，导致各个元素之间相隔很近，很容易误点击，极易增加用户的挫败感；而360团购很好地将几个元素整合后分布到四个标签导航内，使每个目标的可点击范围够大，很好地节省了屏幕空间。4.1.2 44像素图4.3 使用44像素的区域苹果公司将指尖点击目标大小定义为44像素，任何应用的按钮都不能低于这个标准，这里的指的是可点击的范围，视觉看到的目标可以再小一点。这个标准也逐渐成为业界的标准。4.2专一原则如今的手机应用数以万计，仅

28、苹果公司的app store就有近百万的应用，而其中也有导航、工具、体育、娱乐等几十种分类。虽说市场上的同类产品很多，但这些产品大多张牙舞爪地四处掠地，恨不得把所有应用功能集于一身。但是最受欢迎的应用往往是功能最专一的应用，正所谓术业有专攻，唯有专心做好自己的根本工作，满足用户的核心需求才能成功。图4.4 有道翻译官应用首页如图4.4所示的有道翻译官的功能很简单，满足用户翻译语言的需求，整个应用没有任何其他多余的功能，哪怕是新用户也很容易上手使用。4.3主次原则由于手机屏幕有限，不可能一下子将所有产品功能全部展示出来，如同电脑端的软件一样，对于任何应用的操作都存在主次之分。如图4.5所示的人人

29、网首页中的说话、发状态、传照片、报到功能是重要功能，并且属于相同等级，而找人、聊天、查看好友等功能属于次要功能，因此需要点击设置后才会展现。 图4.5 人人网应用首页由于内容比较多，空间比较少，所以需要主要的内容先显示，次要的内容藏在“更多”里。当面对很多操作的时候，也要分清主次关系，注意哪些是希望用用户去做的，经常做的，哪些是不希望用户做的，不常做的，而对于希望用户去做的操作还要进一步分清主次关系。图4.6 360云盘登录页面如图4.6所示，登录与注册功能属于同级别功能，但是由于是登录页面，因此登录键颜色加深，而立即登录与忘记密码属于同级别功能，但是立即登录是希望用户去做的、常用的功能，所以

30、“立即登录”做成了颜色明亮的按钮；而忘记密码是不希望用户去做、不常做的功能， 所以使用了颜色相对弱化的文字链接的形式。要考虑清楚应用的主次关系，取决于需要重点引导用户操作的功能与通过用户研究与数据分析得出的功能相结合。4.4简洁原则4.4.1大胆删除大部分的手机应用都符合二八法则，即最重要的功能只占其20%，而其他的80%都是次要的。具美国某权威机构的研究报告称64%的软件功能极少使用过甚至从未使用过，因此通过大胆删除的方法可以有效地简化设计。但是在删除一些功能之前一定要仔细评估其重要性，避免删除掉本该有用的功能，不能随便删除，要总揽全局，找到最重要的功能实现给用户，而对于无用的功能设计可以大

31、胆摒弃。多余的操作会使用户烦躁，因此删除一些无用的设计显得至关重要。如图4.7所示的应用注册过程中在提取用户的生日时自动推算出年龄，减少了用户的多余操作，是大胆删很好的实用例子。即使是很小的错误也会导致用户烦恼，在对手机应用做产品设计的时候要时刻为用户着想，尽最大可能避免用户犯错误，消除错误也是删除设计的一部分。该应用使用了滑轮的方式，避免了输入时产生的错误。图4.7 遇见应用注册页面4.4.2重新组织对产品功能重新组织是产品设计的常见方法，但是在组织功能的时候往往会遇到很多问题，要考虑尺寸、视觉色彩、形状、功能搭配等，所以这时做组织的时候要有一个权重，只强调几个主题，按照这几个主题去组织，主

32、题太多会扰乱用户。重要的、相同功能类型的放在一个模块，按模块去组织。图4.8 旧版人人网应用首页如图4.8所示，人人网将其应用的所有功能很好地进行分类，分成了拍照、传照片、写日志、发状态、新鲜事、个人主页、好友、地点、消息与站内信10个模块。用户可以很轻易地理解每个模块的意义，信息架构很清晰。4.4.3适当隐藏多余的功能设计应该摒弃，但是有些不常用但是又必须存在的功能就只能使用适当隐藏的方法了。如图4.8所示该应用由于需要获取许多用户资料才可完成注册，因此将整个过程拆分成3个步骤，将繁多的录入操作很好地隐藏起来，使用户感觉不到烦躁。 图4.9 遇见注册页面适当地隐藏功能可以很大程度简化产品设计

33、，但是切记要精准控制隐藏，要是用户需要时能够找得到，否则效果会适得其反。隐藏很重要，适时出现也很重要。如图4.10微信首页所示的删除按钮只有在用户横滑页面才会出现，这样的设计防止了用户不必要的误点击，但是当用户需要删除时，又可以很快地找到。当然还有搜索框的显示问题，由于搜索框平时并不常用，当首次登录时并不会显示搜索框，唯有将整个页面下拉，搜索框才会出现。 图4.10 微信首页4.4.4灵巧转移该方法用于手机与电脑设备之间的转移最为多见。该方法可将较为重要但简单的功能用于手机端，然后将更为复杂的操作交给电脑端去处理。任何的设备都有自己的不足，移动设备更适合输入少量文本、显示少量信息、传输速度慢、

34、随时精确确定地理位置等等，而桌面设备则恰恰相反。注意将正确的功能放到正确的设备上去显得尤为重要。如图4.11所示，360手机助手聪明地抓住了手机网络下载速度慢这一需求，将下载的任务转移给电脑端，将下载好的任务再传给手机，实现了灵巧转移。类似的应用还有360云盘，可以将手机上的资料同步到互联网，然后由电脑端访问处理，都是同样的道理。图4.11 360手机助手电脑版与手机版灵巧转移的精妙之处就在于将适合的任务交给适合的设备去做，进而减轻原先设备的负担，起到简化功能的设计。4.5反馈原则4.5.1打断反馈图4.12 UC浏览器打开网页状态如图4.12所示的浏览器打开页面时的进度条可以很好的反馈给用户

35、此时的网页下载进行的程度。从心理学的角度来说，时间是相对的，事情发展得快慢取决于周围环境，取决于视觉的分散程度。即使网页打开得总时间不变，但是用户的心理感受会显得网页打开得更快。类似的情况还有俗称的“菊花转”、程序启动时的闪屏等等，可以表示该程序正在正常运转，给用户一个很好的反馈，使用户不会烦躁。反馈原则在产品设计中有时就像是人与人之间的对话一样，当某人说出一句话是必然希望对方会有怎样的回应。用户每做出一个操作，都希望能及时收到信息的反馈。因此，让用户时刻清楚自己此时的状态、自己的每一步操作都显得十分重要。大多数人在做一件事的时候都不希望被人打扰，如果是因为无关紧要的小事，更会使用户烦躁。因此

36、在进行手机应用设计的时候要谨慎使用警告框、提示框、推送通知等等，因为此类操作会经常打断正在进行某个行为的用户。要用适当的方式向用户展示重要的消息，不要太粗鲁，不要使用户太紧张。图4.13 某应用的推送提醒就像如图4.13所示的推送通知提醒，在用户首次使用的时候询问是否可以发送推送通知，如不需要即可取消，也是尊重用户的表现。在做推送通知的时候要注意推送的内容、推送的时间与推送的方式，要做到需要时显示需要的信息。类似于使用警告框弹出欢迎消息、让用户去评分、长时间不用需要回访等等都是不尊重用户的设计。但是当不得不出现警告的时候也千万不能吝啬。4.5.2引导反馈视觉反馈还有一种引导用户操作的好处，经过

37、调查研究发现，相同位置摆放的按钮，颜色突出的重视度会高一些。图4.14 美团网某商品展示页面如图4.14所示的美团网的某商品展示页面，立即抢购的按钮相比其他文字显得格外突出，并且始终驻留在页面上，无形中也在暗示用户购买。类似的设计还有很多，包括大多数应用的登录界面中的忘记密码属于不常用功能，所以都会做得十分不起眼都是一个道理。针对视觉的重视度上来说，高亮颜色大于浅色，浅色大于下划线，下划线大于普通文字，普通文字大于浅色文字，在不同的场景应用不同方法修饰界面显得格外重要。任何的视觉反馈做好了，都会使用户进行更多地浏览、更多地搜索、更多地购买，起到意想不到的效果。4.6统一原则4.6.1样式统一为

38、了降低用户的认知难度与操作成本，同样功能需要尽量采用同样的样式设计，如果没有更好的设计，采用通用的标准设计更保险。 图4.15 短信聊天界面与微信聊天界面如图4.15所示，微信作为一款即时通讯软件，聊天界面采用与手机内置短信聊天界面一样，包括熟悉的导航条，都很好地降低了用户的学习成本， 哪怕新手用户都会很快上手。用户对某一样式有了认知以后，根据用户的心理模型，用户使用其他类似样式的时候会很自然地想到之前所认知的，也会做同样的操作。在用户需要时，要适当地提醒用户。这时还要切记当使用了统一样式后，避免使用其他功能，不要轻易改变用户的期望。4.6.2拟物设计还有一种更好的降低用户的认知难度与操作成本

39、方法就是拟物设计。统一样式的好处显而易见，拟物设计更是对此更上一层楼。拟物设计可以轻易产生视觉冲击，使人产生身临其境的感觉，拉近产品与使用者之间的距离，使用户更轻易地理解产品。图4.16 某3D游戏界面如图4.16是一款目前很火爆的游戏，该游戏很好地利用拟物设计制作了手机上的“魔方”。甚至不需要太多地引导页，只要一看到这个界面用户就会自然而然地想到使用它的方法。类似的设计还有手机的拨号界面，大多采用了九宫格的形式，这一设计也正是模仿了传统的电话拨号界面，很好地降低了用户的认知成本。但是，并不是所有的拟物设计都是好的，因为手机应用程序与实物始终还是有差别的。目前大部分的程序都是显示二维内容，而实

40、物都是三维的实体，两种控制方式与操作手法还是有很大的差别。并且用户还不一定有使用经验。在做手机应用拟物设计的时候，切记不要一味地模仿实物、模拟界面、模拟功能，要做到取其精华、去其糟粕。第五部分 基于用户情感化研究对手机设备应用程序进行交互适配设计5.1用户观望时当用户不了解一款应用的时候，确定是否下载的重要的因素是图标与应用的介绍。对于用户的第一印象来说，应用图标更为重要，甚至要比应用名称还要显眼。在应用下载中心，往往是一堆应用图标堆积在一起，所以优秀的产品应用的图标往往都很特别。但是再酷的图标，如果不能立刻清晰地让用户知晓其意图，那也是个失败的作品。制作图标最重要的就是清晰明了，用来描述应用

41、功能、名称，然后再去讨论它的特别。当然，对于一些已经在某领域里的名声深入人心的时候，则可以考虑仅仅使用logo作为图标。图5.1 优秀的应用图标5.2用户开门时当用户下载了某款应用了以后也并不代表他（她）会成为忠实用户，当用户首次启动应用的时候，按照反馈原则，首先会遇到启动图像，启动图像做的好会大大减少用户的等待感受。但是更为重要的自然是引导页，当用户并不熟悉某款应用的时候，引导页似乎就成为了一个很重要的介绍应用的方法，但是根据调查发现，目前大多应用的引导页做得绚丽缤纷，不够简洁、清晰，反而导致许多用户已形成条件反射，几乎不看引导页上的介绍，而直接进入应用。因此，最近涌现出大批应用使用了新的方

42、法，通过用户进入应用后通过对应用上的功能做介绍来引导用户操作进而使用户迅速熟悉应用，这种方法对新用户的使用起到了很好地效果。引导页的权重慢慢被削弱，有的甚至放弃了引导页的使用。但此时应注意要适可而止，并且留出可取消的选择来应对老用户。 图5.2 QQ浏览器引导页与功能注释如图5.2的QQ浏览器的引导页所示，该产品的引导页使用了十分简洁的引导页，右上角的按钮还可以取消引导页直接进入应用，并且进入应用后还针对具体的功能进行了解释用来引导用户操作，可以使新用户迅速了解该产品的功能，也适用于新功能上线。同时也给老用户提供了取消引导的操作。5.3用户进门后5.3.1用户眼中的app首先我们要知道用户大部

43、分时间使用手机应用的时候是扫描而不是阅读，不同于电脑，使用手机的场景是变化的，并且用户的时间是宝贵，用户不会花太多时间去研究手机应用上的所有功能，只会寻找并使用对自己有用的信息与功能。 图5.3 用户使用手机应用时所看到的效果如图5.3所示，用户使用手机时所看的往往与产品设计时所设想的相差很大。用户一般只会搜索自己需要的信息，而且一般不会做过多挑选，而是满意就行。有时候用户并不会吹毛求兹，只要发现某个功能能够勉强使用，用户就会去使用。因此如何抓住用户的根本需求显得格外重要。5.3.2注册表单当用户对某个手机应用产生好感的时候一般都会注册成为会员，但正是注册过程会经常使很多用户望而生畏。由于手机

44、屏幕的局限性，通过手机输入大量信息是很繁琐的事情，更别说输入大量隐私信息。 图5.4 某应用注册页面与设置页面注册表单上要尽量减少太多的信息，就算一定要输入很多的信息，也应当将信息分类整合拆分成几步，减少用户的压迫感，并且提示信息越简洁越好，如图5.4所示，但是注册流程越短越好，因为用户可能随时被周围环境干扰进而中断操作。同时能帮用户做的就帮用户做，比如所在城市可以利用手机定位功能实现；通过出生年月自动推算出用户年龄；输入邮箱时能够智能匹配等等，从而避免用户手动操作。并且有些信息不一定非要注册时输入，比如很多详细的个人信息可以等到用户使用应用需要时自己主动填写。5.4用户再来时5.4.1用户登

45、录跟电脑不同的是，手机大部分情况下属于个人独自拥有，为了减少用户的重复性操作，在做产品设计的时候可以大胆使用启动时自动登录，但是为了避免意外情况的发生，当涉及一些重要信息或者钱财的时候则需要再上一把锁。 图5.5 支付宝应用启动页面与支付页面如图5.5所示，由于支付宝应用涉及钱财属于重要信息，因此在登录与支付页面都必须输入密码才可操作，并且登录页使用了手势解锁，比输入解锁更有趣。5.4.2产品设计产品设计时一定要注意几个要素：实用、有趣、惊喜等。要想使用户成为忠实用户，首先必须要能满足用户的核心需要，不能满足需求的产品只是个空壳。同时，在产品设计中要注意不能太枯燥，在恰当的时候设计一些幽默的、

46、人性化的语言或操作，使用户感觉不到是在“用”，而是在“玩”。不能一下子把所有的功能全部展现出来，一方面是由于会导致信息过于臃肿，给用户造成混乱；另一方面，要适当给用户一些惊喜，当用户需要的时候就能找得到。惊喜可以以奖励的方式出现，可以出乎用户意料，超出用户的期望值会给用户带来更多的快乐，也会使用户更加忠实产品。5.5用户离开时5.5.1退出用户不可能一直停留在应用中，总有会退出的时候，这时候应该做得及其简单而不是让它变得复杂。首先当设计退出功能时，为了避免用户的误操作，不能将它放在一个易触摸的位置上，也可以设计得不那么清晰可见，但是要保证当用户需要退出能够找得到。图5.6 微信设置页面 如图5

47、.6所示的微信应用，将退出键放置到设置区的底端，并且用了红色，很好的区别了其他按键，使用户在常规操作的时候并不会轻易触碰到并且需要使用的时候它又会很明显地出现。5.5.2离开如今手机应用产品竞争十分激烈，当产品无法再解决用户的需求或者让用户失望的时候，用户就会一去不复返。这时，首先要先调查用户为何会离开，针对问题进行调整。然后可以适当给用户发些提醒，但一定要注意措辞要幽默与人性化一些。通过幽默诙谐的信息、产品设计人员与用户之间的交流也许有机会会使离开的用户重新对产品产生兴趣。但是要注意不要做得太过火，如果用户只是想暂时离开，过多地打扰只会让他（她）永久离开。并不是每个用户都会喜爱一款产品，总会

48、有一些用户坚决不再使用某个产品。这时也应该尽量避免让用户感到自己受到了限制，应该大度地为用户做最后一个服务，比如：当用户要注销某个SNS社区账号的时候应该将用户使用时产生的聊天记录、照片、视频等信息还给用户。也许可以抓住最后一个机会使用户重新使用该产品。对于任何一个应用来说，用户离开都是一个很简单平常的事情，不能欺骗或强迫用户偏离原先的意愿而留下来，对产品也不会有任何帮助。唯有大度地认识到自己的不足，为一个并不满意的用户也提供积极的服务才是一个优秀的产品。有时也会起到意想不到的效果。第六部分 针对目前研究成果对手机设备应用程序的产品设计建议6.1信息架构手机应用产品设计信息架构时，要适当展示功

49、能、操作，根据二八法则，只需将主要的20%的功能展示出来，放在主要的界面上，而其余的80%放在次要的界面上，当用户需要时自己去发现使用。要适当给用户出乎意料的功能以满足需求。当产品提供了这类兴奋性需求中的服务时，顾客就会对产品非常满意，从而提高顾客的忠诚度。图6.1 卡诺模型切忌设计过多的信息结构，人类头脑最好的状态能记忆含有7（2）项信息块，在记忆了 5-9 项信息后人类的头脑就会开始出错。最好的信息选项最好不要超过5个。6.2操作流程要合理引导新用户进行操作，新用户的培养往往是最难的，不能设计太多太杂的操作流程，过于复杂的流程设计会使新用户迷茫、无从下手，同时也会对对产品概念也会产生歧义。

50、设计流程时要注意留出明显地后退操作，不能使用户进入某个操作后返回的成本太高。6.3信息交互设计信息交互时要注意容错设计，合理利用系统反馈，可以在用户可能误操作前显示提示信息，给用户适当的指导与建议，当用户已经误操作后一定要报错，还要给用户清楚地解答。用户的任何操作都是无法预知，可以适当限制用户的操作以保证不犯错也是很好的设计方法，从根源上切断用户误操作的可能。要减少用户的认知混淆，要适当使用界面的显示效果，不同的显示效果所代表的操作意义都不一样。比如：按钮在某种情况下无法使用时，一定要将按钮灰掉。要注意使用文字注释，过长的文字不会由用户去注意，一定要使用简洁明了的文字进行说明，可适当使用颜色加

51、以润色。第七部分 参考文献1 Alan Cooper,Robert Reimann,David Cronin. About Face 3交互设计精髓M. 电子工业出版社, 2012年.2 Saffer D. 交互设计指南M. 机械工业出版社, 2010年.3 UCDChina. UCD火花集2:有效的互联网产品设计 交互/信息设计 用户研究讨论M. 人民邮电出版社, 2011年.4 Hoekman R, Jr.,Jared Spool. 网站设计解构 : 有效的交互设计框架和模式M. 人民邮电出版社, 2010年.5 Cagan M. 启示录 : 打造用户喜爱的产品M. 华中科技大学出版社,

52、2011年.6 Steve Krug,De Dream. Dont Make Me ThinkM. 机械工业出版社, 2006年.7 Garrett J J. 用户体验的要素 : 以用户为中心的Web设计M. 机械工业出版社, 2007年.8 Colborne G. 简约至上 : 交互式设计四策略M. 人民邮电出版社, 2011年.9 Johnson J. 认知与设计 : 理解UI设计准则M. 人民邮电出版社, 2011年.10 唐纳德A诺曼. 设计心理学M. 中信出版社, 2010年.11 Clark J. 触动人心 : 设计优秀的iPhone应用M. 电子工业出版社, 2011年.12 H

53、oekman R, Jr. 瞬间之美 : Web界面设计如何让用户心动M. 人民邮电出版社, 2009年.13 闫荣. 神一样的产品经理：基于移动与互联网产品实践M. 电子工业出版社, 2012年.14 张文霖,刘夏璐,狄松. 谁说菜鸟不会数据分析M. 电子工业出版社, 2011年.15 Cennydd Bowles,James Box. 潜移默化 : 用户体验设计行动指南M. 机械工业出版社, 2011年.16 原研哉. 设计中的设计M. 广西师范大学出版社, 2010年.17 杨艾祥. 下一站用户体验M. 中国发展出版社, 2010年.第八部分 附录8.1调查问卷基于IOS、Android

54、手机设备应用程序交互设计与用户体验影响因素调查问卷您好！在此首先对耽误您宝贵的时间参与调查深表感谢，此调查作为 “挑战杯”全国大学生课外学术科技作品竞赛的参赛项目，旨在了解目前触屏手机设备应用程序交互设计与用户体验影响的因素，您所填写的问卷将被郑重对待，本问卷实行匿名制，所有数据只用于统计分析。因此请您根据自己的真实情况如实填写本卷，谢谢合作！填写说明：选择题请您在确认的选项前的“”内打“”。问答题和有需要补充回答的直接写在题目以及选项后的横线上。1、您的性别？（单选题）男 女2、您的年龄？（单选题）18岁以下 18至30岁 25岁至40岁 40岁以上3、请问您的文化程度是？（单选题）初中以下

55、 高中 大专 本科 硕士 博士及以上4、您使用过触屏手机应用吗？（单选题）使用过 没有使用过5、您每天花在玩手机应用的时间大概有多少？（单选题）30分钟以下 30至60分钟 1至2小时 2小时以上6、您比较青睐下载什么样子的应用呢？（多选题）图标漂亮 名字有特点 朋友推荐的 好评多的7、您使用手机应用时觉得什么因素比较重要？（多选题）运行流畅 功能多 界面漂亮 界面简单操作简便 免费 8、您是否会注意应用启动引导页？（单选题）经常 偶尔 几乎不 从不9、您对应用明显位置中显示很多平时不用的信息的看法如何？（单选题）很喜欢 还可以 没感觉 不喜欢 讨厌10、您对应用中界面元素紧凑的看法如何？ （

56、单选题）很喜欢 还可以 没感觉 不喜欢 讨厌11、您对操作过程中发生的误点击的看法如何？（单选题）很喜欢 还可以 没感觉 不喜欢 讨厌12、您对操作过程中突然被系统打断的看法如何？（单选题）很喜欢 还可以 没感觉 不喜欢 讨厌13、您卸载手机应用的原因是什么？（多选题）广告太多 没有想象中有意思 不会玩 浪费流量发现更好的同类产品 收费 老是更新版本 运行卡顿14、您是否会因为注册时需要输入太多信息而选择放弃使用？（单选题）经常 偶尔 几乎不 从不15、您卸载一款应用后是否还会重新下载使用？（单选题）经常 偶尔 几乎不 从不16、您对手机应用设计方面有什么建议和意见？（开放题） 感谢您的参与！

57、8.2用户访谈主要问题1、您一般用手机做什么事情呢？2、手机里都下载了哪些应用呢？喜欢哪几个？不喜欢哪几个？为什么？3、平时是怎么使用这些应用的？4、使用手机应用时喜欢哪些操作？不喜欢哪些？哪些设计使您印象深刻？5、比较偏爱界面元素按钮较大的还是较小的？是否会注意文字较多的提示信息或其他文字？6、在初次使用一款陌生应用时，对注册阶段遇到过什么问题？7、对于一款集合功能很多的应用有什么看法?8、当使用应用过程中如果被突然打断操作会又怎样的心情？为什么？9、对一些界面元素色彩绚丽的应用是如何操作的?10、什么原因会导致您卸载一款应用？卸载后是否还会重新使用？8.3数据统计及说明8.3.1调查基本情

58、况本次调查使用了线上发布与收集调查问卷与用户深度访谈的方法获取数据，线上调查问卷共计收集了294份，经过筛选最终确定有效问卷282份。并选择了20位目标用户进行用户访谈，调查重点包括用户视觉行为、用户操作行为及用户心理行为等三个部分。8.3.2数据统计及说明表附8.1 调查问卷中男女人数比例性别人数比例男15755.67%女12544.33%图附8.2 问卷调查用户年龄分布图附8.3 问卷调查用户文化程度分布图附8.4 问卷调查用户使用手机应用时间分布表附8.5问卷调查用户青睐下载的手机应用元素分布（可多选）元素图标漂亮名字有特点朋友推荐好评多其他人数18917622716749表附8.6 问

59、卷调查用户喜爱的手机应用元素分布（可多选）元素运行流畅功能多界面漂亮界面简单操作简便免费其他人数2318714318621113878图附8.7 问卷调查用户重视引导页与否图附8.8 问卷调查用户对应用明显位置中显示很多平时不用的信息的看法图附8.9 问卷调查用户对界面元素紧凑的看法图附8.10 问卷调查用户对操作过程中发生误点击的看法图附8.11 问卷调查用户对操作过程中突然被系统打断的看法图附8.12 问卷调查用户卸载手机应用的原因（可多选）图附8.13 问卷调查用户因为注册时需要输入太多信息而选择放弃使用的情况图附8.14 问卷调查用户卸载一款应用后是否还会重新下载使用的情况第 48页 共 48 页