移动产品设计完整指南
浏览:378 时间:2021-2-23

在设计移动产品时,有许多事情需要考虑。在本文中,作者总结了基于我所经历的各种项目的移动产品设计中的一些建议,希望能够激发读者的兴趣。

如今,人们比历史上任何时候都更依赖手机。美国的每个人都使用手机长达五个小时,其中大部分用于应用程序和浏览网页。

用户体验是衡量移动应用程序卓越性的最重要标准,尤其是用户对应用程序的期望:快速加载,易用性,有趣。如果您想使您的应用程序成功,那么用户体验是必不可少的,并且必须始终考虑产品设计的每个阶段。

在设计移动产品时,有许多事情需要考虑。在本文中,作者总结了基于我所经历的各种项目的移动产品设计中的一些建议,希望能够激发读者的兴趣。

文章较长,文章目录如下,学生可以根据自己的需要阅读。

减少认知负担

满足用户的控制感

接口可访问性设计

导航栏设计

导航中的运动设计

专注于用户的首次发布

加快应用响应速度

提高内容呈现的质量

触控设计

情感设计

优化消息推送

移动设备优化

应用程序设计应适应新兴市场

测试和反馈

1.减少认知负担

认知负荷是指用户使用App所需的大脑能量。人类的大脑处理能力有限,当应用程序同时提供太多信息时,它可能会给用户一种压迫感并促使他们放弃。

1.1。完成界面

减少产品的混乱是一种有效的方法。凌乱是坏产品的最大特点。如果界面充满杂乱的元素,用户必须携带太多信息:每个新按钮,图片和图标都会使界面更加臃肿。

凌乱的桌面让我们心烦意乱,凌乱的产品让用户更加恼火(这很容易理解,智能手机的屏幕更小,杂乱的感觉会相应地放大)。产品经理和交互设计师应该尝试从应用程序中删除不必要的元素,因为减少混乱可以帮助提高用户的理解。简单的界面和功能设计是一个很好的解决方案:

将内容量保持在最低水平,仅显示用户必须知道的内容;

最小化界面元素并使产品界面更清晰,这也有助于减少认知负荷;

右侧显示的标签栏明显优于左侧(图像来源:Apple)

使用Progressive Disclosure方法显示更多元素或选项。

单击以展开更多隐藏项目(来源:Ramotion)

1.2。减少任务

查找产品计划中可能需要用户思考的任何模块(可能是表单输入或选项选择)并寻找替代方案。例如,在某些情况下,数据可以通过本地缓存记录,而不是要求用户每次都在同一个地方重复输入;另外,可以根据用户的使用行为和使用习惯为用户设置默认值。

1.3。分解任务

如果任务包含多个步骤并要求用户执行多个操作,则最好将其分解为多个相关的子任务。这个原则在移动产品的设计中非常重要,因为不应允许用户同时携带太多复杂的任务。一个很好的例子是电子商务应用程序的订单购买过程。在电子商务购买任务中,复杂任务被分解为一系列逻辑渐进子任务,并且用户分别执行每个子任务。操作。

任务分解后,用户在任务上的难度降低(来源:Murat Mutlu)

一方面,分解任务减少了用户的认知负担,另一方面,它也起到连接不同任务的作用。例如,浏览和购买在逻辑上是相关的,但它们在实际操作中是无关紧要的,但由于每个任务中用户的操作复杂性基本相同,因此从浏览到购买有更好的过渡,并且当用户不会连接时连接不同的任务。感觉很尴尬。

分解购买电影票(资料来源:Anton Skvortsov)

1.4。使用通用界面设计解决方案

通用界面设计解决方案是指大多数应用程序使用的设计方案,包括导航栏位置,交互模式和标签对话。在过去十年的移动产品开发中,许多界面元素被设计为例程,并且不需要指定或解释它们,因为用户已经熟悉这种设计。当用户使用既定的使用习惯来使用新应用时,他们可以避免学习成本和潜在损失。

Quora的用户页面

1.5。最小化用户输入

在移动电话的屏幕上打字的用户体验非常差,仅仅因为物理尺寸太小,并且软件性能无关紧要,并且熟练的用户将是错误的。需要用户手动输入的最常见方案是填写表单。以下是一些参考建议:

删除任何不必要的字段,缩短表单的长度,并确保用户输入的内容最少;

表单设计的指南尽可能短,并且可以合并多个字段(来源:Luke W。)

