记录生活 学习SEO优化 | 他日若遂凌云志 敢笑黄巢不丈夫
>>Home > 杂文趣事 > 杂文逸事 > 海天无影BLOG对于用户体验的相关改动

海天无影BLOG对于用户体验的相关改动

Tags: | | 作者:海天无影

海天在加入WordPress的大家庭的时候,就选用了海天一见钟情的power3的主题。后来海天也在这个主题上基础上改动了不少东西,其中外观方面的,海天就增加了首字放大下沉和将文章字体放大到14px。首字下沉没什么目的,就是为了好看;文章字体放大到14px,是因为海天还是觉得14px的字体大小比较符合阅读。但后来海天发现14px的字体用在这个主题上有一个问题就是感觉比较挤……

正好前段时间请网友帮忙用户体验分析得到的结果也有关于文章页排版的问题,于是就一起解决了下,对于海天无影BLOG的用户体验做了以下相关改动。

前段时间海天是请的博友Cuike做的《海天无影BLOG的用户体验分析报告》,昨天Cuike博友来博客说分析报告做好了,海天就去拜读了下,感谢Cuike提出的几点意见,海天感觉还是很有用处的。海天无影BLOG的用户体验分析报告相关内容:

1、博客标题(logo)字号偏小。
2、边栏第一个栏目应该是博主的微博,需要优化一下。
3、"最新评论|最新留言"板块需要优化。
4、"网站信息"板块位置偏上。需要下移。
5、右侧边栏太长,导致左侧正文底下空白太多。

然后他也对应上面的几点问题提出了解决方案,海天就结合自己的改动来说明一下,此次海天无影BLOG对于用户体验做的相关改动。

1、针对博客标题(logo)字号偏小,容易埋没博客名称。个人建议做成h1,或增大一个字号,logo高度适当增高10-20像素。能突出显示,让用户第一眼看到你的博客,就知道你的博客的名字。当访客多来几次就记住你的名字了,是很好的自我营销。
答:海天的BLOG主题logo和文章标题虽然分别是h1和h2,但设置的是相同字体,所以海天就增加了logo字体的大小到24px,不知道现在看的感觉如何。

2、针对侧栏顶部的微博,建议增加一个栏目名称。同时在“htwy:”上加个超链接,方便访客进入微博,浏览更多微博内容。
答:这个的确是微博栏目,但海天这个栏目的用途更多是用于类似公告的作用或者随便说点什么的。而给名字加上超链接,因为海天用的twitter,大多数国内用是链接不了的,海天就干脆去掉了,不如不加,等以后腾讯微博出来好的API以后,海天就换掉。

3、"最新评论|最新留言"板块的内容在首页显示有“回行”作用。建议控制首页显示的字数,尽力将其控制在一行显示。这样能约束首页右侧边栏不至于太长跟左侧内容反差出大片空白。
答:这个留言栏目,海天一开始就用的两行显示,是因为感觉一行不够描述留言的内容,感觉两行可能会详细一点。而如果只是为了左右两侧长度的对比,那海天要是增加左侧内容的长度就是了,你们说这个留言到底一行好,还是两行好呢?

4、"网站信息"板块最好能放在侧栏最底。现在已经有“博客管理”这一项,则放在倒数第二比较合适。
答:这一点海天没有异议,已经放置倒数第二了。

5、针对右侧边栏太长,导致左侧正文底下空白太多,这个是一个美观的问题。博友Cuike提出了去掉无关紧要的时钟或者在左侧下加上广告。
答:如果只是因为长度不好看的问题,那海天要是增加左侧内容数量而实现长度增常,这样可以吗?因为海天觉得那个时钟还是蛮好看的,而用广告增加长度,是不是以后就会造成广告过多的局面呢?海天现在就是想增加左侧文章数量来实现长度,大家觉得行吗?

6、"RSS订阅本站"人性化一些,点击能有一些订阅按钮。毕竟很多网民对于如何订阅还不是很清楚。
答:这一点,海天也还是很赞同的,海天已经将RSS订阅地址指向到了feedsky了。

7、文章页,建议每段文字前空两格,这样比较符合中国人的阅读习惯。目前这样看着有点吃力。
答:这一点原来松松就提示过,但是因为海天用的首字下沉的插件,所以在段前空两格,那就更不美观了。而当时手动能力又比较差不会修改,现在海天去掉了首字下沉插件,自己加上了判断代码,在文章内容页的时候不用首字下沉效果,然后再给每个段落增加了前面空两格的效果。

