开源改变世界

Laserweb _ 新 UI 提案 #464

推推 grbl 3年前 (2023-02-04) 186次浏览
关闭
marcodallago 打开了这个问题 2018 年 4 月 4 日 · 19条评论
 Closed

Laserweb _ New UI proposal#464

marcodallago opened this issue on Apr 4, 2018 · 19 comments

评论

Laserweb _ 新 UI 提案 #464

你好!我时不时回到这里分享我的想法啊哈哈

我提出了一个新的 UI 设计提案,目的是让开发人员了解这个新品牌可能带来的可能性。希望仍然有人在开发这个非常酷的应用程序。
这是一个WIP,这意味着缺少按钮和功能,并且卡片测量不是那么精确。
让我知道你们是怎么想的!!

Laserweb _ 新 UI 提案 #464
Laserweb _ 新 UI 提案 #464

Laserweb _ 新 UI 提案 #464
合作者

马可

我不介意更改用户界面,但在此之前需要考虑很多事情。

例如,最琐碎的部分是工具部分的工作流程。我从许多用户那里了解到,它很难理解,但也有很多人花了很多时间来学习它。

Laserweb _ 新 UI 提案 #464

再次获得激光网络的触摸屏 UI 版本会很棒。

Laserweb _ 新 UI 提案 #464

嗨,
我更像是一个形式追随功能的人,我真的不喜欢工作(或热心的修补匠)环境的那些黑暗和黑色设置。

我可以看到吸引力,这似乎适合很多人。

如果这是异或决定,我会投反对票。
我(还)不习惯 node.js 或 LaserWeb 开发,但也许通过模板/皮肤功能增强 GUI 界面以允许多个 UI 可能是一种方法?

Laserweb _ 新 UI 提案 #464

Laserweb _ 新 UI 提案 #464
Laserweb _ 新 UI 提案 #464

它也可以有白色版本。

顺便说一句,这只是一个建议,并不是真正实用的设计。它需要与设计团队进行深入思考。

具有内部功能的盒子对我很有用,因为任何人都可以根据自己的工作流程调整它们。当然它需要一些刚性的尺寸,但是像管理这样的插件可以很容易地与之集成。

当然,如果这是一种继续进行的方式,则必须解决很多问题。

我对这个设计的想法很简单。您只有一个页面,您可以在其中设置您的机器。起初,该程序可能会要求设置机器配置文件。之后,有 4 个主要页面,看起来像页面的实际结构。在每一个中,您都可以根据您的工作流程隐藏或显示额外的卡片。这很棘手,因为有些卡片是必不可少的,而另一些则不是。
在有人设置后,与机器的连接是自动的。此外,您可以从“机器名称”的下拉菜单中选择不同的机器。

我不知道这是否可行。

Laserweb _ 新 UI 提案 #464
合作者

嗨,马可。
老实说,我很喜欢“轻”主题,但从技术上讲,选择白色或黑色并不是什么大问题,只是一个由 css 驱动的主题。

我喜欢内容配置。看起来很整洁,与控制台相关,现在有些东西很难输入和阅读。也就是说,它只是专家使用的组件,因此可能对所有用户都没有用(直到他们需要它。)

上层菜单占用与当前侧边栏相同的空间,但可以工作,甚至暴露需要比当前模式更好位置的操作数据库。

我想 Adjust 是指设置,还是我弄错了?

Laserweb _ 新 UI 提案 #464
成员
开胃菜 评论了 2018 年 5 月 3 日  

我看不出与实际设计有什么大的不同。好的,有圆形按钮而不是滑块和方形按钮,控制台在左栏中,但缺少很多东西,如 z 轴和 a 轴 DRO 和按钮、单轴功能(下拉)、宏按钮。 ..

当您将它减少到几个主要功能时,舒尔看起来不那么混乱,但如果您将所有需要的功能都包含在内,您的设计也会遇到同样的问题!对我来说,实际的“控制选项卡”干净且功能齐全,无需更改。

@tbfleming您基于 SVG 的替代前端发生了什么变化?

Laserweb _ 新 UI 提案 #464
成员

@cprezzi我没有抽出时间在现有 UI 的下拉菜单中执行命令。我怀疑这是一项我们可以向新开发人员指出的任务,作为他们入门的一种方式。

Laserweb _ 新 UI 提案 #464
合作者

我觉得Marco的设计只是一个感觉模型,

但话虽如此,在我看来,要做好设计必须:

  • 写下总体设计目标并声明优先级,例如,我会说:
    • 目标:整理并使所有 UI 保持一致
    • 优先事项:1. 安全性,2. 响应性,3. 易用性,最后,4. 设计
  • 列出所有具有 UI 的功能,进行描述,然后根据相关性进行排序并研究交互。
  • 然后抛出一些问题(应该足够通用,所有 UI 部分都能回答),考虑优先级。
    • 该组件的优先级是什么?:1,2,3,4
    • What is it’s purpose? control movements of the machine, set the defaults related to the movement, then do helping tasks involving movement
    • Does it communicate its functionality, clearly? It has a label that indicates that function (jog control), but there are buttons that cannot be recognised clearly.
    • Does it behave as expected? Taking safety first the first priority is Stop the machine. Do I see which is the stop button? is it accesible enough to be clicked instead another button? What happens if I do a mistake and click another button instead?

Then [mock, evaluate, improve]{n} and then approve.

It’s a task as daunting as programming ?

Laserweb _ 新 UI 提案 #464

the interface in general is okay,
Laserweb _ 新 UI 提案 #464
From the feedback i have received its this area people find confusing.

Laserweb _ 新 UI 提案 #464

@jorgerobles I cant program but I should be able to do that ;)

Laserweb _ 新 UI 提案 #464

I find highly unlogic to see the “Comms” menu entry (used once at startup) between “Files” and “Control”, it would be much more logic to put it near “Settings”