网易网站设计(思想)

news/2024/5/21 3:08:15/文章来源:https://blog.csdn.net/tillzhang/article/details/83423290

很多人可能认为门户网站首页设计只是把一些导航、资讯内容和广告堆积起来摆放得好看就可以了,虽然这个观点也并不是完全错误的,确实门户网站首页是由这三方面内容组织而成,但随着互联网的快速发展,用户对访问网站的要求也越来越高,在互联网行业,因为很多东西是免费和相似的,用户转移成本会比较低,在这个网站有的东西去其他网站基本都能找到,只是输入个网址就可以了。网站营运商如果想留住用户和吸引更多的用户浏览自己的网站,那这个时候就是需要提高网站的用户体验来满足用户多方面的需求。

 因此现在门户网站的设计越来越讲究和更为用户着想,最理想的门户网站设计流程需要经历“用户研究-交互设计-视觉设计-可用性测试”这几个步骤,其实有很多门户网站设计也会经历其中一些步骤,只是公司对这方面还没有一个很好的认识,没有一个系统的叫法和详细的职能分工,往往都是一个人身兼多职,大部分都是按个人经验主观判断去决定,没有一些客观的数据支持。例如经常会有一些网站策划者说:我也是网站用户之一,这个功能我没有使用需求,其他用户也应该没有使用需求可以删除。如果这时候有一份客观的使用分析数据就知道用户到底有没有这个需求了。虽然我们不可能全部都需要客观数据去做支持,但起码能以客观数据为基础再延伸到其他设计中。

 下面我们从几个方面来分析网易网站的设计思想:

一、架构

1、网站首页是兵家必争之地,每个频道负责人都想在显眼的位置推荐自己的产品或者资讯来增加曝光率,总是希望把所有东西一下子让用户看到,但最后我们就发现你放的东西越多,用户就根本找不到他想要的东西,快速离开的可能性很大。在国内的门户网站都习惯了资讯多、页面长,什么都往首页堆,感觉内容越多会显的越大气,但用户的耐性是有限的,所以网页的通透性对国内网站很重要,每一屏的架构变化不宜太多,适当就好,主次内容信息位置保持一致性,不然用户每浏览到下一屏都需要重新去解读架构,思考该从那里开始阅读,不但用户的耐性被消耗掉还会增加用户的浏览成本,所以网站首页的架构必须清晰明了,保持较好的通透性,减少用户的浏览成本。

 

例如网易首页,采用三栏式结构,左栏为导航推荐区提供网易特色产品入口,中栏为主要资讯区,提供快速、全面、动态的各类新闻资讯,右栏为特色栏目区如博客、论坛等。各栏的内容属性清晰,用户能快速找到他们需要的信息畅顺的浏览不需要多余的思考。

e7bd91e69893e7bd91e7ab99e8a786e8a789e8b5b0e59091e59bbee589afe69cac2

据研究分析用户浏览网页的视觉一般是从左到右、从上至下的一个浏览习惯。网易网站的架构也在往这个方向改进,不断的提升用户体验。网易资讯类页面大致可分为3类架构,下图是3类架构的视觉走向图。

e7bd91e69893e7bd91e7ab99e8a786e8a789e8b5b0e59091e59bbee589afe69cac1

网易首页采用第一种架构,各频道首页例如新闻、体育、娱乐等采用第二种架构,新闻最终页采用第三种架构。这样可使用户保持统一的视觉走向,无论浏览那个页面用户都知道他们需要的资讯在那里,符合用户浏览网页的习惯,减少用户浏览成本。

二、风格

 相信多数人都很喜欢apple的产品,为什么apple的产品那么受大众欢迎,除了品牌影响力外,时尚简单的外观设计和界面设计,也是受欢迎的其中原因之一,在apple的产品设计中让人感觉没有多余的东西,每一根线存在都是有意义的。还有在中国的书画史上,有很多艺术境界高远的作品都是少费笔墨却格外传神(如郑燮的竹石、齐翁的墨虾)。虽然网站设计不能称作为一件艺术创作,但用最少的元素设计出最好的作品这个也是网站设计中所追求目标之一。

 能用一根线表现出效果就没有必要使用2根线,能用文字表示清楚的就不需要用图片。页面设计如果使用过多装饰元素,会造成页面庞大下载速度缓慢,不要高估网民的耐性,大部分网民都是没有耐性的。浏览大量信息的时候需要一个简洁无阻碍的界面,过多的色彩和装饰反而会分散用户的注意力,影响到用户浏览效果和减少对资讯的点击。网站需要用户看到的是网站提供的信息内容和服务而不是花俏的装饰(个性产品网站除外)。这也是网易门户一直沿用简洁风格原因之一。

例如新改版的网易新闻,打破了以往条条框框的感觉,取消了多余的线框,界面更清晰简洁,资讯内容更突出。

e4be8be5ad90

