网易网站设计(思想)(3)
作者:bill 来源:163 UED Team 发布时间:2009-03-27 17:51:00
三、信息排布
门户网站首页一般都会承载大量的资讯信息,密密麻麻的信息会让用户浏览网页的时候会产生压迫感,如何能让用户顺畅的浏览成为设计中重要的一环。
大家可以对比下面2张信息排布图,信息条数都是相同的但第一张信息排布图会让人感觉信息很清晰。而第2张图会让用户感觉到信息排布有压迫感,可能还没有开始阅读就已经没有耐性了(忠诚度非常高的用户例外,但这类用户毕竟比较少)。所以在信息排布的时候到达一定行数时需要用一些留空做到视觉隔离,让视觉上有透气的感觉。
四、视觉顺序
每天的新闻会有重点和非重点之分,有新和旧之分(旧只是相对),大部分用户是希望先看最重要的后看非重要的,先看新的后看旧的这样一个顺序,那网站设计师就需要在视觉设计上引导用户去浏览,如下图示:
在一个信息版块里,会有第一视觉区、第二视觉区、第三视觉区,就是说当用户看到这一信息版块时第一眼会落到图片的位置,第2眼会落到大标题上,第3眼会落到其他地方。这样有顺序的引导用户浏览,可减少用户的浏览成本,增加页面的视觉效果。在这个信息版块里第1视觉和第2视觉有可能会因为选材方面而转换视觉,按常理图型视觉冲击力是大于文字的,但当选用的图片素材不优的时候也会被文字所吸引过去。
五、亮点
在国内的门户网站有资讯多页面长的特点,当用户浏览到页面最底部而又需要浏览更多资讯的时候,可能需要拉到最顶部才能点击导航浏览其他页面,这是一个比较费力的工程,一般门户网站的做法是提供一个“返回顶部”的功能,新改版的网易频道页面在这个位置提供一个和头部对应的导航,不需要用户二次点击就能达到目的。如下图:
以上从几方面简单分析了网易网首页的设计思想,相信还存在很多不足的地方,但我们会不断的摸索和尝试,为网友提供一个人性化的网络平台而努力。
现阶段国内互联网行业和一些发达国家相比确实还有一段比较远的距离,特别是在网站用户体验上还处于摸索阶段,国人对浏览网站舒适度需求也在不断提升,因此提高网站的用户体验是网站设计未来发展的方向。但因为用户体验是纯主观的,就带有一定的不确定因素,个体差异也决定了每个用户的真实体验是无法通过其他途径来完全模拟或再现的。但是对于一个界定明确的用户群体来讲,其用户体验的共性是能够经由良好设计的实验来认识到。
猜你喜欢
- 这是base2的作者Dean Edwards 2007年3月份的一篇文章。最近正在折腾JavaScript库,感觉Dean给出的这些规则很中
- 具体代码如下:Function ASTCreateFtpSite(IPAddress, RootDirectory,&n
- 译序:本文译自Smashingmagazine,但是原文讲述的内容有些浅,也不是很完整,前端观察在翻译的前提下,增加了更多的更系统的内容。如
- 今天群上面同志们在讨论css3内发光效果,自己也就研究一下,写了个效果出来,涉及css3投影,渐变,蒙版,伪类等知识点,现在写下设计思路,仅
- 介绍:细处着手,巧处用功。高手和菜鸟之间的差别就是:高手什么都知道,菜鸟知道一些。电脑小技巧收集最新奇招高招,让你轻松踏上高手之路。 摘 要
- 在windows+iis服务器上运行asp程序可能会出现数据库无法更新的情况,具体错误信息可能为: 1、Microsoft JET Data
- 我们都一定对比过编程的轻松与简单性。虽然我们都确认php和perl是最容易学习和编程的语言,但我仍旧想知道,如果用php、asp、jsp以及
- asp vbs Cache缓存类属性valid,是否可用,取值前判断属性name,cache名,新建对象后赋值方法add(值,到期时间),设
- SQL Server 的扩展存储过程,其实就是一个普通的 Windows DLL,只不过按照某种规则实现了某些函数而已。近日在写一个扩展存储
- 前一段时间就安装了AspJpeg 2.0,一直没有时间去测试,直到昨天晚上因为服务器无法访问才在本机测试下,特分享下测试结果,只针对GIF图
- jQuery是一个非常优秀的JavaScript 框架,使用简单灵活,同时还有许多成熟的插件可供选择,它可以帮助你在项目中加入一些非常好的效
- 比如说在1-3000之内生成随机永不重复数,点击运行代码的时候请注意,此代码比较占用资源,如果硬件配置比较菜请把count改小。俺的电脑配置
- MacJi “偷懒”翻译了部分,下午冒着被 BOSS 开除的危险将其补完(原文链接)。使用 line-height 垂直居中line-hei
- 是因工作需要做的一个批量修改代码的小东西,拿出来与大家分享。 目前可以处理的文件类型:.asp .inc .htm .html
- 有关 Web 字体的话题正在增多,对 Web 设计师来说,他们并不关注技术细节,不管是 TrueType 的 Hinting 技术
- 通常我们会在一些javascript的书籍上看到,使用Javascript保留字作为标识符(变量名、函数名、循环标记等)时,会引起程序报错!
- CSS制作滑动折叠的文字效果,可以用于二级导航菜单的制作,不错的下拉菜单。<!DOCTYPE html PUBLIC "-/
- 问题:数据库实际大小为600MB, 日志文件实际大小为33MB, 但日志文件占用空间为2.8GB!试了多种方式,SHIRNK DATABAS
- 在实用美术中,常有"远看色彩近看花,先看颜色后看花,七分颜色三分花"的说法。这也就说明,在任何设计中,色彩对视觉的刺激起
- 【ThinkPHP版本查询】dump(THINK_VERSION);模板获取get参数{$Think.get.pageNumber}或者$R