《
内容首页设计的10条经验》文章地址：http://www.tfxk.com/wangyesheji/jianzhanjingyan/030233TR013.htm
我以前在知乎答复过一个问题，为什么网易新闻不带下划线，新浪带下划线？当时的回答内容有点长，挑紧要的再讲一次。带下划线的长处是容易辨别统一行的多条题目，毛病是视觉上过于“涨，满”而不够清新。
这是由于浏览的最佳宽度是500-600px，如果眼球左右滚动的间隔过长，眼部很轻易疲累，从左栏到右栏横向的大跳跃应竭力防止。页面上到处都是落点的话，视线飘忽，看似目不暇接（这在内容页面评估中是个贬义词），却下降了用户的阅读耐烦与停留时光。
不外，这情理也并非相对。tab的设置与栏目相似，针对的是用户的检索需求。如果tab刚好与用户的检索要害字雷同，相称于他对这个题材的内容高度敏感,内容类网站提高网站粘度的常见方法，就有可能主动点击tab，总比翻开一个新的频道或栏目页面更快吧。在这里权衡的是信息获取效率。
许多人都骂网站丧尽天良，唯利是图，点击标题不直接进文章页，非要把你带到专题页，甚至频道首页，栏目首页，非逼（骗）你多点一次不可。
5、落点
9、骗点
尽量避免在频道首页应用tab。即便在寸土寸金的网站首页，也要尽量避免tab。在满屏的图文链接中，用户注意力落在小小的tab上，这真不容易。内容直接露出与tab内的点击量能够相差10倍——只能用“聊胜于无”四个字来形容。
设计内容页面，最主要的术语是“通透”，意思是从上至下坚持统一的分栏布局，同时在主栏维持类似的内容样式。通透的利益是容易构成浏览惯性，用户从上往下拉的过程中不跳跃感，隔断感，即便阅读激动慢慢淡化，也还是习惯性地始终拉下去，增加接触新内容的机遇。
6、还是落点
1、定位
10、危机
再先容一个内容页面设计的术语：“落点”。用户视线的落点在哪里？在前三屏，用户浏览的耐心比拟多，乐意逐条往下读。再往后则耐心一直衰竭，有可能飞快地拉到本人常去的栏目区块。因此栏目区块应该有醒目的区隔标识，方便用户定位,兼容多浏览器的Div高度自动伸展的效果。
内容页面的结构千篇一律，首先是要闻区，后面跟一长排栏目区块。前文提到的老同事来与我讨论要闻区头条的设计，按旧例有两种思路：大头条下面放摘要，或是大头条下面放12px的小头条。前者不可取，15-20字的标题都讲不清晰卖点，岂非还有资历上头条？摘要堆在下面只能说视觉上比较雅观，但挥霍了寸土寸金的头屏要闻空间。
这个月我发了条微博，讲“资讯门户”的大框架正在败落。
第一条跟界面设计不要紧,兼容IE和FF的CSS HACK写法，和定位有关联。做网媒最大的陷阱就是“贪”，从平媒转网媒的人尤其贪，认为内容容量无限大，转载本钱无穷低，什么货色都想往里边塞。但你的推广位是有限的，最多20条；你的要闻区也是有限的，最多30条；二三十条内容想传递清楚有力的媒体形象，必定贪婪不得，有所取舍。取舍之道并不取决于你有怎么的内容情怀，而是针对主站用户群去作就地取材的筛选。
假如放12px的小头条，依照幻想化的设计思路，应当是头条相干报道，合并成微型专题，让用户疾速接触到更多同主题的内容。但有时候就是找不到有分量的，对应这头条的相关报道，只好放一些近似报道上去，后果不甚理想。因而小头条不宜多，网易新闻与新浪消息通常把持在一行（3-4条），既有微型专题的效果，又不太发愁编排的难度。
还有种用户习惯是飞快地把页面拉到底，因此栏目区块（中栏）宜参加头条设计，让页面在快捷转动的进程中，视线容易被一些凸起的内容元素拦阻下来。“头条”是拦截留神力又不发生隔绝感的最佳情势。
接着讲落点。当视线定在一个点之后，余光通常会以这个点为轴心，扫射到邻近的一小片地位。有经验者的设计者会在中栏放头条，左栏和右栏放少量图片,兼容ie、firefox的图片自动缩放的css跟js代码分享，或表格，或刻意留白，设置适度的落点。左栏和右栏的图片不能多，尤其不能争功，在同一条程度线上，左轻则右重，右轻则左重，领导用户的视线更多在左中，或中右的两栏之间挪动。
网媒经营有个常见的过错，用内容的物理属性来划分栏目，感到它就应该是A类B类C类。这个取向背离了栏目设置的初衷。为什么频道下面要设栏目？因为用户特殊爱看某一类型的内容,具有引导性的移动应用界面设计模式 搜索、排序和筛选，你用栏目将这批内容演绎起来，便利用户查找。所以栏目标划分标准，只能以用户的检索尺度为根据。他们爱搜哪些类型的内容，你就划分出哪些方面的栏目。
3、头条
因此网易的视觉作风为人称道，但同样面积内的信息密度比新浪更低（主副标题在我看来并不是胜利的设计）。如果非要一行放多条标题，用户分不明白到底是一行多条，还是一条标题用空格分了多截。这就是清爽的代价，也是网易和新浪的媒体风格差别。
2、通透
这个嘛，也不完整是骗点。编辑会想，我辛辛劳苦做个专题不容易啊，这还滚动更新呢，但外部推广位上的标题总得天天换换，而后把专题头条放出去，链接仍是到专题。而主编会想，我的频道很赞啊，但大部门用户就在主站推广位点多少条要闻，他基本不进来，怎么知道里边别有洞天呢？所以把外部推广位的新闻换成了频道首页的url。换句话说，直链专题页的纯粹动机是保障推广位更新的同时，增添进行中专题的曝光量；而直链频道首页的纯洁动机则是打打广告，让你晓得里边还有更多好东西……
另外，倡议同一栏的tab不要超过3个，否则极不利于用户的辨识与记忆,关闭XPSP2运行本地HTML文件的安全警告。
有人说，除了推广位和要闻区，我还有更多的栏目区块和栏目页面嘛。此话谬矣。推广位和要闻区是新用户接触你的必经之路，也是全部频道的门面。挂羊头卖狗肉这种事件，没得好下场。所以“定位”的加减法，是考验频道主编的中心才能。
用户可不论你动机纯洁不纯洁，他启齿就骂，但骂完了也不走。网易有段时间履行硬性划定，制止“骗点”操作，这么搞了一两年之后，也没发明赚来多少额定的口碑，连提都不见人提起这一点，推广和PV上的丧失却是实打实的。后来便不再作此保持。
--> [
网站建设之]内容首页设计的10条经验
在此大背景下，门户首页的设计衡量极为艰巨。如果信息量少，不能适应用户需求的变更；如果信息量大，愈发分流了有可能进入频道首页的用户。这使得频道的位置为难，虽是广告收益主力，却更多表演门户首页信息供给者的角色。久远看，象征着门户广告价值的萎缩，以及保持宏大编纂团队的性价比日渐低下。
说白了，网媒是信息服务行业，基础不具备平媒的启示性，指引性。网媒须要服务于用户的直接需要而不是揽镜自赏，需要多研讨你的用户，而不是去夸耀你的才干。
Tag：教训 设计 首页 内容 经验 设计 首页 内容
7、下划线
门户用户对浏览热点新闻的热忱未减，但只要要门户首页或新闻核心即可满意。因为信息获取渠道的增长，对“频道”这种垂直聚合页面的依附性不断降落。新闻读者的两极分化越来越重大&mdash,关于迅雷网站的设计分析;—轻度用户看重浏览效力，更乐意在一个页面（如门户首页）浏览热门新闻，另从常去的微博、社交网站、APP获守信息；重度用户则器重内容品质，在门户首页纵览多元化的要闻后，更容易被垂直网站吸引去。
从页面设计的角度来讲，这困难基本无解。信息进口疏散是大势所趋，而用户必然在“浏览效率”与“内容品质”的双重驱动下，寻找自己的最优解。门户>频道>栏目的多级索引构造，并不合乎这个最优解，内容门路的扁平化是难以拦阻的改变方向。网络媒体的旧模式正在受到挑衅，危机与机会并存。夏末秋初，冬去春来。
良多网伐柯人爱好追求内容的视觉表示力，盼望在样式上异乎寻常，出类拔萃。我以前也犯过这弊病。以一个过来人的身份告知你，这很蠢。款式寻求根本上就是如醉如痴，越是不同凡响，越多理解阻碍。内容视图同一有助于用户高效率地获守信息，浏览过程越是简练流利，则PV越高，用户停留时间也越长。视觉上的卖弄只会产生更多的“隔断”&mdash,关于解决网站内容复制几点建议;—这不会引起不适，但产生了“一顿一顿”的不良节奏。跨栏总不如长跑长久。
在我看来,关于网页标题的视觉设计方法和技巧，直链频道、栏目首页的念头固然有其公道性,关于网站评论页面设计的一些指导原则，但收效甚微。用户自动点进频道首页，根天性的能源不是里边花团锦簇，而是他需要比主站推广位更多得多的内容。如果这需求存在，通过推广位接触并认同频道品德之后，他天然会摸进来；反之，即使被骗从前也会飞快地再点一次标题并关掉当前页面。因此即便开禁，网易首页也只有局部频道搞直链，可见各位主编对此的懂得迥异。
前些日子，有位老共事来和我探讨频道首页的设计，这才想起来我本来是做媒体的，以前还画过不少内容页面原型。悲惨的是，我对内容页面的理解在转型产品后才匆匆成熟，以前画的那些都挺平淡。做媒体的又有几个人去研究内容界面的交互心理呢？
过去从实际与检查中得来的经验之谈，不妨讲讲。
8、tab
4、栏目
(责任编辑：网站建设)
内容首页设计的10条经验相关文章