it-swarm.cn

CMS接口逻辑。 -这是最好的方法吗?

我正在开发一个cms系统。目前,我正在为将新菜单项添加到菜单的界面进行工作。 (由于cms Logic,菜单是固定的,用户不能添加或删除菜单,只能删除所有菜单项,并将菜单项分配给菜单或菜单项)。

要添加新的菜单项,用户必须单击菜单上方的大区域(请参见img 2)。这将使输入字段出现。保存您的输入将导致一个新的菜单项出现在“未分配”框中。要放置菜单项,只需将其拖入菜单之一至所需位置即可。

如果要删除菜单项,只需将其拖到垃圾箱。如果您要编辑一个项目,只需单击它,该项目将突出显示,并且输入字段(如用于添加新项目的字段)将显示为所选菜单项的信息。只需更改它,然后单击保存。要更改项目的位置,只需将其拖动到所需位置即可。

我希望一切都易于理解。

我的问题是:

这个想法容易使用且合乎逻辑吗?这是最好的方式还是您有更好的主意?您有任何意见/想法需要改进吗?

cms ui img 1 img 1

cms ui img 2 img 2

//更新。

好吧,所以我做了一个样机。据我了解,我确实合并了所有ArchieVersace注释。至于编辑模式框:这只是一个快速草图,因此没有实际输入,大小,..。

Navigation TreeAdd/Edit BoxTrash Bin

//更新10/29/2010

所以我目前的变化:

  • 没有垃圾桶
  • 垂直树结构
  • 添加按钮(菜单名称旁边,但可能会重新放置)
  • 如果未在将3个菜单(我的项目的平均数量)彼此相邻放置之前选择位置的情况下创建菜单,则菜单上方的未分配菜单项的宽度大约为300px。那应该足够了,因为我几乎从来没有一个宽度更大的菜单。我将添加按钮以折叠菜单,但是在启动时我不会折叠所有项目(但可以通过Cookie保存最后的首选项)。

无论如何,我确实需要为我的cms使用javascript,它不会像wordpress那样分发,而是按项目出售,因此我需要js。这意味着,菜单定位无需回退(保存/取消)。

我的用户可能几乎每天都在使用该系统,但是有些用户也可能仅每两个月更新一次其网页内容。因此,我认为它应该尽可能容易。因此,我认为包括另一个始终可见的添加按钮至关重要。使用此按钮添加菜单项会导致菜单项未分配给任何菜单。在这种情况下,菜单上方的部分可能会显示包含新创建的项目。

您认为这是个好主意吗?如果未创建任何菜单项,它将不可见/不占用空间。

alt text

8
Lukas Oppermann

我认为菜单的水平布局可能会造成混淆。首先,这没有层级意义-为什么只有第一层是水平放置的,而其他层是垂直的?另一个问题是,当有更多的一级物品时会发生什么?在大多数情况下,水平滚动并不是一个很好的解决方案。我会将所有内容垂直放置,然后像已经完成的那样缩进子项目。

我认为不需要垃圾和meta菜单部分。如果每个菜单项只能填写3个输入,那么从垃圾回收中就没什么大不了的。同样,在创建新菜单时,元菜单部分的功能可以由复制现有菜单代替。 (如果网站上的所有页面自动填充该页面,则需要考虑规模)。两个部分都可以用编辑菜单项部分替换。

除此之外,它看起来很棒。我喜欢您的样机的简单性。

0
Virtuosi Media

如果我只看这些屏幕而没有您的冗长解释,则很难弄清楚该怎么做,单击什么以及交互的顺序。这本身就很能说明问题:一个出色的用户界面通常只需要很少的解释(例如iPhone或Wii之类的东西,很快就可以很明显地看出您需要做什么,而无需一段文字就可以开始)。 。

因此,我要做的第一件事就是将这些屏幕显示给更多的人(IRL),看看它们的反应如何而无需您的解释。他们明白了吗?他们知道他们在看什么,对这里有什么期望吗?如果不是这样(如果您需要说明问题),则应考虑重新组织屏幕。您可以通过收集人们的反馈,或者通过创建应用程序的原型并让人们使用它来做到这一点(请谨慎地向他们建议应该做什么-让他们自己绊倒)。

您在此阶段收到的反馈将比这里的人所提供的任何意见有用得多。

此外,请考虑到由于您的图像当前是黑白线框,因此要想为设计者提供视觉上的帮助将比您稍微增加保真度,增加颜色并使用不同程度的印刷术更难。我的眼睛应该如何在屏幕上移动。

2
Rahul

我可以为您提供某些互动方面的帮助(如下所述),但由于我不知道您要达到什么目的,因此只能有限地使用。您真正需要做的是陈述系统的需求。您的用户想要实现什么?他们将多久使用一次该系统?他们的技能水平是多少?等等.

例如,很少使用该系统的用户可能会忘记在两次使用之间如何使用它,因此在这种情况下,您需要使该界面非常易于使用和使用。但是,如果您的用户经常访问,那么过度简化的方法可能会使用户感到沮丧,因为用户不会长期呆在初学者中。他们很快就会成为需要额外动力的中级用户。我并不是说您使某些事情变得难以使用,但对于中级用户,您应该害怕增加额外的功能和复杂性。

根据您提供的模型,这里有一些具体建议:

  • 删除未分配的面板,添加面板和回收站面板,因为它们无法为用户提供足够的有用功能以占用其占用的空间。
  • 将添加按钮也放置在要添加的位置的上下文中,以便用户可以将其添加到所需的位置,而不用添加然后定位。
  • 当用户想要配置菜单项时,显示带有用于收集信息的字段的灰色框
  • 向每个菜单项添加编辑和删除按钮
  • 在菜单中的每个级别上添加合同和展开按钮,默认情况下,所有级别均已合同化。
  • 为较长的菜单项留出足够的空间
  • 您应该考虑添加回滚选项,例如保存和取消按钮

下面是模拟: alt text

1
ArchieVersace

另一个更新。 alt tree

我不确定丢失添加按钮。人们会想出如何轻松添加菜单项吗?

另外,您将如何使添加菜单项成为同一级别或子级别成为可能?现在可能是我的下一个子级(实际上,应该将按钮向右移动一点)。但是,如何在所需位置添加相同级别的新项目呢?

在页脚菜单中,我试图显示将菜单项拖动到其他位置时的外观。

0
Lukas Oppermann