您好!欢迎进入程曦科技

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

来源:未知
时间:2018-03-07
Web2.0体验式的41个关键点
Web2.0时代,体验式营销,体验 式网站设计开始走向主流,那么 体验式网站到底意味着什么?具体表现在那些地方?周末,成都根据 建站的一点经验和观察,也参 照了网友的一些建议,总结 了体验 式网站设计的四个方面,41个关键体验点,将其梳理概况,但仍是较为粗浅,欢迎补充建议。
一、体验 式网站设计的四个方面
1、视觉体验:呈现 给用户视觉上的体验,重在UI设计,强调舒适性。
2、浏览体验:呈现 给用户栏目和内容的体验,重在合理规划,强调协调性。
3、信任体验:呈现 给用户的信任体验,重在细节斟酌,强调稳定性。
4、互动体验:呈现 给用户操作上的体验,重在路径设计,强调易用性。
二、视觉体验的11个关键体验点
视觉体验:呈现 给用户视觉上的体验,重在UI设计,强调舒适性。
1. 整体风格:这是 网站给用户呈现的第一印象,主要体现在两方面,一是网站质量的权衡,网民 第一次看到网站后,首先 会根据感觉对网站有个上、中、下额评判,二是网站类型的归属,例如是资讯型,形象型等。因而网站在设计之前,必须 明确目标客户群体,并针 对目标客户的审美喜好,进行分析,网站 设计要符合目标客户的审美预期和类型归属。
2. 网站LOGO:LOGO的设 计水平直接体现了站长的审美水平。并且logo是网 站整个风格的主导,也是 网站对外传播的形象标示,务必要仔细斟酌,不仅要简洁得体,还要 符合网站的定位和目标。
3. 页面布局:重点突出,主次分明,图文并茂,声画全面。网站 的有效空间是有限的,网站 的第一屏画面至关重要,页面 布局要与网站的营销目标相结合,将最 能吸引用户的内容,通过合适的表现形式,放置在最重要的位置。
4. 页面色彩:六个务必:网站 务必要有个主题色,务必 注意冷暖色调的搭配,务必注意主色调、辅助色的使用数量,务必 保持网站整体形象相统一,务必 注意渐变色的使用,务必 恰当搭配色彩的明度和亮度。
5. 页面大小:最好 将网站设置成为自适应的页面,如果无法修正,最好调整为1024*768,照顾到800*600用户,页面 主要内容可以偏左设置。此外,还有一些异性的网站,务必 要考虑到核心用户群的使用习惯,可以 主要从年龄上来判断,30岁以上用户,还是800*600居多。
6. 动画效果:首先 注意动画的放置位置,其次是呈现方式,再次是加载速度,最后 也是最关键的是内容的表现形式。动画 效果会在第一时间吸引用户的关注,但关注不是目的,要让 用户有兴趣接受动画所传达的内容。在动 画表现形式设计时,还要 注意与主画面相协调,动画效果节奏适中,不干扰主画面浏览。
8. 图片展示:首要 的还是图片栏目的页面位置,要与 整体网站比例协调,符合 一般用户的浏览习惯;其次 是图片的展示形式,现在有很多flash的图片代码,还有lightbox的js也是不错的选择,再次 是图片内容要清晰、不变形,图片 选择上也要符合网站的总体风格,不要太突兀。
9. 图标使用:首要 考虑与页面整体风格统一,其次是简洁、明了、易懂、准确,再次 可以尝试使用一些3D效果图标。
10. 广告位的设计:广告 设计最关键是要符合用户对网站广告的预期,不要 让用户对广告产生反感。有很 多是网民早已认可的广告位置和形式,例如页面上方的banner条,页面两边的对联形式,页面 右下方的文字广告等,这些 位置都是网民们默认的广告位,千万 不要冲击网民的浏览习惯,避免干扰视线,除非 你的广告创意绝对吸引人,否则 结果往往是立刻关闭广告和网站。
11. 背景音乐:除非 是活动推广或者是形象推广类主题网站,搞点 刺激性的音乐提提神,否则 千万不要设置背景音乐,一个字,烦!就算设置背景音乐,最好 将开关按钮及音量控制放在显要位置,免的 网民因为找不到控制按钮而立刻关掉页面。
 
