无论你是拥有可行想法,但没有编码技能的新手,还是专业开发人员,创建解决业务问题的应用的第一步都是相同的。它们都依赖于规划,可在你创建应用时节省时间和费用。通过这五个步骤开始形成你的愿景。
步骤 1. 在创建应用之前设定目标
清楚了解应用的用途。定义你的业务目标,例如提高工作效率或减少支出。
制作应用时要考虑的问题:
步骤 2. 概述新应用的特性和功能
确定它的工作原理以及你和你的用户需要执行的操作。列出你所设想的所有函数和功能。映射用例,并在构建应用之前查看你的想法在画板上的外观。
哪些功能使你的应用独一无二? 可以排除哪些? 在以后构建应用时,什么会使你的速度变慢? 第一个版本保持简单,并仅包含最重要的功能。这会加快流程并更轻松地确认需要进行的更改。
创建应用的提示:
如果你的应用可能需要脱机运行,请确保规划足够多的功能,以便在没有 Internet 连接的情况下正常工作。你可能还需要额外的数据保存和加载功能,应用才能脱机运行。
步骤 3. 调查现有应用
查看已有哪些功能可帮助实现相似的目标或解决类似的问题。然后,考虑如何改进或构建这些应用来解决你的业务流程。查看和比较应用时要发现的内容:
1. 业务的具体需求。
- 与同事交谈,了解他们当前正在解决或为之苦恼的问题,你的应用可以致力于解决这些问题。
2. 是否有人已创建了你需要的应用?
- 阅读可用应用的评论,了解用户喜欢或不喜欢哪些功能? 这些应用缺少哪些功能或者有什么优点?
- 再次对应用进行规划,使之更加优秀
3. 你的应用是否可行? 了解版权限制和可能的技术局限。
4. 是否需要考虑辅助功能和本地化?
步骤 4. 创建新应用的线框模型
模型是应用布局、功能和屏幕之间流的情节提要。你的模型可帮助你和其他人在开始构建之前查看你的预期结果并标记任何问题。可以使用手写笔和纸张,也可以使用数字模型工具或模板。创建简单且易于导航的设计。
模拟直观的用户体验 (UX)。
用户体验是应用的流和功能,是用户与应用交互的方式。用户点按按钮时会发生什么情况? 如何将它们从一个屏幕移动到另一个屏幕? 需要多少个屏幕才能让用户实现每个目标? 它们应采用哪种顺序? 为每个任务创建一个全屏线框模型。
模拟有视觉冲击力的用户界面 (UI)。
可视化每个屏幕的外观,以及功能的位置。考虑版式、颜色、图标和选项卡,以获得一致的外观。针对每个视觉对象元素尝试不同的布局和大小。绘制每个屏幕的粗略关系图或“皮肤”。
创建应用的提示:
考虑加入一些你可能希望包括的其他自定义设计元素,例如,弹出操作确认或基于用户/访问权限的隐藏/显示按钮。
步骤 5: 测试并优化你的线框
现在可以实时测试线框了。这有助于你发现你的应用的用户旅程中不流畅的位置。
使你的线框具备交互能力。
- 连接屏幕、链接操作,模拟应用体验。
接触测试人员并就应用体验向他们提问。
- 进入应用后,是否容易到达主菜单?
- 是否可以轻松确定所有任务选项?
- 体验的简单和直观之处在哪里?
- 在哪个位置卡顿?
- 你是否因为前进路径不明确而必须返回之前的屏幕?
- 你是否需要某个步骤,但该步骤不存在或找不到?
- 应用体验中是否存在任何重复和冗余?
将反馈排序、制作修订列表、进行必要修复,然后再次测试线框,以了解其运行是否得到改进。重复该过程,直到应用运行顺畅。
创建应用的提示:
等到线框测试告诉你体验是顺畅的,然后再开始使用 应用构建软件来制作应用,使用 低代码平台,或使用 无代码应用生成器。如果这些选项不起作用,请考虑 创建自定义应用,这可能更有效,但允许你准确构建应用用户所需的体验和功能。