不同终端下同一App界面差异化设计论文

不同终端下同一App界面差异化设计论文摘要：成功的具有良好用户体验的App应用程序界面设计涉及多个学科的交叉，跨学科合作已成为构建良好用户体验的必备条件，只有通过跨专业专家诸如设计师、架构师、程序员、社会学家、心理学家的参与，才可能激发更具创新意义的新型用户体验的设计。

序言随着网络的快速普及、移动互联网技术的日趋成熟，便捷的移动终端独有的定位使之成为人们日常应用的标配，其使用特性让人们日常生活的各个环节都在发生着巨大的变化。

与此同时带来了第三方应用程序的剧增，用户可以随时随地在智能终端通过App应用程序完成诸如社交、资讯、旅行、餐饮、购物、健康、支付等行为，第三方应用程序已成为移动互联网的关键应用，它为用户创造了新的角色，重新塑造着用户的人际关系，带来的是人的行为方式和生活方式的改变。

移动终端与App应用程序移动终端的定义是指可以在移动中使用的便携式计算机设备，目前约定俗成被理解为具有多种应用功能的智能手机以及平板电脑。

随着网络和技术的发展，移动通信产业正走向真正的移动信息时代，移动终端已经成为一个综合的信息处理平台。

App的定义是指英文Application（应用程序）的简称，由于iPhone智能手机的流行以及相应App应用的开启，现App泛指安装在智能手机的第三方应用程序。

移动终端App应用程序界面是人与移动终端的“对话”窗口。

这种“对话”的背后更值得研究的是用户的需求和期望值以及用户的行为习惯。

在App应用程序开发的过程中，用户的动机、需求、行为、习惯和喜好等，会直接影响应用程序产品后期各个层面上的设计，界面设计绝不能被简单的看作可被触控的屏幕图形设计。

用户是否觉得设计的界面是好用的，他们能否通过对界面的操作达成目标，整个使用过程中是否具备良好的体验感，研究移动终端表层的物理属性和背后深层次的行为逻辑，才是我们当下App应用程序界面设计的关键所在。

不同移动终端App使用中用户体验差异化分析—iPhone VS iPad ISO 9241-210标准将“人们对使用或期望使用的产品、系统或者服务的看法和反应”定义为用户体验。

为此，ISO还附加说明解释：“用户体验包含了用户在使用一个产品或系统之前、使用期间和使用之后的全部感受，涉及情感、信仰、喜好、产品印象、生理和心理反应、行为和任务完成等各个方面”，并将技术、用户和使用环境列为影响用户体验的三个因素。

其中用户是主导，技术与使用情境是条件。

当技术或使用情境发生变化时，用户群体便会发生改变，用户体验的范畴也就随之发生改变。

[1]iPhone作为智能移动终端对第三方应用程序的兴起和推动，并为了方便差异化对比研究，本文且限定在iOS系统平台对iphone和ipad进行比对分析和探讨，以期提示在进行同一App应用程序界面设计时，将这些因素纳入到设计思考范畴中。

1.屏幕尺寸移动终端的屏幕是用户体验的核心。

用户不光是在上面浏览文字、图片和视频，更多的还在与屏幕进行多点触摸交互，不同的尺寸和分辨率对用户体验有着直接的影响。

iPhone 5S与iPad屏幕尺寸有着巨大的差异，这直接影响用户的操作空间。

同一App应用程序在两种终端下如何对现有空间进行合理布局，以及所呈现给用户内容的多少，都应经过深思熟虑。

针对两种不同终端设计App应用程序界面时，屏幕尺寸的差异性是用户体验考虑的第一要素。

2.使用情境使用情境是指用户在何时何地如何使用产品。

基于iPhone与iPad用户使用特点，用户在使用两种移动终端的具体情境上存在很大程度上的不同。

iPhone由于尺寸小、重量轻、随时随地随身携带，其使用情境很宽泛。

