移动用户体验设计原理和最佳实践

本文概述

  • 把用户放在第一位
  • 手机版面设计
  • 移动UX最佳实践
  • 总结
好的设计就是好的设计, 对吗?的确如此, 但是根据设计的媒介, 会有一些特殊的考虑因素起作用。在桌面计算机上运行的应用程序之类的设计原则通常与最有效的移动UX设计约定略有不同。
即使在” 移动用户体验设计” 之类的总括类别中, 设计应用程序和设计移动网站之间也存在差异。用户下载应用程序时, 他们不仅需要网站的移动版本。他们希望获得一种独特的体验, 以证明他们花在下载应用程序上的时间(以及在手机上占用的空间)是合理的。用户对删除自己认为不值得的应用程序毫无疑虑-75%的应用程序下载仅打开一次。
通常, 移动设计不可忽视。在全球范围内, 通过移动设备和平板电脑访问互联网的人数超过了台式计算机。 UX设计人员不再需要忽略这些用户。对于移动设计师而言, 在设计过程的每个步骤中都考虑移动UX最佳做法非常重要。
把用户放在第一位 这毋庸置疑, 但是在任何设计项目中, 用户都应该始终是第一位的, 并且用户需求在移动设备上甚至更为重要(更具体)。如果设计人员不能满足移动用户的需求, 那么这些用户将很快转到其他网站, 应用或其他分散注意力的网站。
设计人员可以采取以下行动来满足移动用户的特定需求。
移动用户体验设计原理和最佳实践

文章图片
在设计任何移动体验时, 始终将用户放在首位。
使导航直观
与台式机网站相比, 移动网站和应用程序上的导航需要更加直观。用户需要能够立即确定如何绕过移动应用程序或网站。这可以通过可识别的设计模式(例如汉堡菜单)以及可识别的图标(用于主屏幕的” 主页” 图标, 用于消息传递的聊天气泡等)来实现。
移动用户体验设计原理和最佳实践

文章图片
当包含图标标签时, 使用直观图标(月亮用于” 睡眠” , 祈祷手进行” 冥想” 等)更加人性化。
如果用户不得不考虑如何导航, 则他们更有可能脱离网站, 或者关闭应用程序并寻找更简单的解决方案。
跨设备创建无缝体验
无论用户是访问应用程序, 移动网站还是桌面网站上的内容, 使用它们之间的过渡都必须无缝。设计元素应相互镜像(例如, 设计人员不应将蓝色用于应用程序, 而将红色用于网站)。
无缝的体验不仅使使用网站或应用程序的人们变得更轻松, 而且还建立了对该品牌的信任。
移动用户体验设计原理和最佳实践

文章图片
在不同设备上使用应用程序或网站之间的转换应该是无缝的。
关注用户目标
一个人在移动应用程序或网站上的目标可能与他们在完整桌面网站上的目标不同。例如, 在餐馆应用程序上, 访问者可能只想做一些事情:查看菜单, 进行预订或获取路线。在大多数情况下, 他们并不会在手机上查看业务的完整历史记录, 因为这类内容可以隐藏在菜单或子菜单中。
想一想用户在移动应用上实际想要做什么。设计人员经常忽略的重要一件事是要求登录才能执行基本任务。例如, 银行应用程序通常要求登录才能在该应用程序上执行任何操作。但是, 诸如查找最近的ATM的位置之类的任务实际上并不需要用户登录。使这些功能易于访问是改善UX的好方法。
移动用户体验设计原理和最佳实践

文章图片
这个本地信用合作社允许人们查找位置, 而无需先登录。
允许个性化
对于移动应用程序, 个性化是改善用户体验的关键。个性化也可以帮助实现营销目标。这对所有利益相关者都是双赢的。
个性化应该将用户推向他们正在寻找的内容, 并远离与他们无关的内容。它还可以消除网站上的干扰, 简化购买流程等组件, 并确保营销信息与访问者的实际需求保持同步。
移动用户体验设计原理和最佳实践

