2022 年移动应用程序设计的 10 条诫命
已发表: 2022-01-12如今,Google Play 商店中有超过 340 万个移动应用程序。 App Store 的数量较少——大约 200 万。 这些平台上每天都会出现新的应用程序,而且数量越来越多。 移动应用程序开发人员尽最大努力使他们的工作在这个庞大的媒体流中脱颖而出,并尝试创造既美观又令人愉悦的产品。 您应该特别注意有用的应用程序的设计,例如语音朗读器应用程序等。 查看本文以了解有关此类应用程序的更多信息。
今天,要制作一个流行的应用程序,您需要遵守一些移动设计规则。 让我们考虑一下移动应用程序设计的 10 条诫命。
另请阅读:值得关注的 10 大移动应用程序开发趋势
#1。 把事情简单化
移动应用程序设计师经常会忘乎所以并且使产品过于复杂。 由于他们的任务是让应用程序登上排名榜首,因此开发人员会尝试为其添加各种功能,相信这样会更好。 这种方法在团队合作中尤其常见。 没有人愿意担任主持人的角色,并被视为一个成功想法的执行者,这将使他们在竞争中领先。
因此,团队开始使产品复杂化,不断为其添加新功能。 结果,移动应用程序变得过于复杂且用户难以理解。 此类产品的界面并不专注于主要事物,而今天人们希望与简单且合乎逻辑的导航元素进行交互。
任何复杂化,即使是实现目标的额外步骤,都是错误的设计方法。 用户更喜欢极简主义。 所以设计师需要磨练自己的热情,创造一个设计精良的界面,没有多余的东西。 该应用程序应该完全按照用户的需要做,仅此而已。
#2。 使设计易于访问
无障碍设计意味着与应用程序交互时没有负面情绪。 这是非常重要的一点,不应忘记一分钟。 如果某些类别的用户无法访问该产品,则最好从头开始。 例如,您需要确保该应用可供残障人士以及听力和视力障碍人士使用。 今天有数以千万计的听力受损用户——不照顾他们的需求将是一个灾难性的错误。 有视力障碍的人也是如此。
无障碍设计总是好的设计。 Apple 和 Google 提供的先进设计技术简单明了,允许设计师创建完美的用户界面控件。 基于焦点的导航避免了基于音频的反馈设计。 今天,仅在目标受众上测试应用程序是不够的,您需要确保所有类别的用户都可以访问它。
#3。 不要重新发明轮子
移动应用程序的设计应该具有普通用户可以理解的逻辑。 在智能手机上运行应用程序的人希望事情以他们已经熟悉的某种方式工作。 某些元素(例如菜单)的出现方式应该是可预测的。 如果用户希望可以通过简单地将对象拖动到显示的另一部分来移动它,请不要使事情过于复杂。 最好按照用户需要的方式来做。
如果旧的运行良好,则无需引入新的东西。 许多开发人员忘记了这一点,并且为了区分他们的产品,将其过度复杂化。 设计师必须使用用户理解的语言,并且非常小心地使用创新的想法来与界面交互。
#4。 记住你为谁设计
如果设计师正在创建照片编辑应用程序,他应该使用摄影师会理解的技术。 如果它是一个儿童应用程序,比如记忆新单词,那么其他交互模式应该是优先考虑的。 您始终需要牢记目标受众。 不同的人群对不同类型的界面有不同的反应。 所以你必须尽力满足他们的期望。
您应该始终牢记理想用户的画像。 那是谁? 一个学生? 医生? 小企业? 或者也许是运动员或音乐家? 在设计界面时,您应该尝试确保应用程序的整个结构与一个关键短语相对应。 例如:“旅行爱好者的应用程序”或“混音应用程序”。 这种方法使您可以更好地专注于核心功能。
#5。 使用正确的字体
所有设计师在使用排版时都会犯错误。 选择正确的字体非常重要,因为错误的选择非常明显。 当然,今天你几乎找不到使用 Comic Sans 或 Papirus 的设计师,但仍然有很多应用程序的排版令人作呕。 在移动设计中,字体应该得到最大的关注。 而且最重要的是,字体不仅要美观,还要可读。 对于移动应用程序,无衬线字体更好。 但这不是一个公理。 您需要选择一种字体,使其符合应用程序的想法并很好地融入设计。
#6。 保持一致
在设计应用程序时,您需要在所有屏幕上都坚持主旨。 如果其他页面顶部有菜单,您不想使用拉出式导航栏。 最好为屏幕保护程序使用明亮的颜色,并在其他页面上调低调色板。 如果一个按钮以某种方式工作,它应该在任何地方、任何屏幕上都以这种方式工作。
一致性不仅仅是美学和风格的连贯性。 设计元素应该引导用户的行为而不是误导他们。 你不能突然改变互动规则。 在设计移动应用程序时,您需要密切关注竞争对手在做什么。 如果应用程序中的任何一组功能是一个标准,最好坚持用户熟悉的方案。 该应用程序应与将要使用的环境完美匹配。
#7。 不要忘记流动性
许多开发人员如此投入到设计中,以至于忘记了用户的需求。 例如,人们会用手指操作应用程序,在许多情况下只能用拇指操作。 尤其令人沮丧的是,一些设计师没有考虑人们将如何在旅途中使用他们的产品。 如果一个设计有太多的按钮和其他控件,它会变得不舒服,尤其是在移动时。
用户界面需要简洁明了。 要实现这一点,您需要正确处理空白空间。 这种方法使您可以突出设计的主要元素,并使它们方便移动用户。

