使用PatternFly解决用户体验问题

迈克尔Dyrynda是一名Web开发Hostworks ，一个自由开发人员和博客。 他的工作对他的第一个开源项目Confomo与马特斯托弗和播客的旅程briefs.fm 。 他还撰写了有关Web开发和解决日常问题的书，没有可用的解决方案。 Michael的Web开发技能扩展到Web开发的前端方面，包括JavaScript，LESS / Sass / CSS，设计数据库以及构建可扩展的应用程序。

4月下旬，我在推特上与Michael 进行了联系，当时他在推特上表示，迁移到PatternFly开发内部应用程序是“即时的改进”。

您如何了解PatternFly？

我首先在.dev博客上遇到了PatternFly，并为要在工作中开始的应用程序添加了书签。

您正在将PatternFly用于什么？

我们正在构建一个控制台应用程序（认为是AWS控制台），该控制台应用程序为客户与构成我们应用程序池的不同产品提供了单点交互。 到目前为止，每个组件都是独立开发的，每个组件都有自己的Web界面和身份验证系统。

在进入Hostworks的那一年 ，该平台的愿景已经超越了我受雇开始工作的原始Transcoder和Manifester产品。 随着平台范围的扩大，越来越明显的是，为了提供出色的用户体验，我们需要将每个产品的管理整合到一个界面中。

拥有良好的用户体验对于开源有多重要？

清晰一致的用户界面对于我们的控制台应用程序很重要，因此无论使用哪种产品，访问它的用户都应该熟悉它。 我们最初打算解决的主要是香草Bootstrap主题。 从开发的角度来看，这使我们能够快速构建控制台应用程序，而不会挂在样板样式的东西上。

但是，香草Bootstrap的问题在于，由于其受欢迎程度，即使是最随意的互联网用户也可能会发现一个看起来像许多其他基于Bootstrap的网站一样引人注目的网站。 PatternFly使我们能够利用Bootstrap给我们提供的熟悉的布局和类，同时以最小的努力使我们看起来清新。 这意味着我们可以继续将精力集中在应用程序本身上。

您接下来想从PatternFly看到什么？

我希望看到的一件事是能够在卡内添加全角内容视图的功能。 当前使用填充和边距的卡片的方式使在里面粘贴一张漂亮的桌子有点棘手。 如果可以通过类似于Bootstrap在面板内呈现表的方式来支持它们（如果您跳过向其添加body类的方式），那将是很好的。

我觉得目前PatternFly缺少真正好的文档。 这些示例使您对它的功能以及它的外观有了很好的了解，但是您必须深入研究其中的大部分资源才能真正开始使用这些组件。 这可能会增加一些开发人员的入门门槛，因为参考标记周围没有真正的解释。

除此之外，我不能说我注意到到目前为止我们构建的组件中没有任何明显的缺失组件，但是我很想知道PatternFly是否通过Bootstrap v4过渡到Flexbox。 例如，这将节省一些JavaScript开销，以匹配仪表板上卡片的高度。

对于希望开始使用PatternFly的人，您有什么建议？

如果您刚开始使用PatternFly，并且想开始将想法付诸实践 ，建议您参考其中一种参考实现并在其中插入内容。 如果您想更好地了解这些布局的方式和原因，请查阅文档。 团队在解释他们的设计选择，如何组织页面和呈现内容方面做得很好。

翻译自: https://opensource.com/business/16/6/interview-michael-dyrynda