iPad由于尺寸相对大、重量重、不适合随时随地使用，因此，iPad通常用于工作后的闲暇时光，使用情境特点为相对固定。

3.操作方式由于两种终端的尺寸、重量及使用情境的不同，导致了用户在两种终端操作上行为的差异。

基于iPhone的尺寸用户一般使用拇指进行单手操作，但对于iPad用户一般会将其放置在桌面或腿上，或双手握持状态下进行操作，也就是说iPad自身产品的物理属性和使用情境的差异注定了它与iPhone操作方式的差异性。

因此在设计App 应用程序的时候就要考虑两种用户的操作习惯，通过这些因素来考虑界面布局、层级、手势设计等，这样才能为用户在操作App的同时带来愉悦的体验感。

4.任务流程用户打开App去完成某些任务，在不同终端下用户所完成任务的步骤是不同的，带给用户的体验也不一样。

由于尺寸、使用情境及操作特点的差异，导致iPhone的任务流程倾向于单任务纵深式的，而iPad的任务流程则会尽量扁平化层级，可以利用空间优势，在简单操作下为用户展示更多的内容，帮助用户更快捷的完成当前任务。

以用户体验为中心的不同终端下同一App界面差异化设计基于用户体验下的移动终端App应用程序界面设计流程大致分为三个部分：1.用户研究与产品定义；2.界面中的架构设计；3.界面中的视觉设计。

但依据不同终端的特性，又会在具体的设计中进行有针对性的不同的设计处理。

1.用户研究与产品定义用户研究通常是指采用观察和访谈等方法来获取一些有关产品的真正用户和潜在用户的定性式数据研究。

我们常从研究数据中提取行为模式，用以揭示用户使用产品时的目标和动机。

随后，我们为这些目标构造出虚拟的人物角色，用它来代表在目标与动机、使用行为、态度方面有明显特征的一些用户群。

同时，通过对该人群的前期了解，进一步调研并分析他们需求可能带来的产品机会，以产品定义的形式针对可能的产品机会提出具体的设计要求，尝试将一系列产品功能提炼成一份产品定义，这份报告需准确地描述目标用户有哪些，以及此产品是什么，产品所提供的主要功能和特点等解决方案。

同一App在iPhone与iPad不同终端里，这部分的研究与定义是一致的。

2.界面中的架构设计App界面架构设计涉及到用户的操作行为，针对不同终端在不同使用情境下用户行为的分析可以帮助我们更深入地了解用户，通过观察用户的行为能帮助建立合理的架构以及后期有效的视觉跟进。

架构设计决定了App应用程序界面的整体结构，设计的形式和用户的行为必须是一致的，架构设计包括任务或功能架构、信息架构和交互架构。

任务或功能架构主要分析在整个App应用程序中用户要完成哪些任务流，这些流程可帮助我们梳理App应用程序的信息架构。

信息架构可以清晰地展示出各层级信息的设定与导航，准确的信息架构让用户与移动终端的人机交互更高效。

交互架构不仅定义了高层次上的屏幕布局，也定义了产品的工作流、行为和组织。

针对iphone而言，App应用常是线性的纵深式连贯操作。

一般来说，操作的深度需适度控制，因为随着深度的增加，每一级别都会有不同的功能甚至承载上一级的功能或逻辑，深度越多，用户就会感觉步骤越复杂。

iPad终端由于尺寸优势，有足够的屏幕空间为用户呈现更多的内容，因此，其信息架构常设计为扁平化多层级的，我们在iPad上经常会看到单屏中分屏分层级切换处理，它的结构上减少了界面不断返回的麻烦，交互方式也相对简单，可以为用户带来便捷的体验感。

3.界面中的视觉设计App应用程序的用户界面视觉设计以用户的目标、需求、期望和使用情景等为基础，以产品的商业和技术制约为前提，通过视觉表达恰当地将内容、功能、行为、风格和品牌等信息传递给用户。