使用输入掩码,这是一个帮助用户格式化输入文本的插件。它可以执行诸如切断和分组输入内容等操作,帮助用户专注于表单填写,使用户更容易发现错误;

(资料来源:Josh Morony)

使用自动填充等智能功能。例如,填写地址是任何注册表单中最有问题的地方。您可以根据手机位置自动填写地址信息,因此在大多数情况下,用户只需要进行简单的更正;

动态验证字段值。提交后,您将知道输入错误,然后返回到更正。用户体验非常差。如果可能,应在用户输入后立即检查输入字段的准确性,以便用户可以立即纠正它们;

在线实时验证(来源:Baymard)

根据字段类型显示键盘类型。输入电话号码时,应显示数字键盘;如果您要输入电子邮件地址,还需要包含@键。确保此功能在整个应用程序中保持一致,而不仅仅是某些表单。

将键盘与所需的文本类型匹配(图像源:ThinkWithGoogle)

1.6。估计用户需求

在产品设计阶段,产品需要根据用户的操作路径使用,并积极发现使用过程中隐藏的痛点。例如,在下图中,它会提示用户需要提供信息的具体位置。

此字段旁边的简洁帮助文本非常有效(图像来源:Hotjar)

1.7。通过视觉重量传达重要性

界面中最重要的元素应该具有最直观的权重。通过改变重量,尺寸,颜色等可以实现增加元件的重量。

大尺寸元素比小尺寸元素更引人注目

1.8。避免使用术语

在任何移动产品设计中,清晰准确的信息是最重要的。使用目标用户习惯使用的表达式,而不是生产研究团队习惯使用的表达式(或行业术语)。

行业术语或短语会增加用户的认知负担(来源:ThinkWithGoogle)

1.9。一致的设计

一致性是设计的基本原则,一致性有助于减少混淆。在应用程序设计中,一致性意味着以下内容:

视觉一致性:应用中的字体,按钮样式和文本标签样式需要保持一致;

功能的一致性:交互和交互元素应跨页面保持一致;

产品之间的一致性:同一系列中不同产品(如网易邮箱和网易云音乐)之间的一致性,可以降低使用相关产品的用户的学习成本。

关于设计一致性,有以下建议:

遵循平台准则/规范

每个移动操作系统都有标准的界面设计指南,例如Apple的界面设计规范。遵循平台规范是很重要的,因为用户已经熟悉他的移动操作系统,并且任何与该系统的交互模式相矛盾的产品在使用过程中都会被摩擦并引起用户不适。

不要在其他平台上模仿UI设计

在为Android或iOS设计应用程序时,请不要参考其他平台的UI设计。图标,功能模块(输入框,复选框,开关等),字体等应保持系统的原生感。尽可能使用本机系统的组件,这增强了用户的信任。

在不同的终端上保持相同的产品一致

这是产品之间的一致性类别。如果您的产品同时具有网络和移动功能,您应该保持两者的风格尽可能一致,这将减少用户在PC和手机之间的不适感。两者之间的不一致(例如不同的导航方法或不同的配色方案)可能引起混淆并增加用户的认知负荷。

2.满足用户的控制感

2.1。交互式元素是可预测且用户友好的

可预测性是用户体验设计的基本原则。当事物按照用户期望的方向运行时,用户具有强烈的控制感。在PC上,用户可以使用鼠标悬停以确定是否可以单击或交互元素,但是在移动设备上,用户只能单击以确定它是否是交互元素。这是移动侧按钮等的交互式元件设计的原因。用户如何清楚地将元素视为按钮?该按钮应与非交互式UI元素清楚地区分开。

2.2。请使用“退货”按钮

正确

“return”的使用不正确按钮会导致很多问题。用户点击“返回”按钮。想要返回上一页的关键,以避免用户点击&&“返回”按钮直接返回主页。一个好的设计应该是让用户更容易返回并纠正错误。当用户知道他们可以再次查看填写的表单或选定的选项时,用户将能够更轻松地转到下一页。

2.3。有效的错误消息

这个错误是有道理的。有时用户不小心碰到或误操作,有时程序本身运行不正确。无论什么情况,错误及其解决方案都会对用户体验产生巨大影响。通知用户无用的错误消息,而不是告诉用户正确的解决方案,可能会导致用户体验受挫,甚至导致用户丢失。

