1. 简单必须要简单易操作,可以帮你的用户迅速查询什么信息可用,与在哪儿可以找到所要查找的内容。用户需要可以预测一测你的网站的工作原理,而不需要学习如何做!假如他们需要考虑怎么样做,那样你已经失去了他们!防止让用户点击一个非常小的倒三角然后展开二级菜单的方法,他们可能根本找不到它。
2. 容易找到视觉上要容易区别并且能让用户一眼就能找到,导航文本与你的正文文本不要用相同的颜色,字体和大小。导航文本应该突出和显眼。对于菜单按钮,用高对比度颜色和明确的文字。导航地区要维持肯定的大小,用户容易发现。导航的地方要用惯用的地方,比如页面顶部,左边等。
3. 了解你的菜单文本需要描述了解,用简单明了的术语,不要让用户考虑这里的文本意思是什么,维持你的文字简短,具备描述性并且重点突出。假如需要五秒以上的时间来考虑文本含义再去点击链接,那样这将会导致糟糕的客户体验。
4. 一致性尽可能在所有页面中用相同的导航模式,这是尤为重要的,由于没一致的设计,用户或许会觉得他在另一个网站。确保用相同的导航模式,以便用户可以轻松地访问你的网站而不会丢失。
5. 可点击确保所有导航中元素可点击。在导航中用多个分类目录时,所有标题元素都要是可点击的链接。即便用下拉菜单,点击子类别链接也会是访问者的自然倾向。不要感觉这一条可笑,我常常发现有的网站的导航点击后没办法跳转。
6. 维持简洁可以在垂直导航中添加更多的项目,但主菜单中的项目不必过多,会分散用户的注意力。一般最好不要超越8项。
7. 排序需要确定网站提供的主要功能,非常重要的是什么,将非常重要的项目根据要紧度放在主导航中,次要的项目可以放在二级导航中。
8. 互动反馈对于任何交互都是至关要紧的。当大家点击或鼠标悬停在菜单项时,请确保提供下一步操作的指示。准时给予用户任何操作的反馈能让用户更想去点击导航。你可以通过更改链接的文字颜色,背景颜色,或对其加粗,使其与其它内容不同。
9. 风格极简主义仍然是网站制作的趋势,独特视觉风格会使你的菜单看着非常酷,但要确保它与整个网站的整体设计相匹配。
10. 无障碍网站可访问性永远是衡量一个网站水平的要紧标准,请确保对障碍人士友好,假如你期望用很多酷炫的 CSS 技术,请同时考虑对屏幕阅读技术等的兼容。下面是一个导航设计的检查表,你可以根据下表对你的导航菜单进行检查:
1. 导航地方在页面上容易找到2. 仅需用鼠标滑过,鼠标点击就能操作整个导航菜单3. 每个菜单项都是可以点击并正常跳转的4. 导航文字简短明确5. 整个网站只用一种导航菜单6. 鼠标移到对应的菜单项上时能凸显对应项7. 导航的菜单项低于8个8. 导航的菜单项已根据要紧度排序9. 导航的风格和网站整体风格一致10. 导航菜单项可以被屏幕阅读器正确辨别3、首页布局设计考虑首页布局是对用户需要的展示,依据浏览习惯,建议按从左到右、从上到下,依据用户需要强度自大到小进行布局,最强烈的用户需要放在左上角,最缓和的用户需要放在右下角。
1、首页布局设计要考虑抓取问题,以p+css进行布局为佳,不可用table;2、展示原则,符适用户浏览体验的F型布局;3、需要容易被查找。
推荐名字:网站导航及首页布局必知的设计原则目前网址:https://www.cdcxhl.com/news/50074.html
网站制作、网络营销推广公司-博久网络,是专注品牌与成效的网站建设,网络推广营销网站优化公司;服务项目有网站建设、网站导航等