同一App在iPhone与iPad不同终端里，整体界面的视觉设计应保持行为逻辑上的一致性和视觉识别上的一致性。

界面布局框架同一App在iPhone与iPad不同终端里，整体界面布局框架应保持行为逻辑上的一致性，当主要的导航、工具栏和交互方式等相对统一时，能协助用户在不同终端下切换后依旧能迅速定位，用户无须重新适应新的界面环境，减少用户认知难度，提升用户使用的效率，增加体验度。

视觉信息层级界面视觉设计中表达信息的层级关系，可以利用尺寸、位置和色彩等来创建清晰的视觉信息层级。

通常最为重要的内容所占尺寸相对较大，位置也更为显眼，容易引起用户关注。

对于iPhone触控屏来讲，用户是直接用手指操作，所以设计要适合指尖操作，根据官方给出的设计指导，44×44像素是一个图标较理想的尺寸，而iPad最佳理想的图标尺寸是72×72像素。

色彩的色相、饱和度以及纯度的使用也是信息层级的一种表达，不同层级的信息需要色彩层级逻辑的配合。

界面视觉风格界面视觉风格设计里需考虑到与App产品属性对接、品牌信息的传达和个性化选择的可能性。

App应用程序的界面视觉风格应从产品属性出发，实现视觉风格与品牌信息协调一致，为App应用程序界面选择支撑品牌的合适的布局、色彩、图像体系，是建立品牌积极印象的良好手段。

iPhone与iPad 中同一App应用程序界面设计的视觉风格应是一致的。

App应用程序界面构建个性化是为了帮助用户根据自己的喜好而进行选择，是用户个人意识在界面上的显现。

App应用程序界面的个性表达可以为用户提供不同的视觉风格来满足用户的个性化需求。

需要注意的是，个性化表达必须容易撤消，让被改变的部件恢复默认的状态。

界面详细设计界面的详细设计中涉及到非常多的细节，诸如导航栏、工具栏、信息反馈上。

导航栏用以显示用户当前位置，同时还承载主要功能操作切换。

对于同一app在不同终端下构建高效的导航，通常我们需相对统一导航的界面位置、色彩等视觉属性，尽量使用极简的视觉风格表达，避免无谓的细节表现。

工具栏是当用户需要对当前界面内容进行操作时，所设定的一些工具选项。

由于iPhone与iPad的终端物理特点和用户行为习惯，工具选项设计的位置针对不同终端会有适宜的位置变化。

信息反馈是App应用程序设计中的重要元素，触摸屏使用中是借助于界面内的图形、颜色变化、声效或震动进行信息反馈，同时，由于手指触摸这种操作方式的特点，手指在点击界面时必然会遮挡点击部分，不同终端下需考虑信息反馈的大小位置及方式，及时有效地告诉用户操作结果。

此外，移动终端App应用程序界面既然是人与移动终端的“对话”窗口，界面的视觉设计也需要具有情感体验方面的考虑。

界面中的情感表达源自前期用户研究所得的数据，以此判断特定用户需求、期望及喜好，针对不同的用户群体，在视觉设计时借助色彩、肌理和图形实现有效的情感表达，提供有针对性的适宜的视觉设计方案。

除美观之外，情感的体验反应还与很多因素有关，不同的经历、个人的偏好等都是影响情感的因素。

情感表达会根据用户研究而选择合适的视觉暗示，相同文化背景下人的行为大致相同，通过观察其行为都可以被预知，具有相同文化背景的用户对界面的情感反应也大致相同。

结语如今，越来越多的人已经认识到用户体验引导着产品研发、设计与服务，在App应用程序的界面设计中，必须深入地对用户进行研究，构建合理的用户心理模型、任务流程、信息架构、交互架构及视觉设计，从而使用户在App使用中便捷地获取信息并进行流畅的操作，获得愉悦的、有趣的体验，形成用户体验生命周期的良性循环。