如何设计一款App(译文)

发布时间 2023-04-12 14:12:28作者: eagle.supper

1. 译者序

这是一篇很好的关于从零开始创建App的建议的文章, 作者的结构和思路非常清晰, 一个很好的关于创建App的结构性的建议文章. 所以我们将其翻译成中文, 期望读者能进一步以此为蓝本将创建App的想法,思路,建议丰富起来. 同时这也是我们后续编写关于创建app建议文章的蓝本.

译者:philoenglish.com 团队

2. 前言

你知道吗,在美国,普通人花大约5个小时粘在智能设备上?无论是发信息、发布照片还是玩游戏,我们生活的当前数字时代都有人不断使用应用程序。
随着巨大的流行,随之而来的是巨大的竞争,虽然竞争是一件好事(它让我们保持警觉,让一切变得更好),但进入一个应用程序生长在树上的世界可能是一项令人生畏但又有回报的冒险。

如果你决定开发一款应用程序,那么想出一些能让你在竞争中脱颖而出的东西对你的成功是不可或缺的,这可能是脱颖而出和简单编造数字之间的区别。让人这是一个了不起的应用程序设计.

漂亮的界面、惊人的简单性和轻松的导航是出色应用程序中最突出的 3 个特征。你希望人们向他们的朋友介绍你的应用,了解它的用途,轻松浏览它,并确保他们不断返回使用它。

但是,如何创建出色的应用程序设计呢?

我们的应用设计终极指南将为您提供帮助,我们将引导您完成如何设计必胜的应用的过程.

3. 准备开始

3.1. 设置应用的目标

在正式开始创造App之前, 在草稿纸上写下自己的想法,是一个很好的开始.
试着想想你为什么要设计一个应用程序,以及你打算完成什么。
戴上你的思维帽,记下以下问题的答案:

  • 您的应用程序的基本目标是什么?
  • 你到底想让它做什么?
  • 你将如何让你的应用程序吸引用户?
  • 你打算做什么?
  • 你想用你的应用程序帮助人们解决什么问题?
  • 为什么人们会想使用你的应用程序而不是你的竞争对手?
  • 它是如何与众不同的?

不仅仅是应用程序设计,目标设定很重要,这也是人生的一课!
为你的应用程序设定明确的目标并将其写下来,将为你在整个过程中提供参考。
如果你忘记了其中一个问题的答案,把它们记下来将是一个很好的参考.

3.2. 制定计划

接下来还不是动手实战的时候, 我们还需要使用笔和纸写下我们的计划.
在第一步中考虑问题的答案。现在获取这些信息并勾勒出项目范围的大纲。
在此阶段,您可以更深入地研究您的应用程序将如何赚钱(广告、应用内购买等),您需要应用程序做什么,并勾勒出您将把想法带到哪里的路径,以及如何让它们在应用程序中发挥作用。
将此阶段视为绘制应用程序的可见路线图,其功能是什么,适用于谁,以及有关如何实现它的迷你分步指南。

3.3. 确定市场定位和研究竞争对手

现在可以放下笔,转向万维网研究竞争对手和确立市场定位了。

研究是应用程序设计过程中不可或缺的一步。了解你的应用程序的市场定位,了解你面临的挑战是很重要的。
应用程序世界是一个极其多样化和竞争激烈的领域,所以你一定要确保你有独一无二的想法。

不要因为有很多类似的应用程序与你而吓倒。那并不意味着你的应用程序不会胜过所有应用程序。研究你的竞争对手会向你展示他们的应用程序中缺少什么,并让你更好地了解如何融入自己的应用程序。
试着关注评论,用户目前对已经存在的应用程序喜欢什么?他们不喜欢什么?你如何解决这个问题?在这一步中,你还可以回顾你的计划和笔记,修改你的笔记,并进一步了解如何改进计划。

4. 设计App

4.1. 创建线框图

线框图是应用程序视觉架构草图.
它将使得你的目标进一步地可视化, 并为应用程序的外观和功能创建一个基本的“蓝图”。
你可以先在纸上做这件事,但一些线框图工具会让事情变得更容易,尤其是当你的线框变得越来越复杂和详细时。
你想怎么实现目标? 制作线框图是一个很好的理清思路的机会。在此阶段,你还不需要做出任何具体的设计方案选型。
这一步只是是关于理清应用程序的工作流程和整体结构。
前面的步骤有助于让你了解我们希望应用程序做什么。
线框图是一个更详细、更具体说明了应用程序应该如何工作,以及需要哪些页面和功能。
有很多易用的线框工具,你可以用来创建线框。看看哪一个最适合你,然后开始让应用程序设计得栩栩如生。
以下是一些可以使用的线框工具:

  • Axure
  • Pidoco
  • iPlotz

一旦布置好线框,你就会对需要的页面以及应用程序的工作方式有一个很好的概述。

