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

图片来源：

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