《移动应用的用户界面设计模式-中英文翻译.doc》由会员分享，可在线阅读，更多相关《移动应用的用户界面设计模式-中英文翻译.doc（13页珍藏版）》请在金锄头文库上搜索。
1、移动应用的用户界面设计模式Erik G. Nilsson SINTEF ICT, Postboks 124, Blindern, N-0314 Oslo, Norway egnsintef.no摘要：在本文中，我们目前针对移动应用的用户界面设计模式的集合。在收集的模式是分成的问题，进一步分为三个主要问题领域的地区设置。经过预先发送这个问题的结构，我们目前在一些细节上发现了一些模式。然后，我们目前从一些有关的研究结果验证模式集合。该验证表明，两种模式的集合和个人模式和混合背景的可用性专业人士的相关有用。最后，我们讨论了使用记录设计知识，相关的工作和今后的研究的一个模式格式的利弊。介绍在本影和FL
2、AMINCO项目中，我们已经开发了一套设计准则，以帮助发展中国家更多的用户友好的应用程序在移动设备（掌上电脑/智能手机），如何解决移动设备的用户界面设计时出现的各种问题给予实际的意见。这些准则设计的主要部分是(参见文献5)(模式集合http:/www.sintef.no/flaminco)的移动应用程序的用户界面设计模式的集合。每个问题提出了关于设计模式的格式(参见文献4)。模式集合在处理问题的“来源”是本影和FLAMINCO项目的重新要求引出的阶段，并实践光学经验，在开发和利用项目的合作伙伴之间的移动应用中发现的问题。主要问题领域设计模式的指导方针是按照给定的结构在模式集合中提出来的。在顶层
3、，他们被分成三个主要的问题领域。在这三个主要问题的每2个问题里，少数问题领域是被定义的。在每个这些问题的地方，一部分问题是不确定的。 如表1所示，在表列出了一些确定的26个问题，与他们连接问题领域（用户界面设计模式）。表1 用户界面设计模式和问题领域的连接表格要显示出来主要问题领域问题区域 个人问题 /界面设计模式 屏幕空间的利用一般的屏幕空间 提出元素列表原则和机制的分组信息机制包装信息用户界面的灵活应用处理对话框当软件键盘显示/隐藏支持肖像和风景模式之间切换不同屏幕尺寸设备的用户界面 互动机制 处理输入输入文字的机制输入数字数据的机制多态模式输入 不使用麦粒肿LUS不使用LUS的应用程序交
4、互在不使用键盘的情况下检索数据库数据 大型物体设计 准则自动产生的标准特点结合品牌，美学，和屏幕空间 难以了解的方面在同步过程中的用户交互长期业务的用户交互背景在没有键盘的PDA，一个共同的解决办法是输入文字显示软件键盘上，用户可以在使用EN- TER文本手写笔在屏幕的底部。这个区域可能已经被应用程序使用，从而减少其“正常”的互动空间。问题主要的问题是如何调整对话框以避免部分对话框暗藏。这个问题主要取决于用户界面的类型和风格。以UI为基础的形式是最有挑战性的，而对于含有任意添加或调整滚动条的文本或视觉演示的UI通常是足够的的。处理选项卡上的文件夹和被放置在屏幕底部的按钮也是一个挑战。解决方案当
5、键盘出现时，最简单的方法是调整或添加滚动条。在这个前提下给出的其他解决方案都是需要通过添加，减少或删除滚动条的方法来解决。在某些情况下它是可以让键盘覆盖部分UI。这个方案不好的一面是他依赖于被键盘挡住的部分屏幕。如果这个部分在被输出领域占用，只要键盘不被使用，这个解决方案是可以精确执行的。如果这个屏幕的一部分包含了重要的输入栏位或选项卡上的文件夹，此时，这个解决方案是不起作用的。另一种简单的，但很少非常实用的解决方案是只使用不被键盘覆盖的一部分屏幕。在实现过程中，这个方案主要是减少屏幕的大小，并且比较适合对话框而不是windows系统。一个更先进，但仍然相当容易实现的解决方案是使用的一个大的U
6、I控件作为缓冲区。当键盘增加一个时，其中一个空间就会急剧减少使之调整并与键盘尺寸一样小。可使用的控件主要是列表框和多文本框。另一种相当简单的解决方案有两个变种的用户界面，一个是使用所有的屏幕空间，一个是使腾出空间给键盘。主要劣势是当用户界面的变化时，用户可能会混淆，为此而增加了工作量。两个或两个以上的大型UI控件通过共享大量减少的尺寸用于缓冲池的解决方案使之应用。通常来说，这个解决方案在UI中的控件的动态调整大小。这可能是使用两种不同的方法来完成。首先是决定为每个窗口的大小调整规则和申请，每个窗口定制的代码。二是所有的Windows有一个总体布局增加调整的算法。验证2007年在一天半的人机交互
7、国际会议里展示了所有模式的教程。在本教程中，提出了结构模式集合，所有的模式是在一个非常简短的的水平。然而，在26个里面，有12是提出了更多的细节。在演示过程中，参与折填写了一份问卷。他们给主要问题领域的相关性和实用性，以及对未来使用模式集合的期望值打分。在从1（最低）到6（最高）范围里对相关性，实用性和希望值打分。在29个参与教程问卷调查的参与者里，是年龄为2550的男性，大多数为30岁左右。一大部分来自亚洲，其余是欧洲和美国的。大多数是大师级别的，其余是本科和博士学历的。教育背景的不同区别于技术和非技术的不同。UI开发范围从0到12年，大多数人只有5年及以下的经验。开发范围从0到6年的移动解
8、决方案的经验，多数有2年以下经验。结论主要问题领域的分数显示可利用屏幕的空间的相关系数的平均值为5.3，互动机制为5.4，设计的最大值为4.9。分数模式集合，如显示平均得分5.0的相关性，以及实用性和未来使用4.5模式的集合。所有这些成绩验证模式的集合，解决有关问题，并就如何解决这些问题的有益和实用的意见。在提出更详细的个人模式的分数，分数各不相同位，但仍然相当高。下面图1显示为12模式的相关性和实用性的平均分数，降分数的相关性进行排序。图1 针对性和实用性的平均分数至于这种模式集合，相关的平均分数高于实用性相应的分数。这并不奇怪，因为它是通常更容易同意与一个比一个建议的解决方案问题描述。虽然
9、所有，但平均实用性分数上规模的上半部分，模式的实用性分数最低，得分之间的相关性和实用性的分数的不同差异，最高的模式，为进一步开展工作的候选人。它也可能注意到，相关分析显示，在12个问题中有7个的针对性和实用性的分数在0.01水平，在其他5个里面有2个在0.05的水平。此外，模式的集合相关性和实用性的分数维持在0.01水平。用户使用模式的文件格式和设计知识所选择的图案格式是在许多方面非常适合文件的用户界面设计方面的知识，因为它抓住了问题的重要方面。此外，由于设计模式可能会在不同的抽象层次，他们可以被用来描述不同的“大小”的问题。此外，划分成定义良好的问题的数量有限的问题领域，使得它可以处理单独设
10、置一个管理的问题。最后，有一个模式的集合，使人们有可能结合起来，刚才提到的“分而治之”的原则，具有良好的整体结构。我们不得不使用的模式格式的最大挑战是连接之间的问题和解决方案。很多时候，这是很多很多的连接。 提出了相同或非常相似的解决了一些问题，要么会导致大量的交叉引用或大量的重复。我们选择使用交叉引用，正在收集到的其他模式进行(参见文献2)。目前，我们正在考虑重组模式的集合，使每个图案代表一个解决方案或一个问题和一个解决方案中的一个独特的组合。这两种方法将减少交叉引用的需要，但都将增加模式的数量，从而使之更难以得到一个模式的集合的概述。相关工作有一个模式的集合，甚至在网络上的模式的集合，见(
11、参见文献1)等收藏品的评估。也有几个收藏，如设计模式的Wiki和小弹簧的移动用户界面设计模式，为移动用户界面模式。后者与我们的两个主要问题领域的重叠，但组织问题，而我们的集合，这个集合是由解决方案的组织。(参见文献8)的模式，虽然在注重移动的互动，在其范围内更广泛的比我们的集合，只有两个用户界面模式。(参见文献23)提出了设计模式的普适计算的集合，是相当大的，但有一个与模式，在一个更高的抽象层次和或比我们的模式解决方案的建议设置全面更广泛的范围。结论和未来计划的工作在本文中，我们已经介绍了移动应用的用户界面设计模式的结构化集合。作为索引的结构是有价值的，它提供了全面的概述为移动用户界面设计问题
12、。已通过验证的模式集合使用教程问卷。此验证表明，无论是个人模式评估和整个山坳选择相关的和有用的与会者认为，很可能，他们将在今后的工作中使用集合。它还确定了需要更多的工作模式。最后，我们已经讨论了使用记录设计知识的一个模式的集合的利弊。主要职业能力分为结构设置一个管理的问题，主要是相同的解决方案可能适用于一些问题，引起了很多模式之间的交叉引用。收集不断改进和加强，例如：在多模态交互领域和使用背景(参见文献7)。致谢：本文是基于工作是由挪威研究理事会，并在这些项目的行业合作伙伴资助的本影和FLAMINCO项目的支持。我还要感谢我的同学Jan Heim贡献设计验证和分析结果以及所用的问卷。参考文献1
13、 Deng J et al (2005) Managing UI pattern collections. In Proceedings of the 6th ACM SIGCHI New Zealand chapters international conference on Computer- human interaction 2 Duyne D K & Landay J A (2004) Design Patterns, Course documentation 3 Landay J A & Borriello G (2003) Design Patterns for Ubiquito
14、us Computing. In IEEE Com-puter August 2003 4 Gamma E, Helm R, Johnson R, and lissides J (1995) Design Patterns Elements of Reusable Object-Oriented Software. Addison-Wesley 5 Nilsson E G (2005) Design guidelines for mobile applications. SINTEF Report STF90 A06003, ISBN 82-14-03820-0 6 Nilsson E G (
15、2007) Design patterns for user interfaces on mobile equipment. Tutorial documentation, HCI International 7 Nilsson E G, Floch J, et al. (2006) Model-based user interface adaptation. Computers & Graphics 30(5): 692701 8 Roth J (2002) Patterns of Mobile Interaction. Personal and Ubiquitous Computing, Volume 6, Issue 4 (September 2002) Design Patterns for User Interface for Mobile Applications Erik G. NilssonSINTEF ICT, Postboks 124, Blindern, N-0314 Oslo, Norway egnsintef.noAbstract In this paper we present a collection of user interface design pattern