以Spotify的错误页面为例。此页面不会告诉用户如何生成错误,也不会告诉用户如何解决错误。然后用户会感到困惑:“我现在能做什么?”“rd”;

Spotify的错误页面只有“错误”,没有解决方案

不要希望用户的技能是熟练的,你可以自己解决问题,你应该用简单明了的单词告诉用户发生了什么。错误消息应包含以下内容:

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

为了修复错误,用户应该做什么。

3.界面友好的设计

可访问性设计意味着设计应支持使用各种人群。考虑盲人,聋人或其他残疾人应该如何使用您的应用程序?

3.1。照顾有色盲的人

全球色盲或弱者占4.5%,弱视人群占4%,盲人占0.6%。在设计产品时,我们可以轻松忽略用户的这一部分,因为大多数产品经理和交互设计师都没有遇到过这样的问题。

有一个简单的例子,成功和错误提示填写应用程序中的表单分别是绿色和红色,但这两种颜色是最难区分色盲或色弱的人。许多产品在表格填写页面提示;红色标记字段是必需的。 “虽然这是一个细节,但如果设计如下,那对色盲人来说是一场灾难。

色盲用户无法区分红色突出显示的字段

颜色可以用来传达信息,但它不应该是传达信息,表示动作,提示或辨别视觉元素的唯一视觉手段。使用颜色时,应使用其他可视符号以确保任何用户都能清楚地了解界面信息。

使用标签,图标和颜色传递信息

3.2。动态效果是可选的

一些用户习惯于在操作系统设置中关闭动画效果。当用户选择关闭动画时,应用程序应尽可能地阻止效果。

4.导航栏设计

导航栏设计应该是应用程序设计中优先级最高的作业之一。如果用户找不到该功能或内容条目,即使该应用程序的功能很酷且内容良好,也无济于事。此外,如果您花费太多时间和精力来设计产品的导航结构,那么它也可能适得其反并失去用户。导航的设计标准应该是允许用户自然而直观地使用App,无需任何解释或帮助信息即可完成所有主要任务。

4.1。使用标准化导航组件

最好使用标准化导航组件,例如iOS中的标签栏和Android中的导航抽屉。大多数用户习惯于这两种导航模式,即使他们第一次使用该应用程序,也会更容易上手。

Android的滑动菜单(来源:Material Design)

适用于iOS的标签栏(来源:Ramotion)

4.2。不要混合导航模式

选择核心导航模式时,请勿混用其他导航模式。避免标签栏和导航栏位于同一个应用程序中的情况。

4.3。导航栏可见

正如雅各布尼尔森所说,认知比记忆更容易。始终保持操作和选项可见,最大限度地减少用户的内存负载。导航的位置应清晰易读并保证随时可用,而不仅仅是在用户必须使用时。

4.4。标记当前位置或级别标题

在页面中没有当前位置或层次结构是许多应用程序的常见问题。 “我在哪里?”这是用户需要了解的基本问题,以及产品必须通知用户的基本内容。为了确保用户清楚其当前位置,在大多数情况下,用户将忽略页面标题或位置提示,但是当用户想知道但无法知道时,用户体验将大大减少。

Apple的Health App提供当前页面的信息

5.导航中的运动效果

动画是描述状态转换的最佳工具。动画可帮助用户了解页面之间的状态更改,触发的内容以及如何恢复。

功能动画可以有效地引导用户的注意力,使复杂的转换得到更好的理解(来源:Jae-seong,Jeong)

5.1。谨慎使用手势交互

在交互设计中添加手势确实很诱人,但在大多数情况下,最好避免这种诱惑。当手势用作一级导航时,大多数手势会导致用户体验混乱。为什么?由于手势不可见,因此使用率不高,大多数都需要额外的使用指南。

Thomas Joos在他的文章中指出:跳出按钮——打开手势驱动的产品设计。在产品设计中使用手势的最大障碍是用户学习成本高。每次使用手势替换可见控件时,应用程序的学习成本都会增加一个数量级。这是因为用户更难找到隐藏的手势交互,建议仅使用已在产品设计中使用的手势。

在产品设计中使用手势交互时,建议遵循以下几点:

使用标准手势

所谓的“标准”是指用户使用应用程序时的自然习惯手势,因为用户习惯了它,可以避免额外的学习成本和内存负荷。

手势是视觉导航的补充,而不是替代

手势提供了一种快速导航方式,但它们并不能完全取代导航栏。因此,即使可视导航栏占用了界面空间,也没有必要。