文章图片
Fitness应用程式Strava会自动为使用者载入最近使用的运动类型, 但也使切换运动变得简单(将最可能的选项放在顶部)。
但是, 过多的个性化设置很容易陷入陷阱。个性化级别需要与用户对应用程序和公司的信任度相匹配。当网站针对他们正在考虑(或谈论)但从未搜索过的东西展示广告时, 人们多久会感到不高兴或陌生?当然, 这只是高级广告算法的可预测性, 但是个性化程度仍然可以使访问者感到忧虑。
总是使事情变得容易
当人们访问移动设备上的网站或应用程序时, 他们希望尽快完成手头的任务。设计人员应尽可能轻松地完成必要的任务。消除对每个任务并非绝对重要的一切都是一个很好的起点。在移动界面上简化必要的任务也是关键。
例如, 许多电子商务应用程序和网站现在提供了用于输入信用卡信息的摄像头选项。购物者无需输入卡号, 而是可以将相机对准信用卡, 该应用将自动读取该卡号。
其他诸如在表单字段中指定输入类型的操作(例如, 当电子邮件地址为预期输入时, 主键盘屏幕上会显示@符号和” .com” )。
良好的入职实践
良好的入门对于移动应用程序至关重要。但是, “ 好” 的定义在不同类型的应用程序之间差异很大。易于使用的应用程序(如待办事项列表或Web浏览器)需要最少的启动时间。大多数用户都需要使用几个醒目的屏幕来指出独特的功能。
移动用户体验设计原理和最佳实践

文章图片
Masterclass为新用户提供了出色的入门工作流程, 它显示了一些关键功能, 同时还为用户提供了查看更多内容或登录的选项。
但是, 更复杂的应用程序(例如用于金融服务或项目管理的应用程序)需要更全面的入门。
使用既定手势
这一说法毋庸置疑, 但移动设计师需要考虑人们已经习惯在其设备上使用的既定手势。对于大多数用户而言, 像捏缩放或滑动之类的操作已变得很直观, 应尽可能使用。
移动用户体验设计原理和最佳实践

文章图片
设计人员应尽可能使用人们已经熟悉的既定手势。
在设计师决定偏离既定手势的情况下, 无论是在入职过程中还是在首次出现用例时, 都必须让用户了解这种偏离, 这一点很重要。
手机版面设计 设计移动版式与设计任何其他类型的版式并没有完全不同, 但是设计师需要考虑某些注意事项。
最大的考虑因素之一是触摸屏目标的大小。尽管鼠标或触控板可以精确地单击, 但指尖的精确度要低得多。理想情况下, 目标应在移动设备的屏幕上为7-10毫米。这样一来, 指尖即可轻敲目标, 而不必太仔细瞄准。
需要考虑的一个相关区域是手的位置控制和移动设备上的” 拇指区” , 即一个人用一只手握住手机时可以用拇指轻松访问的手机屏幕区域。将大多数交互式内容(尤其是号召性用语)放在该区域中对于创建积极的用户体验至关重要。
移动用户体验设计原理和最佳实践

文章图片
“ 拇指区” 是要考虑的移动UX设计的重要方面。 (图片来自LukeW)
【移动用户体验设计原理和最佳实践】对于移动设计而言, 尽可能减少混乱很重要。在移动应用程序方面, 极简主义是设计师的朋友。尝试将桌面用户界面中的所有内容都塞进只有一小部分大小的屏幕中, 会使设计看起来局促不堪, 而且可能会让人感到不知所措。
着眼于目标, 最小化导航选项(菜单和子菜单可以帮助实现这一点), 并且通常消除对用户执行其必不可少的工作必不可少的任何元素, 这将创建一个更加简化和用户友好的UI。
移动用户体验设计原理和最佳实践

