花在网上的时间越来越多，时间管理观念越来越差。哎，习惯真的是我最大的敌人了。知已知彼，百战不殆，好吧，多花点时间了解一下自己。我上网的习惯是怎样的呢？需要总结一下了。我接触互联网比较晚（2006年），在专业和兴趣的驱动下，经常需要找一些网站。当然百无聊赖时也会寻找一些有意思的网站。不知能不能以已度人(宿友：此乃小人之心），为别人所借鉴。总结一下，下面是这习惯的自白。 1.专业的用户界面 我觉得好网站在界面上都做得不错。个人觉得能够让用户更方便更舒适地使用网站的界面就是好的界面。google的界面虽然简单，但可以让用户在极短的时间内知道怎样使用。我在找需要的网站的时候经常会在搜索框中加个关键词，比如专业/professional，推荐/recommend。特别是在找设计（主要是学PS）有关的网站时这种方法会很有效，因为这样能很直观地判断出网站的制作是否用心。比如说下面的两个网站： IconDock 一个可以下载精美图标的网站 UIrss 国内UI设计师社区网站 2.口碑/推荐 乐于分享的同学朋友会向我推荐好网站，当然我也常请教一些对互联网了解比较多的人推荐一些网站，一般来说这些被推荐的网站质量都不差。其实我感觉总体来说，熟人推荐的网站比在搜索引擎的结果更有效，不过这方法也有不好之处，你总不能麻烦他人，而且遇到牛人的机会也不是经常有。所以在twitter上看到别人分享网站的时候，我都会去看看。虽然会遇到软广告，不过找到的好网站还是很多的。 3.友情链接 大二的时候开始对博客感兴趣，为了了解博客，需要订阅很多博客，所以当时找了很多博客，为了保障订阅文章的质量，以及快速找到好的博客。所以我当时找到几个名博，然后通过他们的友情链接来寻找好的博客（特别是独立博客）。因为独立博客的友情链接更少涉及到利益，内容一般都有共同点，质量也有保障，一个博客一般都会有几个友链，一连十，十连百，很快就可以找到很多好博客，好网站。 4.以身试药 现在有很多提供在线应用的网站，比如说在线制作流程图的网站gliffy,在线office的google docs等网站。而且有很多网站提供的应用相同或相似，比说我们之前翻译的在线制作图表的网站就有20多个，这时优中选优还是得以身试药，自己尝试一下才能知道哪些网站最适合你的需求。

这几天看了不少与纸媒危机的文章，突然想纸媒危机是不是和之前的电台所遇到的问题相似？冒着被扔鞋的风险写了这篇文章。现在大众很少把广播电台当做获取信息，娱乐的主要渠道了。在电视普及之后，电台受到的冲击很大了，不过经过调整，现在国内的广播电台已经慢慢地找到自己的合适领域： 1.专注服务区域用户 比如说为区域用户提供点歌，路况播报，方言讲新闻，讲故事等服务来开拓市场，维持影响力。 2.提供性教育以及其他媒体不擅长也不便于传播的疾病诊断服务 很多电台晚上和地方的医疗机构合作推出性教育，或者其他疾病诊断服务，而这些是其他传媒不擅长也难以开拓的市场，虽然其中有很多猫腻，不过给电台带来不菲的经济效益。 3.利用新技术来保持吸引力 很多电台利用手持设备的普及，利用新技术开通短信平台，网站来弥补与用户互动不足的弊病。 电台的再次发展也许能给报纸产业带来很多启示。 现在纸媒在电视和互联网的冲击下面临着很大的冲击，在金融危机的放大下，广告收入与发行量骤然下降，国外很多报社倒闭。国内报社虽然在体制与经济刺激计划，用户基数大的支撑下没有出现什么危机，没有不破的堡垒，纸媒没有改变，自身市场运作的时间不长，产业不成熟，广告客户的流失，用户获取信息的工具与方法的改变以及垂直化网站的发展尽早会把它挤到更小的角落。 1.自身市场运作的时间不长，产业还不成熟 国内报纸是在1979年才开始重新市场化动作，刊登广告；在之后的几年里，国内电视也很快就普及，挤占了报纸的很多发展空间。自身原始积累不多。另外，在体制的保护下，大量的机关报，党报也没有足够的动力去市场化。 2.广告客户的流失 内容更丰富，传播更快捷的互联网已经把年轻一代的眼球牢牢地吸引住了。虽然说中老年人的阅读习惯还很传统，不过在消费能力不断增长的80后90后市场中，广告主更喜欢把广告投放在网络上。 3.用户获取信息的工具与方法的改变。 移动设备，电脑这些工具已经改变了用户获取信息的方法。 4.垂直化网站的发展。 垂直化网站的发展会越来越专业，这会让报纸的高端用户流失。 2002年的时候，我会隔个三五天买《信息时报》（有时是《参考消息》），以及周报《南方周末》，2006年开始接触互联网后，我开始减小买报纸的次数，买也只买《南方周末》。虽然在其官网上能免费看到相同的内容，而且图片是彩色的，还可评论与投票。不过我路过报亭时还是会经常买一份。因为在巨量信息的电脑前，我不会长时间认真地阅读一篇文章，更不用说几个版面的长篇大论了，但是我对于报纸，我会认真地看上几个小时。我觉得它能给我带来几个好处： 1.阅读的快感 报纸的质感是键盘鼠标所不能带来的，报纸能让你专注于阅读，十几页的版面能很快读完，就像每天都能进步一点一样，可以带来充足的成就感。 2.没有别的信息干扰 优质的报纸版面布局会松弛得当，图文谐调，便于阅读，而在电脑上，我会受到各种信息的干扰，弹出的广告窗，即时通讯软件，页面文章中的链接与边栏的各种广告，丰富的色彩，炫丽的交互是优势与也带来文字阅读的干扰。 3.更专业 最重要的一点是，我所购买的报纸更专注，专题很纵深，思辨性强，更真实性，而这是我最看重的价值。 在用户产生内容的web2.0的互联网时代，获取信息的方便已不是报纸电视的优势，那什么是报纸的优势？我想就是能提供更专业的，更高端，更纵深的新闻专题吧。

搁笔多日，此文有应景应压之嫌。春节归家，穷乡僻壤，不通网络，依仗手机上网解瘾。对其有了更多的了解，也对手机网站开发有了一些了解， 不过终受经验知识所限，望各位异议相与析，欢迎鸡蛋茄子。 因习惯用电脑冲浪，所以我更喜欢打开www而不是wap。用的是opera,感觉opera的缩放功能很人性化，特别是对深度互联网用户来说，因为 他们深知所去网站所需信息的位置。不过国内手机的web开发真的有点落后.来看一下没用缩放时新浪的首页是怎样的(右图)。 而电脑中新浪首页是这样的： 可以发现右边手机浏览器中内容都是上面电脑浏览器中导航栏和广告栏内容，其实更恐怖的是，在手机中还得下拉很长很长才能看到内容。因为新浪黄色的左 边栏还是广告和软文。 在开发网站时，怎样可以让网站在手机浏览器中显示效果更好，而不需要另外架设wap服务器和写个手持设备主题？个人思考可以做几个地方的改善: 1.头部与导航栏尽量简洁 一般人在一个网站查找信息就只有点击鼠标三四次的耐心，但在像右图那样的网站中，我们不仅需要担心耐心用完，还担心姆指体力和电池用完。多用百分比 来设计导航栏，banner广告能少就少，不要用flash广告，现在不仅iphone不支持，还有很多手机不支持。 2.从左到右布局最佳 现在手机浏览器对很多标准支持都不够（可以看一下挨踢农民工的文 章），手机浏览器的显示次序也是从上到下，从左到右，所以说在web设计中把内容放在左边，把边栏放在右边应该是最佳的布局方式。 3.谨用图片 继承国内电信商的带宽小又贵的光荣传统，手机上网套餐也让我们钱包难得温饱。在超出流量后，１M就是一块钱（怪不得移动可以打银行的主意，见过银行 收购企业，没见过企业收购银行，国企就是”牛”)，所以我把opera的载入图片的选项都去掉了。用图片作背景，用图片作导航栏的做法看来问题很大。 4.宽屏就是好 在国外iphone的上网流量非常大，这不仅与iphone的功能强大和销量大有关，还应该与iphone的宽屏有关。很多专门为iphone设计 主题如果放在240*320的屏幕上，效果会大打折扣吧。不过好消息的是，现在手机的屏幕是越来越大了。 用adobe device central 测试网站在手机上的显示效果 装了dreamweaver一般都会带有adobe　device central的。测试方法就是： 1.在dreamweaver中搞好网页后，然后在文档栏中打开以下窗口。 2.在出现的adobe device  central中可以选择不同的设备组以及下载各种手机的库来测试在不同手机中的显示效果，当然也有自定义的选项。 转载请注意本文链接｜来自focusec

