跳过主要导航

移动设计简介

了解哪些移动设计,UX和UI是什么,以及如何为iOS,Android等设计移动应用程序。

移动设计简介

人们比以往任何时候都多地使用手机,而应用程序和网站占绝大多数时间。因此,重要的是,我们无缝地使用工作的应用程序很有吸引力。这就是为什么移动设计如此必不可少的原因。

在本文中,我们将研究如何制作应用程序对于iOS,Android或任何其他移动操作系统,UX(用户体验)和UI(用户界面)。我们还将讨论如何更详细地学习移动设计。

什么是UX​​,为什么对移动设计很重要?

质量用户体验(UX)通常是将好的移动应用设计与坏设计区分开的原因。一个出色的用户体验是将成功的应用与失败的应用区分开的原因。当今的移动用户对应用程序的期望很高,包括快速加载时间,易用性和轻松的用户交互。成功的应用程序采用UX作为产品策略的重要组成部分。

移动UX:移动设计最佳实践

简化导航

每个应用都应该有简单导航作为首要任务。如果用户无法找到它们,那么惊人的功能和有趣的内容将没有用;此外,如果学习如何导航产品需要太多时间或精力,那么您可能会失去客户。

用户应该能够直观地导航该应用程序并在没有帮助的情况下执行所有基本功能。避免使用诸如刷新导航之类的手势 - 这太麻烦了 - 始终通过页面顶部的指示器向用户显示应用程序中的位置。

最小化任务

在移动应用程序设计中寻找不必要的任务(数据输入,做出决定),看看是否可以删除这些步骤。例如,您可以重复使用先前输入的数据,也可以使用已访问的数据在某些情况下提供智能解决方案。不要要求用户输入更多。

避免登录墙

登录墙是用户在使用应用程序之前必须注册的地方。这是用户烦恼的常见来源,也是应用程序放弃的主要原因之一。对于具有低品牌知名度或令人困惑的价值主张的应用程序,退出注册过程的客户百分比特别高。

作为一般指南,仅在绝对必要的情况下才需要用户注册(例如,如果您的应用程序的主要功能仅在用户注册后才能访问)。即使在这种情况下,最好在要求用户注册之前尽可能长时间等待 - 让他们使用该应用程序一段时间,然后轻轻鼓励他们注册。尽可能多地,让用户有机会爱上您的应用程序,然后再将速度颠簸。

减少认知负荷

使用该应用所需的脑力称为认知负载。因为人脑只能一次处理如此多的信息,因此可以立即提供过多信息的应用程序可能会超载用户并导致他们离开应用程序。

最糟糕的敌人之一好设计是混乱。通过堵塞用户界面,您可以向用户提供过多的信息。每个附加按钮,图像或图标都会变得更加复杂。将内容保持在最低限度,仅向用户展示他们需要知道的内容。

尽可能剪切打字

在微型手机屏幕上打字很少是一种愉快的体验,因为它经常容易出现错误。填写表格是最典型的打字任务之一。从表格中删除任何额外的字段,以使其尽可能简短。该应用只能从用户请求最基本的信息。

利用智能功能喜欢自动完成。例如,填写地址部分通常是任何注册表格中最困难的组件。如果使用位置或邮政编码使用地址查找器,则用户与常规输入字段相比,可以以最小的努力输入其地址。

保持一致

一个UX设计的核心原理是可预测性。当事情按照他们的期望时,用户具有更大的控制感。与桌面上不同,用户可以通过悬停在移动设备上来验证某些内容是否是交互式的,在移动设备上,用户只能通过点击元素来检查交互性。

这就是为什么考虑应用程序按钮和其他交互式元素传达的信息至关重要的原因。功能应首先出现,然后形式:元素的外观应指示客户如何使用它。用户很容易被看起来像按钮但无法单击的视觉元素混淆。

“背面”按钮应正常运行。设计不佳的“背面”按钮可以创建许多问题。防止在多步骤过程中键入“后退”按钮的情况将用户返回主屏幕或先前填充的表单信息。

一个好的设计使用户可以返回并更轻松地进行更改。当用户知道可以查看所提供的信息或所选择的选项时,用户可以保持自信。

优化推送通知

令人讨厌的通知是人们卸载移动应用程序的最常见原因之一。发送推送警报仅仅是因为您可以是一个好主意。每个通知都应该有用且及时。

使应用程序看起来快速响应

短期加载时间对于用户体验至关重要。随着技术的发展,人们变得越来越不耐烦。如今,有47%的用户期望页面加载不到2秒。

如果页面花费很长时间的加载,访客可能会感到烦恼,并离开。因此,在开发移动应用程序的同时,速度应该是重中之重。但是,无论您制作应用程序多快,有些事情都需要时间才能完成。

互联网连接错误或长期运行的过程可能会导致缓慢的响应。即使您无法缩短等待时间,也可以使用动画加载屏幕使等待更加愉快,并向用户保证该应用程序没有停止工作。

使错误消息可理解

当人们使用应用程序时,他们会犯错误。错误消息可能是由于用户错误或应用程序故障的结果弹出的。无论原因如何,这些问题及其处理方式都会对用户体验产生重大影响。错误的错误处理以及无效的错误消息传递可能会导致用户感到沮丧并放弃您的应用程序。

