提升Wordpress用户体验的6个工具

现今的主题设计者大都比较关注视觉内容,在用户体验方面还不够深入(当然,有很多因素,通用化的主题不太容易加入交互性的设计)。用户体验说起来很玄妙,但设计者如果能将自己置身于用户一边,问题就不再那么飘渺了。问问自己,对 Wordpress 搭的 Blog 在细节上还有哪些不满意?

不同的人一定会有不同的答案。在 Shawn Blog,我用了很多 JS。除了好看之外,更主要的目的是为了增强访客的浏览体验。无论是平滑滚动,抑或是 loading 条,出发点皆始于访客。

也许 JS 对大部分人来说还有门槛,但以 Wordpress 本身的开放度和功能来说,即便要用到 JS,网上也有很多现成的代码。接下来我会推荐一些有助于增强 Wordpress 用户体验的插件,Hack 以及 JS。

插件:

1. Cos Custom

Cosbeta 做的一个 Wordpress 插件,具备很多独立的小功能,其中 My Comments 是有助于提升用户体验的部分。该功能帮助生成个性化的最近留言列表。例如我访问生活点滴,会在侧栏发现一个栏目叫做我的评论,里面是我近期在那里留言的汇总。

2. Wordpress UE

雪山飞猪改自名为 Landing site 的插件,能够根据用户类型和用户来源给用户显示不同的内容。例如针对从搜索引擎到来的用户,我们可以通过这个插件实现一些"神奇"的信息提示:你从 Google 找来的?订阅我的 Blog 吧!

3. Comment Info Tip

启用该插件,鼠标指向评论用户名将弹出提示,内容包括他/她在本站的评论数量,最近评论过的文章,以及他/她在自己 Blog 上最新发表的文章名称和摘要。

Hack:

4. 访客Title: Wordpress 访客体验提升新方法

把访客的名字写到浏览器的 Title 里面去。

5. WordPress 上提高访客评论时的用户体验 (JS+CSS) / 隐藏 Wordpress 访客的资料框(需要jQuery框架)

针对"回头客"把评论框藏起来。

jQuery 插件:

6. jQuery Cookies

该插件给 jQuery 增加了处理 Cookies 的能力。Cookies 是创作针对性内容的终极方式,你可以利用 Cookies 做计数器,记录用户的操作,然后根据用户的操作给出特殊的提示。Shawn Blog 用了该插件来针对"浏览本站5次以上却没有评论过"的用户(如果你有兴趣看看是怎样的,可以删除 Shawn Blog 的 Cookies,然后随便刷新 5+ 次单篇文章页面)。

目前我能想到的小工具就这么多,日后发现新的会再做介绍,如果你有关于提高用户体验的绝妙想法和内容,希望能够告诉我,大家共同进步。

Update: 我错了,我不该改动,我改动了还没注意 URL 也变动了,害你读两遍,我真不应该。。。

Tag(s): ,
  • QQ书签
  • Del.icio.us
  • 百度收藏
  • Google
  • 饭否
  • FriendFeed
