1、网站的设计布局合理
在网站每页的设计布局上应该遵循常识惯例,使每一页都做到设计合理,布局协调一致。这就是说,同一页面上使用统一的颜色、标识、协调的导航条、标题和页脚,链接特征一致(如统一使用下划线)。这样有助于亲和浏览者,也不至于使他们对网站产生迷惑从而失去继续浏览的兴趣。
2、建立合理的导航结构
设计网站导航菜单时,使用合理的标题和链接描述。就像在某些站点及搜索门户的顶部显示一样,告诉浏览者已经浏览过的类目或网页(如, Hom>Travel>UK>Bristol>Bed&Breakfasts)从而引导浏览者了解整个网站的路径。你可以使用Call-to-Action链接模式引导浏览者查看下一个网页或者采取下一步行动,如,点击这里预定(Click Here to Order),将此页加入标签(Bookmark This Page)或查看目录(View Our Catalogue Now)等。
4、在设置text-overflow: ellipsis的时候,请在你的网页元素上添加title属性
有些新的CSS属性或属性值是非常的有用,例如text-overflow:
。程序员以前经常会使用什么方法来实现这种效果。我赞同使用
ellipsistext-overflow:
,但是,当我用鼠标悬停在这个元素上时,你最好用
ellipsistitle
属性显示出完整的信息,如果你不想把相同的内容输出两次,你可以使用Js动态的设置title。不管怎么实现,请为用户着想。
5、不要忘了:focus
和 :active
!
很多人在给页面元素设计样式时忽略了它们的状态,只考虑了用户使用鼠标操作,忘记了用户也许是用键盘操作。请用:focus
和 :active
标明它们的状态,下次当你开发一个网站,请用tab键遍历页面上所有的元素;如果你按动tab不键后,页面没有任何聚焦点变化,请检查你的样式表,看看是否忘了给它们添加一些状态样式!
参考资料: 网站友好性的几个建议 http://www.studyofnet.com/news/387.html