#8。 记住要合乎逻辑
再漂亮的设计,如果应用程序不能自然运行,就永远无法赢得用户的芳心。 在开始之前,您需要回答几个问题。 应用程序要实现的目标是什么? 用户将如何搜索他想要的功能? 应用程序中有多少页? 达到目标需要多少次点击?
人们的行为通常是可预测的,应该使用这一点。
#9。 创建逼真的原型
设计原型可能是一个漫长而艰巨的过程。 几乎每个设计师都遇到过客户拒绝有趣的设计的情况。 为避免被拒绝,最好不要向客户展示原始草图。 草图和现实原型之间存在巨大差异。 客户是专家,除非他们看到它是如何运作的,否则他们无法欣赏一个想法的美妙之处。 一个交互式的、逼真的原型将使客户毫无异议地接受工作。
#10。 不要忘记测试
任何设计师或开发人员都知道,只有测试才能确保创建积极的用户体验。 任何,即使是最小的错误都可能导致用户在将应用程序安装到智能手机上后立即将其卸载。 如果设计不清楚或字体难以阅读,则该应用程序不太可能流行。 设计师必须时刻注意缺陷和缺陷。 总有一些可以纠正或改进的地方。 只有通过不断的测试才能实现完美的工作设计。
移动应用程序的设计阶段
为了让程序完全符合预期,它应该方便、视觉上令人愉悦且易于使用。 设计一个移动应用程序包括几个阶段:
分析和用户体验设计
在着手制作原型之前,设计师会对目标受众、竞争对手和程序应该解决的任务进行分析。 例如,如果目标受众是女性,则按钮可以做得更小,如果是男性,则可以做得更大。 由于用户大多用拇指点击它们,因此男性应该对使用该服务感到满意。
在开发阶段,UX 设计师会考虑整个用户的路径:从第一个屏幕到目标操作。 因此,在设计界面时,重要的是要考虑到几个细节:
- 1. 控件放置在底部。 在这种情况下,实际上不使用左上角。
- 2.垂直和水平滚动。 应用程序应该从下到上和从左到右滚动。
- 3. 无需在所有屏幕上复制徽标。 它将出现在主图标和加载屏幕上就足够了。
- 4.大字体。 将字体做得非常小是不可取的。 因此,标题的近似大小 – 18-24 像素,提示 – 12-14 像素,正文 – 14-16 像素。
- 5. 原生颜色。 他们应该告诉用户哪些元素可以点击,哪些不可以。 颜色还可以区分具有不同含义的元素。
- 6. 提示。 如果用户多次尝试点击不可点击的元素,以及是否计划了非标准控件,这总是一个好主意。
设计移动应用程序的 UI 和自适应版本
设计好界面后,就可以进入视觉部分了。 在这个阶段,有一种“清洁”,将所有元素整合到一个单一的风格中。 因此,在创建移动应用程序的设计时,建议遵循简单的规则:
- 使用不超过 6 种相同字体(不同颜色、大小、粗细)和不超过 5 种颜色。 加上口音而不破坏界面,这就足够了。
- 考虑从一个屏幕到另一个屏幕的转换:位移、消失、预加载器(加载指示器)等。
- 考虑配色方案。 例如,iOS 移动应用程序的设计元素具有比 Android 更丰富的调色板。 因此,在第二种情况下,最好拒绝“脏”组合。
最后一步是开发自适应版本。 如果只为 iOS 创建服务,在这种情况下我们会比较幸运,因为需要绘制几个版本(2-3)。 如果该程序是为 Android 开发的,您将必须在 CA 的特定部分中选择 4-5 个最流行的分辨率版本。
测试
另一个重要阶段是完成界面的可用性测试。 它对移动应用程序的设计提出了一定的要求。 因此,在这种情况下,原型根据以下方面进行评估:
- 1. 有效性。 用户是否达到他的目标。
- 2. 性能。 用户花费多少时间来实现他们的目标。
- 3. 满意。 用户对服务质量是否满意。
执行测试的最简单方法是在 Figma 中创建可点击的原型。 您还可以记录使用程序的过程,然后进行反馈。 此外,还有更高级的服务可以实时广播用户与应用程序的交互。
移动应用程序的设计要求与网站视觉部分的功能有很大不同。 在这种情况下,需要考虑进入程序执行某个动作的用户的小屏幕和更具体的目标。 应用程序设计中最重要的是极简主义、便利性和完善的用户路径。