三、浏览 体验的八个关键体验点
浏览体验:呈现 给用户浏览上的体验,强调吸引性。
1. 页面导航:网站 导航如同楼房的地基,是整 个网站基础和框架,一切 内容和服务都是从导航中延伸出去。页面 导航的设计分为两个层次,一是形式层:体现在导航位置、表现形式(文字、图片、flash等)等方面,二是内容层,页面 导航也是对整个网站内容框架的分类和高度概括。形式层的设计,建议 参照一下韩国网站的设计风格,动感、简洁、清晰。至于内容层,就因站而异了,分类条理最关键。但栏目名称尽量简短,栏目层次也不宜过多,两层比较合适,但也要以内容为中心。
1.       页面速度: web2.0,网站 中增加了越来越多的视频、动画元素,对网 站速度的要求也越发苛刻。回想一下,这么 多视频分享网站中,为什 么很多人选择优酷?就一个速度。此外,大一 点的网站再考虑一下南北互通,或者 教育网的对接问题,此外 选择一家稳定的服务器托管商也至关重要。
2.       页面容量:主要 指首页的页面容量,除非是资讯类网站,否则 网站首页内容最好不要超过两屏,最好 不要让用户再滚动鼠标就可以浏览到整个页面。再就 是页面设计要考虑到文字和图片的搭配,还有不同字号、字体、颜色的搭配,还有网站留白的设计,以免 页面造成视觉抵制,心理学家做过实验,人眼 每秒摄入的有效字符最多只有20个,要是 页面全是细密的文字,效果就可想而知了。
3.       页面结构 结构 就是放置内容的框架,网站 的页面结构其实是有章可循的,尤其 是现在大家见的网站越来越多,自然 也形成一些列默认的模式。简单 分网站主要也包括“同”字型、“司”字型、“三”字型、“F”型等页面布局,具体随后会撰文详述,这里 要强调的是页面结构的创新也要基于一定的规律,千万 不要打破用户的浏览预期。
4.       内容安排 首先是突出重点内容,大标题,大图片塑造视觉冲击,这也 是借用报纸的操作手法,其次是内容协调,每一 个栏目应确保足够的信息量,避免 栏目无内容情况出现;再次是内容形式,兼顾视频、图片、文字 的比例和页面协调。
5.       内容 更新主要包括内容来源、更新频率、更新数量、内容质量三个方面。Web2.0网站 更多强调如何调动用户的积极性,内容 更新已经不仅仅是对编辑的考量,也是 对网站用户价值的衡量,对于内容质量,主要是从原创、转载、内容 本身价值等方面权衡。
6.       内容形式 现在 有个立体化新闻的概念,视频、图片、文字、评论 都在一个页面中展示,而且 再加上网民评论的即时更新,表现形式更生动。此外,对于文字部分,字体 大小最好设置可调选项,对重点内容进行标注,对关键词设置链接(seo),如果没有广告的考虑,最好 不要设置多页浏览,很影响阅读体验。
7.       内容呈现方式:更多的是细节的内容,包括新文章的标记、文章导读、相关内容的推荐、还有网友推荐、打印页面、E-MAIL发送给好友、复制网址等,现在web2.0流行的DIG功能,加入 些鲜活的互动元素。
8.      路径记录:记录用户的浏览路径,方便 用户随时返回和查找,此外 对一些重点栏目和页面可以设置快速链接或者设置页面底部导航,为用 户提供明确的快速入口。
 