最近看了好多和博客，和网络阅读有关的文章，比如说《调查显示谷歌新闻用户44%只看标题不点内容》。自己因此思考，心有所得，不过两眼 所见，个人思想，难免狭隘，欢迎各位指正与交流。 这是一个快速阅读的时代，信息指数爆炸地增长，今后很难指望读者会认真品味你的作品。在这种趋势下，怎样让读者找到你，浏览你的文章，其实已是难得的了。 特别是在网络中，怎样做到这两点？网络营销可以告诉你很多方法。不过我所考虑的主要是专注于自己的作品，怎样排版布局更好地便于读者浏览？另外在最后，与 各位分享一个和个人媒体有关的故事：《水》。 阅读习惯: 快速阅读的时代，读者会怎样看博客?一般来说，网民在接触网络后，会慢慢地形成自己的阅读习惯的。先说一下在纸媒为主的时代，一般人的阅读习惯和现 在一般人的阅读习惯对比一下： 阅读纸媒作品时，我们会自己在脑海中思考想像，自己创造各种物像与辨析。而在阅读网络信息时，我们更像是在做出各种选择，选择阅读哪类信息，各种物 像都很具体，有图片，有音乐，有视频，只需要做出选择就行了。各种抽象数据也尽量图表化，有些网站设计时会想方法引导你的点击，比如说有各种行动按钮，不 要让用户思考等等。 自己创造是一件乐趣事，读者才会有精读与浏览的问题。而在网络上，谁会一而再，再而三地读一篇文章？毕竟选择是一件烦恼的事。 向杂志和PPT学习 如果用户来到你的博客，怎样让他会稍微认真地浏览一下你的文章？我想可以向纸媒的杂志和演示文档PPT学 习一下。 杂志特点： 快速读物，知识通俗易懂，热门话题，图文并茂，便于翻阅和携带 PPT 特点：演示文档，知识结构很直观，浓缩精要，有限时间让别人接受 从上面杂志和PPT的特点中，博客可 以学习到很多有关排版布局方面的知识。 博客排版探究 缩写：把你主要 的观点和建议浓缩精要，一般网民不会花很多时间在一篇文章中，从1000字缩写成400字，他可能会更耐心地阅读和理解你的文章。 清晰简单的结构:现 在有很多人喜欢分享PPT，因为PPT的知识不仅浓缩，而且结构简单清晰，很快就能接受。大学临近考试时，有些经常逃课同学花一个晚上的时间就能把老师一 个学期讲解的内容消化掉。标题１,标题２,标题三（h1,h2,h3），还有用好序列号等等都可以把结构清晰化。网上有很多这方面的教程，有兴趣者可以搜 索一下。 利用好图片和视频:制 作PPT有个好的方法就是一图二表三文字，好的图片帮助读者理解内容，避免内容单调乏味。视频的作用亦然，不过由于文件大小和制作比较复杂，一般博客用得 比较少。 保持简洁:不搞 好卫生还好意思让人家进来吗？来了也会走的。像国内下载站，门户站那样充满广告，花花绿绿，读者会认真浏览文章吗？ 一个个人媒体的故事:《水》 沈从文的妻子张兆和来自一个世家，有三个亲姐妹。四人才情俱备，在1929年于苏州九如巷创办家庭杂志《水》， 经历历史风潮之后，其妹妹张充和于 1996年在北京将之复刊，可以说是中国近现代最古老的个人媒体了。博客在国内以后怎么发展，who knows?　补张充和诗：十分冷淡存知己，一曲微茫度此生。 转载请注意本文链接｜来自focusec