Shawn Published@16:47 / 2008-11-25 / Trackback / Skip
48 Comments Contributed by Visitors
  1. rebuttonniechen / 16:56@2008-11-25 1
    niechen

    最近一段,你的Wordpress专题很高产啊,质量很高!

  2. rebuttonMY-Hou / 16:56@2008-11-25 2
    MY-Hou

    想不到...霸位

    用户体验这东西太很难说清了

  3. rebuttonMY-Hou / 16:57@2008-11-25 3
    MY-Hou

    快速浏览一次就... 唉 :sad:

  4. rebuttonniechen / 16:59@2008-11-25 4
    niechen

    嘿嘿,今天沙发没人抢。我博客的浏览体验做的很少,就是喜欢看起来干净整洁的页面

  5. rebuttonShawn / 17:03@2008-11-25 5
    Shawn

    @niechen: 最近我确实很高产,我要求自己每日一篇。。。。干净整洁和体验是一致的,可以加入一些交互和细节上的东西。
    @MY-Hou: 没事,沙发不重要,哈哈。

  6. rebuttonYacca / 17:03@2008-11-25 6
    Yacca

    我刚增加了副导航...

  7. rebuttonShawn / 17:10@2008-11-25 7
    Shawn

    @Yacca: 我看见了,就是放在那里有些影响 SEO。。。

  8. rebuttonfqch / 17:12@2008-11-25 8
    fqch

    用用看哦~不错的插件

  9. rebuttonleehow / 17:18@2008-11-25 9
    leehow

    以后私聊了,画图画得要吐血了。

  10. rebuttonSivan / 17:18@2008-11-25 10
    Sivan

    :wink: 收藏了。

  11. rebuttonAlan / 18:02@2008-11-25 11
    Alan

    不错,学习!

  12. rebuttonElton Disney / 18:06@2008-11-25 12
    Elton Disney

    话说我在GR里面看到两篇这样的文章,还以为是你重发的呢~~
    原来是...

  13. rebuttonShawn / 18:07@2008-11-25 13
    Shawn

    @Elton Disney: 改了下标题,结果 URL 也跟着改了。。。GR 变得太敏感也不好。

  14. rebuttoncosbeta / 18:20@2008-11-25 14
    cosbeta

    @Shawn: 我的greader不敏感了,一篇日志居然要等10来20分钟,以前可是几秒钟呢

  15. rebuttonShawn / 18:22@2008-11-25 15
    Shawn

    @cosbeta: 告诉你的方法。先用 GR 订阅自己的 Blog,写完一篇文章立刻去 Refresh,自己的更新了,别人的 Google Reader 里你的 Blog 也立刻会更新。。。

  16. rebuttonjk / 18:23@2008-11-25 16
    jk

    学习jQuery

  17. rebuttoncosbeta / 18:30@2008-11-25 17
    cosbeta

    @Shawn: 问题是我自己refresh都不更新呢,晕,难不成要 url?random的方式更新?

  18. rebuttonShawn / 18:33@2008-11-25 18
    Shawn

    @cosbeta: 你那样别人的更新不了。GR会认成新的 Feed。关键是,你用 Feedburner 托管的Feed更新了吗?如果Feedburner变慢,GR更新慢就正常了。我用的是原始的 RSS 输出,基本是同步的。

  19. rebuttoncosbeta / 18:35@2008-11-25 19
    cosbeta

    @Shawn: 测试了,RSS源没有任何问题,feedburner feedproxy都是同事的,但是reader滞后 一直想不明白,而且已经持续一周多了

  20. rebuttonLOKE / 18:38@2008-11-25 20
    LOKE

    一个都没用过,貌似很强大的啊 :sad:

  21. rebuttonNickyYe / 18:42@2008-11-25 21
    NickyYe

    隐藏 Wordpress 访客的资料框的方法确实很赞,感谢原作者

  22. rebuttonjk / 18:44@2008-11-25 22
    jk

    测试一下

  23. rebuttoniColor / 20:53@2008-11-25 23
    iColor

    一不小心就发现你更新2篇了,我只想留个言,没其它意思... ...

  24. rebutton流星 / 21:08@2008-11-25 24
    流星

    我对ue很有爱……回头考虑下

  25. rebuttonk2max / 21:35@2008-11-25 25
    k2max

    这个有意思 ..
    没看见上次跟你提的"@"预览 .. :cry:

  26. rebuttonk2max / 21:38@2008-11-25 26
    k2max

    这篇文章的标题里的 wordpress,你没用空格隔开 ..

  27. rebuttonShawn / 21:50@2008-11-25 27
    Shawn

    @k2max: @ 预览实在是一项工程。要 css 和 jQuery 配合才行,看来明后天我还是直接把代码给出来吧,大致讲一下使用方法就好。
    空格我忘了。。。

  28. rebuttonk2max / 23:22@2008-11-25 28
    k2max

    恩,直接贴代码就好。
    明白的不用说都会明白,不明白的你一篇文章也很难说明白。
    不明白的自然会在评论里问。
    到时你有的忙了.. :lol:

  29. rebuttonShawn / 23:27@2008-11-25 29
    Shawn

    @k2max: 算了,想想都恐怖,你上 Gtalk 我给你吧。。。。

  30. rebuttonDenis / 23:32@2008-11-25 30
    Denis

    一直想尝试把 WordPress UE 改成 JS 版本,但是 JS 不是很懂,没有成功。

    另外一个小小的建议,其实正文中所有的链接都是 nofollow 有时候反而不利于 SEO。

  31. rebuttonShawn / 23:58@2008-11-25 31
    Shawn

    @Denis: UE 用 PHP 就很好,js 好多人都为了速度而拒绝增加。
    页面本身就有很多 nofollow,所以其实影响不大, wikipedia 正文的链接都是 nofollow。

  32. rebutton流星 / 9:32@2008-11-26 32
    流星

    @流星: 我的头像哪里去了……我又gava头像的啊…… :?:

  33. rebuttoncosbeta / 10:24@2008-11-26 33
    cosbeta

    想了想,还得要留言,因为我知道过不了多久,我将会发现这样的文章被多次转载。那时候,我登陆wp后台的时候,就会发现来的链接中有很多类似“提升Wordpress用户体验的6个工具……”的字样

  34. rebuttonYacca / 10:52@2008-11-26 34
    Yacca

    @Yacca: 呃...待会我把更新发了,你过来指正一下,哈哈...feed指向二级域名了,得看看feedburner和feedsky能不能从feed.eemir3.com抓取.

  35. rebutton煎鱼 / 14:04@2008-11-26 35
    煎鱼

    等流量上了,再来搞搞用户体验

  36. rebuttonShawn / 14:32@2008-11-26 36
    Shawn

    @cosbeta: ???不懂。。。

  37. rebuttonShawn / 14:50@2008-11-26 37
    Shawn

    @流星: 我在 http://en.gravatar.com/site/check
    检查了你的邮件地址,没有头像。。。

  38. rebuttonk2max / 14:54@2008-11-26 38
    k2max

    @Shawn: 哈哈,好的 ..

  39. rebutton胡想 / 14:57@2008-11-26 39
    胡想

    @煎鱼: 不搞好用户体验,流量又怎么会上?

  40. rebutton菠菜 / 15:12@2008-11-26 40
    菠菜

    确实都非常实用,多谢Shawn推荐。

  41. rebuttonaunsen / 20:57@2008-11-26 41
    aunsen

    总觉得插件太多不是什么好事儿,如果有一个插件把这些功能全集中了多好,YY中..... :shock:

  42. rebuttonleehow / 23:45@2008-11-26 42
    leehow

    我要死了,睡了。

  43. rebuttonQQ个性签名 / 0:36@2008-11-27 43
    QQ个性签名

    眼都花了

  44. rebutton火星基地 / 9:08@2008-11-27 44
    火星基地

    来晚了 来晚了。刚做完一个presentation,终于有空了。
    提升访客体验一般都是从细微处着手,这要看必要与否啦。比如评论textform下的须知吧,很多人乍一看会头晕的,嘿嘿。

  45. rebutton火星基地 / 9:09@2008-11-27 45
    火星基地

    报告一个bug。
    环境:mac os x, firefox 3.
    表现:点击发送评论后无法跳转。
    提示:
    warning: require_once(wp-admin/includes/bookmark.php) [function.require-once]: failed to open stream: No such file or directory in /home/shawn/public_html/wp-content/plugins/hot-friends/hot_friends_functions.php on line 270.
    Fatal error: require_once() [function.require]: Failed opening required 'wp-admin/includes/bookmark.php' (include_path='.:/usr/lib/php:/usr/local/lib/php') in /home/shawn/public_html/wp-content/plugins/hot-friends/hot_friends_functions.php on line 270

  46. rebuttonxiaorsz / 13:43@2008-11-27 46
    xiaorsz

    @Shawn: 也给我份吧,哈哈!我也研究下!!

  47. rebuttonShawn / 15:57@2008-11-27 47
    Shawn

    @火星基地: 谢谢:)我昨天新启用一个插件,貌似和我自己的 Hack 有冲突,现在已经禁用插件了。好了。

  48. rebutton火星人 / 20:44@2008-11-27 48
    火星人

    恩,很好,收藏了。

  49. rebuttonL / 23:52@2008-11-27 49
    L

    @Shawn: 
    好东西要搞出来分享哈

  50. rebutton小墨 / 8:54@2008-11-28 50
    小墨

    cosbeta的插件比较有意思~

  51. rebutton浮黑 / 19:56@2008-11-28 51
    浮黑

    怪不得你的博客上有那么多好玩的小功能!

  52. rebuttonShawn / 21:30@2008-11-28 52
    Shawn

    @浮黑: 呵呵,经常找好东西玩儿有好处的。

  53. rebuttonmr wu / 20:46@2008-11-30 53
    mr wu

    tag了,不错的东东。 :twisted:

  54. rebuttonyinheli / 0:20@2008-12-01 54
    yinheli

    呃...我不留言都不行..它提示我了..这个功能好!!!

  55. rebuttonLeeiio / 18:04@2008-12-01 55
    Leeiio

    我想知道移动到@xxx 弹出的效果是怎么做的。。

  56. rebutton骷髅小鬼 / 13:13@2008-12-04 56
    骷髅小鬼

    @Leeiio: 我也想知道,是插件?还是自己做的模板有这个功能?

  57. rebuttonadomit / 23:17@2009-01-06 57
    adomit

    虽然我是WP初学者,但是WP能够最终出色得表现出质量高的人性化体验才是我喜欢上的理由。慢慢学习。就算我不懂做模板,也可以通过修改我喜欢的模板,将其最终完善出希望得到的所有功能。

  58. rebuttonnooidea / 21:43@2009-01-08 58
    nooidea

    怪不得我上次用朋友iphone浏览你的文章10几分钟后提示我要订阅否~~

  59. rebutton痞子C / 14:50@2009-01-10 59
    痞子C

    又换皮了,用户体验更好了。尤其是那个“鼠标移至评论列表中的 @someone: 区域即可自动显示 someone 的评论内容。”的浅绿色透明框框,这个什么时候做个教程啊?

  60. rebutton痞子C / 14:51@2009-01-10 60
    痞子C

    建议再来个留言修改,

Leave Comments Here...

必填

必填&保密

随您

支持Ctrl+Enter快捷提交

  • 已部署"白忙活" Anti-Spam 系统,猪肉 Spammer 请注意查看源代码链接处。
  • 本站不会泄露您的邮件地址,敬请放心。
  • 支持常用 HTML 代码调用,插入 PHP 代码需注意:< = &lt;> = &gt;
  • 仅当某人针对您的评论做出回应时,您才会收到由本站发出的通知信件。
  • 如您希望以相同方式通知某位网友,请点击 Reply 按钮,或自行输入 @对方名字:
  • 鼠标移至评论列表中的 @someone: 区域即可自动显示 someone 的评论内容。

Shawn Blog

Shawn的个人博客(Blog),分享Wordpress技巧和Firefox浏览器心得,关注Web 2.0应用发展,记录对虚拟主机的使用评价。