要测试线框是否是可靠得,可以使用Invision之类的工具创建一个点击模型。这将使您能够点击您设计得屏幕,并帮助您测试您设置的导航是否合理。
向你的同事和朋友展示你的线框,并收集他们对你的应用程序的结构和导航的反馈。看看你的测试人员是否觉得很直观,以及所有的屏幕和元素是否对他们有意义。
如果你在导航中发现任何问题,或者想重新排列屏幕和布局,你可以简单地调整线框并再次测试。不断地优化它,直到你对你的线框感到满意为止。

4.2. 开始设计应用

现在是时候考虑一下应用程序的实际设计,并创建好看、逼真的模型了。这是一个非常重要的步骤,因为这将给你的用户留下永久的印象,所以在应用程序设计时不要匆忙或吝啬。一个美观、专业、美观的设计可以让你的应用程序获得巨大成功。
你应该使用什么颜色、字体和设计元素是一个重大决定,所以我们将在下面的设计技巧部分详细讨论这一点。
在决定如何设计你的应用程序时,你有几个不同的选择。你可能会考虑自己设计应用程序,但除非你是一名平面设计师,否则我们不建议你这样做。最好依靠专业人士来确保你会取得好成绩。

4.2.1. 一些设计方案实现选项

4.2.1.1. 直接与设计师合作

如果你已经对你的应用程序应该是什么样子有成熟得想法,并且你知道自己想要什么和需要什么,
那么最简单的方法就是与设计师一一合作。你可以雇佣当地的自由职业者,或者如果你与设计师没有任何联系,
也可以在网上查看不同的设计师作品集。结合自己的想法,看看设计师以前的作品,在技巧和风格上找到完美的匹配。

4.2.1.2. 举办应用程序设计竞赛

如果你不确定你想要的应用程序外观,并且正在寻找建议,一个很好的选择是举办应用程序设计竞赛。
你写一篇简介,来自世界各地的设计师阅读它,并将他们对你的应用程序的想法发送给你。你可以给出反馈来完善设计,并最终选择你最喜欢的作为获胜者。

4.2.1.3. 使用应用程序生成器

另一种设计方法是使用应用程序生成器。与网络建设者非常相似,与聘请一名全职设计师相比,应用程序建设者可以让你节省一点钱,但你需要更多的动手能力,你能做什么也会受到限制。请记住,如果你想要复杂的设计并有特定的需求,使用生成器可能是不够的。

4.2.1.4. 设计外包

可以考虑聘请一家机构从头开始构建你的应用程序,包括设计。如果您的项目非常复杂,并且需要在不同领域拥有大量专业知识,那么这是一个不错的选择。努力接触他们中的一些人,获得报价和想法,看看他们是否适合你想要做的事情。这无疑是你最昂贵的选择,但如果你想以特定的方式完成任务,并有资源实现这一目标,这是一个非常不错的选择。

无论你选择哪一个选项,一定要给出反馈,并关注设计是否真的适合你的应用,从一开始就传达风格和外观。不要忽视你一开始设定的目标,并反思最终通过设计向用户表达了你的想法.

4.2.2. 一些设计注意事项

在设计应用程序时,以下是一些需要记住的关键提示:

4.2.2.1. 使其易于导航

一个令人惊叹的应用程序离不开简单的导航,所以在设计时要考虑到这一点,以确保为用户提供无缝和愉快的体验。
确保导航抽屉或导航栏对用户清晰可见。如果用户不知道如何导航你的应用程序,他们将无法导航,所以请保持可见,以确保他们知道该去哪里。记住要坚持用户熟悉的布局,这样他们就能直观地知道如何在你的应用程序中导航。
另一个重要提示:让它对手指友好。如果按钮和链接太小,人们无法用手指点击,他们将很难在你的应用程序中导航。

4.2.3. 简洁设计

尽量减少减少界面元素使得界面拥有比较现代的外观,并充分利用空白。这让您的用户能够专注于最重要的事情。同样,使用熟悉的符号和短语可以帮助保持简单易用。
简洁设计意味着设计的目的是让用户体验尽可能愉快和简单。一次在屏幕上显示的信息太多或者太多操作,你的用户很可能会不知所措,从而放弃应用程序。

4.2.3.1. 精心挑选颜色和字体

色彩心理学对用户有着巨大的影响,所以不要低估它们的影响。同样,你的字体选择也会影响你的应用程序的外观。一定要考虑这些设计元素所传达的隐藏含义,并仔细挑选。要记住:你不想为了保持一致和专业的外观而混合太多不同的颜色和字体。
如果你有特定颜色和字体的品牌指南,一定要在应用程序设计中坚持这些指南,这样你的应用程序就会成为你品牌的无缝延伸。

4.2.3.2. 考虑视觉层次和权重

