Blog > 用户体验设计 > 如何表现已点击的链接

如何表现已点击的链接

有位朋友抱怨说《性感的CSS Menu》一文中的链接太多,看到最后都不知道自己点过那哪些链接。

而我向来不在visited上做变化。一旦文章中的链接过多,麻烦自然就来了。只是在visited上做个变色?我不大喜欢。不过早上工作中给了我一个新想法。
原理很简单,就是在visited后,给链接一个标识已读的图片背景。
实例地址:http://5key.net/demo/link-visited 

如何表现已点击的链接

链接部分CSS:

a:link {color:#06F; text-decoration: none;}
a:visited {padding-left: 16px; background: url(1.gif) left no-repeat; color: #999;}
a:hover {text-decoration: underline;}

13条评论

  1. banlon says:

    你为啥不引用这样的css呢?

  2. axuan says:

    5key在提到的<性感的Css>那个特定环境中的效果是很好的,类似环境比如门户新闻内容页,解决用户在多链接页面是否访问过的识别问题。如果把这个改进拿到一个产品中大量使用,个人认为需要多加考虑。借用一句:“用户要的不是用户需要的,用户要的只是他自己想要的,用户不知道他应该需要的。”
    首先:用户有没有这个需求?我们的讨论的这个改进目的是在解决用户的不便,没有变化之前是不是收到用户投诉和意见?这个是否成为一个“问题”暨待解决?如果用户的需求低到可以忽略,此时做出这样的决策无疑让用户开始注意到这个可能不是问题的“问题”的存在,陷入改进的怪圈,而削弱产品要展现的信息内容。
    还有:传统的方式是不是无法满足需求?易用性提高,对信息关注度有没有降低?符号图片的引用会不会造成用户使用情感断层也是需要担心的。

  3. dowhatyouwant says:

    axuan留了这么一大段,咋一看还以为是人肉。。。。
    哈哈。正如axuan说的。这个只是一个想法。但是不一定适合于每个地方,我这里也一样。所以我也不准备这里使用。 [lol]

  4. Ami says:

    我觉得颜色区别也没什么不好的啊。我做的时候会考虑把颜色做到有区分、但区别不是很醒目
    不过5key这样做也很有意思。但也统一楼上两位,恐怕只是一些情况适合

  5. Kyomic says:

    嘿嘿.这种体验方式很8错,学习中

  6. 稻草 says:

    嗯.宣子这句好"….陷入改进的怪圈,而削弱产品要展现的信息内容"

    其实我很多时候不加visited的
    只写a和a:hover.
    当然要看站点本身的性质

    想法好.我喜欢.

  7. 锐风 says:

    非IE浏览器不支持这个的.

  8. 锐风 says:

    真是搞笑..你的博客宠物我现在显示的是晚上的..看清楚我发评论的时间!

    忘了说了,我用的是Opera9.5alpha.

  9. dowhatyouwant says:

    瓶子里的星空是自己diy过的皮肤。与当前时间没有关系。

    FF下是Ok的,至于opera,暂时不做考虑。

  10. ryana says:

    看到一個網站的圖片鏈接,点了以后,图片的下面会出现Visited的图片,感觉超好~

  11. Pingback: » 再说说如何表现已点击的链接 5key.net

  12. 6socks says:

    整篇看完,体会最深的是axuan的评论:“用户要的不是用户需要的,用户要的只是他自己想要的,用户不知道他应该需要的。”

  13. Pingback: 再谈如何表现已点击的链接 « 5key’s blog

发表评论

电子邮件地址不会被公开。 必填项已用 * 标注

*

您可以使用这些 HTML 标签和属性: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>