1

我刚刚开始一个项目,线框已经准备好。但是看看线框图,主要目标似乎是减少页面数量并将最大功能包含在单个页面中。

以组织为例,页面顶部将显示组织详细信息,在左侧下方我们有一个作为树视图的部门结构,单击一个部门将填充右侧的员工列表作为表格,当您单击员工时,它将填充下面的员工详细信息。

当前的线框看起来像这样:

示例线框

最终用户很高兴,因为他们可以在单个页面上看到整个功能,而无需导航到另一个页面。

但是这个设计让我想起了一些旧桌面应用程序的屏幕,我觉得这个页面不必要地复杂——我想把它分成多个页面(至少分成三个)。此外,我正在使用 MVC 4 并将其拆分为多个页面肯定会帮助我降低实现过程中的复杂性。

但在得出任何结论并提出任何担忧之前,我想知道你们的想法。也欢迎一些与用户体验相关的文章。

4

1 回答 1

2

这就是我的想法。

上述设计是否“正确”取决于目标受众以及他们需要执行的工作/业务流程类型。能够在一页上查看所有信息(组织详细信息、部门、员工和员工详细信息)可能有很强的业务论据。在具有大量交互性的页面中显示大量信息并不罕见 - 由于 Gmail 等消费类网站,用户的期望有所提高。如果它被分成不同的页面,用户可能会感到沮丧。

换句话说,我不认为有一个有效的技术理由让设计师改变上面的 UI 以将其拆分为不同的页面。

您将能够在 MVC 中将上面的 UI 构建为单页 Web 应用程序。您可能需要实现很多控制器操作来支持 ajax 调用。您几乎可以肯定最终会使用大量 JQuery,并且您可能还会最终编写大量 JavaScript。此外,您还需要确保设计者围绕页面大小做出了正确的决定。例如,它是固定宽度还是动态的?您需要发出结构良好的 HTML,以便仅使用 CSS 来实现(我强烈建议您这样做)。

于 2012-11-21T10:05:43.257 回答