在Web应用程序中设置样式链接

时间:2013-10-24 18:27:36

标签: html css web-applications user-interface user-experience

我正在构建一个具有大量可点击元素的网络应用。问题是如果我用网络最佳实践来设计它,即不同颜色/下划线等,由于链接数量庞大,应用程序看起来很乱。见图像

enter image description here

如果我不对链接进行设计,我可能会破坏可用性,但如果我将它们变得明显,那么它可能看起来很可怕并且会分散注意力。像feedly这样的网络应用程序使用的链接并不是很明显,除非你将它们悬停在它们上面,但它们的定位非常标准,这有助于它。

悬停状态是否足以让用户发现链接,还是有另一种方式来保持一种不破坏用户体验的干净风格?

1 个答案:

答案 0 :(得分:0)

查看包含大量链接的(大)网站,看看他们是如何做到的。大型网站通常都有UI专家,因此您可以免费使用这些专业知识。

例如,亚马逊(和Stackoverflow)的链接为蓝色,仅当鼠标悬停在链接上方时才会显示下划线。

此外,您可以显示已经访问过的链接,其风格和颜色与未访问的链接相同,因为默认情况下,访问过的链接具有不同的(紫色)颜色,这会增加烦人的外观。