<?xml version="1.0" encoding="utf-8" standalone="yes"?>
<rss version="2.0" xmlns:atom="http://www.w3.org/2005/Atom">
  <channel>
    <title>用户友好 on 土木坛子</title>
    <link>https://www.inksay.com/archives/tag/%E7%94%A8%E6%88%B7%E5%8F%8B%E5%A5%BD/</link>
    <description>Recent content in 用户友好 on 土木坛子</description>
    <generator>Hugo</generator>
    <language>zh-cn</language>
    <lastBuildDate>Thu, 16 Apr 2015 07:00:20 +0800</lastBuildDate>
    <atom:link href="https://www.inksay.com/archives/tag/%E7%94%A8%E6%88%B7%E5%8F%8B%E5%A5%BD/index.xml" rel="self" type="application/rss+xml" />
    <item>
      <title>移动互联网时代的文章段落长度</title>
      <link>https://www.inksay.com/archives/13614/</link>
      <pubDate>Thu, 16 Apr 2015 07:00:20 +0800</pubDate>
      <guid>https://www.inksay.com/archives/13614/</guid>
      <description>&lt;p&gt;文字即媒介，写作是一种很好的交流方式。&lt;/p&gt;&#xA;&lt;p&gt;但创作一篇好的文字不容易，要有良好的内容，融入新的思想，这是最基本的要求。&lt;/p&gt;&#xA;&lt;p&gt;除了内容外，我想谈一下文字呈现的问题，就像厨师做好一道菜，如何在盘子上摆放的问题。&lt;/p&gt;&#xA;&lt;p&gt;过去我们讲网页排版的&lt;a href=&#34;https://tumutanzi.com/archives/3675&#34;&gt;行间距、段间距、字体的选用&lt;/a&gt;、&lt;a href=&#34;http://thenextweb.com/socialmedia/2014/04/06/ideal-length-everything-internet/&#34;&gt;每行的文字长度、整篇文章长度&lt;/a&gt;，这些很重要，也是老调长谈，但我今天想说一下段落的长度。&lt;/p&gt;&#xA;&lt;p&gt;包括中文和英文写作，段落都是按内容组织，一个段落一个中心思想，这没有错。&lt;/p&gt;&#xA;&lt;p&gt;不过，我在网络上发现一种新的现象，无论中文还是英文网页，段落越来越短，短到一句话成为一个段落。&lt;/p&gt;&#xA;&lt;p&gt;以下是BBC一则&lt;a href=&#34;http://www.bbc.co.uk/news/election-2015-32366391&#34;&gt;新闻&lt;/a&gt;的几个段落：&lt;/p&gt;&#xA;&lt;blockquote&gt;&#xA;&lt;p&gt;The offer would be part of the £9bn sale of shares in the bailed-out bank announced in the Budget in March.&lt;/p&gt;&#xA;&lt;p&gt;Mr Cameron said it would &amp;ldquo;help us recover billions more to pay down the national debt&amp;rdquo;.&lt;/p&gt;&#xA;&lt;p&gt;Labour said the Tories had announced the plans at least seven times before.&lt;/p&gt;&#xA;&lt;p&gt;Shadow Chancellor Ed Balls said he would be &amp;ldquo;happy to have a look at&amp;rdquo; the plan as long as it was not which would lead to big institutional investors &amp;ldquo;making a killing&amp;rdquo;.&lt;/p&gt;</description>
    </item>
    <item>
      <title>更进一步极简博客界面</title>
      <link>https://www.inksay.com/archives/12376/</link>
      <pubDate>Wed, 05 Feb 2014 07:00:42 +0800</pubDate>
      <guid>https://www.inksay.com/archives/12376/</guid>
      <description>&lt;p&gt;&lt;a href=&#34;https://tumutanzi.com/archives/12301&#34;&gt;上一次&lt;/a&gt;把博客的界面折腾了一下，现在进一步折腾。在去掉侧栏和搜索功能后，尝试去掉Google AdSense广告代码，连相关博文模块也去掉了。这番折腾后，每个页面只留下一篇日志。加载速度提高了很多，但整个界面变成极度用户不友好。这样的目的就是为了“极简”与“专注”，只剩文字，只剩写作和阅读。当互联网朝着花哨发展时，我逆潮流前进。&lt;/p&gt;&#xA;&lt;p&gt;曾经看过一本书，书名叫《禅者的初心》，讲禅，具体内容我基本忘了，不过全书的总思想我还记得，即通过一本书的内容告诉读者：什么都不要想，只管打坐，保持这份简单。就像“圆相”中的那个圆，就是一个圆，一个零蛋，什么也没有。读这本书的收获是：什么都不用多说，一切只在心中慢慢体会，甚至想都不用想。&lt;/p&gt;&#xA;&lt;p&gt;我对博客界面的极度简化，也是受到了“禅”的影响。其实还不够力度，最好的状态是根本不用去管它。&lt;/p&gt;</description>
    </item>
    <item>
      <title>如何提高独立博客界面体验和用户友好性(下篇)</title>
      <link>https://www.inksay.com/archives/3681/</link>
      <pubDate>Wed, 17 Aug 2011 06:22:42 +0800</pubDate>
      <guid>https://www.inksay.com/archives/3681/</guid>
      <description>&lt;p&gt;大部分人都是采用别人的主题，绝大部分比例的人拿到主题后或多或少地会进行自己的修改，只是修改后甚至都没有觉察到有网页語法错误，不信可以试试W3C验证，我敢说99%的博客通不过&lt;a href=&#34;https://tumutanzi.com/archives/2584&#34;&gt;W3C验证&lt;/a&gt;！&lt;/p&gt;&#xA;&lt;p&gt;虽然这个验证并不是必须——一项绝大多数人都不能做不到的标准本身不是一个好标准的，但通过总比不通过好，明显的证据就是Google Pr算法就有这项指标。不过讽刺的事情是Google主页也通不过。&lt;/p&gt;&#xA;&lt;p&gt;其它的小细节包括但不限于：&lt;/p&gt;&#xA;&lt;ol&gt;&#xA;&lt;li&gt;任何页面都能快速回到首页；&lt;/li&gt;&#xA;&lt;li&gt;404错误页面是否友好；&lt;/li&gt;&#xA;&lt;li&gt;适当增加社交化分享功能；&lt;/li&gt;&#xA;&lt;li&gt;語言通顺，杜绝错别字；&lt;/li&gt;&#xA;&lt;li&gt;增加邮件通知评论者加强互动的功能；&lt;/li&gt;&#xA;&lt;li&gt;评论可以用Ctrl+Enter快捷键提交；&lt;/li&gt;&#xA;&lt;li&gt;采用智能自动手段过滤垃圾评论（Akismet插件等）而不必用户填入验证码等。&lt;/li&gt;&#xA;&lt;/ol&gt;&#xA;&lt;p&gt;总的原则即是博客主人从访客的角度去思考，注意细节的问题，能动鼠标就不动键盘，能默认设置好就不需要用户动鼠标——把所有用户放在惰性的基础上考虑，如何方便访客更多地停留在自己的博客内容上，而不是花里胡哨的版式——那并不是博客的真正意义。简约意味着稳定，速度，省流量，用户友好，简约甚至暗示博主的稳重性格，简约意味着不简单。&lt;/p&gt;&#xA;&lt;p&gt;最后别忘了，内容的原创性和具有丰富的信息量是最为重要的原则。界面可能短时间内就能设置好——虽然也不简单，但原创内容的坚持需要永久的动力，也是优秀博客和普通博客的本质区别，有兴趣的朋友可参考可能吧的“&lt;a href=&#34;http://www.kenengba.com/post/354.html&#34; title=&#34;博文灵感从何而来？&#34;&gt;博文灵感从何而来&lt;/a&gt;”。&lt;/p&gt;&#xA;&lt;p&gt;全文完&lt;/p&gt;</description>
    </item>
    <item>
      <title>如何提高独立博客界面体验和用户友好性(中篇)</title>
      <link>https://www.inksay.com/archives/3680/</link>
      <pubDate>Sat, 13 Aug 2011 06:22:40 +0800</pubDate>
      <guid>https://www.inksay.com/archives/3680/</guid>
      <description>&lt;p&gt;关于行距，不能太密也不太能太疏，可以自己调节而定。分段是必须的，过长的段落很难有舒服的感觉。每行的中文字数宜控制在38-42为宜，每行字数太多，阅读时头要摇来摇去，太少了，眼睛换行太频繁，体验不好。&lt;/p&gt;&#xA;&lt;p&gt;为什么是38-42？良好的效果体验！我发现这个值大概是从LaTeX的排版效果得出的，LaTeX的排版本身就是一门艺术，是一门简约不简单的高深学问，只是用户未必觉察到而已，所谓随风潜入夜、润物细无声就是这种境界。&lt;/p&gt;&#xA;&lt;p&gt;现在的屏幕很多都是宽屏，宽屏本身对于阅读文字内容并不合适，所以如果不是非要坚持单栏布局的话，博客界面应该设置成两栏或三栏，多于三栏我个人认为并不具有良好的导航功能。读者看完首页日志或单而日志时，自然希望能再方便地看看有没有其它有趣日志文章，这时候博客主人就应该考虑到导航功能。侧栏的作用就体现出来了。&lt;/p&gt;&#xA;&lt;p&gt;一般侧栏可以放置“最新日志”——看历史日志时可以跳到最新日志，“随机日志”——让所有的日志都有机会推送到读者面前——毕竟没有多少人会主动用搜索功能去搜索历史日志，“相关日志”——读者可能还对相关日志感兴趣。也可以再放与读者互动的“最新评论“等栏目，原则即是方便读者，留住访客。&lt;/p&gt;&#xA;&lt;p&gt;适量的广告是可以的，好的广告其实是信息的载体，良好的商业模式，对读者，博客主人，商家都是有利的事情。尤其是Google AdSense广告，甚至能&lt;a href=&#34;https://tumutanzi.com/archives/2920&#34;&gt;美化没有图片的博客&lt;/a&gt;。但一定要适量，过了度量就不好。&lt;/p&gt;&#xA;&lt;p&gt;漂浮的广告只会损害到用户体验，降低博客品味——给人一种博客只为广告费的感觉，你越想强迫用户点击广告，用户就越不点击，再进一步，你越功利，功利就越远离你。欲速则不达，赚钱先做事，做事先做人，博客亦一样。如果日志中放入图片，大小要设置好，整齐统一，数量也不宜过多，过多影响速度，也稀释了文字的份量。&lt;/p&gt;&#xA;&lt;p&gt;未完待续&lt;/p&gt;</description>
    </item>
    <item>
      <title>如何提高独立博客界面体验和用户友好性(上篇)</title>
      <link>https://www.inksay.com/archives/3675/</link>
      <pubDate>Tue, 09 Aug 2011 06:01:31 +0800</pubDate>
      <guid>https://www.inksay.com/archives/3675/</guid>
      <description>&lt;p&gt;独立博客的灵活性很大，这是它的魅力之处。不过我发现要建立一个好的博客界面并不是那么容易。名博总的特点是界面简洁，内容不简单(可能吧：&lt;a href=&#34;http://www.kenengba.com/post/704.html&#34; title=&#34;我是这样写博客的&#34;&gt;我是这样写博客的&lt;/a&gt;)，版块不多，吸引读者而不容易分散注意力。&lt;/p&gt;&#xA;&lt;p&gt;而与此相对的是很多界面很烂内容也一般的博客，或者是主题花哨而内容空洞的博客。结合我的实际经验，下面把需要注意的问题予以介绍，并非说我的博客界面有多么优秀，只是表明需要考虑的问题并不少，以供大家参考。&lt;/p&gt;&#xA;&lt;p&gt;许多WordPress主题是针对英文而设计，显示中文并非其长项。对于中文博客，字体默认大小至少设置为14px，16px更好，也许有人会说，字体大小读者可以自行调整，问题是“可以”并不表明读者“一定”会去手动调整。人都是具有天生惰性，都愿意用默认打开网页时的字体大小，顶多用鼠标点击一个增大字体的选项，所以博客主人为什么不在设计之初就把默认字体大小设置好呢？手动并不算用户友好，更何况许多初级网民都不知道网页字体可以手动调节。&lt;/p&gt;&#xA;&lt;p&gt;字体用宋体的较多，因为这个字体很普遍，但如今的年代——尤其是Windows 7的流行，可能用微软雅黑的效果和可读性更好——无衬线体的优点，但这只对Windows平台适用。Linux下面自然是文泉驿字体为首选(包括Android手机系统)，所以修改CSS字体时能增加微软雅黑的并不多见，能再加上文泉驿的更是凤毛麟角，少之又少。现在的网民所用的系统平台已经多元化了，因此最好能兼顾各个平台系统。关于字体更深度的知识可以参考这里：&lt;a href=&#34;http://lifesinger.wordpress.com/2011/04/06/best-web-default-fonts/&#34;&gt;最佳Web中文默认字体&lt;/a&gt;，&lt;a href=&#34;http://blog.jjgod.org/2011/04/09/how-do-browsers-render-text/&#34;&gt;浏览器如何渲染文本&lt;/a&gt;，&lt;a href=&#34;http://hi.baidu.com/5166ing/blog/item/803978807a087dda9123d9e1.html&#34;&gt;网页字体分析推荐Verdana, SimSun, Arial&lt;/a&gt;.&lt;/p&gt;&#xA;&lt;p&gt;未完待续&lt;/p&gt;</description>
    </item>
  </channel>
</rss>
