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

图片来源：

Ray Smith

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

例如，Elementary OS, 这是一个开源操作系统，旨在让每个人都能访问 Linux 桌面。还有许多其他开源 Web 应用程序，例如 Ghost、Taiga 和即将推出的 Flarum。此外，BeautifulOpen 收集了拥有出色网站的开源项目，是灵感的绝佳来源。他们的核心团队都有设计师。

品味

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

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

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

概要

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

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

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

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 团队的工作有多么出色——我们几乎不需要从他们的原始设计中进行更改。他们的热情和对细节的关注显然得到了回报，将用户体验提升了几个档次。