不要以为人们足够精通技术,可以自己解决问题。始终用简单的术语解释出什么问题。每个错误消息都应说明出了什么问题,如果可能的话,为什么会发生什么,以及用户应采取的下一步以纠正问题。

创建无摩擦的入职过程

提供出色的入职经验是最好的方法之一设计一个UX保留用户。入职的目的是证明您的应用程序的价值。

上下文入职是一种特别有效的入职方法。上下文入门是指用户需要指令提供指令。Duolingo是一个很好的例证。邀请用户直接跳入并以自己选择的语言进行简短的考试,而不是被指示垃圾邮件。这使学习更加愉快和互动。

个性化用户体验

个性化是移动设计的一个极为重要的方面。这是一个与用户互动并以自定义方式提供所需信息的机会。

使用个性化来改善移动用户体验。最好根据用户的位置,以前的搜索和购买来提供量身定制的信息。例如,如果您的消费者更喜欢每月购买某些类型的产品,则应用程序可以记住这一点,并为这些物品提供特殊价格。

什么是UI,为什么良好的UI对移动设计很重要?

用户界面(UI)是指应用程序的图形布局。它包括用户按下的按钮,他们读取的文本,图形,滑块,文本输入框以及用户交互的所有其他对象。用户界面(UI)是用户体验的关键组成部分;如果UI没有吸引力且忙碌,则用户将放弃该应用程序。

移动UI:最佳实践

保持设计一致

设计的基本原则是一致性。保持应用程序的外观和保持一致至关重要。该应用程序的字体,按钮和标签必须一致。程序中的所有交互式功能都应以相同的方式工作。

如果您同时拥有Web服务和移动应用程序,请确保它们具有相同的功能,以便用户能够在移动应用程序和移动网站之间无缝切换。设计的不一致性(例如各种导航方案或调色板)会导致混乱。

提供用户交互反馈

物体在物理世界中响应触摸;人们期望数字UI控制能够以相同的方式响应。每个用户联系都需要立即反馈。如果您不提供反馈,则用户会担心您的软件已经冻结。反馈可以是视觉上的(例如突出显示按钮)或触觉(例如振动)。

使用熟悉

用户将在各种应用程序中遇到熟悉的屏幕。对于智能手机应用程序,诸如“家庭”,“设置”,“收藏夹”和“最近”之类的屏幕已成为常态。由于用户已经熟悉它们,因此他们不需要额外的解释。这通过允许用户基于先前的专业知识与程序进行交互来消除学习曲线。

保持它清晰

可读性和可读性对于移动版式至关重要。如果用户无法阅读您的内容,则首先提供它是没有意义的。在任何屏幕上,都难以读取小于16个像素(或11分)的任何内容。大多数用户更喜欢干净,易于阅读的字体。

诸如Open Sans或Roboto之类的默认字体是一个安全的选择。浅色的字母可能看起来很时尚,但很难阅读,尤其是在光线背景下。为了简单阅读,请确保字体和背景之间存在很多对比度。

给重要元素的视觉重量

给屏幕上最重要的项目提供视觉重量。字体重量,尺寸和颜色都可以用来给出元素额外的重量。较大的物品更明显,似乎比较小的物品更重要。

使您的设计颜色友好

色盲会影响全球4.5%的人口。在移动表单上,成功和错误消息经常是绿色和红色的,但是这些是最受色盲影响的色调。如果您有颜色的问题,这可能是一个非常令人沮丧的体验 - 因此,将除了颜色以外的其他东西作为信号。

了解更多有关可访问的UX设计我们在编码和UAL创意计算研究所的在线课程。

使用高分辨率图像

具有高分辨率屏幕的设备的开发提高了标准质量的质量。在高清屏幕上,图像不应看起来像素化。

图像应始终以正确的纵横比显示,以避免看起来扭曲。为了适应空间而过于广泛而伸展的图像可能看起来不愉快并且不合时宜。

优化肖像模式的视频

许多消费者正在快速采用视频作为其首选的内容消费形式,大多数视频都以肖像模式查看。因此,重要的是要优化肖像模式的视频内容。

如何学习应用程序设计

FutureLearn提供了多个课程,您可以在其中学习设计应用程序。一个很好的起点是我们数字营销:编码,UX和创建数字内容利兹大学的专家旅行,这将带您浏览各个方面创建出色的UX

或者,查看我们的金融科技的创新来自密歇根大学的专家拖车启动了金融科技和金融科技移动应用程序的利润丰厚的世界。

最后的想法

有这么多应用程序,很难在这个日益拥挤的领域竞争。但是遵循一些简单的规则并拥有权利数字技能,您将使您的应用与他人区分开,并超越竞争对手。

FutureLearn-终身学习

我们的目的是改变接受教育的机会。

我们提供来自世界各地的大学和文化机构的各种课程。这些一次是一次交付的一步,并且可以在移动,平板电脑和台式机上访问,因此您可以适合自己的生活。

我们认为,学习应该是一种愉快的社交经验,因此我们的课程为您提供了与他人一起讨论的机会,帮助您做出新的发现并形成新的想法。
您可以通过订阅我们无限制的包裹来解锁新的机会,以无限制地访问数百种在线短课程。电竞博彩app有什么通过顶尖的大学和组织建立知识。dota2竞猜吧

了解有关FutureLearn如何转化接受教育的更多信息

关于FutureLearn的相关故事