Category: 科技

  • 使用Title提升可访问性

    最早大家都没有给链接加title的习惯,后来因为w3c标准普及,又集体加上了title。从一个极端走到另个极端,于是出现很多怪异现象。两方 面,第一a标签内title不是必须使用,第二title可以用在除了base, basefont, head, html, meta, param, script和title之外的所有标签。

    抛开标签语义、搜索引擎友好等因素,在纯用户角度找几个场景来分析。

    列表内容被截断后通过title显示完整,此时如果没有被截的链接,也会被再显示出来。试想本来已经看清楚的信息,触发又提示一遍,传达是不是感觉 很婆妈。如果没有截的链接控制不输出title,效果或许合理很多。或者title在此时根本就不应该?印象中英文好站似乎很少做列表截取。

    BXNA蓝色经典title图示

    最典型类似对icon图示的辅助说明,可以最大化平衡界面复杂度与可操作性。并且针对某些群众认知度比较高的操作,如果图形传达到位,完全可以使用icon代替,更多交互场景请参考臭鱼在06年完成文字还是图标的总结。

    Yahoo首页选项色块title图示
    Delicious条目选项title图示

    在导航系统的各条目中,title主要作用是做补充说明。同时也对应可访问性原则中,要求导航传达清晰简洁的建议。用户感兴趣后操作触发,再title提示更多详细,强调信息引导而不是推送。

    CNN导航title图示
    YUI导航title图示

    还有种做目地指引之用的案例,明确告知用户这个链接做什么?到哪里?在某些容易引起误会,或者不是很清晰的地方效果比较好。另外title不在a标签内也有广泛应用,典型如表单。可以为用户提供更精准、得体的操作指引,并且我想一定程度上可以代替明文提示。

    wordpress标题、分类title图示
    Google Reader搜索title图示
    Ticker雅虎title图示

    学以致用,顺手给评论模板加了条语句。上次改的时候本想写出来,又感觉多余,现在好多了。准备动手评论的用户,自然会看到,并且这么土的语句也没有兼容性问题。

    WP评论title图示

    相应的不良应用不再图示举例,互联网上不胜枚举,深入分析语义和用法不仅能纠正错误、开拓思路,而且能贯通很多理论上的困惑。总结起来,title并不像seo从业者鼓吹的那么简单,在用户角度除避免与文字、图形重复传达,主要有三类用途:

    1. 描述非文本内容
    2. 补充说明文本内容
    3. 操作指引
  • 豆瓣“丛书” 功能将上线

    豆瓣上数百万本图书,就像一粒粒珍珠,现在还是散落在各处。丛书则是串起这些珍珠的银线。

    “丛书”和“版本”也是豆瓣上的嗜书瘾君子们呼吁多时的需求。问题是:提供一缕缕银线来穿珠子好呢,还是提供一架生产银线的织布机呢?我们最终选择了后者:

    请你来创建丛书页面,编织丛书。

    豆瓣成员们的创造力是无穷的。我们在做数据准备时,已经从大家的“豆列”里挑出了近千个丛书型豆列,并对之进一步优化,生成了第一批丛书页面数据。当然,这些豆列的创建人,也会出现在这第一批丛书页面的 贡献者 名单里。

    我们非常欢迎资深的书虫,“丛书豆列挖坑人”,以及任何有收集整理强迫症的豆瓣成员,来创建和编织丛书页面。

    “丛书”功能的设计酝酿了多时,清明节后,它就要出师了。在这里先透露一下它的特征,节后大家不妨去寻觅它:)

    丛书页面:

    丛书页面有出版社、丛书册数、丛书简介 信息,以及具体的丛书列表。按豆瓣的传统,如果你为这个丛书页面做过贡献,你的名字也会出现在这个丛书页面。

    单本图书页面上体现丛书:

    图书信息里多了一条 “丛书” 属性,可以查看这本书所属的丛书页面,为你提供更多方便。同时,下方也会展示这本书的“兄弟姐妹”,让你更直观地挑选。当然,这时候,豆瓣不会再将丛书里的书 “猜你会喜欢”,嗯,这是个进步。

    添加丛书的入口:

    我们将添加丛书的入口放在了 修改一本书的资料 页面。

    当然支持批量添加:

  • Scr.IM:保护你的Email地址

    为了防止垃圾邮件的入侵,通常我们在Blog或论坛中发布Email地址时,最常用的手段就是使用 username # gmail.com 这样的伪装性邮件地址。但老实说,这种方式并不可靠,有些垃圾邮件发布工具依然会自动替换这个 # 符号,从而使你的Email 地址易如反掌的进入垃圾邮件名单。

    那么,有什么方法可以进一步保护你的Email地址呢?用图片方式发布也许会安全许多。而现在我要介绍的这个名为Scr.IM新服务,则提供了另一种保护你Email地址的方式。短网址加安全码验证,比起图片方式要方便许多。

    zrtn-003p54fd23eb-tn

    如上图所示的,用户只需输入自已的Email地址及缩略名,就可得到一个类似于http://scr.im/riku 这样的网址,当用户点击进入该网址后需要通过验证码验证,之后才会显示你的真实Email地址。

    原文地址:http://riku.me/2009/04/01/scrim.html

  • 个人网络身份服务Chi.MP开放注册

    Yes!Chi.MP终于开放注册了,有兴趣的朋友赶快行动吧,也许赶得早的话,你还可以申请一个属于自已的个性 .mp 域名。现在个性域名的数量是越来越多了。

    Chi.MP是什么?

    根据官方介绍,Chi.MP是一个个人数码网络身份管理服务,它提供了如下主要功能:

    • 提供一个免费的 .mp域名,这个域名可当作OpenID来使用。
    • 提供丰富的个人属性及隐私设置。
    • 聚合主流的社会化网络服务,如FaceBook、Twitter等等。
    • 导入和管理联系人。
    • 提供内容发布功能。
    • 提供相册功能。
    • 其他还有很多,不一一详细介绍了。

    原文地址:http://riku.me/2009/04/02/chimp.html