6.注意用户的首次发布——第一印象决定最终印象

首次推出是该应用程序成功的关键部分。在用户首次推出时,该产品只有一次机会。如果产品设计失败,新用户很可能成为无声用户(研究表明,24%的新用户将永远保持沉默)。

6.1。避免登录使用

某些产品不提供访问者模型,仅对注册/登录用户是强制性的,这是用户放弃产品的常见原因之一。用户在被迫注册时放弃产品,这对于品牌认知度低和产品特性不明确的产品尤为致命。

Pinterest要求用户在使用之前登录

根据经验,用户只需要在必要时注册/登录(例如,应用程序的核心功能仅为登录用户开发),即使在这种情况下,最好延迟登录,让用户体验一会儿,然后轻轻提醒用户注册,而不是粗暴强制,这也可以提高注册转换率。

6.2。优化用户指南页面的用户体验

高质量的用户指南页面是确保用户保留的重要手段之一。用户指南页面的设计原则是准确有效地告知用户应用程序的功能和价值。

对于用户指南页面,一个建议非常有效:场景设计。场景设计意味着用户指南仅在用户需要时才会发生。 Duolingo是应用程序告诉用户如何通过渐进式访问使用每个功能的一个很好的例子。

Duolingo指南页面的快速测试

另一个建议是,当用户首次使用它时,默认页面为空白,引导用户通过数据填充数据。除了通知用户页面内容之外,空白状态还指导用户如何使用该应用程序。用户在空白页面下操作,并且任何操作都可以快速查看反馈,这可以加快用户的学习速度。

首次启动时,Expensify为空白,以便通知用户如何使用

6.3。第一次启动时,请勿让用户执行任何设置操作

有些应用会强制用户在首次启动时设置一些参数。此功能的体验非常糟糕。用户下载并启动应用程序,我希望立即使用它。因此,应根据公众的需要预先设置一些个性化设置,并提供一些用户配置的操作门户。

尝试从操作系统获取设置信息。如果产品所需的设置信息与用户,设备或系统有关,请尽可能多地询问操作系统,而不是让用户自己配置。

6.4。避免在开头要求各种权限

阻止用户在应用首次启动时看到请求权限的各种类型的对话框。与强制登录和强制设置类似,当应用程序的核心功能需要特定权限时,应从用户请求权限。如果用户必须同意特定任务中的许可请求,则用户不会感到不安。例如,在编辑照片时,用户非常清楚为什么会弹出访问相册的请求。

Google推荐的权限请求模式(来源:Material Design)

尝试在用户使用期间请求权限,这更有可能获得用户的许可。

(来源:集群)

只需询问您的应用需求

不要求所有权限。如果应用程序的权限请求似乎不是必需的,则会使用户不受信任。例如,闹钟应用程序需要访问地址簿,这无疑是非常奇怪的。

如果原因不明显,请解释您需要此权限的原因

有时您需要在权限请求中添加更多介绍性副本。

7.加快应用程序的响应

加载时间对用户体验至关重要。随着技术的进步,用户变得越来越不耐烦,而今天,47%的用户希望页面加载时间为2秒或更短。

应用加载得越快,用户体验就越好(来源:Google)

用户流失率与页面加载时间成比例,这就是在开发应用程序时加载速度是优先级的原因。但无论应用程序的性能有多好,有些时候都无法避免。加载时间还受许多因素的影响,例如网络速度,硬件性能和操作系统性能。但即使您无法再减少加载时间,也应该改善加载过程的用户体验。

7.1。在可见区域内加载内容

优先加载可见区域的内容,并且可以在加载第一屏幕之后加载滚动的内容。这样做的好处是用户可以快速使用初始内容,有时用户甚至感觉不到剩余内容的加载过程。

7.2。显示加载时间

如果在加载内容时页面为空白或静态,则用户无法区分内容是否已加载或应用程序崩溃,这可能导致认知障碍并可能导致丢失。至少显示基本加载动画以通知用户这是加载内容。如果等待时间很长,建议显示进度条和估计的加载时间,这将增强用户的安全感和控制感。

7.3。分散用户的注意力

如果在加载内容时向用户提供一些有趣的“小工具”,则用户将不会过多关注加载自身,即分散用户的注意力。建议改善加载动画的乐趣。

精心制作的动画可以给用户一个小小的惊喜(来源:UI8)