文章图片
Google的移动应用程序具有简约的设计, 可以消除所有不必要的元素。
在消除屏幕混乱时, 设计师必须确保不要忽略一些关键的设计注意事项。一种考虑是确保各种设计元素具有足够的对比度。人们经常在不理想的情况下看他们的移动设备。诸如明亮的阳光之类的东西会使屏幕上的元素难以看清, 但高对比度有助于使元素更清晰可见。
排版是另一个关键考虑因素。在移动设计中拥有清晰的排版层次结构很重要。标题和标题应该易于发现, 并且字体通常应该更大。没有人喜欢斜视屏幕以尝试在手机上阅读大块文字。清晰的标题, 项目符号或编号列表以及简短的段落都使移动文本更加清晰易读。
UI的最后一个考虑因素是过渡和动画的使用。动画可以向用户发出重要信号, 表明他们刚刚采取的任何操作都会起到作用。移动应用程序中屏幕或功能之间的动画效果和清晰的过渡是反馈的关键部分, 可带来更令人满意的用户体验。
移动UX最佳实践 在设计移动应用和网站时, 以上所有都是重要的考虑因素。但是, 还有其他移动UX最佳实践可以遵循, 以确保获得最佳的用户体验。
专注于速度
尽管有广泛的4G数据可用性, 但移动网络通常仍比wifi或宽带服务慢。而且在世界许多地方, 还不存在4G, 移动用户只能使用3G或更慢的数据速度。
移动用户体验设计原理和最佳实践

文章图片
并非每个使用移动应用程序或网站的人都会拥有最快的网络连接, 甚至没有最新的设备。
这意味着移动网站, 尤其是移动应用程序需要快速发展。在应用程序每次加载时将不需要的内容添加到应用程序中都会使应用程序运行更快。同样, 仅在需要时才加载内容(尽管预见需要的内容并预加载它可以使应用对用户的显示速度更快)。
在不加载将不会使用的内容(并耗尽数据)与通过预加载用户可能接下来需要的速度来创建速度感知之间的平衡。
一种创造速度幻觉并抚慰不耐烦用户的方法是使用占位符, 直到内容加载为止。 Facebook的移动应用程序可以执行此操作, 实际上, 该应用程序一打开就可以有效地加载优美的线框, 并为下载的帖子保留了空间。此过渡屏幕向用户发出信号, 表明内容在实际加载之前就发生了一些变化。
向用户提供反馈
在用户对移动应用程序执行操作时为其提供反馈是积极的用户体验的重要方面。如前所述, 动画和过渡是提供反馈的一种方法。
移动设备还可以实现触觉和音频反馈。当执行某些动作时提供触摸反馈在手机游戏以及错误消息中特别流行。音频反馈在各种应用程序中都非常流行。尽管如此, 设计人员不应该依赖音频反馈, 因为这么多人始终使手机保持静音。
最小化数据输入
移动UX的另一个关键最佳实践是最大程度地减少所需的数据输入量。之前曾提到过这一点, 但是一个人进入移动应用程序必须输入的数据越多, 他们放弃任务的可能性就越大。
在台式机或笔记本电脑上填写四个或五个字段的表单可能没什么大不了的, 但是在移动设备上, 这四个或五个字段可能足以将用户拒之门外, 特别是如果他们看不到他们的目的。确保在移动设备上填写表格中的每个字段都是必需的。消除任何不是的。
这是一个让人们可以选择使用其现有帐户之一(例如Facebook, Google或Twitter帐户)而不是从头开始注册的区域, 可以大大提高转化率。当用户只需单击以授权访问权限, 而不必填写新注册表格时, 他们更有可能这样做。只是不仅仅依赖于这些辅助应用程序, 有些用户仍然不信任他们的帐户关联, 因此会花一些时间填写表格。
移动用户体验设计原理和最佳实践

文章图片
项目管理应用程序Podio使新用户可以轻松地使用Google或ShareFile帐户进行注册。
总结 遵循这些既定的移动用户体验设计原则, 将为访问移动站点或使用移动应用程序的人们创造更好的整体用户体验。设计师只有几秒钟的时间就能吸引人们的注意力, 然后他们放弃了某个应用程序或网站, 转而使用更加用户友好, 直观或精简的程序。
出色的移动设计正变得越来越普遍, 并且在用户对移动应用程序的期望方面, 标准进一步提高。设计人员不再将移动设计视为事后才想, 而是需要像在其他格式上进行设计时一样, 在其中投入大量的时间, 精力和资源。
? ? ?
在srcmini设计博客上进一步阅读:
  • 移动用户体验设计-最佳实践, 约束和与开发人员合作
  • 保留这些移动应用程序入门灵感的用户
  • 移动可用性基础指南
  • 移动接口的启发式原理
  • 用于移动体验的电子商务UX

    推荐阅读