欢迎来到长沙网站建设——青云网络

网站设计知识webidel

当前位置:首页 > 新闻中心 > 网站设计知识 >

web2.0体验网站设计

文章来源:青云网站建设     作者:青云有梦       发布时间:2018-07-09 10:17:45    返回列表

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等)等方面,二是内容层,页面导航也是对整个网站内容框架的分类和高度概括。方式层的设计,建议参照一下韩国网站的设计作风,动感、简洁、明晰。至于内容层,就因站而异了,分类条理最关键。但栏目称号尽量冗长,栏目层次也不宜过多,两层比拟适宜,但也要以内容爲中心。

2.  页面速度: web2.0,网站中添加了越来越多的视频、动画元素,对网站速度的要求也越发苛刻。回想一下,这麼多视频分享网站中,为何很多人选择优酷?就一个速度。此外,大一点的网站再思索一下南北互通,或许教育网的对接成绩,此外选择一家波动的效劳器托管商也至关重要。

3.  页面容量:次要指首页的页面容量,除非是资讯类网站,否则网站首页内容最好不要超越两屏,最好不要让用户再滚动鼠标就可以阅读到整个页面。再就是页面设计要思索到文字和图片的搭配,还有不同字号、字体、颜色的搭配,还有网站留白的设计,以免页面形成视觉抵抗,心思学家做过实验,人眼每秒摄入的无效字符最多只要20个,要是页面全是细密的文字,效果就可想而知了。

4.   页面构造 构造就是放置内容的框架,网站的页面构造其实是有章可循的,尤其是如今大家见的网站越来越多,自然也构成一些列默许的形式。复杂分网站次要也包括“同”字型、“司”字型、“三”字型、“F”型等页面布局,详细随后会撰文详述,这里要强调的是页面构造的创新也要基于一定的规律,千万不要打破用户的阅读预期。

5.   内容布置 首先是突出重点内容,大标题,大图片塑造视觉冲击,这也是借用报纸的操作手法,其次是内容协调,每一个栏目应确保足够的信息量,防止栏目无内容状况呈现;再次是内容方式,统筹视频、图片、文字的比例和页面协调。

6.  内容更新次要包括内容来源、更新频率、更新数量、内容质量三个方面。Web2.0网站更多强调如何调动用户的积极性,内容更新曾经不只仅是对编辑的考量,也是对网站用户价值的权衡,关于内容质量,次要是从原创、转载、内容自身价值等方面权衡。

7.  内容方式 如今有个平面化旧事的概念,视频、图片、文字、评论都在一个页面中展现,而且再加上网民评论的即时更新,表现方式更生动。此外,关于文字局部,字体大小最好设置可调选项,对重点内容停止标注,对关键词设置链接(seo),假如没有广告的思索,最好不要设置多页阅读,很影响阅读体验。

8.  内容出现方式:更多的是细节的内容,包括新文章的标志、文章导读、相关内容的引荐、还有网友引荐、打印页面、E-MAIL发送给好友、复制网址等,如今web2.0盛行的DIG功用,参加些鲜活的互动元素。

9.  途径记载:记载用户的阅读途径,方便用户随时前往和查找,此外对一些重点栏目和页面可以设置疾速链接或许设置页面底部导航,爲用户提供明白的疾速入口。
 
二、信任体验的十二个关键体验点
信任体验:出现给用户的信任体验,重在细节推敲,强调波动性。
1、友谊链接:关于新兴网站而言,用户对网站信任的判别不只树立在对网站设计的和功用体验的根底上,而且还有一个对同类或许其他相关网站的评价上。友谊链接的价值不只在于SEO上,也是一个网站用户定位的重要表现,假如网站链接的都是不知名的小网站,用户对它的评级也不会太高。首页友谊链接的设置不宜过多,更多的链接可以放置在一个独自的友谊衔接页面中,要特别注重友谊衔接的质量,哪怕是做些单向链接,也要显示本人的实力。

2、底部信息:网站底部信息内容是网站中每个页面都共同的内容,底部信息爲网民提供了很多树立信任体验的内容,例如网站的树立工夫、能否备案、能否运营性网站、能否有网警标示、隐私声明、网站的归属关系(如:xx旗下的网站)这局部虽然是细节的内容,但又是最爲规范化和普遍的内容,最好留心设计。

3、关于我们:这是一个用户理解网站背景的最间接途径,对很多风趣的web2.0网站,关于很多喜欢寻根究底的网民,关于我们还是很重要的一个栏目,由于这是网站站长必需的一个原创内容,对关于我们栏目和内容的设计和布置,往往会表现了站长的做事态度和作风。

4、联络方式:并不是有事找网站的时分才会关注网站的联络方式,普通状况下,联络方式在网站中呈现的频率也是网站自信水平的一种正面表现。联络方式不一定非要是详细的电话传真,通讯地址,哪怕一个邮箱,或许是一个联络人的姓名。关于初创网站而言,翔实或许高曝光率的联络方式,比拟容易给网民树立踏实、信任的额觉得,总之担心、担任、能找到人。假如有实力,整个400电话也成,如今400电话曾经是白菜价了,但公信力还不错,而且方便易记。

5、协助中心:关于web2.0新兴网站,尤其是功用型网站而言,最好是有一个翔实的协助中心,或许FAQ栏目,千万别相当然的以为网民对新东西一看就会,新东西总会有出成绩的时分,再加上国际网民的背景和层次差距较大,协助中心还是必需的。此外,协助中心的功用和内容丰厚水平也是网站客户效劳认识的一种表现,值得注重。
web2.0体验网站设计,长沙网站设计,长沙网站设计公司,长沙做网站
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特性化效劳的肉体。每个网民的拜访习气和阅读习气都有所不同,第一要设计最间接无效的阅读途径;第二要记载网民的阅读途径,便于随时前往;第三,要试图寻觅与网民阅读途径的婚配,这一点集中可以表现在亚马逊的图书阅读和购置流程上,大家本人来关注吧。
 
这就是我们长沙网站设计公司青云网络给大家提供的web2.0体验网站设计,如有需要进行网站建设、app开发、seo优化、微信小程序开发的可以直接联系我们,我们长沙网站设计是专业的网络公司,青云网络官网www.sqingyun.com,客服电话及微信:13595460312,客服QQ:1141057371,欢迎咨询~!
 
本文由长沙专业网站建设公司青云网络原创提供,转载请注明出处,原创地址:http://www.sqingyun.com/webidel/1120.html
上一篇:选择网站设计公司要考虑的问题
下一篇:没有了
在线咨询 在线咨询