Web2.0 体验式网站设计的41个关键点(2)

作者:蓝调 来源:蓝调生活日记 时间:2008-08-10 17:49:00 

 三、浏览体验的八个关键体验点

浏览体验:呈现给用户浏览上的体验,强调吸引性。

1. 页面导航:网站导航如同楼房的地基,是整个网站基础和框架,一切内容和服务都是从导航中延伸出去。页面导航的设计分为两个层次,一是形式层:体现在导航位置、表现形式(文字、图片、flash等)等方面,二是内容层,页面导航也是对整个网站内容框架的分类和高度概括。形式层的设计,建议参照一下韩国网站的设计风格,动感、简洁、清晰。至于内容层,就因站而异了,分类条理最关键。但栏目名称尽量简短,栏目层次也不宜过多,两层比较合适,但也要以内容为中心。

1.       页面速度: web2.0,网站中增加了越来越多的视频、动画元素,对网站速度的要求也

越发苛刻。回想一下,这么多视频分享网站中,为什么很多人选择优酷?就一个速度。此外,大一点的网站再考虑一下南北互通,或者教育网的对接问题,此外选择一家稳定的服务器托管商也至关重要。

2.       页面容量:主要指首页的页面容量,除非是资讯类网站,否则网站首页内容最好不要

超过两屏,最好不要让用户再滚动鼠标就可以浏览到整个页面。再就是页面设计要考虑到文字和图片的搭配,还有不同字号、字体、颜色的搭配,还有网站留白的设计,以免页面造成视觉抵制,心理学家做过实验,人眼每秒摄入的有效字符最多只有20个,要是页面全是细密的文字,效果就可想而知了。

3.       页面结构 结构就是放置内容的框架,网站的页面结构其实是有章可循的,尤其是现在

大家见的网站越来越多,自然也形成一些列默认的模式。简单分网站主要也包括“同”字型、“司”字型、“三”字型、“F”型等页面布局,具体随后会撰文详述,这里要强调的是页面结构的创新也要基于一定的规律,千万不要打破用户的浏览预期。

4.       内容安排 首先是突出重点内容,大标题,大图片塑造视觉冲击,这也是借用报纸的操

作手法,其次是内容协调,每一个栏目应确保足够的信息量,避免栏目无内容情况出现;再次是内容形式,兼顾视频、图片、文字的比例和页面协调。

5.       内容更新主要包括内容来源、更新频率、更新数量、内容质量三个方面。Web2.0网站

更多强调如何调动用户的积极性,内容更新已经不仅仅是对编辑的考量,也是对网站用户价值的衡量,对于内容质量,主要是从原创、转载、内容本身价值等方面权衡。

6.       内容形式 现在有个立体化新闻的概念,视频、图片、文字、评论都在一个页面中展示,

而且再加上网民评论的即时更新,表现形式更生动。此外,对于文字部分,字体大小最好设置可调选项,对重点内容进行标注,对关键词设置链接(seo),如果没有广告的考虑,最好不要设置多页浏览,很影响阅读体验。

7.       内容呈现方式:更多的是细节的内容,包括新文章的标记、文章导读、相关内容的推荐、

还有网友推荐、打印页面、E-MAIL发送给好友、复制网址等,现在web2.0流行的DIG功能,加入些鲜活的互动元素。

 8、路径记录:记录用户的浏览路径,方便用户随时返回和查找,此外对一些重点栏目和页面可以设置快速链接或者设置页面底部导航,为用户提供明确的快速入口。

标签:web2.0,体验,设计
0
投稿

猜你喜欢

  • 在Debian下配置Python+Django+Nginx+uWSGI+MySQL的教程

    2023-04-22 23:03:44
  • 教您去掉ie网页加载进度条的方法

    2024-05-02 16:20:11
  • php自动获取字符串编码函数mb_detect_encoding

    2023-09-12 03:32:11
  • 使用JDBC在MySQL数据库中如何快速批量插入数据

    2024-01-18 04:04:13
  • php 生成随机验证码图片代码

    2024-05-02 17:33:19
  • vuejs开发组件分享之H5图片上传、压缩及拍照旋转的问题处理

    2024-05-10 14:14:25
  • Python自定义模块的创建与使用

    2021-01-05 20:47:14
  • Oracle 安装和卸载问题收集(集合篇)第1/6页

    2009-07-02 12:20:00
  • [转]去百度面试的javascript 收获

    2024-06-09 06:27:34
  • 利用python实现JSON文档与Python对象互相转换

    2023-01-02 01:30:46
  • vue使用ElementUI时导航栏默认展开功能的实现

    2024-05-09 15:18:14
  • 如何使用python wasmtime调用rust生成的wasm库

    2023-11-26 23:58:38
  • Python super()方法原理详解

    2023-06-19 18:28:30
  • js断点调试心得分享(必看篇)

    2023-07-06 22:13:25
  • MySQL8.0.32安装及环境配置过程

    2024-01-19 03:20:49
  • 微信小程序中target和currentTarget的区别小结

    2024-04-10 16:17:30
  • python将图片转为矢量图的方法步骤

    2022-04-09 10:48:22
  • sql server 创建临时表的使用说明

    2024-01-16 18:30:23
  • Python基础之变量的相关知识总结

    2021-05-09 00:16:06
  • 解决Keyerror ''acc'' KeyError: ''val_acc''问题

    2022-09-05 11:28:12
  • asp之家 网络编程 m.aspxhome.com