WordPress 网站设计是一件很繁琐的事情,因为在设计时要考虑很多事情。为了简化网页设计这件事,本文列举了每个网站设计者都应该考虑的行为准则,包括能做什么,不能做什么。放心,这些准则都是一些很简单的原则。 设计网站时应该做什么 1 、在不同装置上采用相似的设计 多用户可以通过不同型别的装置访问您的网站,这些装置包括:电脑、平板、手机、音乐播放器、甚至是智慧手表等。无论多用户使用什么装置访问您的网页,确保他们具有类似的体验,这是多用户体验设计中的一条重要标准。 2 、导航的设计要简单易用、清晰明了 导航设计是 WordPress 网站设计可用性的基石。记住,如果多用户在您的网站里找不到导航,那么无论您的网站有多少都没用用。这也是导航设计要遵循以下原则的原因: · 简单。每个网站都应该有尽可能简单的结构。 · 清晰。导航的每项对多用户而言,都应该是清楚的。 · 一致。系统的导航页在每一页中都应该是相同的。 多用户以最少的点选次数,最快地到达他们想要浏览的网页。这才是导航设计的目的。 3 、 改变访问过的连结的颜色 连结是导航的一个关键因素。假如多用户点选过的连结没有改变颜色,很可能导致多用户多次点选同一个连结。 如果多用户知道自己过去访问的连结和现在还未访问过的连结,那么多用户会更容易决定自己下一次要点选什么。 4 、让页面浏览变得更容易 多用户浏览我们的网页时,并不是通读所有的内容,而是快速地扫描整个网页。因此,如果多用户来到这个网站,是为了寻找特定的内容或者是完成某个任务,那么他们会先浏览整个网页,直到多用户找到了自己想要去的地方。因此,作为网页设计者的我们,应该通过设计网站视觉化的层级架构帮助这些多用户尽快达成自己的目的。视觉化的层级架构意味着网页上每个元素的摆放或呈现都具有权重 (比如说,我们的设计决定了多用户先看到哪个,再看到哪个,最后看到哪个) 。 我们在设计网站时,要确保网页标题、登入注册按钮、导航栏或其它同等重要的元素放在多用户很容易看到的地方,以减少多用户寻找的时间。 5 、仔细检查所有的连结 当多用户点选网站上的一个连结,介面上却出现 404 的错误页面时,多用户很容易变得沮丧。当多用户在网站上寻找内容时,他们希望自己点选过的每个连结都是自己正在寻找的那个,而不是出现 404 的错误页面、或者点进去后,却发现不是自己寻找的那个页面。 6 、确保能点选的元素让多用户看起来就能点选 一个物体的样子会告诉多用户如何使用它。看起来像按钮或连结的视觉元素却不能点选,很容易困扰多用户,这些视觉元素包括:文字下划线并不代表连结、拥有动画效果的元素也不是超连结。多用户想要知道介面上哪些区域是纯静态内容,哪些区域是可以点选的。 设计网站时不应该做什么 1 、不要让多用户等 网站多用户的耐心和注意力是非常小的。根据 NNGroup 的研究,10 秒是多用户集中注意力完成一个任务的极限。 当多用户在等待内容载入时,他们很可能会变的沮丧。如果载入速度很慢,多用户很可能会离开这个网站,即使是足够漂亮的载入动画设计也无法改变这个结果。 2 、在新标签页开启连结 在新标签页开启连结的设计让多用户无法使用 “返回” 按钮返回之前的页面。这是非常不好的设计。 3 、整个网站充斥着广告 促销和广告会掩盖网站里的内容,也会让多用户很难集中注意力去完成任务,更不用说那些看起来像广告的事情常常会被多用户忽略 (这种现象被称为:旗帜盲点) 。 4 、滚动劫持 滚动劫持是指:网站的设计者或开发者控制滚动条,从而使得多用户在滚动滑鼠时,会在网站上看到不同的效果,包括动画效果、固定的滚动点、甚至是重新设计过的滚动条。滚动劫持是多用户最不喜欢的设计之一,因此,它夺取了多用户控制滚动条的权利。当您设计网站时或设计多用户介面时,您应该让多用户自己决定自己浏览的网页或 WordPress APP 的位置。 5 、自动播放视讯 (有声音) 在后台自动播放视讯、音乐或声音档案,都是多用户难以接受的设计方式。多用户很少使用这些元素,除非是在适当的时候。 6 、为了网站的美观牺牲网站的可用性 一个网站或多用户介面的设计不应该因为内容影响多用户的消费能力。最好不要在文字后使用繁重的背景、也不要使用让多用户很难阅读或颜色对比不明显的配色方案。 7 、使用闪烁的文字或广告 闪烁的内容或闪烁会导致易感人群的癫痫病。这样的设计不仅能引发癫痫,而且还会因吸引多用户的注意力而惹恼多用户。