地铁是一个成本巨大的工程，设计这样的工程必须很谨慎，得安排很科学（如果使用不方便再修改就很麻烦）。个人接触得比较多的是深圳的地 铁，发现地铁在可用性方面做得很好，对网站设计挺有借鉴意义的。 １.把用户最需要的信息放在最容易注意到的地方 坐地铁的人一般对列车到哪个站了，对时间，对进出口这些信息最关注 对于列车的车站和列车到站信息，地铁主要是通过下面三个方法把这些信息呈现给用户： 买票时让用户知道他现在在哪个车站和他/她的目标车站的有几个站（这个和购物流程有点相似，设计购物车时最好让用户知道一下距离成功购物还有几个步骤） 在车厢用户出入的门上呈现地铁的行进状况（和面包屑导航栏相似） 在快到站的时候用声音和大号字通知用户（hulu播放视频前的广告倒计时设计和这个挺像的） ２.指引用户 坐地铁的人追求快捷便利，但是地铁又是一个多出口，人流很大的地方，而且地铁的停站时间也很短，在种情况下，指引用户是一件很重要的事情，从地铁相 关方面的设计来说，这方面做得很不错。 地面附近的路口及交通要地，人流量大的地方一般都有地铁的入口方向的标志（尽量让你的网站链接在互联网各个角落出现和这个是不是有点相似）。 标明每个出入口的信息（鼠标经过导航栏的各个栏目时出现相关的介绍）–不好意思，这个图片找不到了，晚点补上 时钟放在出口和下车的地方 ３.帮助使用不便的用户 现在无障碍网站越来越受欢迎了 帮助弱视者：使用色彩醒目的黄色图标和盲道（有关盲道，请点这里） 在深圳，深大就是牛X 这个图标好像是灯光暗的时候也可以帮助一般人 帮助行动不便者：作用垂直电梯 出口垂直电梯 ４.用好小地方，让用户在停留时间可以放松一下 在门口的地方有一个不大不小的电视机（利用好网站中左边或右边的边栏）

