作者都是各自领域经过审查的专家,并撰写他们有经验的主题. 我们所有的内容都经过同行评审,并由同一领域的Toptal专家验证.
Shane Ketterman

Shane Ketterman

设计博客编辑

Shane拥有建筑和设计背景以及用户体验背景, 科技, 创业公司, 内容营销.

分享

我们可以通过遵循移动用户体验设计最佳实践来实现更好的用户体验, 理解约束, 并促进与开发人员的稳固工作关系.

什么是手机用户体验设计?

A 最近的文章 TechCrunch网站指出,在2018年感恩节假期期间,移动电子商务占所有在线销售额的近三分之一, 和 数字趋势报告 2017年,全球有50亿人拥有移动设备. 谷歌还宣布 在谷歌的搜索结果中,超过一半的网页都使用了移动优先索引.

人们每天都依靠移动设备进行通信, 电子商务, 内容消费, 工作, 银行, 方向, 并逐渐成为他们唯一的计算设备. 更重要的是, 他们使用各种各样的设备,比如手机, 聪明的手表, 平板电脑, phablets, 穿戴, 混合型笔记本电脑.

移动用户体验(UX)设计是指移动设备和可穿戴设备使用过程中的积极体验设计, 以及在这些设备上运行的应用程序或服务……移动用户体验设计非常注重效率和可发现性. - 交互设计基础

用户体验设计师 这些移动设备趋势既是挑战,也是机遇. 一方面,我们必须考虑到各种各样的设备及其使用方式. 另一方面, 这为用户体验设计开辟了一个全新的焦点领域, 这意味着要为全新一代的用户创造积极的体验.

手机用户体验设计的最佳实践

手机用户体验设计很棘手. 如前所述, 我们要考虑的事情太多了, 包括越来越多的移动设备, 人们与他们互动的方式, 事实上,人们希望在所有设备类型上获得一致且愉快的体验.

谷歌的25个手机用户体验设计技巧

2015年,谷歌发布了基于内部研究的25个移动用户体验设计最佳实践. 这些建议 最近进行了更新,使它们更符合最新情况. 作者还提供了一个可下载的PDF文件,其中包含了所有25个技巧,这对于任何移动UX项目来说都是非常方便的.

苹果的人机界面指南

另一个很好的手边资源是苹果的 手机设计的人机界面指南. 它们很容易阅读,有漂亮的布局和最佳实践, 提示, 以及苹果自己的设计原则. 为 移动用户体验设计师 这些指导方针是提供高质量用户体验的重要资源.

手机设计的人机界面指南

其他移动用户体验最佳实践

这里有一些移动用户体验设计的最佳实践,可能不像谷歌的那样为人所知, 但对……同样重要 移动的设计师 考虑到.

  • 用户体验研究. 在某一点上, 我们可能会倾向于直接进入模型或原型, 然而, 做适当的 用户体验研究 首先是不能被低估的东西. 永远记住“你不是你的用户”,积极的用户体验依赖于在任何情况下进行彻底的用户体验研究. 这是 Adobe的用户体验研究方法综合指南 进一步参考.
  • 杂乱. 我们都经历过凌乱的桌面带来的焦虑——想象一下移动设备上的焦虑! 每个添加的按钮、图像、内容等.,使事情变得更加复杂. 在移动UI中去掉不必要的东西是个好主意. 一个很好的建议是追求极简主义,但不要以良好的可用性为代价. 这通常可以通过划分优先级来实现 每个屏幕上有一个主要操作.
  • 优先考虑. 人们倾向于尝试添加尽可能多的功能. 我们觉得遗漏某些内容会在某种程度上减少用户体验. 相反地, 基于核心目标保持功能高度集中, 通过分析最常使用的功能来完善设计,然后努力使这些功能既直观又令人愉悦.
  • 联系目标. 当用户点击某些东西却没有反应时,他们可能会生气,开始敲打他们的移动设备. A 研究 在麻省理工学院进行的一项研究发现,他们正在敲击的东西的直径太小了 联系目标. 最佳实践是创建控件、按钮、链接等. (任何可以触摸的物体)至少7-10毫米,这是指尖的平均宽度. 确保这些UI元素之间有足够的间距也是一个好主意.
  • 清晰的文字. 因为用户做的很多事情都是基于内容消费, 在所有类型的移动设备上提供一致的体验, 一定要 选择效果好的字体 在多种尺寸和重量. 为了减少眼睛疲劳,建议字体大小至少为11号. 简洁易读的字体,比如谷歌的字体 Roboto能登 或者苹果的新产品 旧金山字体 是值得探索的好选择吗.
  • UI的反馈. 设计良好的应用程序可以让我们在与它们交互时保持信息灵通. 缺乏良好的反馈会让用户感到困惑,并导致他们质疑是否发生了某些事情, 正在发生的, 或者为什么它发生了/没有发生. 最佳做法是使用不同形式的反馈(声音), 触觉, 可视化), 基于UI元素或应用程序的当前状态.
  • 可访问性. 这可能是用户体验设计中最容易被忽视的方面之一,尤其是移动用户体验设计. 世界上15%的人口患有某种形式的残疾. 的 网页内容易读性指引 是免费提供的资源吗 数字设计师是他们工具箱中的“必备”.

