网站设计规范——应该做什么，不该做什么

2017-09-26 19:22:08 来源：易采站长用户投稿作者：人人都是产品经理

　　网页设想是一件很烦琐的工作，果为正在设想时要思索许多工作。为了简化网页设想那件事，本文枚举了每一个网站设想者皆该当思索的止为原则，包罗能做甚么，不克不及做甚么。定心，那些原则皆是一些很简朴的本则。

　　设想网站时，该当做甚么

　　1、正在差别装备上接纳类似的设想

　　用户能够经由过程差别范例的装备会见您的网站，那些装备包罗：电脑、仄板、脚机、音乐播放器、以至是智妙手表等。不管用户利用甚么装备会见您的网页，确保他们具有相似的体验，那是用户体验设想中的一条主要尺度。

　　2、导航的设想要简朴易用、明晰清楚明了

　　导航设想是网页可用性的基石。记着，假如用户正在您的网站里找没有到导航，那末不管您的网站有几皆出用用。那也是导航设想要遵照以下本则的本果：

　　简朴。每一个网站皆该当有尽量简朴的构造。

　　明晰。导航的每项对用户而行，皆该当是分明的。

　　分歧。体系的导航页正在每页中皆该当是不异的。

　　用户以起码的面击次数，最快天抵达他们念要阅读的网页。那才是导航设想的目标。

　　3、改动会见过的链接的色彩

　　链接是导航的一个枢纽果素。假设用户面击过的链接出有改动色彩，极可能招致用户屡次面击统一个链接。

　　假如用户晓得本人已往会见的链接战如今借已会见过的链接，那末用户会更简单决议本人下一主要面击甚么。

　　4、让页里阅读变得更简单

　　用户阅读我们的网页时，其实不是通读一切的内容，而是快速天扫描全部网页。因而，假如用户去到那个网站，是为了寻觅特定的内容大概是完成某个使命，那末他们会先阅读全部网页，曲到用户找到了本人念要来的处所。因而，做为网页设想者的我们，该当经由过程设想网站可视化的层级架构协助那些用户尽快告竣本人的目标。可视化的层级架构意味着网页上每一个元素的摆放或显现皆具有权重(好比道，我们的设想决议了用户先看到哪一个，再看到哪一个，最初看到哪一个)。

　　我们正在设想网站时，要确保网页题目、登录注册按钮、导航栏或别的划一主要的元素放正在用户很简单看到的处所，以削减用户寻觅的工夫。

　　用户的视野是Z字形的。

　　5、认真查抄一切的链接

　　当用户面击网站上的一个链接，界里上却呈现404的毛病页里时，用户很简单变得懊丧。当用户正在网站上寻觅内容时，他们期望本人面击过的每一个链接皆是本人正正在寻觅的谁人，而没有是呈现404的毛病页里、大概面出来后，却发明没有是本人寻觅的谁人页里。

　　6、确保能面击的元素让用户看起去便能面击

　　一个物体的模样会报告用户怎样利用它。看起去像按钮或链接的视觉元素却不克不及面击，很简单搅扰用户，那些视觉元素包罗：笔墨下划线其实不代表链接、具有动绘结果的元素也没有是超链接。用户念要晓得界里上哪些地区是杂静态内容，哪些地区是能够面击的。

　　让能够面击的元素较着一面。

　　如上图，您以为谁人橙色的框是个按钮吗?信赖许多人皆以为它看起去像个按钮，但实在它其实不是。

　　设想网站时，不应做甚么

　　1、没有要让用户等

　　网站用户的耐烦战留意力长短常小的。按照NNGroup的研讨，10秒是用户集合留意力完成一个使命的极限。

　　当用户正在等候内容减载时，他们极可能会变的懊丧。假如减载速率很缓，用户极可能会分开那个网站，即便是充足标致的减载动绘设想也没法改动那个成果。

　　图片去自收集

　　2、正在新标签页翻开链接

　　正在新标签页翻开链接的设想让用户没法利用“返回”按钮返回之前的页里。那长短常欠好的设想。

　　3、全部网站充溢着告白

　　促销战告白会袒护网站里的内容，也会让用户很易集合留意力来完成使命，更不消道那些看起去像告白的工作经常会被用户疏忽(那种征象被称为：旗号盲面)。

　　4、转动挟制(Hijack scrolling)

　　转动挟制是指：网站的设想者或开辟者掌握转动条，从而使得用户正在转动鼠标时，会正在网站上看到差别的结果，包罗动绘结果、牢固的转动面、以至是从头设想过的转动条。转动挟制是用户最没有喜好的设想之一，因而，它攫取了用户掌握转动条的权益。当您设想网站时或设想用户界里时，您该当让用户本人决议本人阅读的网页或APP的地位。