北京白癜风最好的医院 https://disease.39.net/bjzkbdfyy/250615/p6vkf3q.html移动设计可能是一个棘手的主题,在创建移动应用程序时需要考虑很多事情。为了简化任务,我准备了一些非常实用的技巧,说明在设计移动应用程序时应该做什么和不应该做什么。在设计应用程序体验时,请牢记它们。
开始之前,我们应该做哪些工作?
1.设计前研究
当您开始一个新项目时,总是很容易直接跳到绘图板并开始设计模型。但最好避免这种诱惑,因为您需要避免虚假共识效应(您不是您的用户)。先做研究。适当的研究将帮助您了解您的用户是谁以及他们真正需要什么。目标是创造一种真正能引起目标受众共鸣的体验。
实用建议:
进行竞争分析。查找与您正在设计的应用程序类似的应用程序。注意您喜欢应用程序的哪些部分,不喜欢哪些部分,以及为什么。确定您的用户。构建用户角色以更好地了解用户将如何与您的应用进行交互(他们执行哪些活动以及他们期望什么内容)。2.优先功能
为了使应用程序对用户更具吸引力,许多产品设计师尝试添加尽可能多的功能。不幸的是,这很少能带来更好的用户体验。对于第一次使用的用户来说,没有什么比一个有太多事情发生的应用程序更令人困惑的了。市场上可用的最成功的应用程序都高度集中并且提供了有限的功能集。因此,通过优先考虑重要的内容并修剪可用的功能来限制应用程序的功能集。
实用推荐:
专注于围绕核心目标完善体验。了解您的应用程序的核心目的是什么——分析您的应用程序的哪些功能使用最多,并尽最大努力使该体验变得直观。
Lyft的设计师围绕核心目标不断完善体验。查看附近的司机和预先支付费用等功能使用户可以更轻松地叫车。
3.消除杂乱
杂乱的用户界面会让你的用户承受过多的信息——每一个添加的按钮、图像和文本行都会使屏幕变得更加复杂。桌面上的混乱很糟糕,但在用户屏幕空间有限的移动设备上则更糟。
AntoinedeSaint-Exupéry的一句名言可以应用于移动UX设计:“当没有什么可以带走的时候,完美就实现了。”在移动设计中去掉任何不是绝对必要的东西是很重要的,因为减少杂乱会提高理解力。
实用建议:
追求极简主义。专注于对您的用户有价值的内容,并删除不支持用户任务的不必要元素。尽量少使用渐变和阴影等装饰元素将帮助您保持界面明亮和通风。每个屏幕优先处理一个主要操作。尝试为一件事和一件事设计每个屏幕,不要超过一个号召性用语。这使得它更容易学习和使用。几个清晰的屏幕比单个杂乱的屏幕更可取。4.让导航不言而喻
帮助用户导航应该是每个移动应用程序的首要任务。毕竟,如果人们找不到,即使精心设计的功能或最引人注目的内容也毫无用处。
实用建议:
确保用户对导航感到熟悉。当应用满足他们的期望时,人们会很高兴。要实现这一点,请使用目标受众熟悉的导航模式,这样导航就不需要任何解释。设计良好的信息架构。信息架构是关于以清晰和合乎逻辑的方式组织信息。以需要最少操作次数才能到达目的地的方式组织您的信息。导航不应将焦点从内容上移开。它应该以一种支持应用程序结构的方式实现,而不需要引起人们的注意。传达当前位置。人们应该始终知道他们在您的应用程序中的位置,以便他们可以成功导航。力求一致性。不要将导航控件移动到新位置或将它们隐藏在不同的页面上。这会使您的用户感到困惑和迷失。提供清晰的路径。用户应该被引导到他们正在寻找的内容,快速。通过内容的路径应该是合乎逻辑的(从用户的角度来看)。5.设计手指友好的点击目标
较小的触摸目标是移动用户常见的问题来源——由于触摸控件较小,经常会发生错误点击。在设计移动界面时,最好将目标设置得足够大,以便用户轻松点击。有关交互元素的更多信息,请阅读文章按钮设计最佳实践。
实用建议:
为交互元素提供充足的触摸目标。创建尺寸至少为7-10毫米的控件,以便可以用手指准确点击它们。+
测量10毫米的目标允许用户的手指紧贴目标内部。图片归功于UXMag。
确保点击目标之间有适当的间距。+
6.使文本清晰易读
内容是人们使用您的应用程序和语言的原因——以排版(字体)的形式显示在屏幕上,它是内容的重要组成部分。使文本清晰易读是每个移动界面的强制性要求。
实用建议:
选择适用于多种尺寸和重量的字体,以保持每种尺寸的可读性和可用性。一个安全的选择是依赖平台的默认字体。Apple使用SanFrancisco系列字体在所有平台上提供一致的阅读体验。Roboto和Noto是GoogleAndroid上的标准字体。+使用清晰的字体大小。文本应至少为11点,以便用户无需缩放即可在典型的观看距离下阅读。+
小字体会导致眼睛疲劳。图片由Apple提供。
对文本使用足够的颜色对比度。对比度不足会使文本与背景融为一体。争取正文和图像文本的最小对比度为4.5:1。+
左侧的文本不符合颜色对比度建议-很难在其背景下阅读。图片由Apple提供。
7.提供交互反馈
每个人机交互都基于两个基本要素——用户输入和计算机对它的反应。为了使交互可预测,必须提供某种反馈以响应每个用户操作:
反馈确认操作并帮助用户了解操作结果。例如,当用户点击按钮时,缺乏反馈可能会导致他们质疑应用程序是否已处理该操作。提供视觉反馈的应用程序消除了用户的这种猜测。+反馈有助于人们了解应用程序现在正在做什么。例如,在加载内容时,空白或静态屏幕会使您的应用程序看起来像被冻结,从而导致混乱和沮丧。一个简单的加载指示器,例如无限微调器,可以传达操作的状态。+实用建议:
根据UI元素的类型或应用程序的当前状态,设计人员可以使用不同形式的反馈。例如,点击时可以简短地突出显示交互元素,可以使用进度指示器来传达长时间运行的操作的状态,动画效果可以帮助澄清操作的结果。
交互式元素在点击时会改变其样式。图片归功于Ramotion。
8.尽量减少打字的需要
在移动设备上打字是一个缓慢且容易出错的过程。因此,最好始终尽量减少小型设备上所需的打字量。
实用建议:
只询问您真正需要知道的内容。通过删除任何不必要的字段,使表单尽可能简短和简单。
没有人喜欢填写表格,而且表格越长或越复杂,用户开始填写空白的可能性就越小。图片由Lukew提供。
使数据输入尽可能高效。如果可能,请提供选项而不是输入字段,因为从预定义选项列表中进行选择比键入响应更容易。尝试使用最可能的默认值预填充字段(提供良好的默认值可以最大限度地减少决策制定并加快流程)。
9.创造无缝体验
将移动应用程序视为独立体验是错误的。典型用户拥有多种设备,例如台式机、手机和平板电脑,并希望在使用您的产品时在所有这些设备上都能获得无缝体验。
实用推荐:
同步用户的当前进度。例如,当用户在移动设备上浏览电子商务应用程序中的项目时,他们可能希望切换到桌面版本以完成购买。用户希望从他们在移动设备上停留的地方继续旅程。+10.总是测试你的设计
即使是最精心设计的用户界面和深思熟虑的用户体验,在放入现实世界时最终也会包含一些看不见的缺陷。很多时候,在设计师的大型桌面屏幕上看起来很棒的设计在真正的移动设备上进行测试时看起来几乎没有一半。这就是为什么在各种移动设备上与真实用户一起测试您的应用程序以确保其外观和工作都很棒的原因。
实用建议:
要求真实用户在您的应用中完成常规任务。根据测试结果,您将能够了解设计的实际性能。不断衡量您的应用程序。将您的应用视为一个不断发展的实体,使用来自分析和用户反馈的数据来改善体验。现在,开始尝试
1.不要试图从第一次尝试就设计出完美的体验
当您设计移动应用程序时,几乎不可能从第一次尝试就创造出完美的设计。即使您的设计满足初始要求,您也可能会在用户测试后发现一组新的要求。因此,最好遵循迭代设计方法并尽早进行测试。
实用建议:
专注于原型设计和测试。快速原型制作等强大的原型制作技术可以帮助设计人员快速迭代。根据从测试会话中收集到的见解,可以在每次新迭代中为用户设计更好的体验。
2.不要孤立地设计
当您对某个应用程序有一个很好的想法时,就相对容易被它吸引住,而且您在这个想法上投入的时间越多,您就越有可能产生确认偏差。发现一个产品团队花了很多时间(三到五年)来构建他们认为客户想要的产品,却发现他们根本不想要它,这种情况并不少见。发生这种情况是因为团队没有考虑客户的需求和愿望。缺乏实际的反馈回路使得设计过程的结果完全不可预测。
实用建议:
首先根据用户的需求验证您的假设。使用设计冲刺技术帮助您在短短几天内从想法转变为学习,而不是花费数月或数年。3.不要一开始就要求权限
很多时候,当我们启动一个刚下载的应用程序时,我们看到的第一件事是一个带有权限请求的对话框(例如“允许应用程序X使用你的位置?”)当应用程序在开始时请求权限时,用户通常会拒绝此类权限要求。为什么?因为此时,用户没有任何上下文来做出决定。他们不知道您为什么需要这些权限。
为了减轻这种行为,最好在上下文中请求权限并传达访问将提供的价值。如果在相关任务期间被询问,用户更有可能授予权限。仅在核心应用体验绝对必要时才在启动时请求权限。
在任务上下文中询问权限。如果一个应用程序需要它的原因很明显,用户就不会被权限请求所困扰。图片来自Thinkwithgoogle。
实用建议:
只询问您的应用明确需要什么。不要要求所有可能的权限类型。如果应用程序请求没有明显需要的权限(例如,闹钟应用程序请求访问您的联系人列表的权限),这将是可疑的。4.不要让用户等待内容
加载内容时显示的空白屏幕可能会使您的应用程序看起来像被冻结,从而导致混乱和沮丧。您应该始终努力给人的印象是您的应用程序快速且响应迅速。
实用推荐:
使用骨架(又名临时容器)来营造快速加载的感觉。立即显示屏幕并使用占位符来确定哪些内容尚不可用。加载后立即用实际内容替换这些占位符。+
Facebook应用中动态消息的骨架屏幕。用户可以了解页面的结构。
5.不要在用户界面中使用行话
应用中的每个词都是与用户对话的一部分。通过与您的用户使用相同的语言,使他们能够舒适地进行对话。如果您希望您的应用能够吸引所有人,请使用熟悉、易于理解的单词和短语。
未知的术语或短语会增加用户的认知负担。图片来自Thinkwithgoogle。
实用推荐:
避免使用人们可能不理解的首字母缩略词、特定于品牌的术语、特定于文化的公理和技术术语。一般来说,最好使用简单直接的语言来最大限度地提高清晰度。6.不要使用自定义手势作为与应用程序交互的主要方式
使用手势作为现有导航的支持机制(例如导航快捷方式)是绝对正常的,但最好避免使用手势作为与您的应用程序交互的主要方法(例如作为主导航的替代)。除非你的应用是一款游戏,否则人们很少会喜欢被迫学习不同的方法来做基本的事情。
实用推荐:
使用标准手势作为快捷方式。人们熟悉标准手势,因此无需额外努力即可发现或记住它们。避免使用标准手势执行非标准操作。除非您的应用是游戏,否则重新定义标准手势的含义会导致混乱和复杂性。7.不要在应用程序上复制网络体验
用户期望移动应用程序中的某些交互模式和界面元素。设计为网络体验的移动应用程序让人感到尴尬和不必要——不是因为它们存在可用性问题,而是因为它与用户期望看到的完全不同。
实用推荐:
避免在移动应用程序中使用带下划线的链接。带下划线的链接是浏览器页面模型的自然组成部分,但它们不能应用于移动体验,因为应用程序使用按钮,而不是链接。
来自道明银行iOS应用的登录表格。感觉就像产品团队设计了一个移动网站,而不是一个移动应用程序——链接有下划线,下面甚至还有版权声明。
8.不要创建死胡同页
设计用户体验就是为流程设计,而流程在大多数情况下是为了实现目标而前进。您应该避免在您的应用程序中创建死胡同页面,因为它们会阻碍用户流程——它们会造成混乱并导致额外的(通常是不必要的)操作。从Spotify获取这个错误状态屏幕:
它根本无法帮助用户了解问题的根本原因,也无法回答以下问题:“为什么会发生这种情况,我该怎么办?”
实用推荐:
您的应用程序中的任何内容都不应该是死胡同。错误状态和空状态应提供前进的指示和操作。9.不要把用户带到浏览器
当应用将用户带到移动网络以获取更多内容或完成任务时,他们很容易感到沮丧。这会增加放弃并减少转化,因为用户可能根本就不会返回应用程序。
反例。当用户点击“忘记密码?”Android版Facebook应用程序中的按钮,该应用程序会尝试调用智能手机的浏览器。
实用推荐:
使用应用内浏览器。如果您的应用缺少特定功能或内容,请尝试使用应用内浏览器。不要调用智能手机浏览器。10.不要让用户在第一次体验时对你的应用进行评分
大多数应用程序开发人员都知道评级和评论对于移动商店的成功很重要。评分和评论可帮助用户在考虑是否试用应用时做出明智的决定。具有更多正面评级和评论的应用程序被下载的机会更大。
为了收集有价值的反馈,许多应用程序开发人员犯了一个常见的错误:他们强迫用户对他们的应用程序进行评分。过早或过于频繁地要求评分很烦人,并且会减少您收到的有用反馈的数量。用户不希望在处理重要事情时被无用的事情打扰。
要求评论并没有错,但首先为您的用户提供良好的体验至关重要。因此,永远不要在首次发布时、入职期间或用户只使用过几次应用程序时要求评级。为了鼓励深思熟虑的反馈,请在要求评分之前让人们有时间对您的应用形成意见。
实用推荐:
不要要求用户在执行任务时对应用程序进行评分。不要打断用户,尤其是当他们执行时间敏感或压力大的任务时。当评级请求最有意义时寻找逻辑暂停。留出充足的时间来形成意见。等到用户证明是回头客,他们将更有可能为您的应用评分并提供更明智的反馈。您可以在完成特定数量的应用程序打开或目标后触发评级请求。选择完美的时刻(例如在与应用程序进行积极互动之后,例如在完成一项重要任务之后)。结论
如今,人们对移动应用程序寄予厚望,而且期望值越来越高。您需要努力满足这些期望,并使您的应用对您的用户有用、相关且有价值。改善用户体验不是一次性的任务,而是一种持续的体验。