移动用户体验易访问性设计

移动用户体验设计约束

大多数UX设计师的目标是提供愉快的体验,并提出伟大的设计,实现可发现性(什么行动是可能的)。, 理解(产品应该如何使用). 与移动, 然而, 由于尺寸的关系,这里引入了一些限制, 可移植性, 以及使用这些设备的环境.

存储约束

在处理原生手机应用时, 设计师需要考虑到一些用户可能有存储限制.

与网页应用不同,移动应用使用的是移动设备上的存储空间. 这对手机用户体验设计产生了影响,因为它对视频质量带来了潜在的限制, audio, 以及可以使用的图像.

对于原生应用,我们希望手机用户体验设计考虑到存储限制. 当用户遇到存储限制时, 他们必须做出艰难的决定,决定哪些该保留,哪些该删除. 当我们强迫用户做出这些选择时,会导致糟糕的用户体验.

招聘美国全职自由用户体验设计师

屏幕和控制

我们在手机用户体验设计中面临的另一个限制是屏幕尺寸和移动设备上的控制.

手机屏幕更小:通过窥视孔阅读增加了认知负荷,使阅读难度增加了一倍. - Jakob Nielsen,网页可用性顾问.

处理屏幕和控制的最佳方法是尽可能消除摩擦. 重组信息, 注意拇指区域, 减少点击量(尤其是电子商务), 注意登录过程,这通常是令人沮丧的.

移动用户体验设计的约束

环境

对于移动设备,用户体验设计需要考虑环境因素. 用户会更频繁地掉线, 这些情况需要在整体用户体验中加以考虑. 我们怎么把他们带回到原来的地方? 我们如何确保他们不会重蹈覆辙?

另一个环境因素是分心. 当我们使用手机或平板电脑时, 我们经常处于嘈杂或拥挤的环境中,这使得我们很难集中注意力. 当用户的注意力受到干扰时,我们如何确保良好的用户体验? 是否存在保存状态和允许用户保存状态的方法?

小屏幕,单窗口

设计师在手机用户体验设计中遇到的另一个限制是屏幕的有限尺寸. 正因为如此, 人们一次只能看到一个窗口, 这给用户体验带来了巨大的限制.

有些人尝试着去适应“多屏幕”和“多任务”,但这些还不是标准,并且有自己的限制.

在这种单一窗口约束下,更好的移动用户体验的关键在于设计应该是自给自足的. 任何需要由用户完成的事情都应该在一个屏幕或窗口内完成.e.,他们不应该离开应用程序寻找信息,等等.

当用户不得不离开应用程序或打开新屏幕时, 这增加了整体的认知负荷,这意味着事情变得过于复杂和令人沮丧.

人们如何持有移动设备

还有最后一个需要注意的限制:拿着我们的电子产品. 人们如何持有它们,这对移动用户体验设计意味着什么?

根据Steven Hoober的研究 手指、触摸和人的设计,第2部分, 研究发现,人们手持设备的方式不同,与设备的互动也不同, 这对手机用户体验设计有什么影响.

人们以多种方式拿着他们的移动设备,并且一直在改变他们的位置. 这对他们使用的手指以及他们如何与手机UI交互产生了影响。. 事实证明, 用户更喜欢屏幕中央,他们不喜欢点击太靠近边缘的项目.

人们持有移动设备的方式会影响移动用户体验设计

以下是来自Steven研究的一些手机用户体验建议:

  • 为每一个用户、每一种类型和大小的移动设备设计
  • 为人们使用设备的各种方式设计
  • 考虑到用户在大多数情况下更喜欢触摸屏幕的中心
  • 将关键操作放在屏幕中间的一半到三分之二的地方
  • 确保手指和拇指不会遮挡内容
  • 可选择的项目应该足够大,可以舒适地点击