而对于文章内容页面,海天上面也说过14px的字体大小在这个主题下比较挤。是因为时间、tag信息的栏目,本来是在内容左侧的,这样就造成文章内容更窄,14px的字体更挤了,而海天看过一些博客上用14px的字体很好看,就是因为文章内容的宽度更宽。所以海天就将文章内容页的样式改了一下,将tag等信息横排放在标题下面,这样内容栏目就加宽了不少,不知道现在的样式大家看了感觉怎么样?不要还没以前好看啊……

最后感谢博友Cuike给博客作出的用户体验分析报告,有需要的朋友可以去找他哦,现在是免费的呢,嘿嘿。

还有就是新的文章内容加宽后的显示,大家感觉效果怎么样,还请Cuike和大家再来指示一下……

日志信息 »

该日志于2010-07-19 10:48由 海天无影 发表在杂文逸事分类下, 你可以发表评论。除了可以将这个日志以保留源地址及作者的情况下转载到你的网站或博客,还可以通过RSS 2.0订阅这个日志的所有评论。

37条评论▼点击进行评论

  1. 说实话这个模板看上去不怎么好看,即使是在win7下面,同时使用Opera或chrome浏览器,效果都不怎么样。

    • 额 我主要看的比较简洁
      而且感觉还行啊 power主题很多人用的啊
      不过3.0出来以后 换成默认主题也很不错~

  2. 路过捡了一个大沙发。。。 :mrgreen:

    • 呵呵 我的沙发还是比较好抢的~

  3. 貌似变化不大,也许没体会到吧

    • 啊 不是吧 我内容页面 明显加宽的啊 还不大?

      • 加宽了?哦也,我好像也没怎么感觉到呢,哈哈,大概加的不够宽。

        • 额 也许是大多数WP都是宽的页面吧
          所以你们都没感觉到,但我真的加宽了啊……

  4. 我来瞅瞅!我是不会弄这些东西!我来给你鼓劲!

  5. 现在看起来 博客还真的不错撒。嘿嘿 给你颁奖了

  6. 学习了! :mrgreen:

  7. 其实我觉得所谓的“用户体验”压根没一个标准,这道理是简单得不能再简单了:
    跟男人喜欢女人的品味一样,不同男人有不同的品味,要是所有男人都一个品味,那吊了,大多女人要去鸡鸣寺了。

    • 呵呵 本身就没有一个标准 但是好看的东西谁不喜欢
      如果超级漂亮的女人 又漂亮又温柔 性情又好 哪个男人不喜欢,当然喜欢和爱还是有区别的,但用户体验,也只需要达到喜欢的层次就OK了~

      • 同意光光的言论,哈哈

        • 额 假如给你天仙一般的 温柔可人的美女 你不喜欢?
          我只说喜欢 还没说爱的地步 难道你不喜欢?

  8. 会捣鼓这些真好….

    • 我这个就真的是瞎折腾了 呵呵~

  9. 没感觉出来

    • 晕 我文章宽度明显的加宽了 还没看出来

  10. 海天,哪天教我折腾折腾这些呗,看见你们都在折腾,我也手痒痒了,可是自己又不会,囧啊!

    • 呵呵 好啊 不过我也不是高手 只能算是瞎折腾了 呵呵

  11. 我来也 似乎对比起来我的文字小了。行间距也不行。
    FEEDSKY暂停一周….

    用户体验最近降到最低了。

    不过跳出率来看 最近有所改善。

    • 呵呵 我觉得14px字体差不多正好,你的行间距还好吧,可能有点大了
      现在的用户体验 已经很模糊的概念了
      访客不可能看到你这个博客好玩 而多玩一会的
      大多数还是找有没有有用的内容 看完就走 呵呵

  12. 这样很不错。

    • 呵呵 加宽以后不怎么挤了感觉

  13. 感觉漂亮了

  14. 昨天看了功夫梦真好

    • 嗯 作为励志片 功夫梦还是不错的

  15. 我比较喜欢简洁

    • 呵呵 是啊 我也很喜欢简洁的 所以选择这款主题

  16. 这年头都讲究一个顾客体验感受。
    第一眼和看起来舒服。
    但是你的网站不知是否是我的感觉看起来有点密。

    • 应该是我这一页的全是文字的缘故吧?
      或者将左边的内容页面 用框架框出来会不会好一点呢

  17. 我也觉得没有什么变化

    • 额 好伤心啊
      可能你没注意到我原来的文章页是窄的

  18. 咱不调查我一下呢?我还有几点想说呢,呵呵。 :mrgreen:
    第一,先把首选字体改成“雅黑”去。
    第二,标题Logo用h1据说对搜索引擎更友好。
    第三,博客管理完全可以去掉,自己在底部找一个“登陆”链接就可以了,RSS订阅你右侧上面已经有了啊。
    第四,右上侧的RSS订阅按钮还是加上几个添加到google,xianguo之类的吧,方便,这是我个人订阅时的习惯。
    第五,时间那个帅气的flash放到靠上面点呗~
    第六,还没想好。。。
    你现在这里已经很整齐漂亮了,希望越来越好!
    :grin:

    • 你是认真看我这篇文章的人啊,眼泪哇哇的啊……
      1、首选字体为什么要去掉雅黑啊,感觉雅黑很漂亮的说啊
      2、logo本来就是h1的 只不过字体和h2一样大了
      3、博客管理的确可以去掉,话说我本来是想给人注册,但发现注册了干嘛呢?
      4、我现在RSS转到feedsky了,还需要再添加鲜果、google了吗?
      5、我也觉得那个时钟好玩的,但是上面的内容都很重要啊
      6、没想好,等想到了再提,再次的很感谢你啊

      • 不是让你去掉雅黑,是让你改成雅黑,你现在是宋体吧?

        • 额 我还一直以为我的字体是雅黑呢
          原来不是 哈哈 已经改了~

  19. 呵,海天兄呐,我们俩主题一样哦,我想把右侧边栏的文章弄成你这样,但悲剧的改了半天仍没实现

    • 额 我们两主题一样的啊一下子还真没看出来
      你右侧栏的什么文章啊?
      貌似我的除了那个tab切换栏不是原来主题自带的,其他大多都是主题自带的啊

  20. 我又仔细看了下,深挖掘了一些。重新写了一篇。在我博客,你再看看。
    可以多交流一些的。希望你的博客做的更好。

    • 哈哈 再次感谢啊~
      好的 我再来改~

  21. 简洁加有条不紊 给用户的体验最佳

    • 呵呵 我就是很喜欢简洁的风格~

  22. 没什么感觉。。。

    • 唉 我就不应该让经常来的朋友帮我看
      我页面明显的加宽了 你们都不注意……
      看来就像 经常生活在一起的人 不会发现慢慢变胖的同伴啊
      我的页面现在就是变胖了……

      • 也许是的,你要找第一次来访的,问问对整站的第一印象。

        • 呵呵 下次做个调查 然后指定

  23. 走简洁路线的 呵呵

  24. 这个主题被你改得很漂亮哦:)

  25. 整个页面给人的感觉清爽多了,很不错了。
    右侧的链接也不要反黑显示了。
    嗯,整体感觉已经很好了。
    GOOD! :grin:

    • 嗯 我就喜欢清爽简洁的 呵呵 谢谢啊~
      我的主题本身就是黑白的,右侧也不要反黑啊 那会不会感觉太过单调呢?

  26. 这个主题确实很多人在用
    呵呵。

    • 嗯 是啊 我喜欢的简洁型的
      我是拿来改了又改 呵呵

  27. 呵呵 我也没感觉到变化!

  28. 主题在使用的过程中,需要修改、添加一些东东,我就经常改主题

    • 呵呵 是啊 改成自己喜欢的风格~

  29. 我的正屏笔记本看不出效果 :mrgreen:

    • 额 原来是和日志信息的内容差不多宽
      现在是和评论一样宽的了 呵呵

  30. 我觉得你弄得不错了,呵呵,当初我也用过两天这个主题的,感觉很简单,哈哈,我也懒了,就没有去折腾。你现在弄得很漂亮!

    • 呵呵 谢谢夸奖 我也喜欢简单的主题 所以就一直用这个了~

  31. 老兄啊 我也想把内容这块 宽度变得宽些 不知道如何操作啊

    • 就是将文章页single.php中的meta这个层去掉
      重新建一个层并修改css样式,在新建的层填写需要的内容的代码
      再将你的entry层也换个名字,这样就自然而然加宽了
      用新的层是因为我首页 还是需要原来样式的窄栏

  32. 个人觉得右侧的评论放一行就好了 多的 hidden掉 反正有链接 想看的自然会去看

    • 额 一行,感觉输出的文字太少了啊,访客看的云里雾里的
      两行会稍微详细点,感兴趣的就直接点击进去了~

  33. 我那个估计问题更大…IE上的评论字体不知咋的改不了了

    • 额 怎么可能 你没找对吧
      在其他浏览器可以?难道是css不兼容?

icon_wink.gif icon_neutral.gif icon_mad.gif icon_twisted.gif icon_smile.gif icon_eek.gif icon_sad.gif icon_rolleyes.gif icon_razz.gif icon_redface.gif icon_surprised.gif icon_mrgreen.gif icon_lol.gif icon_idea.gif icon_biggrin.gif icon_evil.gif icon_cry.gif icon_cool.gif icon_arrow.gif icon_confused.gif icon_question.gif icon_exclaim.gif 

« 永不放弃,功夫梦影评 帮公司入手500D,那我呢?550D还是500D »