好的设计对于开源项目至关重要

图片来源

Ray Smith

日常用品的设计是一项重要的文化运动。对此，我们大多数人都深信不疑。我们希望我们的工具能够完美且自然地工作。开源项目也正在迎头赶上。

例如，Elementary OS，一个旨在让所有人都能轻松使用 Linux 桌面的开源操作系统。还有许多其他开源 Web 应用程序，例如 Ghost、Taiga 和即将推出的 Flarum。此外，BeautifulOpen 是一个收集了优秀网站的开源项目集合，也是一个很棒的灵感来源。它们的核心团队中都有设计师。

品味

几个月前，我的团队和我决定需要重新关注我们开源企业资源计划 (ERP) 项目 ERPNext 的设计。ERP 以用户设计最糟糕而闻名，我们想改变这种状况。

与许多其他产品相比，ERPNext 的可用性已经更好，但我们知道我们在将设计作为优势方面还差得很远。

我们的团队使用 Apple 开发我们的应用程序，并使用 GitHub 管理我们的团队并与社区协作，这两者都经过了深思熟虑的设计。我们开始将我们的设计和用户体验与我们习惯的进行比较只是时间问题。我们还阅读了一些伟大的设计师的作品，例如 Dieter Rams，这帮助我们培养了对优秀软件的强烈品味。

简报

下一步是为项目制定简报。由于我们已经有一个相当成熟的项目，因此我们不必从头开始。

由于 ERPNext 是一个数据驱动的应用程序，因此最重要的两个屏幕是列表和表单。列表是任何事物的列表，例如发票或待办事项。表单是您可以创建和查看的实际发票。还有许多其他屏幕（主页、登录、设置页面和图表），但我们将重点放在最重要的两个屏幕上。

我们截取了当前设计的大量屏幕截图，突出显示了这些屏幕，并将它们作为 GitHub issue 发布。我们还强调了我们不想进行彻底的重新设计，要考虑到我们当前的用户。我们真正需要的是清理和润色。

ERPNext List and Form views screenshot

设计师

既然我们对我们所需要的有了很好的了解，那么下一步就是确定一位优秀的设计师。这似乎是最困难的一步。

我们不属于任何设计生态系统，也没有可以打电话寻求建议的导师，但我们有两条线索。三年前，我们与一家很棒的设计公司 Studio March 合作制作了我们的网站。Studio March 位于印度浦那，距离我们所在地约 150 公里。另一条线索是 Dribbble。在 Dribbble 上，我们查找了曾在商业应用程序、发票应用程序或项目管理应用程序上工作过的设计师的屏幕截图。然后，我们通过电子邮件和 Skype 与三位设计师进行了详细的交谈。因为我们已经有了简报，所以我们发现很多设计师都愿意交谈。

最后，我们入围了两家公司：位于瑞典的 3Drops （我们在 Dribbble 上发现了它）和 Studio March。两家公司都同意在我们的预算范围内工作，并且根据简报和预算，他们估计完成该项目大约需要 2-3 周的工作时间。

最终，我们选择了 Studio March。我们喜欢 Studio March 过去为我们所做的工作，我们可以与他们面对面交流。他们还承诺交付屏幕截图以及基于 CSS 的样式指南，这将对我们推断到其他屏幕非常有用。因此，我们签订了合同并继续进行。

过程

了解不同人的创作过程总是很有趣的，我们非常享受与 Studio March 合作的经历。首先，该公司负责人到访并与我们进行了详细的交谈。他了解了我们的团队、我们的出身、我们想去哪里以及我们的品味。接下来，设计师们花了一些时间在应用程序的当前状态下进行操作，以了解用户可能发现、使用和浏览应用程序的所有不同方式。然后，他们继续从头开始充实屏幕。

ERPNext wireframes and detailed screenshots

在他们的重新设计中，他们简化了很多可见的功能。他们有勇气抛弃那些不是真正需要的东西，隐藏可以隐藏的菜单，并更好地利用屏幕空间。突然间，应用程序感觉轻巧自然了很多。每次迭代都增加了更多的功能和深度。

经过一番来回沟通，我们意识到时间快用完了。经过两到三次迭代后，我们决定深入并实施一些设计，以便更好地了解它们的工作方式。在两周的时间里，我们能够模拟设计中的一些关键功能。我们删除了工具栏，添加了侧边栏，清理了顶部菜单系统，并添加了面包屑导航。一旦设计开始付诸实践，我们就意识到 Studio March 团队做得多么出色——我们几乎不需要从他们的原始设计中进行更改。他们的热情和对细节的关注显然得到了回报，使用户体验提升了几个档次。