应用程序设计的综合指南

本指南揭示了制作迷人的移动应用程序的秘诀，以确保它们成为用户屏幕时间报告的明星。我们将使用功能强大的Mac应用程序简化每个步骤，从而引导您完成整个过程，从初始研究到最终测试。

超越公式：平衡UX和UI

没有魔术公式，但是成功的应用设计取决于用户体验（UX）和用户界面（UI）的完美融合。 UI专注于美学（颜色，字体，整体样式），而UX则优先考虑功能和用户参与度。想想Uber应用程序：其干净的地图是UI；节省频繁目的地的能力是UX。设计不佳的UI或UX可以导致用户放弃。

Simon Pan的图像

掌握此余额使您可以预测用户的需求和偏好。

分步应用程序设计过程

本指南强调有效的研究，原型制作和测试。快速验证是创建出色应用程序的关键。

1。提出关键问题：

避免简单地复制成功的应用程序。相反，专注于这些基本问题：

• 您的应用程序提供什么独特价值？
• 您的应用程序确实需要吗？ （通过用户研究支持您的答案。）
• 您的应用程序解决了哪些具体问题？ （至少三个。）

使用Mindnode有效地组织研究。它的iOS对应物可通过SetApp for IOS访问，可以进行研究。

2。对您的应用程序进行线框架：

将您的研究转化为视觉表示。从简单的纸质草图开始，然后用Invision或Sketch进行交互式线框来完善它们。 Invision的Freehand提供了协作，免费的白板选项。

3。原型测试性：

使用Flinto将线框转换为可点击的原型。编码开始之前的测试功能和可用性。 Flinto的行为设计师有助于定义用户互动（TAPS，WIPES等）和动画过渡。

4。掌握颜色选择：

颜色不仅仅是美学；它会影响用户感知。遵循以下准则：

• 将调色板限制为三种（或偶尔三到五种）颜色。
• 了解文化色彩协会。
• 使用原色的变化。

SIP可帮助您从图像中提取和策划颜色。

5。创建特定于设备的图标：

Image2icon将图像转换为各种平台（ICO，ICN，Favicons等）的图标。 Asset Catalog Creator Pro提供了一个全面的解决方案，用于在MacOS，iOS和Android上创建通用资产（图标，溅出屏幕），从而确保更新的一致性。

6。简化编码过程：

尽管本指南没有涵盖编码，但这些工具可以帮助您的开发团队：

• CodeRunner：支持25种语言的简单代码编辑器。
• Xcoranizer：Xcode Projects的搜索引擎。
• buildWatch：跟踪XCode花费的项目时间。

7.设置和跟踪应用程序目标：

成功需要进行持续的监控和适应。使用SheetPlanner或Google Analytics（分析）等工具跟踪关键UX KPI，例如时间按任务，任务成功率和用户错误率。

应用设计最佳实践（2020年及以后）：

• 避免认知超负荷：将复杂的任务分解为更简单的步骤。
• 更少的是：优先考虑UI设计中的简单性和清晰度。
• 拥抱UX写作：投资清晰而简洁的文本元素。

Smashing Magazine提供了移动应用设计的其他资源。 SetApp提供对上述所有工具的访问权限，从而使整个应用程序设计过程更有效。

以上是应用程序设计的综合指南的详细内容。更多信息请关注PHP中文网其他相关文章！