美国有线电视新闻的新网站设计
好的网站设计
这个新的布局是非常不同的，包含了许多现代的网站设计和可用性的最佳实践及发展趋势
电商网站设计
所以，让我们更详细地看一下不仅显著改善，但一些可疑的设计和可用性的决定
网站设计
网格布局的启发我使用的短语&;网格启发&;，因为新的设计似乎是基于一个网格，但元素的精确对准是不是有
在他们的一个粗略的看主样式表，他们似乎松散地基于其风格和网格BCSS框架
下面是一个视觉表现我的网格估计，作为PS图象处理软件的嘲笑：尽管页面上的元素不按类排列和平衡，通常是一个网格布局的预期，有一个明显的改善，这种布局在以前的设计，如下图所示：CNN.的旧设计新的布局使所有页面元素在宽的容器与笨重寻找以前的设计，有一个流体宽度的头，跨越了一个固定宽度的内容部分在整个页面
CNN.斜边虽然格式是网格状的，它是，如前所述，没有一个严格的网格格式，和下面的部分折叠杂有从上述结构
大大提高了标题部分一个在新的设计中最明显的改进是标题部分
搜索框，注册和登录链接选项在右上角，它们应该在的地方
而且，虽然它在现代设计中心网站标志是不习惯，在这种情况下，它的作品
在视频和故事的流行重点在以往的设计中，视频有相当强的关注，出现在右侧的框
CNN.视频链接视频故事精选整个网站，并明确了惯常的&;播放按钮&;链接，链接到视频内容的照片显示，如下图所示：CNN.视频按钮另一类给予同样的重视，&;家&;和&;视频&;，如上图所示，是&;&;部分，这是新的，还是在测试
本节显示新闻故事的普及（这似乎是计算总页面浏览，不评论），并让读者来过滤结果按类别或故事类型
事实上，如果你不知道你在哪一页，你会觉得你的主页
&;美国&;范畴所示：每一个部分的方便显示上面的故事，最新的消息，和其他这一类相关的项目
强大的文章页文章页，对于大多数的一部分，保持鲜明的品牌主页
正文是很好的显示在宋体具有可读性很高的线高度
CNN.正文同时，在每个故事的左侧，有一条叫&;故事集锦&;，总结了当前的故事在几个符号列表点
这表明，美国有线电视新闻网的设计师了解用户的在线趋势&;扫描&;冗长的材料
的主页是大约两个半帘长，包括部分重复项在主导航栏，大约半打子链接在每个类别
这些路段出现以下图中显示的是：CNN.以下由于美国有线电视新闻网是世界上最受欢迎的网站（万独立访客每月），这些部分将在其他网站，比较得到可观的流量但是，因为他们的出现，到目前为止，在折叠的，因为有这么多的环节，相对流量访问这些链接通过首页会可能很低
而且，明显，似乎有些重要的内容是完全埋在下面的网页，超过两全屏幕下面的标题
再次，虽然这样一个高流量的网站会在这些方面获得很多的点击，点击率比较的部分和广告倍以上可能大大不同
当然，美国有线电视新闻网的生产商知道哪些内容是最重要的，他们了解用户的习惯比别人更好，但这些布局和可用性的挑战，有助于分析其他开发商面临相似的抉择
一个例子是向右的三角，出现在每个微网站链接
也许类似于著名的维基百科图标就足够了，但就目前的用户假设在新窗口中打开链接的问题，在这种情况下是不真实的
首先，当禁用了JS，手风琴是无用的和不显示任何内容
应扩大默认显示所有内容，否则显示的项目之一
这通常是与旧的内容，不会去经常的情况，但在美国有线电视新闻网的情况下，一些重要的部分仍然有老皮
下面的第一个链接包含视频的美国有线电视新闻网，讨论一些新的功能，提出了
我绝对认为新网站提出了比旧的更美丽和有趣的用户体验，除了在手风琴内容交换机的弱点，对新设计的缺点是不是真的那么重要
设计文章推荐：重新设计网站的准备与规划网站设计重要的设计趋势考虑你的网站设计的用户体验
