一个良好的第一印象是至关重要的。人们期待的信任和诚信的,他们希望随后的接触,以反映和加强他们的第一印象。同样的原则也适用于品牌及其产品。设计与最终用户建立持久的关系中起着重要的作用,因此,在支持品牌的承诺。
用户所期望的移动业务的相关性和用户友好的表现良好。介质的限制,但是,对设计产品,以满足所有这些期望的重大挑战。虽然常常被低估,性能是一个值得信赖的移动用户体验的一个关键因素。因此,应考虑在设计过程中的主要驱动力。
在这篇文章中,我们将讨论有关的性能设计,并提出七项准则,可以帮助的外形设计与性能决定,而占最终用户和企业的需求。这些准则的基础上我们团队的经验,在广泛的产品组合,并在多个移动平台上的本地移动应用程序的设计。
移动性能
人们用自己的手机,以提高生产率,舒适和快乐,无处不在,随时等待公交车,走在人行道上,检查他们的火车从哪个平台。移动应用程序需要把重点放在一个核心工具,他们需要的是快速和可靠的,以便在这些环境中的宝贵。
奇怪的是,我们已经注意到,许多手机设计周期开始与伟大的美学要求,第一:“它看起来太神奇了!”当然,惊人的视觉效果,吸引客户,使一个伟大的第一印象。然而,长期的关系取决于每个相遇,这也严重影响如何在应用程序执行的质量。看起来惊人,但表现不佳,可能会损坏应用程序的完整性。用户很快发现,是缓慢的,或有可能打破的软件(无论是因为停机,崩溃等),这损害用法和品牌认知度。用户期望的应用程序是快速响应。如果它不是,它会得到较差的评价,收视率偏低和低通过数字。
在Twitter的应用程序的视觉效果并不如Cookmate的(这是惊人的)丰富,但Twitter的应用程序在App Store的评论,要好得多。
性能支持品牌差异
每一个产品遭遇影响的品牌形象。用户正在寻找最好的工具,以提高他们的生活。景观,正在成为更多的人口每天吸引了显着的用户群,移动应用程序中脱颖而出。它应该做的事情确实没有其他的应用程序,或做比别人更好。这些优势,加强品牌。因为性能是在用户体验的重要组成部分,它直接有助于区分品牌。以这一步:在技术上具有挑战性的功能顺利执行将赋予产品独特的卖点,这将是难以模仿。
一个很好的例子是Flickr的iPhone应用程序。Flickr的国家,它有两个主要目标:帮助人,使他们的照片,并启用新的方式来组织照片和视频在其网站上。你知道吗?这正是它的应用程序,从而实现其品牌的承诺。
Flickr的做了优化的关键品牌接触的良好的工作。
所以,当一个应用程序的规划,这是值得分析市场,并试图回答两个问题。(1)应该怎样做不同于其竞争对手?(2)它应做什么比其竞争对手更好吗?然后,集中你的设计和发展产生的前三名目标努力。
一个关键的设计工作
手工艺产品的任何形式的需要,他们建立的方式表示赞赏。完善的设计和工程学科已经认识到了很长时间。汽车的设计,影响其空气动力学。抢眼的一个美丽的桥梁,以应付风和交通和下传递。这同样适用于互动移动服务。设计选择影响的特点,内容,交互,图形,因此性能。
我们注意到几个产品团队的性能相信完全是开发商的责任,因此在设计过程中,它被认为是过于晚。但为了评估可行性,发展的需要,在创作过程中考虑。应用下面的七个准则,并考虑相关因素,为移动用户界面(见下一节)前面纳入设计的讨论将有助于表现的主题。实现了高性能的经验不仅是编码工作。这是一个关键的设计工作。
在鹿特丹,荷兰Erasmus桥。(图片:维基百科)
在手机用户界面性能的相关因素
表现的看法是基于启动时间,加载页面的行为,平滑过渡和动画,错误,和等待时间。下图说明了这些因素:“应用程序”(其图形,互动,内容,功能和代码)运行在一个“移动”具有一定的技术能力的设备(CPU,屏幕大小等)和平台(Android的, IOS,等)。在许多情况下,应用程序连接的“网络”,一套覆盖面和标准(LTE,3G,2G),“后端”。在上面的两个因素是设计的决定受到影响,开发团队。底部的两个因素是需要考虑的约束。
影响性能的因素。
每个因素的决定会影响性能。任意组合,增强(如先进的视觉效果)或限制(如网络覆盖差)可能会增加复杂性。例如,除了先进的图形通过慢速网络旅游正在从后端加载的内容是一个因素,会降低性能的组合。
七准则
过去几年中已经看到了在移动平台景观的戏剧性的变化。出现新的UI范例,成为先进的台式电脑的屏幕和处理器,和输入机制已被彻底改变。
在这些转移的限制,设计师总是试图创造一看,觉得那是尖端的,令人难忘和高性能。这不仅是减少图像大小的问题。在各级的设计和设计过程中所作出的决定将有重大的影响。让我们来看看在七个已被证明是有用的工具,在所有的设计水平,以实现高性能的移动用户体验的准则。
1。定义用户界面的品牌签名
每一个应用程序的用户交互应该反映品牌的故事,并应增加承认,忠诚度和满意度。确定哪些元素最有助于该品牌的形象是必不可少的。例如功能,视觉效果,措词,字体和动画。我们的设计团队的工作在许多不同的产品在不同的产品团队。这很容易导致一些设计和实施类似的UI元素的变化。定义的核心积木鼓励重用和阻碍改造,因此,优化的设计和实施了一套组件。
一种方法是定义的UI元素构成的用户界面的核心构件,并在一起,创建接口的独特个性。在概念阶段,确定做以下这些元素:
- 区分应用程序(例如,在路径应用程序的照片浏览功能);
- 代表的主要功能(例如,一个商店的检查功能);
- 设置模式的设计语言(例如,头在下面的截图)。
Windows Phone 7的地铁UI是一个很好的例子,字体,布局和互动如何可以建立一个独特的设计DNA。(图片:维基百科)
核心签名元素的需要是最敏感的。他们将看到用户一遍又一遍,将在不同的产品功能重用。由侧重于这组元素的设计和实施中,每个优化将还清多次。
2。集中的产品组合
一家公司是否希望迅速推出一个产品,或开发的产品组合(即在一个平台上的多种产品,同样的产品在多个平台上,或两者兼而有之),或如果面对有限的时间和资源,必须作出艰难的选择。应针对设计和优化的努力,在这些产品中,最重要的投资组合。设计优先矩阵可以帮助我们了解设计努力将最还清。
例如,设计优先矩阵。
注重设计上的努力,有助于优化性能中最有价值的地方。例如,如果你的预期客户大多使用的是Android手机,而竞争对手也瞄准了他们,奉献更多的设计工作,以创造一个优雅的和快速的Android应用程序将在所有平台上同样比除以你的努力更有价值。
3。确定核心用户故事
我们的团队都面临着几个项目启动平衡要求的功能的初步名单冗长,重点不突出,不可能建立在要求的时间表。当做梦了应该做的什么产品,企业往往失去的事实,客户寻找解决方案,帮助他们有非常特别的需要。
举例来说,一个主要的购物(除了应酬,灵感等)的目标是找到和购买产品。无论是在伦敦牛津大街上或在互联网上,在一个小城市,它找到和购买你要找的。丰富的经验,可以使购物更有趣,但核心目标 – 寻找和购买 – 应该永远不会丢失。这同样适用于购物应用程序的设计(无论是游戏,音乐,凭单)。用户需要能够快速查找和购买,不论任何其他功能,丰富的整体体验。
下面的插图显示了两种设计,在一家商店的产品详细页面。左边的画面,拥有先进的购物功能,如送礼,相关产品及详细评论。右侧屏幕更侧重于采购。实施正确的画面,将优化公司的故事,端功能设计和实施,球队将不会被分心。只有当基本核心功能进行了优化,浓缩功能可以被添加,只要不妨碍核心用户故事。
两种购买屏幕。
核心用户故事在产品定义的过程中,应确定以重点设计和开发工作。
4。优化的用户界面流动和元素
用户不喜欢等待。(谷歌提出“ 每毫秒的计数 “作为它的用户体验的第二个原则。)优化各个屏幕,流和UI元素将减少等候时间,让用户以为他们是在浪费时间。
A.加速感知性能
设计者无法控制的性能所有的时间。可能是缓慢的网络设备可能会在后台运行的其他任务;某些操作可能需要大量的计算。如果用户至少能察觉到,他们没有失去时间,然后应用程序会作出了坚实的印象。设计可以帮助沟通,即使在意外的延迟。
第一步是要确定,将有可能延迟(获取后端数据,进行大量的计算等)的流动。第二步是通过这些延迟引导用户通过引入额外的步骤,他们会认为是必要的(显示加载动画,显示有用的技巧,等等。)。
下面的一组显示的图像内容搜索可能的步骤:
用户在这里经历四个步骤:
- 点击搜索按钮。
- 看到一个载入动画。
- 看到列表中的第一部分,文字内容和占位符图像(可以存储在应用程序本身)。
- 看到实际的缩略图图像出现。
用户体验简短的步骤,而不是直接从步骤一至四个跳跃,所以看待,而不是拖延进度。
另一个例子是,当一个应用程序启动时加载。首先显示图片相匹配的应用程序的布局,用户应用程序加载更迅速地得到的印象。下面的截图说明了这一点,然而,可以加快感知性能,更在第一个屏幕上的空白空间加入一个简单的进度通知。这样可避免的东西正在等待加载的印象。(在连接速度很慢的情况下,应用程序并显示加载通知,从而为这种情况沟通进展到用户)。
装载了的iPhone Facebook应用程序。
B.优化各个UI元素的
每一个UI元素对性能的影响。和,因为每一个优化整体性能,应考虑所有的UI元素。看的关键环节是:
- 屏幕上的元素
的数量和类型的UI元素在屏幕上会影响到该屏幕的表现。例如,媒体项目(音频,视频,地图等)会影响性能比简单的元素(静态图像等)。 - 元素的特征
元素的特点,如它的分辨率或图像深度,影响绘制的时间。例如,在Android中,每个绘制的资源(JPG,PNG),解码位图格式,所以每一个优化的图像将导致更少的千字节。你可以降低颜色深度?或减少的决议? - 绘图技术
的UI元素是由应用程序绘制的方式,影响屏幕加载时间。举例来说,整个背景是正在制定一个屏幕,即使在一个大的不透明的形象奠定了它的顶部?可能的背景下被分解成小砖,以减少需要上传的大小呢?
5。定义UI缩放规则
建筑最吸引人的设计,就像是导航与许多障碍地形。这是一个功能,美学,易用性和性能之间的持续平衡。一些平台的需求比别人更多的UI妥协。无论什么平台的限制,应保持品牌的关键签名。
一个UI缩放工具包可以帮助沟通的UI元素的相对重要性。有些元素是关键,大力促进以品牌的身份,同时消除别人会有影响。我们的团队已经建立了以下几大类:
- 要领
要领是品牌的核心UI签名(准则1)。例如,应用程序的头。 - 替代品
的替代物是不太理想,但高端的解决方案把性能低负担。一个例子是取代不透明的透明元素。 - 这些选项是加强经验的元素,但可以拆下来维持性能。例如,减少上从25项到第10页的搜索结果列表。
1。纲要(头)。
2。替代品(不透明的,而不是透明的)。
3。选项(减少列表的长度)。
6。使用性能仪表板
清除球队之间的沟通提供一个伟大的产品是至关重要的。我们遇到的几种情况下,营销人员,设计师和开发商之间的不同的产品应如何执行的期望。因为性能的影响,所有这些学科的要求和约束业绩预期需要商定。作为一个解决方案,我们推出了绩效仪表盘。这些帮助来衡量,监测和对产品的当前状态设置的目标。仪表板,有效地传达产品的状态和球队的期望和重点领域。我们帐户用于以下内容的仪表板:
- 核心用户故事,
确保仪表通信用户体验。 - 基准
比较主要竞争对手的应用程序。 - 电流测量
显示产品目前执行的性能。 - 目标
设置应用程序的性能目标。 - 状态
指示针对目标应用程序的当前状态。
例如,性能仪表板。(以秒为单位的数字,对于一个良好的3G连接。)
有几个工具可以帮助你测量性能。你能做到主观,由手工记录的某些任务的时间,或客观Android SDK的TraceView(如果你正在开发一个本地应用程序),如工具,。
7。冠军专用UI工程技能
设计一直走技术手手。能够编写高性能的用户体验,是一个专业的技能。它需要强大的前端编码的知识,深刻理解和设计的目的。
布局,图形,动画等的实施,将有性能的影响。需要考虑的许多事情,这里有两个:
- 智能负载
智能加载机制,如延迟加载,第一次加载可见的内容,然后折以下内容。这种技术可以减少用户的等待时间,从而使一个流畅的体验。 - 背景装载
这是另一个著名的例子。性能依赖的背景是否是一个大的形象,小砖合并(例如,创建一个纹理)或纯算法。最佳的解决方案,视情况而定。
责任营销,设计和开发团队之间的分裂的情况下,我们已经注意到,UI性能趋于下降之间的缝隙。每支球队都有自己的目标,因此某些共同的责任,如UI性能,失去注意力。我们已经解决了这个设计团队包括前端的编码专家。这鼓励了最佳的UI实现和性能上的焦点,它实现了更先进的用户体验。
结论
我们已经讨论了7个准则,地址性能相对移动应用程序设计的不同方面。设计选择会影响性能,这样的表现,应考虑在设计过程中的关键因素。不幸的是,它往往是在过晚结束了显着损害用户体验的过程中,看着。
我们已经成功地介绍了这些准则分为几个产品流,这反过来提高了这些产品的性能和培育的球队之间的问题的认识。这有助于转移到初始请求从“光彩照人”的“外观,手感和工作惊人!”
积分
非常感谢你去给我的同事,马克·豪威尔丹妮拉Aramu和Mirja Leinss,本文提供了宝贵的反馈!