列举2个简洁风格做的比较好的外国门户网站Yaho新闻使用的是立体效果的设计,time是以线条为主的设计,2者给人感觉是简洁清晰没有多余的东西,既突出了资讯内容又不失美感。

 每个门户网站的面向受众都不同,也会造成门户网站的风格定位不一样,例如面向受众年龄层比较年轻的门户网站,在设计风格可能会偏向多色彩多功能,而面向受众年龄层较大的门户网站,在设计风格上就会相反。但不管怎样的设计风格保持清晰方便用户浏览的界面是必要的。

三、信息排布 

门户网站首页一般都会承载大量的资讯信息,密密麻麻的信息会让用户浏览网页的时候会产生压迫感,如何能让用户顺畅的浏览成为设计中重要的一环。

 大家可以对比下面2张信息排布图,信息条数都是相同的但第一张信息排布图会让人感觉信息很清晰。而第2张图会让用户感觉到信息排布有压迫感,可能还没有开始阅读就已经没有耐性了(忠诚度非常高的用户例外,但这类用户毕竟比较少)。所以在信息排布的时候到达一定行数时需要用一些留空做到视觉隔离,让视觉上有透气的感觉。

e4bfa1e681afe68e92e5b883

四、视觉顺序
 

每天的新闻会有重点和非重点之分,有新和旧之分(旧只是相对),大部分用户是希望先看最重要的后看非重要的,先看新的后看旧的这样一个顺序,那网站设计师就需要在视觉设计上引导用户去浏览,如下图示

 

e8a786e8a789e9a1bae5ba8fe59bbee589afe69cac

 在一个信息版块里,会有第一视觉区、第二视觉区、第三视觉区,就是说当用户看到这一信息版块时第一眼会落到图片的位置,第2眼会落到大标题上,第3眼会落到其他地方。这样有顺序的引导用户浏览,可减少用户的浏览成本,增加页面的视觉效果。在这个信息版块里第1视觉和第2视觉有可能会因为选材方面而转换视觉,按常理图型视觉冲击力是大于文字的,但当选用的图片素材不优的时候也会被文字所吸引过去。

五、亮点

在国内的门户网站有资讯多页面长的特点,当用户浏览到页面最底部而又需要浏览更多资讯的时候,可能需要拉到最顶部才能点击导航浏览其他页面,这是一个比较费力的工程,一般门户网站的做法是提供一个“返回顶部”的功能,新改版的网易频道页面在这个位置提供一个和头部对应的导航,不需要用户二次点击就能达到目的。如下图:

e5b0be

以上从几方面简单分析了网易网首页的设计思想,相信还存在很多不足的地方,但我们会不断的摸索和尝试,为网友提供一个人性化的网络平台而努力。

    现阶段国内互联网行业和一些发达国家相比确实还有一段比较远的距离,特别是在网站用户体验上还处于摸索阶段,国人对浏览网站舒适度需求也在不断提升,因此提高网站的用户体验是网站设计未来发展的方向。但因为用户体验是纯主观的,就带有一定的不确定因素,个体差异也决定了每个用户的真实体验是无法通过其他途径来完全模拟或再现的。但是对于一个界定明确的用户群体来讲,其用户体验的共性是能够经由良好设计的实验来认识到。

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.luyixian.cn/news_show_817677.aspx

如若内容造成侵权/违法违规/事实不符,请联系dt猫网进行投诉反馈email:809451989@qq.com,一经查实,立即删除!

相关文章

Java开发牛人十大必备网站

摘要: 以下是我收集的 Java 开发牛人必备的网站。这些网站可以提供信息,以及一些很棒的讲座, 还能解答一般问题、面试问题等。质量是衡量一个网站的关键因素,我个人认为这些网站质 量都很好。接下来,我会跟大家分享我是…

程序员必去的几个网站

2019独角兽企业重金招聘Python工程师标准>>> http://www.itheima.com/ 黑马 http://www.itcast.cn/ 传智博客 http://www.imooc.com/ 慕课网 http://www.jikexueyuan.com/ 极客学院 http://www.csdn.com 转载于:https://my.oschina.net/u/588516/blog/755753…

HTML5移动网站制作教程

http://www.thinkphp.cn/extend/461.html 希望我的分享能够为正在研究或者想要研究移动端的朋友们带来更高,更好的回报! 本文是基于zepto框架下的手机移动端网站制作教程,适用于苹果的ios系统,和android系…

大型网站服务器架构

一、服务器集群改善并发问题 使用集群是网站解决高并发、海量数据问题的常用手段。当一台服务器的处理能力、存储空间不足时,不要企图去更换更强大的服务器,对大型网站而言,不管多么强大的服务器,都满足不了网站持续增长的业务需求…

修改 设置 vs.net 网站 调试 设为 起始页

很简单,右键网站项目,打开【属性(R)】,找到【web】选项卡,然后会看到右边有一个【启动操作】,设置为当前页即可。 见百度问题: http://zhidao.baidu.com/question/195134372.html?an0&si1 …

HTML的购买按钮添加,将shopify购买按钮添加到流星js网站

