最专业的代练平台开发!

资讯热点
2018年大师总结了21个最值得的移动应用设计基本原则

发布时间:2024-5-20 分类: 行业资讯

移动应用是人们获取内容和服务的主流方式。但是,根据《财富》杂志,超过75%的用户只需要打开一次应用程序,然后再不再需要它。今天,移动用户期望更高的应用程序——加载速度更快,使用方便,并具有愉快的互动体验。在最小化交互级别(限制完成任务所需的步骤)的同时适应场景很快成为许多应用程序的标准。

究竟什么才能被视为“良好体验”?让我们探讨移动应用程序设计的基本原理。

首先,减少认知负担

用户与应用程序交互时的阻力和混淆程度越低,应用程序继续使用的可能性就越大。

其次,优化交互过程

了解用户与应用程序交互的方式是优化的必要条件。作为设计人员和开发人员,我们应该在整个交互过程中了解用户的目标。这将有助于我们确定任务完成期间最常见的问题。

以下是一些优化交互过程的常用方法:

1.拆分任务

如果客户端上的任务包含许多步骤和操作,则最好将任务拆分为多个子任务。这方面的一个很好的例子是电子商务购物应用程序中的渐进式结帐流程,您可以在其中查看从拆分步骤开始的每一步。

△通过限制客户端所需的操作次数,可以提高用户对过程的理解。图片来源:Dribbble

2.充分利用您已经知道的用户信息

在下面的示例中,您可以看到点——优步申请考虑。应用程序不会询问用户的位置,可以根据数据自动定位。使用此功能,用户只需选择乘车的位置即可呼叫汽车。

3.让每一步都是自然的

当任务要求用户完成许多步骤时,请通过清楚地显示下一步来帮助用户。

△此界面通过在每次用户操作后提供下一步来引导用户。图片来源:Dribbble

4.每个屏幕优先于主要功能

通过遵循这个简单的规则,可以使界面更容易学习和使用。使用视觉权重来优化重要元素(例如增加核心按钮的对比度)。

△Airbnb突出显示带有颜色的核心按钮

第三,减少混乱

良好的UI设计仅显示相关信息(信号)并避免不需要的信息(噪声)。

填充界面时,会给用户带来很大的压力。每次添加按钮,图片或图标时,界面都会更复杂。桌面上的混乱是可怕的,但在移动设备上更糟糕,因为我们没有足够的屏幕空间供用户操作。

△透明标签栏(右)看起来比凌乱(左)更舒适。图片来源:Apple

提示:如果要在用户操作期间减少其中一个接口遇到的混淆,则仅显示当前步骤中所需的内容。例如,当用户进行选择时,他们只需要显示当前用户需要的选项,然后在下一个界面中显示详细信息。

△上图是一款名为Duolingo的iOS应用程序,一步一步的界面(逐步显示更多信息)

第四,明确导航

如果用户发现很难找到他想要的东西,即使界面美观且内容丰富,它也变得毫无意义。

一些导航规则:

别隐藏。避免隐藏导航,例如手势,因为大多数用户发现很难找到。

一致性。开发人员经常隐藏单个页面上的菜单。不要这样做,因为它可能会使您的用户感到困惑。

显示当前位置。没有告诉用户当前位置是许多应用程序的常见问题。 “我在哪里?”这是应用程序需要通知用户的最基本问题之一。

提示:最好使用标准导航模式。如标签栏(iOS)和抽屉导航(Android)。大多数用户都熟悉这两种导航模式。如果一个简单的解决方案有效,您就不需要独立。

△图片来源:谷歌设计

五,结合手机本身的特点

手机不是桌面的缩小版,它们有自己的细微差别和局限性。

第六,视觉指导应准确

UI界面元素需要清楚地表达哪些元素是交互的,哪些元素不是。

与桌面不同,用户可以使用鼠标悬停效果来确定元素是否可操作,而移动用户只能单击元素以确定哪些元素可操作。一个好的设计应该允许用户正确预测。

七,操作区域应该友好

在移动界面中设计操作元素时,为了方便用户点击,关键点是将点击目标设计得足够大。根据经验,一般有效的触摸区域是7-10毫米。此区域允许用户在单击目标时查看目标的边缘。用户可以知道他们是否准确地点击了目标。

另外,请确保元素之间的位置不要太近。应在点击目标之间设置适当的间距,以防止意外接触。

△图片来源:Apple

八,考虑拇指空间

设计拇指不仅要设计足够大的目标区域,还要考虑设备的保持方式。

尽管拇指可以在屏幕的大部分区域中操作,但只有三分之一的屏幕是一个真正轻松的区域,称为拇指舒适区。其他区域需要手指拉伸,甚至更换手柄才能操作。根据手持式(左手,右手或双手),您可以看到移动设备中的安全区域(如下图中的绿色区域)。

△图像来源:粉碎杂志

屏幕越大,操作越不容易。

△根据Scott Hurff的研究,右手拇指区域

为移动应用程序设计需要考虑所有不同的领域:

绿色区域是导航选项或频繁交互(如操作指南按钮)的最佳选择。

△“共享”按钮位于绿色拇指区域。

红色区域是潜在危险选项(如删除或删除)的最佳位置。用户不太可能弄错。

△在难以触及的红色区域放置破坏性操作(如删除和删除),因为您不希望用户被触摸。

九,中断设计

我们生活在一个充满混乱的世界。有些事情总是试图分散我们的注意力并将注意力转移到其他地方。

例如,用户可以在等待火车时使用应用程序。考虑移动应用场景至关重要。允许应用在用户中断使用后轻松恢复到之前的状态。

