网页设计之移动设计十大趋势

移动正在迅速接管世界。据comscore称,近70%的数字媒体时间花在移动设备上。这意味着移动设备上的趋势尤为重要,因为从移动设备开始可能影响数字设计的其他领域,甚至改变我们周围的环境。
与任何性质的趋势一样,有些来来去去,有些来自并且成为基本面。在本文中,我想回顾2018年正在形成移动设计的10个基本移动趋势。
1.节省时间的设计这是移动设计中最重要的趋势。当人们拿起电话时,他们想要完成某件事。完成任务所需的时间通常用于衡量应用程序的成功。用户希望使用能够帮助他们尽快实现目标的产品。
以下技术可帮助设计人员最大限度地减少用户实现其目标所需的工作量。
线性用户旅程线性用户旅程是用户沿着线性路径以固定顺序与内容进行交互的旅程。通常,用户可以在旅程的每个步骤中只执行一个特定的操作。
设计良好的线性用户流的最大好处是可预测性。当一个流被呈现为逻辑上相互连接的多个步骤时,用户可以预测接下来会发生什么。这不仅有助于减轻焦虑,还可以让用户估计需要多少时间才能完成任务。
在uber移动应用程序中请求搭车是线性用户流程的完美例子。一系列精心设计的引导步骤可让用户完成订购骑行的整个过程。用户旅程简化当一个移动应用程序让你在最终完成任务之前采取了许多不必要的步骤时,它可能会非常烦人。移动设计的关键在于速度和简单性,因此,不仅要让用户逐步遵循流程,还要尽量减少实现目标所需的步骤数量。设计师应该努力创造一种不需要太多互动的体验。
中立的界面和以内容为中心的体验许多设计人员尝试通过使其界面几乎看不见,来降低应用程序的复杂性。一种被称为zero ui(或称为“?减少肤色?”?的流行趋势,正如michael horton所说的那样)着重于剥离所有装饰元素,并将所有用户的注意力集中在内容上。内容优先布局允许用户消耗内容而不会分心。
现代移动应用程序的界面看起来几乎看不见 – 它们回退并将内容放在最前沿。如果您从这些界面中删除内容,则几乎会出现空白屏幕。图片:instagram逐步披露现代移动应用程序和网站已经成为提供大量信息和功能的非常复杂的产品。一次提供所有这些数量的信息可能会轻易压倒和混淆用户。
为了克服这个问题,设计师使用渐进式公开技术。该技术通过仅在用户需要时才提供信息或功能来解决复杂性问题。渐进式披露可以帮助减少认知负担并提高对界面的理解。
渐进式披露在用户与界面交互时轻轻向用户介绍功能。图像:ramotion指导和帮助越来越多的设计师专注于设计失败 – 他们主动寻找用户旅程中可能需要帮助的步骤,并在此时为用户提供帮助。在最基本的形式中,这可以是关于如何克服问题的内容特定信息。
这个应用程序演示了用户应该如何设置设备。图像:ramotion位置意识产品设计人员还可以使用设备的位置数据来简化某些操作。例如,如果您正在设计用于送餐的应用程序,而不是要求用户提供其地址,则可以自动检测其当前位置,并要求用户确认这是他们想要接收送达的位置。
预先设计决策疲劳在当今世界是一个真正的问题。我们每天都有成千上万的选择,这影响了我们随着时间的推移做出有效决策的能力。
因此,移动应用程序设计应该尝试限制用户在与其交互时必须做出的决策数量。要求我们做出许多决定的应用程序可能会导致摩擦,用户可能会考虑用替代方案替换应用程序。
为了改善用户体验,许多产品设计人员试图遵循预期设计的方法 – 也就是说,他们试图在用户需要作出任何决定之前预测用户的需求。
spotify的discover weekly功能是预见性设计的一个很好的例子。此播放列表是根据个人音乐偏好自动创建的,这意味着用户无需花费额外时间搜索他们可能喜欢的音乐 – 该应用可以为他们提供音乐。
机器学习的强大功能帮助spotify提供用户喜爱的音乐。图像:参与设备的功能移动设备具有许多内置传感器,例如相机,位置跟踪,加速度计和触摸传感器。这些技术都可以用来改善用户体验。
生物识别身份验证是设备功能如何将登录到应用程序所需的步骤数量减到最少的绝佳示例。设计师可以使用基于生物识别技术的指纹触摸或面部识别来绕过传统密码的需要。
这使用户更快更轻松地与移动应用进行互动 – 研究证明,用户更喜欢生物识别登录。据苹果公司称,普通iphone用户每天可以解锁设备80次,其中89%的用户使用touch id进行这项操作。
面部识别允许用户比传统的电子邮件和密码登录更快地登录他们的应用程序。图片:特易购颜色作为功能元素毫无疑问,颜色是设计师工具箱中最强大的工具之一。但在现代移动应用中,颜色的使用远不止纯粹的美学目的 – 它也可以成为功能体验的一部分。例如,颜色可以帮助设计师将注意力吸引到用户界面的特定部分,或者影响用户的操作。
不同的视觉权重以及号召性用语按钮的对比颜色将用户的注意力引导至用户界面的特定部分。image:jakubantalík跨渠道体验使用移动应用程序不再是一种孤立的体验。许多应用程序跨平台,设备和渠道,今天的设计师应该集中在整个用户体验上。最终目标是在产品的所有迭代中创建无缝体验。用户应该能够切换到不同的媒体并继续旅程。
根据appticles的数据,37%的在线购物者在研究移动设备,但转而使用桌面设备来完成购买。因此,如果您正在设计电子商务应用,跨设备的用户进度同步应该成为关键优先事项。
2.品牌差异化早些时候,我们谈到了中性接口,其中内容占据了中心位置,而接口则处于低调状态。虽然这些中性界面给用户带来很多好处,但它们也给设计师带来了一些挑战。中性接口的一个重要问题是所有这些接口看起来都很相似。结果,设计师变得难以创造真正令人难忘和独特的体验。
品牌差异化是设计的基本属性。品牌能够区分自己至关重要。以下是一些设计人员用于在众人中脱颖而出并使应用程序在市场上引人注目的工具。
定制插图定制插图已经迅速成为移动体验的重要组成部分 – 它们不仅通过简洁地传达复杂的概念来实现功能目的,而且也令用户满意。在为shopify创建新插图风格的文章中,meg robichaud分享了一些关于如何为数字产品设计插图的实用技巧。
google flights中有趣的插图。活版印刷虽然排版的主要目的是提供内容,排版也可以用于创建身份。字体设计可以为您的界面语音提供基调 – 设计师可以使用字体大小,重量和其他属性进行播放,以使信息脱颖而出,并且应用程序令人难忘。
印刷术不再仅仅是易读性和可读性。这也是为了身份。图片:ghani pradita动画运动和动画在移动设计中起着关键作用。动画可以以许多不同的形式使用,从用户交互的动画反馈开始,到用户实现目标时获得的愉快奖励。浏览精心制作的动画界面就像阅读一个伟大的故事?– 一个真正令人难忘的体验。
动画提供有关互动的反馈,并创造出令人难忘的体验。图片:eddie lobanovskiy您可以使用动画与用户建立情感联系,并提醒他们设计背后有真人。由google动画3.手势的兴起iphone x的发布为我们考虑与移动设备进行交互的方式带来了令人兴奋的转变。iphone x上缺少物理主页按钮意味着即使是与该设备最基本的交互也是基于手势的。
在最近的google i / o期间,google在android p中引入了新的导航功能。他们重新考虑了导航操作系统的基本方式,现在导航基于手势。
android p中的新手势导航android p在屏幕底部提供了一个单一的长方形线,用户可以使用它来在操作系统上滑动,而不是熟悉的三图标式屏幕按钮阵列。image:google这对设计师意味着什么?这意味着用户已经准备好采用基于手势的界面,并且这些手势应该成为移动设计的重要组成部分。无键用户界面是完全依赖语音和手势的接口的必要步骤。
解决可发现性和可学习性问题手势带来很多优势,比如节约宝贵的屏幕空间,但也带来了挑战。由于手势是隐藏的控件,创建具有良好可用性的手势驱动界面并不是一项简单的任务。在文章“?手势界面:在可用性方面向后倒退”中,don norman讨论了基于手势界面的一些严重问题,包括可发现性和可学习性问题。
为了克服这些问题,设计师可以使用动画提示。这些提示可帮助用户了解可用的操作以及如何导航应用。
与文本指示配对的动画提示清楚说明可用的操作。图像:材料设计为了克服可学习性问题,设计人员使用标准手势 – 用户可能已知的手势。人们熟悉标准手势,因此不需要额外的努力来发现或记住它们。例如,对于具有动态更新内容的类似feed的应用程序,大多数用户将期望具有拉动到刷新的手势,允许他们更新内容。
拉到刷新手势。图像:ramotion4.情感体验当我们谈论用户体验时,通常意味着在人与机器之间建立联系。这种联系能够触发情绪,我们正在将越来越多的情商(ei)融入到移动体验中。ei是使体验更加吸引人和愉悦的强大方式。
表达情感的新方式表达情感是很自然的。即使在命令行界面的时代,我们也使用表情符号与其他人分享我们的感受。借助我们的移动设备,我们有机会分享更广泛的情感。
animoji是一个例子,animoji是一款动画表情符号,通过iphone x摄像头响应面部表情。它允许用户创建个性化的相关反应,与朋友分享。
animoji是一个与其他人分享情绪的机会。图片:苹果模仿ui中的人类情感人性化数字体验的趋势直接关系到用户的
上一个:柳林网站制作多少钱?
下一个:浏览器发展趋势12月:手机超越台式机
柳林网站建设,柳林做网站,柳林网站设计