不知道最好的方法来连接流星js网站使用购买按钮购物。 要initializie的Shopify API - http://shopify.github.io/js-buy-sdk/ - 直接,我导入使用将shopify购买按钮添加到流星js网站meteor npm install --save shopify-buymeteor npm install --save shopify-promise…

Web网站服务(Apache)

1Apache的主要特点 1)开放源代码:这是Apache服务器的重要特性之一,也是其他特性的基础。Apache服务程序由全世界的众多开放者共同维护,并且任何人都可以自由使用,这充分体现了开源软件的精神。2) 跨平台应用…

-HTMLCSS-——模拟小企业网站主页导航栏

2019独角兽企业重金招聘Python工程师标准>>> 做出来的作业效果图(右键图片选择“在新的窗口打开图片”来查看): 素材图片: ,,,, 完成的代码: static.html为&a…

网站的静态页面生成方案 .

提升网站性能的方式有很多,例如有效的使用缓存,生成静态页面等等。今天要说的就是生成静态页面的方式。这个也是我近期一直在搞的一个问题,近期在做使用html servlet做个人网站,为什么是这2个东西呢?1、直接用servlet是为了保证网站能以最快…

给你的网站加上站内搜索---Compass入门教程

给你的网站加上站内搜索---Compass入门教程 syxChina(syxchina.cnblogs.com) Compass(基于Lucene)入门教程 1 序言 2 Compass介绍 3 单独使用Compass 4 springhibernate继承compass 4-1 jar包 4-2 配置文件 4-3 源代码 4-4 说明 4-5 测试 5 总结下吧 1 序言 这些天一直在学点新…

SSH + Lucene + 分页 + 排序 + 高亮 模拟简单新闻网站搜索引擎

前两天看到了一个中国新闻网,这个网站的搜索form的action是http://search.chinanews.com/search.do 便知道是struts1的产物,现在都用struts2了,所以给自己的任务是实现Struts2 SSH分页浏览新闻、Lucene分页高亮排序搜索新闻这个两个功能。 ID…

WordPress速度 - 如何使您的WordPress网站加载速度快

WordPress速度 - 如何使您的WordPress网站加载速度快 快速加载网站对于获取和保持稳定的流量非常重要。因此,对于想要发展WP网站,增加流量和增加收入的每个人来说,WordPress的速度都是一个问题。 但是,有几个因素可能会降低WP网站…

h5打开app跳不到指定页面 uni_初学uni-app,把网站变APP

快速入门uni-app,把想看的网站变APP。下载hbuildx,这里官方提供了几种安装包,有完全版,还有beta版,还有标准版,随便下一个吧,或者直接下载标准版的,因为它最小。1.创建uni-app&#…

利用URLOS搭建自己的CDN网站加速节点真是其乐无穷

CDN可以帮助我们提交网站静态内容的访问速度,而且可以针对不同线路进行分配优化,用最适合的网络线路访问我们的网站内容。比如源站地址在东莞,机房线路是电信,远在山西太原的用户网络环境是联通的,访问源站时速度非常慢…

如何找到一个网站(链接域名)的ip地址

用ping查看域名ip地址1. winR打开cmd2. 输入ping空格域名

大数据hadoop之大型互联网电商公司网站日志分析

2019独角兽企业重金招聘Python工程师标准>>> 博主今天分享大型项目的分析demo,下面是假设某个公司的网站项目想要得到活动日、节假日的网站流量分析。此类需求使用hadoop离线平台来分析性价比百分百完美。下面博主直接上教程。。。 操作步骤:…

Java实现广告屏播放切换_使用javascript实现某网站的头部广告向上切换效果

学了javascript后,看到某网站的一个头部广告效果很不错,感觉自己也能做出来,于是经过我一下午的奋斗,哈哈,我成功了,虽然实现可能很麻烦,但没法,如果你理解我的程序,如果…

在线人数实时显示php_PHP+jquery实时显示网站在线人数的方法_PHP教程

本文实例讲述了PHPjquery实时显示网站在线人数的方法。分享给大家供大家参考。具体分析如下:在线人数最简单的就是直接利用js调用php,这样可以显示出有多少人访问了本站,如果要在用户未刷新页面的状态实时显示用户在线人数,我们可…

linux的帮助,帮助信息_Linux公社 - Linux系统门户网站

除Linux公社(LinuxIDC.com)注明之服务条款外,其它因使用Linux公社(LinuxIDC.com)及旗下网站服务而引致之任何意外、疏忽、合约毁坏、诽谤、版权或知识产权侵犯及其所造成的各种损失(包括因下载而感染电脑病毒),Linux公社(LinuxIDC.com)概不负责&#xff…

gitbook生成html静态页面,gitbook输出为静态网站

你有两种方式输出一个静态网站:本地预览时自动生成当你在自己的电脑上编辑好图书之后,你可以使用Gitbook的命令行进行本地预览:E:\gitbook\gitbook-studying>gitbook serve ./图书目录这里会启动一个端口为4000用于预览的服务器&#xff1…