当然,无论动画设计有多么有趣和优秀,如果它被过度使用,它也会使用户烦恼。在考虑使用加载动画时,首先要问:用户第一次看到动画时是否会感到无聊?加载动画只是一个小小的惊喜。您不能忽略动画设计而忽略产品性能,然后购物车颠倒了。

7.4。加载骨架屏幕

占位符是临时内容网格,是内容加载过程的转换页面。

占位符可以立即显示(来源:Slack)

当应用加载数据时,占位符地图会给用户留下一个印象,即应用响应迅速且效果良好。加载时的“Chrysanthemum”只是告诉用户发生了什么,占位符图表显示了更详细的加载进度。

(来源:Tandem Seven)

8.提高内容呈现的质量

设计产品时不能忽略内容。在大多数情况下,用户使用应用程序来获得高质量的内现在仅仅达到高质量的精益标准是不够的,用户也可以方便地了解吸收。

8.1。提高文本可读性的可读性

说到内容,我们主要是指排版。正如Oliver Reichenstein在《Web Design Is 95% Typography》中所说的那样(《网页设计中95%的工作都是排版》):

“优化的排版是优化可读性,可访问性,可用性以及整体图像和文本平衡。 ”的

移动端排版的关键是可读性和易读性。有几个易读性的建议:

字体大小

通常,任何小于16像素(或11)的内容都不适用于任何屏幕。

字体

大多数用户更喜欢清晰易读的字体。容易出错的选择是系统的默认字体(iOS的默认字体是旧金山,Android是Roboto的默认字体)。

对比度

浅色字体(例如浅灰色)可能看起来很漂亮,但是用户更难识别,特别是当光强时。确保字体颜色和背景之间有足够的对比度,以便于阅读。

当光强时,低对比度界面几乎不可能读取

以下是一些可读性建议:

避免使用大写字母

当您不需要仔细阅读时,所有大写字母都可以轻松吸引用户的注意力(例如缩写和徽标),但对于需要沉浸的内容,所有大写字母都缺乏可读性。

限制每行的单词数

建议将每行的字符数限制为30到40个字符。

行间距应适中

如果行间距太小,则会增加读取压力,行间距会使用户感觉到少量信息。

8.2。高清图片和适当的宽高比

屏幕分辨率的提高为高清图像奠定了基础。在高分辨率屏幕上,图像清晰度应尽可能多。

使用的图片应该是正确的宽高比,图片太宽或太长会降低吸引力。

最近几个月,许多移动互动设计师面临一个新问题:iPhone X的优化.iPhone X的画板尺寸与任何iPhone尺寸都不同。

(来源:Apple)

8.3。垂直播放视频

视频和短视频正成为许多用户的主要观看内容。据YouTube称,移动视频观看率每年提高100%,到2020年,超过75%的全球移动数据将成为视频内容。这意味着视频必须针对纵向模式观看进行优化,使用户在纵向方向上仍能正常观看。

Facebook直播支持垂直播放,同时查看用户评论/评论(图片来源:Giphy)

9.触摸设计

触摸设计的目标是减少错误输入的数量并优化用户和应用之间的交互式体验。

9.1。设计手指,而不是光标

在为移动设备设计界面元素时,请确保每个元素足够大,以避免因小元素而导致的错误触摸。

较小的元素增加了错误触摸的可能性(来源:Apple)

在设计元件尺寸时,您可以参考MIT Touch Lab的研究结果:10mm * 10mm是合理的触摸尺寸。

10 * 10是最佳触摸尺寸(来源:UXmag)

除了正确选择元素大小外,元素之间必须有足够的空间以防止误触摸。

(来源:材料设计)

9.2。拇指触摸区域

一方面应该在设计中考虑拇指触摸的区域,因为拇指和屏幕之间的接触面积较大,另一方面,因为用户习惯于握住设备。许多用户单手使用手机,因此拇指自然使用,只有拇指操作的区域称为自然拇指区域。在下图中,可以看到自然拇指区域的大致范围。

(来源:Smashing Magazine)

屏幕尺寸越大,自然拇指区域的相对面积越小。

(来源:Smashing Magazine)

在设计应用程序时应考虑所有方面:

绿色区域是导航栏或频繁交互的最佳位置(例如操作按钮);

红色区域是潜在危险选项的最佳位置(例如“删除”或“清除”),用户不太可能意外触摸此区域。

9.3。互动反馈