二、信任 体验的十二个关键体验点
信任体验:呈现 给用户的信任体验,重在细节斟酌,强调稳定性。
1、友情链接:对于新兴网站而言,用户 对网站信任的判断不仅建立在对网站设计的和功能体验的基础上,而且 还有一个对同类或者其他相关网站的评估上。友情 链接的价值不仅在于SEO上,也是 一个网站用户定位的重要体现,如果 网站链接的都是不知名的小网站,用户 对它的评级也不会太高。首页 友情链接的设置不宜过多,更多 的链接可以放置在一个单独的友情连接页面中,要特 别注重友情连接的质量,哪怕是做些单向链接,也要显示自己的实力。
2、底部信息:网站 底部信息内容是网站中每个页面都共同的内容,底部 信息为网民提供了很多建立信任体验的内容,例如网站的建立时间、是否备案、是否经营性网站、是否有网警标示、隐私声明、网站的归属关系(如:xx旗下的网站)这部 分虽然是细节的内容,但又 是最为标准化和普遍的内容,最好留心设计。
3、关于我们:这是 一个用户了解网站背景的最直接途径,对很多有趣的web2.0网站,对于 很多喜欢刨根问底的网民,关于 我们还是很重要的一个栏目,因为 这是网站站长必须的一个原创内容,对关 于我们栏目和内容的设计和安排,往往 会体现了站长的做事态度和风格。
4、联系方式:并不 是有事找网站的时候才会关注网站的联系方式,一般情况下,联系 方式在网站中出现的频率也是网站自信程度的一种侧面体现。联系 方式不一定非要是详细的电话传真,通讯地址,哪怕一个邮箱,或者 是一个联系人的姓名。对于初创网站而言,翔实 或者高曝光率的联系方式,比较 容易给网民建立踏实、信任的额感觉,总之放心、负责、能找到人。如果有实力,整个400电话也成,现在400电话已经是白菜价了,但公信力还不错,而且方便易记。
5、帮助中心:对于web2.0新兴网站,尤其 是功能型网站而言,最好 是有一个翔实的帮助中心,或者FAQ栏目,千万 别相当然的认为网民对新东西一看就会,新东 西总会有出问题的时候,再加 上国内网民的背景和层次差距较大,帮助中心还是必须的。此外,帮助 中心的功能和内容丰富程度也是网站客户服务意识的一种体现,值得重视。
6、网站备案:最基 本也是必须的一道程序,说啥 先把网站备案搞定,至少 要确认一下网站的合法地位,如果有条件和需要,最好是申请一个B字头 的经营性网站备案,此外如果涉及到视频、新闻 还要到相关部门申请一下其他备案。备案这东西,看似小事,但关 键时刻对网站就会有致命的影响,别的不说,看看这两个月56.com和vodone.com的差别就知道了。
7、内容格式:内容 的规范程度也是网站建立信任体验的重要方面,主要 体现在资讯类内容标准化展现上。一方 面每条信息是否包含了来源、作者、编辑、发布时间、还有点击量和评论。全面 的辅助信息是网站质量的主要参照,因为 现在能把这几点完全列出来的网站越来越少了,对于 点击量也可以都设置一定的初始值,但最好还是带着。另一 方面就是个性化细节,例如设置页面颜色、设置字体大小、点击直接发送到邮箱,复制页面地址等。
8、内容订阅:无论是用feedsky、rss、还是 传统的邮件新闻列表,内容 订阅的设置不仅仅是要提高用户的黏度,推动用户再次访问,而且 也是大型网站和正规网站的重要标示,只有 那些有实力和细心的网站才会提供定期的资讯服务,其实 这部分在功能上已经很完善了,网络 中也有很多工具和服务商,只需站长每天(每周)梳理 一下重要资讯即可。此外 这也是盘活注册用户的重要一环。
9、网站地图:对web2.0的新站,无论网站规模大小,一定要做个网站地图,一方 面搜索引擎容易抓取到网站信息,而且 网民使用起来也会很快了解到整站架构,又是细节,但很重要。
10、加入收藏:加入 收藏和设为首页是传统网站设计中必须的环节,现在 而言设为首页的意义几乎没有了,但加 入收藏还相当重要的,一般 是在网站的右上方,最好 将加入收藏的位置放在最前面,用醒目的颜色标注。
11、用户登录:这也 算是互动体验一部分,用户导向是web2.0设计的一个核心理念,只有 用户登陆才能享有更多的个性化服务,用户登录就无处不在,随处可见,而且 还要设计的方便合理,最好 不要打开新的登陆页面,具体情况各异。
12、论坛人气:无论网站做的再花哨,如果有论坛这个栏目,打开论坛一看,没几个在线用户,没几条热点内容,很容 易直接就把网站否定掉了,因此,论坛千万要注意,要么不做,开设 了就得注意人气的经验,哪怕自己每天狂灌水,也得 先把网站人气拖起来。
 
 
三、互动 体验的十个关键体验点
互动体验:呈现 给用户操作上的体验,重在路径设计,强调易用性。
1. 会员申请:会员 申请务必要贯穿在网站的每个页面,将随 机性用户转变成注册用户是提高网站流量和用户黏度的重要一环,会员 申请的按钮或者位置最好设计的醒目一些。此外,会员 功能的核心是权限控制,网站 必然要有一些只有注册用户或者是高级用户才能浏览到的内容,但还 要保证展现给非注册用户的信息也具有一定的吸引力,否则,网民 怎么会有动力去注册呢?扪心自问,为什么值得注册?用什么吸引注册用户?用什 么稳定注册用户的定期访问?
2 会员注册:web2.0网站 最好设计多级注册方式,只填写注册名、邮箱、密码 等就可以完成第一层次注册,让后 再进一步吸引用户补充内容,第一层主次,务必要流程清晰、简洁,为用户节省时间。其实 更为关键的还在于后面,如何 吸引用户补充全面的信息?这里就有一个web2.0的理念,“你分 享出去的内容越多,得到 的权利和尊重也会越多”,要让 网民明确他们补充信息的价值在哪?此外,还要 注意提示用户信息的完整程度。
3. 表单填写:表单填写有多种方式,但最 好不要将所有项目分为两个阶段,必填项在第一页,或者提供明显的标示,千万 不要将所有项目全部列出来,用户一定会吓坏的。Web2.0就要人性化一点,考虑 一下用户的接受程度,简单一点还是没错的。提交成功后,感谢 提示页面务必要精心设计,尤为 注意应该将注册后的用户引向何处?是回首页?还是个人界面?还是前一个浏览页面?感谢 页面在内容和形式上最好设计的有个性一点。
4. 点击提示:点击 浏览过的信息颜色需要显示为不同的颜色,以区分于未阅读内容,避免重复阅读。对于图片,最好设置图片标注,鼠标 滚动到图片时能显示图片标题。
5. 错误提示:设置错误提示页面,对错 误页面以合适的引导。无论是什么原因,网民 只要在网站上遇到了错误页面肯定会非常不爽,甚至会直接关闭网站,要充 分考虑到此时用户的访问心理,设置 一点真诚的解释说明,最好 将网民重新引向网站,或者 可以设置个报错的反馈,细心处之。
6. 在线问答:在线 问答有太多中形式,从用 户的使用预期出发,既然是在线问答,消费 者希望得到最快的答复,但现在的情况是,往往 网站提供了很多方式的问答渠道,但往往没有人回应,毕竟工作人员不能24小时守候啊,建议搞个小I机器人训练一下,顶个美女客服了。还有一种误区,认为 在线问答就是解答问题,其实 还有一个重要作用是收集信息,还要 设置在线问答流程和话术时,务必 要注意到如何了解更多的客户信息,或者 使用体会以便于后期调整,还要 定期对在线问答出现的问题进行汇总分析。
7. 在线搜索:首先是搜索条位置,最常 见的位置是在右上方,资讯 类网站一般中上方显要位置;其次是搜索分类,例如按作者,按标 题等设置最好设计为下拉菜单,默认为全文检索;再次 是搜索结果的呈现方式。呈现 方式有很多细节的地方,包括排列的标准,方式,关键词颜色区分,出现的数量。此外 还要注意高级检索和检索选项的设计。
8. 页面效果:web2.0在技 术层的一大改进就是提供了很多又酷又炫的新技术,尤其 是在页面层的应用最为明显,例如ajex,lightbox js等,对建 议站长多关注一下流行的java代码,选择 一些合适的潮流型技术应用一下,新、奇、炫,与时俱进啊!
9. 新开窗口:现在用maxthon、firefox等的 多线程浏览器的网民越来越多,建议web2.0网站 的设计最好多采用,新窗口打开,方便用户返回和查找。 
 
10. 路径设计:说到体验,最直 接的就是用户在网站上产生的有效点击,每一 次点击也意味着一个新体验的开始,而在众多点击之间,路径 的设计和记录也体现了web2.0个性化服务的精神。每个 网民的访问习惯和浏览习惯都有所不同,第一 要设计最直接有效的浏览路径;第二 要记录网民的浏览路径,便于随时返回;第三,要试 图寻找与网民浏览路径的匹配,这一 点集中可以体现在亚马逊的图书浏览和购买流程上,大家自己来关注吧。
本文 由成都程曦科技编辑,转载请注明出处:http://www./newv/hydtv/634.html
  • 标签
友情链接:      时时彩票_安全购彩     彩票红包雨聊天室   仲博彩票_安全购彩