手机网站设计的用户体验准则!

手机网站设计的第一印象是至关重要的关系。
人们的信任和诚信,他们希望随后的遭遇反映并强化他们的第一印象。同样的原则也适用于品牌及其产品。手机网站设计与最终用户建立持久的关系中起着重要的作用,因此,在支持品牌的承诺。
用户希望移动服务相关的和用户友好的和有良好表现。的介质的限制,但是,对设计产品,以满足所有这些期望的重大挑战。虽然常常被低估,性能是一个值得信赖的移动用户体验的关键因素。因此,在设计过程中,应考虑的主要驱动。
在这篇文章中,我们将讨论有关的性能设计和现时的七准则,可以帮助相关性能的外形设计决定的,而会计的最终用户和企业的需求。这些准则是根据本地移动应用程序设计的广泛的产品组合,并在多个移动平台上的经验。
对于手机的性能 人们用自己的手机,以提高生产效率,舒适性和乐趣,无处不在,随时等待公交车,走在人行道上,检查他们的火车从哪个平台。移动应用程序需要关注的核心工具,他们需要快速和可靠的,是有价值的,在这些环境中。
奇怪的是,我们已经注意到,许多手机设计周期首先开始与美感的要求:“它看起来太神奇了!”当然,惊人的视觉效果,吸引客户一个良好的第一印象。然而,一个长期持久的关系取决于每一个相遇的质量,也严重影响了应用程序如何执行。的应用程序看起来惊人,但表现不佳,可能会损坏完整性。用户很快发现很慢或有可能打破的软件(无论是因为停机,死机等),这影响了使用和品牌的认知度。用户希望应用程序和响应速度。如果它不是,它会得到不好的评价,低收视率和低采用数字。
在twitter的应用程序是不一样的视觉效果丰富,cookmate的(这是惊人的),但twitter的应用程序在app store中的评论要好得多。
性能支持品牌差异化 遇到的每一个产品影响了品牌的认知度。用户正在寻找最好的工具来提高他们的生活。为了吸引一个重要的用户群中的一道风景,它已成为人口较稠密的每一天,一个移动应用程序中脱颖而出。它应该做的事情,没有其他的应用程序,或做比别人做的更好。这些好处强化品牌。因为性能是用户体验的一个重要因素,它直接有助于差异化的品牌。以这一步:在技术上具有挑战性的功能顺利执行,将赋予产品独特的卖点,这将是很难模仿的。
一个很好的例子是flickr的iphone应用程序。flickr的国家在其网站上,它有两个主要目标是:帮助人们做出自己的照片,并启用新的方式来组织照片和视频。你猜怎么着?这正是它的应用程序,从而实现其品牌的承诺。
flickr的优化所接触的主要品牌做了很好的工作。
所以,当规划一个应用程序,它是,值得分析市场,并试图回答两个问题。(1)应该做些什么不同于其竞争对手吗?(2)应该比竞争对手做的更好吗?然后,把你的设计和开发工作产生的前三个目标。
一个关键的设计练习 任何形式的手工艺产品,需要升值的方式建立。建立良好的设计和工程学科已认识到这一点很长一段时间。汽车的设计会影响其空气动力学。一个美丽抢眼的桥梁,以应付风流量和它下面的。这同样适用于交互式移动服务。设计选择影响功能,内容,互动性,图形,因此性能。
我们注意到几个产品团队的性能被认为完全是开发商的责任,因此,在设计过程中,它被认为是为时已晚。但以评估其可行性,在创作的过程中需要考虑的发展。应用下面的七个准则,并考虑相关因素,为移动用户界面(请参阅下一节)前面,将有助于设计讨论的主题包括性能。实现一个高性能的体验不只是一个编码练习。这是一个关键的设计工作。
在鹿特丹的erasmus桥,荷兰。
移动设备用户界面性能的相关因素, 手机网站设计感知的性能的基础上的启动时间,页面加载行为,平滑的过渡和动画,错误,和等待时间。下图说明了以下因素:“应用程序”(与图形,互动,内容,功能和代码)运行在一个“移动”设备具备一定的技术能力(cpu,屏幕尺寸等)和平台(android的, ios上,等等)。在许多情况下,应用程序连接的“网络”一套覆盖范围和标准(lte,3g,2g),“后端”。在上面的两个因素严重影响了设计的决定,开发团队。底部的两个因素是需要考虑的约束。
影响性能的因素。
每个因素的决定将影响性能。任意组合,增强(例如高级的视觉效果)或限制(如网络覆盖差)可能会增加复杂性。例如,正在加载的内容从后端除了通过速度较慢的网络,以先进的图形是一个组合的因素,会降低性能。
七准则 在过去的四年中,在移动平台上的景观发生翻天覆地的变化。出现新的ui范例,屏幕和处理器,先进的台式电脑,和输入机制已被彻底改变。
在这些转变的限制,设计师应该总是试图创建的外观和感觉,是最先进的,令人难忘的和高性能的。这不只是一个问题,减少图像的大小。在不同的设计水平和设计过程中作出的决定将有显着的影响。让我们来看看在7个指导方针,已经被证明是有用的工具,在所有的设计水平,以实现高性能的移动用户体验。
1。定义ui的品牌特征 每一个与用户交互的应用程序应该反映的品牌故事,要提高认识,忠诚度和满意度。确定哪些元素最有助于该品牌的形象是必不可少的。例如功能,视觉效果,措辞,字体和动画。我们的设计团队在许多不同的产品,不同的产品团队。这很容易导致几个类似的用户界面元素的设计和实施的变化。定义的核心构建模块,鼓励重用,阻碍重塑,因此,优化设计和实施的一套组件。
一种方法是定义的ui元素,形成了核心组成部分的用户界面,同时,创建接口的唯一字符。在概念阶段,确定这些元素,请执行以下操作:
区分应用程序(例如,照片观看功能在“路径”的应用程序); 代表主要功能(例如商店,签出功能); 设置图案的设计语言(例如,头在下面的截图)。
windows phone 7的metro ui的字体,布局和互动可以建立一个独特的设计dna是一个很好的例子。
核心的标志性元素是最敏感的。一遍又一遍,他们将被用户所看到的,在不同的产品功能将被重用。通过这组元素的设计和实施集中,每个优化还清多次。
2。聚焦产品组合 无论是公司希望迅速推出一款产品,或开发出的产品组合(即多个产品在一个平台上,同样的产品在多个平台上,或两者兼有),或如果面对有限的时间和资源,必须作出艰难的选择。这些产品在投资组合中,最重要的,应该有针对性的设计和优化的努力。的设计优先级矩阵可以帮助我们了解设计的努力将会获得回报最。
设计的优先级矩阵的例子。
对焦的设计工作,有助于优化性能中最有价值的领域。例如,如果您的预期客户使用android手机,而竞争对手也以他们为目标,投入了更多的设计工作,以创造一个优雅的和快速的android应用程序比将你的努力,同样在所有平台上会更有价值。
3。确定核心用户故事 我们的团队都面临着几个项目启动,其中的平衡要求的功能是漫长的,重点不突出,也不可能在要求的时限内建立的初步名单。当做梦了什么是应该做的,企业往往忽视的一个事实,即客户寻找解决方案,帮助他们有非常特殊的需要。
例如,一个主要的购物目标(除了应酬,灵感等)来寻找并购买的产品。无论是在一个小城市,在伦敦的牛津街(oxford street),或在互联网上,它是关于寻找和购买你要找的。丰富的经验可以使购物更有趣的,但是其核心目标 - 寻找和购买 - 永远不会丢失。这同样适用于设计的购物应用程序(无论是游戏,音乐,优惠券)。用户需要能够快速查找和购买,不管任何其他功能,丰富的整体体验。
下图说明了两个设计在商店里的产品详细信息页。左边的屏幕拥有先进的购物功能,如赠与,相关的产品和详细的评论。屏幕右侧更侧重于采购。屏幕右边将优化公司的故事,和球队不会分心,设计和实施端功能。只有当基本的核心功能进行了优化,可以丰富功能,只要它们不妨碍核心的用户故事。
2种购买屏幕。
在产品定义的过程中,应确定核心用户故事,以专注的设计和开发工作。
4。优化ui的流量和元素 用户不喜欢等待。(谷歌提出“?每毫秒的时间?“的第二个原则,它的用户体验。)优化单独的屏幕,流量和用户界面元素将减少等待时间,让用户以为他们是在浪费他们的时间。
a.加快感知的性能
,设计人员无法控制性能的时间。网络可能是缓慢的设备可能会在后台运行其他任务,某些操作可能需要大量的计算。如果用户至少觉察到,他们没有失去的时间,然后应用程序会了坚实的印象。设计可以帮助沟通,甚至在发生意外延误。
第一步是识别将可能有延迟(获取后端数据,执行的特定计算,等)的流量。第二个步骤是通过引入额外的步骤,他们会认为是必要的(显示加载动画,显示有用的提示等),以指导用户通过这些延迟。
下面的一组图片显示了可能的步骤,内容搜索:
这里的用户体验的四个步骤:
点击“搜索”按钮。 看到一个加载动画。 看到列表中的第一部分,与文字内容和占位符的图像(它可以被存储在应用程序本身)。 看到实际的缩略图出现。 的用户体验简单的步骤,而不是直接从一到四步跳,等感觉到进步,而不是延迟。
另一个例子是,当应用程序启动时加载。显示应用程序的布局相匹配的图片,用户,应用程序加载更迅速地得到的印象。下面的截图说明了这一点,然而,可以加快感知性能,更在空白处添加一个简单的进度通知的第一个画面。这将避免的东西是等待要加载的印象。(在连接速度很慢的情况下,应用程序不会显示加载的通知,因此用户对于这种情况的通报进展情况)。
facebook应用程序的iphone加载了。
上一个:暂无
下一个:如何让网站设计人员和网站开发人员了解喜欢对方
安远网站建设,安远做网站,安远网站设计