用户期望电子产品或互联网产品及时提供运营反馈。在产品设计中,有必要为用户的每个操作设计相应的反馈方法。如果某个操作没有提供及时的反馈,用户可能想知道他们是否已经这样做或者错过了什么。反馈可以是视觉(突出显示的点击按钮)或触觉(设备振动)。

使用动画及时向用户反馈(来源:Vadim Gromov)

10.情绪设计

用户体验不仅仅是可用性,更重要的是,它可以响应用户的情绪。当我们回顾具有良好用户体验的产品时,我们经常会想到精心设计的产品并让我们感到惊讶。

10.1。个性化体验

今天,个性化已成为App的主要功能之一。产品的作用是与用户联系并提供他们所需的内容,个性化可以使过程感觉更真实。

通过个性化或个性化,有无数种方法可以改善应用程序的用户体验。可根据用户的位置,搜索历史记录和购买历史记录提供个性化内容。例如,如果您的用户希望每月购买特定商品,则该应用可以记录这些商品并在合适的时间将其推荐给用户。

星巴克应用程序遵循这一思路。星巴克根据用户的购买历史(例如普通咖啡)提供特别优惠。

10.2。可爱的动画

功能动画是提高信息传递和用户理解的有效性;有趣可爱的动画更适合用户的心理感受,是一种情感设计。可爱的动画清晰地传达了一个信息:App的研发团队专注于用户的内心感受。

(来源:Serhii Hanushchak)

11.优化消息推送

恼人的消息推送是用户卸载应用程序的首要原因(71%的受访者选择此选项)。

(来源:Appiterate Survey)

由于能够推送消息,所以不要随意推送。任何信息都应该仔细筛选并且有价值。

11.1。推动有价值的内容

当用户开始使用该应用时,他们不介意接收消息推送,只要该消息是有价值的。几乎一半的用户感谢收到感兴趣的通知,个性化的消息推送是关键点。 Netflix在推送有价值的内容方面做得非常出色:根据用户的观看,收集等方式为每位用户提供个性化推荐。

Netflix根据用户需求个性化推送通知

11.2。避免在短时间内发送多个通知

在短时间内发送多个通知可能会导致过度推送,从而迫使用户忽略大部分通知。应该组织消息推送的类型,然后应该限制推送的总数。

11.3。将消息推送到控制的时间

推送的时间与推送的内容一样重要。不要在无法解释的点(例如午夜)推送消息。消息推送的最佳时间段是手机使用的高峰期:下午6点到晚上10点。

(来源:comScore)

11.4。考虑其他渠道来传递信息

消息推送不是传递消息的唯一方式。您还可以使用SMS通知,电子邮件,应用程序通知等。应根据邮件的紧急程度和内容类型选择适当的渠道。

(来源:Appboy)

12.移动设备的优化

12.1。考虑到中断

我们的生活充满了干扰,许多事情让我们分心,更不用说移动设备的大部分使用场景都在户外。当用户在等待汽车时使用App时,用户的使用过程可能在任何时间点被中断。当应用程序再次打开时,如果清除了最后一个浏览位置,则不能说它是一个很好的用户体验。当发生中断时,应用程序应保持其当前状态并支持用户继续在上面的断点处使用它。

12.2。利用移动设备的功能

移动设备具有许多可用于改善用户体验的传感器(摄像机,定位,加速度传感器等)。以下是您可能使用的一些功能:

相机

您可以使用相机和相机简化表格填写,例如,您可以打开相机以自动识别银行卡号。

(来源:Business Insider)

位置跟踪

应用程序可以使用设备的位置数据来提供与用户位置相关的内容或简化某些操作。例如,用于快递服务或外卖服务的应用程序可以自动检测用户的当前位置并要求用户确认或修改它,而不必完全依赖于用户的手动输入。

优步使用手机定位服务来减少用户手动输入

生物认证

使用指纹识别或面部识别等功能可以减少登录步骤。

指纹登录功能

iPhone X人脸识别(来源:Tesco)

12.3。扩大产品渠道

不要以为应用程序是孤立存在的。在用户任务和用户体验方面,最终目标应该是在所有终端上创建无缝的用户体验,无论用户是从移动设备切换到PC还是平板电脑。任务。据Appticles称,37%的用户在移动端浏览,但在PC端完成购买。

13.应用程序设计应适应新兴市场

