博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
使用PatternFly解决用户体验问题
阅读量:2532 次
发布时间:2019-05-11

本文共 1312 字,大约阅读时间需要 4 分钟。

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

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

您如何了解PatternFly?

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

您正在将PatternFly用于什么?

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

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

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

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

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

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

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

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

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

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

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

翻译自:

转载地址:http://gufzd.baihongyu.com/

你可能感兴趣的文章
理解constructor属性
查看>>
java学习 java 的继承机制 暑假第三天
查看>>
计算机基础(计算机专业)
查看>>
人人必知的10个 jQuery 小技巧
查看>>
【坦克大战】Unity3D多人在线游戏(泰课的坦克大战--旋转的螺丝钉)
查看>>
Android 开发BottomNavigationView学习
查看>>
unix-poll
查看>>
anaconda+youcompleteme
查看>>
HLS: High-Level Synthesis Operators
查看>>
消息队列Rabbit安装
查看>>
在 EF 中只对 日期(不包括时间)进行比较的方法
查看>>
C#关于等待窗体(转)
查看>>
CockroachDB学习笔记——[译]Cgo的成本与复杂性
查看>>
JS数组经典冒泡排序
查看>>
【leetcode】Trapping Rain Water(hard)
查看>>
关键字 static
查看>>
11. Container With Most Water
查看>>
别人抢红包,我们研究一下红包算法
查看>>
泛型的一些问题
查看>>
PHP与正则表达式 2 :一些修饰符与preg_match_all
查看>>