如何自己创建一个app 如何设计一个app( 二 ) _生活百科

2）线框图
线框图适用于在信息和视觉设计之前建立基础的界面结构，提升高保真设计效率。以上就是设计创意阶段的所有工作，我会在下一阶段，讲述如何设计高保真。

文章插图

四、设计输出
1. 原型
建立原型是我最喜欢的步骤。在设计界面之前，首先要确定字体和色板的设计规范，为后续设计定义视觉标准。

文章插图

Poppins 是目前最流行的界面字体，它有着均衡的质量，粗体和细体两种样式，适用于正式和非正式的场景；第二个字体是 open sans ，这个字体质感更柔和。
我用浅蓝色作为主色调，营造平静、平和情绪氛围，希望塑造用户稳定和可靠的心智，始终如一地完成他们的任务。确定好设计规范之后，我开始了高保真设计，并加入交互说明，完成最终交付界面。
Quick timebox专注模式，帮助用户在忙碌的情况下，为紧急事件设定任务时间。 Timebox 允许用户设置屏幕锁定或者应用屏蔽。

文章插图

Quick timebox
产品提供了两种不同的时间安排。一种是活动规划，包含了与之相关的所有日程信息，帮助用户关注于某个活动，并且不会被其它事物分散注意力。支持保存活动，以便未来使用。

文章插图

活动规划
第二种是日程规划。用户可以为设定好的活动创建日程序列，包含选择优先级、创建提醒、指定日程时间、锁定手机屏幕、屏蔽其他应用等操作。当用户想要停止日程规划时，必须输入特定的词语来确保他们真正完成了任务。

文章插图

日程规划
这款产品还可以进行习惯养成。用户通过设定日常计划来帮助他们发展一个新爱好，选择一周中的某一天作为习惯养成时间，并且按照他们的想法进行自定义的提醒。他们可以追踪他们的爱好规划，如图下所示。

文章插图

习惯养成

五、设计成果
1. 测试
我把制作好的原型给之前的受访者进行测试。很不幸的是在疫情期间，不能和他们面对面交流，只能通过可用性测试工具 Maze 的做了远程测试。
测试的结果是，大部分测试者觉得产品目前的界面设计是很优秀的，但是还需要时间去熟悉产品，因为在使用之前他们花了些时间去学习如何使用。值得一提的是，加入锁定手机或屏蔽某些应用的功能，正是在测试中发现的优化点。

文章插图

之前：大多数测试者觉得之前的版本功能太简单，不能满足他们想要集中注意力的需求；之后：根据用户反馈，加入了锁定手机和屏蔽某些应用的功能。
根据测试及用户反馈结果来提升设计，希望这款应用可以帮助用户更好得集中注意力，解决拖延症的问题。

六、反思
这就是该项目的全部过程，通过这个项目，我对产品设计流程有了新认识，但是仍然有一些部分是可以提升的：

在进行调研之前，必须制定更加细节的调研计划，包括选择调研方法、起草调研指南、准备调研提纲等。如果调研过程做的不够好，就不能真正解决用户问题，最后导致产品失败。在设计过程中，不要直接跳到高保真环节，而是通过创造多种线框方案来探索更多可能性。在找到最佳方案之前，可以利用情绪版来激发灵感，然后从多种方案中找到解决问题的最优解。在设计中做更多的迭代，坚持做用户测试来优化设计，直到用户觉得这款产品解决了他们的问题。不要害怕去尝试，保持探索精神。 【如何自己创建一个app 如何设计一个app】本文翻译已获得作者的正式授权（授权截图如下