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

尚无读者喜欢这篇文章。
Woman sitting in front of her computer

Ray Smith

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

例如,Elementary OS,这是一个开源操作系统,旨在使 Linux 桌面易于所有人使用。还有许多其他开源 Web 应用程序,例如 GhostTaiga 和即将推出的 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 团队的工作有多么出色——我们几乎不需要从他们的原始设计中进行更改。他们的热情和对细节的关注显然得到了回报,将用户体验提升了几个档次。

反馈

在我们确定了重要的屏幕之后,我们决定制作一个小视频来介绍该设计。它最初只是用于我们的 每月开放日演示,但我们花了几个小时在 Keynote 和 iMovie 上对其进行润色。然后,我们将视频发送到邮件列表并获得了很棒的反馈。这是通知社区我们正在开发新内容以及制造一些轰动效应的好方法。

结论

我们了解到,执行好的设计并非难如登天或成本高昂。整个重新设计过程出奇地顺利。我们从准备概要,到选择设计师,到进行设计工作,再到在两个月内将其发布给社区。如果您正在从事开源软件项目,并且您的团队中没有设计师,我们希望这能激励您!

这是我们的新设计的 工作预览,预计将于 2 月中旬发布。

User profile image.
Rushabh 是 ERPNext 的创始人,ERPNext 是一款面向中小型企业的开源 ERP 产品,他喜欢用 Python、Javascript 和 HTML/CSS 编写代码。他住在印度孟买,您可以在 Twitter 上找到他 @rushabh_mehta。GitHub 上的项目

12 条评论

我不确定我是否理解你的观点,开源项目应该从哪里获得灵感?以经典的专有方式聘请商业公司进行重新设计?使用封闭的专有工具来制作最简单的演示文稿(我注意到你强调“在 Keynote 和 iMovie 上进行润色”)。

说真的,对于一个开源项目,我抱有更高的期望,比如让用户和开发人员社区参与到重大的重新设计中。如果能让一些经验丰富的设计师关心你的项目并参与到社区中,那就太棒了。

Nicu,感谢你的想法。当我们开始时,获得高质量的设计似乎是一件非常困难的事情,但事实证明它要简单得多,所以我们想分享这一点。我真的相信,有了好的设计,开源项目可以产生更大的影响。

关于让社区参与进来,这是一个很好的观点。如果我们的社区中有优秀的设计师,我们就不会选择第三方。老实说,除了向社区开放的概要之外,我们对重新设计也没有太多的控制权。考虑到我们的预算,我们没有足够的空间进行多次迭代。但结果证明相当不错。该设计是免费的(具有相同的许可证),任何人都可以按照他们想要的方式修改它。但是,是的,我们可以让社区讨论几天,但我们没有这样做。下次肯定会这样做。

另一种面向开源的良好设计方法是利用各种面向开源的项目。在 Moqui Framework (www.moqui.org) 中,我们选择使用 Metis Bootstrap Admin Template (https://github.com/onokumus/Bootstrap-Admin-Template),其中包括许多其他开源 Web UI 项目,包括 Bootstrap、jQuery UI 和数十个开源小部件项目。这样做之后,作者 (Osman Nuri Okumuş) 甚至通过提交拉取请求来更新 Moqui 以使用更新版本的 Metis 进行了贡献。虽然 Metis 已经成为 Moqui 的一部分几个发布版本了,但这些更改是 Moqui Framework (1.5.0) 的下一个版本的一部分。

David,ERPNext 也是基于 bootstrap 框架构建的。它被称为“Frappe” https://frappe.io。当我们开始时,没有像 Django 这样的标准框架,所以我们不得不自己构建它。考虑到已经完成的工作量,现在切换非常困难。

回复 ,作者是 David E Jones (未验证)

设计很重要,但对于 ERP 项目来说绝对不是首要任务。您的产品没有基本功能,例如良好的路由、MES 系统、变更控制……没有计划系统……我可以列出很长的清单……但这是一个开源系统,我们应该感谢您的努力,而不是发现它的局限性……做得很好,但应该把精力放在功能上,而不是外观上。
其次,教育您的开发人员/内容编写人员了解真实的制造业业务……ERP 90% 是业务,10% 是 IT……我正在阅读您的用户指南,它看起来很愚蠢……你们建议不要使用简单的数字作为项目编号,而是创建带有逻辑的项目编号!!!……无论如何,我建议你们参加一些基本的 APICS 培训……

Bilas,您会惊讶于有多少公司需要 ERP,但不需要高级 MES 和路由。ERPNext 确实有一个计划系统。目标是让所有人以及那些只能支付高价的人都能使用 ERPNext。您应该查看用户分享的一些故事 (https://erpnext.com/conf/videos#user) 以获得更好的了解。

回复 ,作者是 bilas (未验证)

现在,任何人都编写任何愚蠢的软件,并称之为 ERP,甚至不知道 ERP 是什么。我同意你的看法,要创建一个好的 ERP 系统,团队应该有很多来自制造、供应链和财务背景的经验丰富的人。少数没有业务知识的小丑编写一些无用的代码并将其宣传为 ERP。然后,其他一些小丑使用它并抱怨 ERP 带来的问题比他们解决的问题更多。

回复 ,作者是 bilas (未验证)

这些评论令人遗憾。所有伟大的产品都曾有很糟糕的时候。只要您有用户并且您在倾听他们的意见,其他一切都不重要。继续努力,Rushabh。

你能对社区抱有多大的期望也取决于社区的规模。典型的利基产品不会有精通技术的社区成员来贡献图形设计、UX 布局,有时甚至代码。他们将非常愿意贡献想法、反馈、参与 UX 测试等。

它可能是一个开源产品,但对于开发人员来说,它仍然是他的/她的业务。您不能等待并希望一些社区成员做出贡献。聘请专业设计师并获得社区反馈是更实际的做法。

这对我们也很有效。

~Sri

@ Srikanth Adiga
我不同意你的看法。请理解 ERP 不是 IT 产品,而是一种业务产品。我认为 erpNEXT 不错,但它与 openBravo、openerP 等产品属于同一类。我对所有这些产品的问题是,他们不关心基本的供应链/制造/零售实践。他们只是编写某种 IT 产品,编写 CRM,编写 CMS……编写游戏……无论你想要什么……但不要尝试 ERP,你需要有业务知识……我为什么要写这个……因为我经历了很多让人们理解他们所实践的是错误和有时是非法的问题。

几个月前,我们的一位客户在法国收购了一家新公司。由于该公司使用 Oracle,我们去那里实施。他们一直在使用本地产品,并且已经使用了 10 年。该产品在您批准并发送 PO 后立即借记负债帐户……你能想象吗……AP 文员已经实践了十年……你无法想象我们花费了多少精力来纠正他们所有错误的业务实践……所以我真的很讨厌所有这些糟糕的 ERP 产品。他们正在教授错误的实践,并将使其他人的生活变得困难……

如果你们是认真的,那么请聘请一些会计、供应链和制造专家。让他们审查您的产品流程。

也许,毕竟小规模企业流程更简单!我认为 ERPNEXT 的设计理念正是源于这种需求。有足够的软件来支持此处许多人描述的复杂业务流程。许多企业用户的满意度就是证明。我自己是一名顾问,在这个创业时代,这款软件有其用武之地。

Creative Commons License本作品根据 Creative Commons Attribution-Share Alike 4.0 International License 许可。
© . All rights reserved.