Twitter是中断设计的一个很好的例子。应用程序的通知列表显示所有最近的通知。只要用户停留在此页面上,该应用程序就不会自动更新列表——它只是在列表顶部显示状态“X新通知”。这允许用户在一段时间之后重新使用应用程序而不会丢失当前位置。

十,努力创造多终端一致性体验

移动应用程序不存在于真空中。

例如,用户通常在移动端浏览购物网站,然后切换到桌面进行购买。用户无法察觉经验的变化。

△Spotify可实现无缝的多终端体验。您可以在Mac上设置播放列表,并立即在iPhone上使用。当您在设备之间切换时,应用程序会记住您要停止的位置。

十一。直观的手势

仅在您的应用中使用最自然的手势。为什么?因为手势是隐藏的控件。

正如Thomas Joos在他的文章《超越按钮:拥抱手势操作》中指出的那样,在用户界面中使用手势的最大缺点是学习曲线。每次使用手势而不是可见控件时,应用的学习曲线都会上升。这是因为手势具有较低的可发现性——它们总是被隐藏起来,人们需要首先识别这些选项。这就是为什么您只使用广泛接受的用户想要在您的应用中使用的手势。

良好手势的一个示例是刷新源流应用程序。

△图像来源:Ramotion

十二,使用框架界面使应用程序能够快速显示

应用程序应该快速敏感地响应,但不可避免地会遇到一些特殊情况。

例如,互联网速度非常慢。如果你不能缩短加载时间,至少让等待更少无聊。可以首先加载信息的帧结构(即,临时信息容器)。

框架接口是页面的空白版本,其中信息逐渐加载。与加载动画不同,用户的注意力集中在数据加载本身,框架界面将用户的注意力集中在进度而不是等待时间上。

△Slack应用框架接口

十三,注意第一次使用体验

就像一个人一样,该应用程序将没有第二次机会给用户留下良好的第一印象。如果你没有留下第一印象,我打赌(概率为80%),用户不会再次使用它。

十四,必要的指导

对于指导规则,它不应该是多功能的,但应该帮助人们如何使用该应用程序。

设计师应该以指导为契机,为新手用户开辟绿色通道。另一点,指南应该只在首次使用时出现。

十五,空页设计

空状态(或零状态)是没有任何反应的状态。这个状态不应该是一个空白的界面(或者像许多设计师所说的那样死了),并且应该能够为用户提供下一步操作的指导。

以Spotify的错误状态页面为例。它无助于用户了解正在发生的事情,并且无法帮助用户找到解决方案:“我该怎么办?”

△申请中应该没有死胡同

比较NFL Fantasy的空状态。其空状态显示简单且有用的错误消息。简单,有礼貌,有启发性:

出了什么问题,可能的原因是什么。

用户需要做些什么来解决这个问题。

△NFL Fantasy解释了为什么用户看不到任何东西并告诉用户该做什么。图像来源:Emptystates

十五,使用功能动画来改善互动体验

动画解决了界面中的许多功能问题,同时使界面更加动态和敏感。

16.显示系统状态

当应用程序忙于处理操作时,应该让用户知道当前状态而不是卡住。视觉变化为用户提供了对应用程序的控制感。

△此应用程序通知用户正在通过动画加载内容。图片来源:Ramotion

十七,导航过渡

动画是描述状态转换的最佳工具。它可以帮助用户了解页面布局更改,点击后更改以及在需要时如何开始此类更改。

△功能动画可以有效地引导用户,使复杂的跳跃易于理解。图像来源:Jae-seong,Jeong

十八,视觉反馈

在现实世界中,对象响应我们的交互。在UI控件中,人们也期待类似的响应。

良好的视觉反馈使交互式体验非常舒适。所有交互式元素(如按钮)都应提供完美的视觉反馈。

△按钮响应用户的点击。图像源:Shakuro

19.人性化的经验​​

个性化

个性化是当今应用程序中最关键的部分之一。这是与用户沟通的机会,为每个用户提供他们所需的信息,使他们感觉应用程序是为他们量身定制的。

星巴克就是一个很好的例子。应用程序使用用户提供的信息(例如,他们经常订购的咖啡)来提供特别优惠。

二十,令人愉快的动画

与提高用户界面清晰度的功能动画不同,令人愉悦的动画用于使界面看起来更人性化。这种类型的动画允许用户感受到设计者的意图。一些令人愉快的小细节是应用程序与用户建立情感联系的机会。

△图像来源:Dribbble

二十一,推送的价值

恼人的通知是用户卸载应用程序的主要原因(71%的受访者)。

△资料来源:Appiterate Survey

不要只是因为你可以发送推送通知——每个通知都应该对用户及时有价值。在设计推送通知时需要考虑以下事项:

1.避免在短时间内发送过多通知

在短时间内推送太多通知会导致过度杀伤 - ——用户无法读取有效信息,但可以直接跳过。尝试将不同的消息组合在一起以限制通知总量。

2.通知时间

通知的内容不仅重要,而且在何时发送通知同样重要。不要在奇数时间(如午夜)发送通知。推送通知的最佳时间应该是应用程序的高峰使用率——下午6点到10点之间。

3.通过其他渠道发布信息

推送通知不是向用户发送消息的唯一方式。使用电子邮件,应用程序通知和新闻源,根据您要共享的内容的紧急程度和类型,通知用户重要事件。

△根据紧急程度和内容选择适当的通知类型。资料来源:Appboy

结论

伟大的设计应该是无形的,使用它的人专注于他们的目标而不是界面。作为设计师,您应该尝试设计一个不可见的界面,因为这个界面不仅满足了用户的需求,还提供了良好的用户体验。

与其他指南一样,上面的一些摘要仅仅是开始。务必将它们与您自己的想法结合起来,以获得最佳效果。

« 在移动互联网时代,影院如何使用场景营销? | 操作是干邑的通道。 »