与开发人员合作

无论是否在敏捷/精益UX环境中工作, 开发人员必须解释和实现精心设计的设计. 最好尽早与开发人员建立一些经过验证的最佳实践,以确保设计按预期实现. 这里有一些建议和提示.

模型

在准备和提交模型时,尽量保持文件名的简单、一致和描述性. 这将节省很多来回走动的时间. 在与开发者分享所有模型之前,最好先完成它们,这样他们就只会收到每个屏幕的一个版本. 另一个节省时间的技巧是用原型测试所有的交互,这样它们就可以正常工作和发挥功能. 分享模型的好工具: InVision奇迹.

功能规范

作为用户体验设计师所做的大部分工作都涉及到项目早期的开发人员, 一个促进对设计过程的持续理解和创造更好的沟通方式的好方法是创建和使用一个 功能规格文件,或者是“func_spec”.”

funcspec文档类似于架构师创建的蓝图, 除了在整个设计项目中与开发人员共享,并允许他们了解应用程序或网站将如何运行(vs. UI的外观).

下面是一个工作的func_spec的好例子:

其中一个用户体验工具功能规范提供了与开发人员一起工作的良好移动用户体验最佳实践

复制

在模型之外通常有许多副本需要与开发人员沟通. 这里有一个他们一定会喜欢的想法:

手机设计移交给开发者

如上所示, 上下文 帮助开发人员了解消息何时出现或消失. 它应该让开发人员知道发生了什么,这样他们就不必猜测了. 的 消息 实际的副本会出现吗. 使用真实的副本,而不是乱码.e.). 开发者不想成为文案,我们想让事情尽可能地顺利.

规范

这是与开发人员沟通设计的最重要部分之一. 这就是工具喜欢的地方 赞贝林InVision的检查 真正的闪耀是因为他们关心沟通规格,比如测量, 风格指南, 字体, 用户体验流程, 以及每一个设计是如何运作的.

交际现实(现实生活)

设计师喜欢他们的工具. 以至于很容易忘记接电话, 开始视频通话, 或者走到开发者面前和他们交谈. 在交付部分设计后与开发人员会面可以节省大量时间,因为任何问题或细微差别都可以当场讨论. 这一点经常被遗忘, 但这是正常交接过程的一部分, 每个人都会感激它节省的时间.

把它们联系在一起

移动设备不会消失. In 2016, 通过移动设备访问web的用户数量超过了桌面设备 第一次. 为 用户体验设计师, 移动设备的普及和各种设备类型的激增将使用户体验设计更具挑战性.

出于这些原因, 坚持一组最佳实践, 理解手机所带来的限制, 与开发者建立顺畅的工作关系将是实现这一目标的关键因素 设计 创造积极的人类体验.

了解基本知识

  • 什么是手机用户体验?

    移动设备中的用户体验(UX)是指一个人与任何类型的移动设备(手机)交互的整体体验, 平板电脑, 可穿戴, 混合). 交互包括应用程序、界面、软件或硬件本身.

  • 什么是用户体验设计?

    用户体验(UX)设计是创造产品的过程, 服务, 以及为用户提供有意义和相关体验的流程. 用户体验设计过程主要侧重于人的视角,包括从用户研究到可用性到功能的所有内容.

  • 谁发明了用户体验??

    自20世纪40年代以来,用户体验以各种形式出现, 然而, 直到90年代早期个人电脑的普及,“用户体验”这个词才被唐纳德·诺曼创造出来. 唐曾在苹果工作,他认为有必要涵盖一个人使用系统的所有方面.

  • 如何进行用户体验研究?

    用户体验研究是了解设计对受众影响的过程. 它是通过观察技术完成的, 任务分析, 以及其他定性/定量反馈方法. 其中一些技术包括卡片分类、焦点小组、启发式评估和调查.

  • 为什么用户体验研究很重要?

    用户体验(UX)研究很重要,因为它有助于创建真正相关的设计, 使用起来简单愉快, 并帮助我们了解我们设计的投资回报. 用户研究影响着用户体验设计过程的各个方面.

聘请Toptal这方面的专家.
现在雇佣

世界级的文章,每周发一次.

输入您的电子邮件,即表示您同意我们的 隐私政策.

世界级的文章,每周发一次.

输入您的电子邮件,即表示您同意我们的 隐私政策.

Toptal设计师

加入总冠军® 社区.