看了一些和用户视线有关的书和文章，自己总结一下： 古腾堡图表： 来自Robert Hoekman.Jr的定义:人们在浏览页面或布局的时候，视线往往趋向于从左上角移动到右下角，就好像页面的布局设计有某种自然引力一样。因为人们通常 都是从左至右,由上往下地阅读，久而久之视线自然会沿着这一路径移动。古腾堡图表简单地描述了这一阅读轨迹规律。 左上角是用户的第一视觉落点区(Primary Optical Area,POA),右下角是用户视线的最终落点区（Terminal Anchor,TA）,右上角与左下角是视觉盲点。 感觉adobe的首页就是采用这种布局设计的。 有意思的是：这与著名的可用性专家杰柯柏.尼尔森Jakob Nielsen的研究有很大的不同。 尼尔森F形状模型： 尼尔森在一次眼球追踪的实验中，记录了232个用户对成千上万个网页的视线的变化。发现他们的阅读行为基本上相同，大多数人的视线的变化很像F形 状： 用户视线首先水平移动阅读内容中的上面部分。 用户视线会下移一点，然后再水平移动阅读内容，不过这次阅读的区域要比第一次短。 最后，用户视线会垂直扫描左边内容。 这是尼尔森得出的三张热点图： 这个一个公司的介绍自己的网页 一个购物网站的网页 这是google搜索结果的页面 红色区域最受关注，黄色次之，蓝色很少被注意到，而灰色部分常常是被忽略。 古腾堡图表与尼尔森F形状模型的对比中可以发现，虽然第一落点都是左上角，但是用户忽视的地方有明显的不同，在古腾堡图表中，右下角是用户的最终视 线落点，但是在尼尔森F形状模型中，右下角是没有被关注的地方。 另外，尼尔森还发现一个有趣的现象：虽然一般人都是眼光扫描网页内容的，但是人们阅读一个网页的速度比阅读一张纸的速度要慢25%。 尼尔森说F形状给我们的三个暗示： 用户很少逐字认真地看你网页文段的内容。 第一，第二段最好包含最重要的信息 多采用小标题，小段落和编号 虽然尼尔森研究的用户只有232人（这个基数还不够大），个人觉得F形状模型还是比较适合一般人浏览网页的习惯的（现在很多网站的布局也在无形中培 养用户形成这种习惯）。 转载请注明本文链接｜来自focusec 参考资料： 向怡宁翻译的《瞬间之美》 Jakob Nielsen的F-Pattern For Reading Web Content Screen reading