视觉权重是指不同屏幕元素与其他元素相比的大小和影响。使用视觉权重来确保设计中最重要的方面脱颖而出。
清晰的视觉层次结构将帮助用户确定方向,因此请确保为页面和子页面以及标题和子标题建立的层次结构始终一致。

4.2.3.3. 保持一致

以下是颜色、字体和所有其他设计元素的问题:只有你始终如一,它们才能有效并留下积极的品牌效应。这适用于其他图形、导航和您的内容。
你的应用程序应该具有视觉一致性(设计元素,如颜色、按钮和标签)、功能一致性(你的应用在所有元素中的功能都应该相似)和外部一致性(任何其他渠道,如网站、姐妹应用程序,看起来都应该与你的新应用程序相似)。
在整个应用程序中保持一致会让你看起来很专业,你会更好地让你的用户与你的应用程序和你的品牌建立关系。

4.3. 收集有关设计的反馈

现在你有了完美的模型,是时候拜访你的朋友、家人,甚至反对者(如果你有),测试你的应用程序的设计了。一个渲染后的可点击模型会让这变得很容易,并会让你的测试人员真正感受到应用程序的样子。
需要注意的是,这还不是一个已竣工的应用程序,稍后还会有更多的测试。这本质上是对布局、导航、外观和感觉的测试,而功能将在稍后提供。
你有越多的人来体验你的应用程序设计,你就会得到更多的反馈,从而更好地了解哪些效果良好,哪些需要改进。在这里,建设性的批评将是你需要拥抱的,所以不要害怕用你的模型去更深入地挖掘用户反馈,并确切地了解他们的想法。这里组件是否太拥挤了?不够吸引注意?记下测试人员可能提出的任何意见。
如果你有一个渲染后的可点击模型,可以从模型为基础获得更多用户关于应用用户体验方面的观点和建议.
一旦你得到了你需要的所有反馈,并很好地了解了什么对你有效,什么需要改进,你就可以回去要求你的设计师做出必要的调整。

5. 开发您的应用

现在是时候把你的设计交给你的开发人员或开发团队了。他们会对你的应用程序的功能部分进行编码,并确保它真正做到了它应该做的事情。他们很可能会与你和你的设计师来回调整设计,使一切顺利进行,并找出他们在开发过程中遇到的任何问题。
瞧,你现在有了一个功能强大的应用程序!回顾一下你的应用程序在一切开始时所决定的目标。你是否解决了一个常见的问题,通过有趣的创作给人们带来了乐趣,或者在某种程度上简化了人们的生活?很有可能你已经做到了,而且你已经用你出色的设计做到了。

6. 测试和发布

6.1. 使用早期用户测试应用

现在我们有一个功能齐全的应用程序要进行测试,所以在准备发布之前,您需要确保它确实按照我们的想法在工作。在这一点上,应用程序的各个方面都需要正常运行,并具有视觉吸引力。
还记得早些时候帮助你测试UI模型的那批用户吗?再给那些家伙打个电话。让他们成为你的重点关照用户,让他们完全自由地使用你的应用程序。
在最终发布之前,试着获得所有你能得到的最终反馈, 并接受最严苛的建设性意见。并与设计师和开发人员合作,对即将发布的的产品进行最终调整。

6.2. 启动测试版

Beta版意味着推出应用程序的测试版,并向早期采用者提供小规模的应用程序。通过这种方式,您可以查看应用程序在实时环境中的运行情况,并检查用户对它的响应。
让你的用户知道你会感激他们的反馈,并根据你看到的和收到的评论来调整。
一旦你得到了所需的反馈,并清楚地分析了你的应用程序在实时环境中的外观和功能,"胜利曙光"即将出现了, 你就可以向世界展示你的杰作了。

6.3. 启动您的应用

安卓系统在你启动应用程序之前不需要审查。这意味着你只需将你的应用文件上传到Google Play商店(就像你的测试版一样),人们就可以立即开始下载你的应用。IOS稍有不同,他们会在你的应用程序上线之前对其进行审查。不过,别担心,如果你遵循了我们的终极指南,并正确地完成了每件事,那么你应该不会有问题获得批准。
既然你的应用程序已经向大众开放了,不要止步于此。定期改进和更新您的应用程序,为您的用户提供最佳体验。
也不要低估下一步营销的重要性。有效地营销您的应用程序将有助于将您的应用软件发布到用户的手机上。要了解如何营销新的移动应用程序的一些直观想法,请查看这篇文章

6.3.1. 你准备好席卷应用世界了吗?

应用程序是当今商业世界的一个重要方面,现在你已经准备好创建和设计一个真正能引起轰动的应用程序了吗?
应用程序的设计过程可能看起来很复杂,但如果你遵循本指南并将其分解为可管理的小步骤,它会变得容易得多。
那么,你还在等什么?戴上你的设计帽子,让你的应用程序创意成为现实。

7. 参考文档

How to design an app: the ultimate guide