谷歌报告说,它将在未来几年增加10亿连接用户,其中大部分来自新兴市场(被称为手机新兴市场,包括印度,印度尼西亚,巴西,尼日利亚等),这些市场的用户将使用移动设备网络,这些用户的体验和用户需求也不同于成熟市场(如中国,美国,欧洲等)。

如果您对全球化感兴趣,有必要深入研究新兴市场用户的需求。

13.1。缺乏网络渗透

在网络成熟的地区,用户习惯于无处不在的4G或3G网络,但并非全世界都在使用。新兴市场的产品必须适应不良的网络渗透。用户可能会从Wifi切换到3G到2G,甚至失去网络连接。应用程序必须考虑每种情况的异常处理方案。

对于这些新兴市场,有以下建议:

确保即使网络断开连接也可以使用该应用程序,允许缓存数据;

优化产品的加载速度。通过压缩图像等来最小化页面大小。

YouTube Go提供了一个很好的例子。首先,该应用程序支持离线使用;第二,它允许用户缓存视频并可以选择不同的分辨率;最后,它还支持在离线时与附近的设备共享视频。

Youtube Go的离线分享视频功能

谷歌新闻和天气方法也值得参考。该应用程序具有一个名为“精简模式”的功能,专为慢速用户设计。激活此模式时,只会加载重要内容,因此加载速度会大大提高。据Google称,此模式所需的流量仅为正常模式的三分之一。当应用程序检测到网络速度较慢时,它将自动激活到精简模式。

13.2。有限的数据

在大约95%的新兴市场中,移动数据的价格比居民的收入要荒谬得多。用户只能购买固定数量的数据,而且很多人每月只能支付250Mb的流量。这些用户重视预加载内容所需的数据量,以及在Wifi和流量数据下加载产品时自动暂停产品的能力。

下图是YouTube的另一个例子。在用户选择视频之后,他或她可以选择视频的清晰度,并且应用将告知用户视频将花费多少流量。

13.3。设备性能有限

在新兴市场,智能手机的屏幕分辨率与iPhone相差甚远。新兴市场中的大多数设备成本不到100美元,因此在设计产品时必须考虑有限的存储和处理能力,以确保该应用适合低端和低端操作系统。

13.4。结合当地文化和美学特色

极简主义的设计理念在当今西方世界很流行,但对于其他文化而言可能被认为过于简单。如果您想让您的产品在新兴市场取得成功,您需要在文化和美学上习惯于当地文化。受到该地区流行产品的启发,您还可以聘请熟悉用户偏好的本地设计师。根据当地的审美习惯设计产品将使产品更加可靠。

13.5。根据区域特征设计产品功能

当谷歌设计印度版谷歌地图时,它认为印度是世界上最大的两轮车市场,数百万摩托车和自行车骑手的需求与汽车司机不同。所以印度版谷歌地图发布了一个两轮模式,显示了两轮车的路线,这是不适用于汽车和卡车。

14.测试和反馈

以上所有原则可以帮助您更好地设计应用程序,但您无法取代用户研究和产品测试。产品经理仍需要进行用户访谈和可用性测试,以确定是否需要进行任何调整。

14.1。反馈机制

鼓励用户反馈并珍惜用户的每一条反馈。为了更好地收集用户反馈,需要在产品中建立反馈机制。该反馈机制可以是问卷或用户消息,只要用户的反馈建议可以准确地传达给产品经理。

14.2。设计是一个永无止境的过程

客观地说,设计是一个持续改进的过程,设计不是最优的,只是优越的。作为产品设计师,我们应该使用数据分析,用户反馈等手段不断改进产品体验。

15.摘要

伟大的产品是用户体验和功能的完美结合,这是我们不懈的追求。但不要指望应用程序的初始版本是完美的。相反,我们应该将产品视为一个不断改进和不断调整的长期项目。冷冻三尺不是冷天,结合数据,测试,反馈,需求分析等手段不断改进产品,不断优化经验,是产品设计的正确姿态。

译者:李晓新

原作者:Nick Babich,开发人员,技术爱好者和用户体验爱好者他在软件行业工作了10年,专注于开发他将广告,心理学和电影视为他无数的兴趣

原始地址:https://www.smashingmagazine.com/2018/02/comprehensive-guide-to-mobile-app-design/

本文是大家的产品经理翻译团队@李小新翻译发布,未经本网站许可,禁止转载。

该地图来自PEXELS,基于CC0协议