这篇文章翻译instantShift的一篇 文章，原文地址。当我们说一个富有创意的网站设计时，经常是考虑到网站本身能够吸引人的布局和容易被记住的标题。但是今天随着网站的发展超越布局和设计，互联网已经成为一 个更加具有交互性的媒体。 社会的交互作用总是被认为是人与人之间的相互作用，在互联网上，这种作用体现在你能够与别人合作、学习、分享你自己的想法或者观点。越来越多的人希 望在一个自己能够积极贡献想法的环境中与别人更便利的沟通。这引起了优秀的网站布局的转变。现在需要的是用户能跟其他人或者站长有交互和沟通。 01:调查 需要一个用户就某一主题发表观点时可以使用。 一个调查可以在用户中很快产生效果，设想一个提供不同主题的网站为保留用户，提供调查供用户就主题输入自己的意见，这产生的交互作用可以更容易把用 户留住，因为他们提供了意见和观点而不是仅仅阅读文章的内容，这样他们更可能再来访问这个网站。 02：讨论 用户能够就某一主题进行讨论并且给出各种各样的观点。 网站的讨论区在获得用户利益方面有重要的作用，例如，一个产品型的网站可以设置一个关于产品的讨论区，那里公司可以从客户中收集到重要的信息，客户 可以讲述怎么使用这种产品的多种功能，或者是产品的优缺点。信息中许多新的想法更有利于产品的改进和完善。 03：图片分享 无论是专业上的或者个人上都能分享有趣的图片 一个图片分享的网站能更快的吸引年轻的用户，设想一个摄影网站提供一个会员注册，摄影爱好者有机会上传自己的照片，也能够关注别人都在分享什么样的 照片。 04：视频分享 视频分享是用来分享他们精选或者学习的视频 网站也提供机会共用户网上交互，对某一主题感兴趣的用户可以上传自己喜欢的视频以邀请对视频有相同感受的观点和看法，视频分享对于分享交互式的演 示、有导游的旅游、假期经历等等非常普遍和有用。 05：链接分享或在线书签 链接分享主要用来就某一主题和别人分享重要的链接 （注：这在国外用比较多，比如dilicious，国内用得相对少很多） 06：报告分享 报告分享使用户分享重要的报告和接受反馈更加容易 报告分享使专家在一个地方碰面和分析观点，甚至能够上传报告以从别人那里得到看法，这样能增加一个网站的社会交互作用。 社会相互作用的优点： 这种交互型的网站能够在用户中产生沟通流， 它鼓励用户间合作思考，仅仅用鼠标就能够得到想要的答案，并且在社会交互作用的帮助下，网站拥有者能够洞察网站访问者的想法， 但是，普遍的情形是很多网站的这种交互功能都是在一些远离主要页面的地方，这样让用户容易丢失他或者她在做什么的重心。 假如一个用户非常支持社会交互作用的积极者，那么他可能有多个ID,例如可能是在线书签分享网站，图片分享网站，视频分享等网站的会员，然后不得不 保持多个ID为了跟朋友或同事合作、分享。 确信你将希望有一个组件可以包含左右这些，TeemingPod是一个社交作用的工具，可以解决上面的问题。在网页上安装上TeemingPod， 用户可以分析报告，开始一个讨论，发表观点，在线书签或者链接等，在网站上添加 TeemingPod, 用户需要添加一行密码。 因此，在网站上创造一个地方给你的用户交流吧！！！ 转载请注明本文链接｜来自focusec