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

图片来源：

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