设计大量内容的页面时,该注意哪些 UI 设计准则-真人cs 

网易商城

我的美女好

主页 > 网站新闻 > 正文

设计大量内容的页面时,该注意哪些 UI 设计准则

2021-04-29 20:56 来源: 未知

 

依专案的不同,在设计上需要考量的项目也有所不同。当我们接到需要呈现大量内容的产品设计任务时(如新闻、入口网站),该思考哪些要点呢?另外,使用者会不会因为大量内容而造成使用上的困扰?作者提出 6 大 设计准则 ,让设计师在进行这类相关设计时有参考的方向。

为何要谈 设计准则 ?

如果网页上有太多区块或细节,使用者相当容易迷失方向。以下提供几项 设计准则 ,可让繁杂公司拓展活动的资讯更容易理解并与读者(使用者)互动。

清晰的资讯阶层(Hierarchy of Information)

当使用者初访网站,设计者必须要让他们清楚知道「应该要先看哪边」?另外,研究结果指出:平均一个页面的浏览时间 低於一分钟。所以你必须让使用者轻易地找到他们所想找的(所想看的内容)。

首先,他们需要知道眼前这页面是他所要的,这部分可以靠 header 或导航列来提示。接着,他们也需要知道这些页面间的组织与这些页面可如何被操作。基本上,最好能让使用者藉由扫视(scan)就能大致了解这些资讯,而不需要仔细阅读内容。

当设计完你的页面架构後,还必须知道一件事情:就是阅读的 F模式。意指使用者会由左至右、由上而下的扫视,而呈现出F型的视觉动线图。因此,最重要的资讯应该要安排於最上方与左侧。

什麽是使用者在那当下想要看到的?

透过研究、调查网页上的使用者们,当下最急迫想执行的动作是什麽?而这些调查後的资讯也能帮助你组织其页面的内容,并优先提供与使用者最有关的内容。这个简单的方法可让使用者更轻易、快速地完成任务。譬如说,在 email 系统中,让 “撰写” 这个使用者最需要的核心功能总是出现且明显被看到,尽管使用者处於阅读其他的信件页北京拓展基地面。

隐藏更多细节

在静态页面上展示所有的细节将会显得拥挤杂乱,所以先提供使用者足够的资讯就好,再设计让使用者进一步了解资讯的机制。

有几个方法:

使用「小提示」来显示更多细节或说明。 隐蔽过长的文字内容,可判断内容的重要程度,以 ‘…’ 取代。 提供检索或筛选机制,若还有提供检索建议和自动推荐的功能,就更具效率了。

明显的导航(Navigation)

一个网站应该要让使用者「总是」知道他们在网站中的位置、某页面怎麽连过去、怎麽回到首页 … 等。我们可以透过一些简单的视觉手法,让导航这件事变得更具体。例如:使用者点选了一个新页面,而这个页面由左侧滑入,就知道这个页面取代了原本的,成为你现在正在浏览的页面。此外,Google 推出的 Material Design 利用了「纸」的特性(实体及空间感),让导航与阶层变得更具体且具逻辑性。