SEO网站优化之DIV+CSS

2023-01-15    分类: 网站建设

网站制作公司创新互联(www.cdcxhl.com):从用户体验的角度 来看看SEO网站优化的大势所趋
这次给大家介绍的是我对“用户体验”与搜索引擎排名之间的关系的一些观点。因为时间关系,可能文章的某些句子不通顺,请各位见谅,文章内容均为本人猜测,不保证为正确观点。
在 SEO中常常会提及到用户体验优化这个概念,什么是用户体验优化呢?简单点说就是通过优化网页让网页更适合用户使用。
我记得一开始接触“用户体验”这个概念的时候满不以为然,什么叫做用户体验?百度能知道你的网站受不受用户欢迎?搜索引擎只是机器而已,它能懂什么啊?但是经过几个月的观察和学习,我发觉事情并不是这样的。
这里我们回归到最原始的一点去思考问题,搜索引擎的初衷是什么?搜索引擎就是要给出用户想要的网站,用户喜欢的网站。那么无可厚非,一个用户体验好的网站理应是受欢迎的,既然受用户的欢迎那么排在前面那是应该的。架设两个网站内容上差别不大,一个网站弹窗N个,另外一个网站界面干净,你说搜索引擎会喜欢那个网站。
ok,说了这么多废话,我想你应该认同我的观点了吧,一个网站的用户体验指标确实会影响网站排名。但是搜索引擎是怎样知道一个网站受不受用户欢迎的呢?这里主要有两个指标:1、PV跟独立访客比,2、网站停留时间。如果pv跟独立访客之比越小,网站停留时间越短,间接的可以说明这个网站不受用户喜欢。接下来有是另外一个问题,怎样去获得一个网站的pv和独立访客比以及用户停留时间呢?这里以google为例,google的产品已经非常丰富了,这里罗列一些可以收集用户信息的产品(当然只是我的猜想),google adsense 、Google Analytics、google浏览器、还有我下面会说的google toolbar。或许上面的部分只是我的猜想,请继续看我下面的信息,一下文字截取至安装google toolbar的过程中
请认真阅读:这些内容十分重要
如果您使用工具栏的某些高级功能,那么您所访问的网站的相关信息可能会发送给 Google。例如,为了让 PageRank 功能向您提供关于网站的更多信息,工具栏需要向我们发送网址来告知我们您所访问的网站。如果您启用了网络历史记录等一些根据搜索和浏览记录提供服务的 Google 功能,那么 PageRank 发送的网址也会用于这些服务。任何涉及个人身份的信息都受 Google 隐私政策的约束。有关工具栏隐私保护的详情,请参阅工具栏隐私政策。
相信你看到“那么您所访问的网站的相关信息可能会发送给 Google“这句话的时候已经开始相信了吧。至于百度,暂时只想到百度工具栏,百度主题推广。接下来,你肯定会说,装google toolbar和百度工具栏的人毕竟是少数啊?关于这个问题,我觉得可以参考alexa排名,之前看过一些前辈是这么介绍alexa排名的,只有装了 alexa工具栏的人访问了网站才能为alexa提高有效的参考数据,然后更具alexa更具装alexa工具栏的人在所有上网的人数的比例去转换,最后得出估计的流量。只要数量足够,完全可以当做参考数据。
当我领悟到这一点之后,在建立新站的时候,我就开始越来越注重网站的整体设计以及用户体验了。经过几个月的排名升降洗礼,我越来越认识到用户体验的重要性,还有一个没有权重的新站不要SEO的太明显,适当即可,不然排名上去了也是很容易掉下来的。
搜索引擎的算法在不断进步,SEOer想要跟上步伐只能从搜索引擎最根本的初衷出发去思考问题。
注意搜索引擎优化SEO的几点忌讳
SEO必须掌握好度,优化得不够,则效果不理想,优化过度,则会被搜索引擎惩罚。其中的技巧,我不甚了解,不过因多次被搜索引擎惩罚,我也逐渐发现了一些优化的忌讳。
一、标题
网站的页面标题是经常会被一些客户堆切了很多的关键词,而网页标题恰恰是搜索引擎十分看重的一块地方,堆切了很多相关或者不相关的关键词,很容易就给搜索引擎的算法判断成这个网站存在作弊行为,最后导致搜索引擎封杀站点。
标题针对关键词的写法上,建议一个网页对应1-2个关键词即可,网页的正文内容要与网页标题的主题高度吻合。
网页标题切忌频繁更改。一个不稳定的网站,百度是不会喜欢的,在建站之初,就应该把网站的各个细节都考虑好,一旦建立,便不再轻易更改。
二、采集
搜索引擎是喜新厌旧的,如果一个网站的内容都是在网络上高度重复的,那么排名绝对不会好,采集的网站百度会收,但是收录后会被慢慢的 k掉,而且很少会给改过自新的机会,哪怕之后天天更新原创文章,也无济于事。但是这并不意味着不可以采集,我们可以针对采集来的文章做一些更改,比如替换内容、更改标题等。
三、内部链接
很多的SEO工程师都知道,一个网站中有某些网页的权重特别高,喜欢在权重高的网页上堆切大量的关键词链接。
不可否认,在权重高的网站页面上加重点的关键词链接对目标关键词的搜索引擎排名提升会起到帮助,但是在权重高的网页堆积了过量的关键词链接,也会被搜索引擎处罚。
建议对于高权重的网页放置重点目标关键词链接,不要超过10个,而且这些链接放置的位置也是相当重要!
四、keywords和description
一些刚接触SEO的朋友,很喜欢在keywords和description标签的内容里,堆积一大堆的相关关键词。
关于keywords和description标签在搜索引擎优化中的作用,基本上被主流的搜索引擎算法降低为0或者非常低。在keywords和description上堆积关键词的优化方法,只会起到负面的搜索引擎优化反应。
搜索引擎根据什么条件去判断一个网站是否存在SEO SPAM,虽说我们没有得到官方权威的信息。但是我们依然可以根据实践经验,得到一些重要的信息。不要刻意强调搜索引擎优化技术中某个环节的重要,要讲求平衡。所以,自然的搜索引擎优化才不会出现SEO过度的问题。
对于SEO过度的问题,还有一个重要的问题需要说明,搜索引擎处罚网站的方式,不一定就是直接封杀网站,也有可能是降低网站排名或者降低权重。这些处罚的轻重会根据网站SEO过度的程度而定。
SEO必须要有一个好心态,不可太急躁。尤其百度对新站收录极慢,一个针对百度优化的新站,必须做好打持久战的准备。搜索引擎为何会受到欢迎,就是因为用户能在上面找到需要的东西,而搜索引擎对网站的要求也同样如此,做SEO要多站在用户的角度考虑,搜索引擎的算法是经常改进的,作弊的网站,就算能一时得逞,但终有一天,会被k掉。所以,在网站制作过程中,应该多了解SEO的忌讳,避免触底线。
六方面谈SEO常用的优化技巧
今天和大家简单谈一些咱们在网站优化中的常用技巧。主要是六个方面:标签,关键字的比例,蜘蛛的抓取页面的方向,图片的ALt属性,关键字的位置和链接的锚文本。
标签
对于Keywords和Description标签在咱们书写的时候,咱们可以选择将相同的内容文本在书写,经过测试这种效果还算不错。当然了咱们还可以有意的把keywords中的关键词放在Description标签里面,特别是标签的开头位置。(因为关键字越往前,权重越高),当然了要是重复出现就更好了。但是这里咱们得提醒一下,如果咱们要是优化百度,那么重复的次数就别太多了,反之如果咱们主要是针对谷歌的话,那多重复几次更好。最后咱们还得提醒一些朋友注意,在Keywords和Description两个标签中咱们尽量避免出现and/or/the这样的单词。
关键词的比例
可能很多朋友都知道在一个页面中关键词的比例好是保持在7%~8%之间,但是这里庸人提醒大家千万不要有意的去把关键字的比例提升的太高(这里包括两个方面:Keywords-weight(关键字在页面中出现的次数);Keywords-density(关键字和页面中其它单词的比值))。原因就很简单了,因为咱们如果刻意的把这个比例提高,反而会被搜索引擎认为咱们是在对其关键字(Keywords-stuffing),进而引来搜索引擎对咱们的惩罚。当然了还有一些朋友在页面中关键词往往都只能达到1%~2%,说实话这个其实也无所谓的,因为只要咱们不是高于8%,首先就保证了搜索引擎不把咱们当做作弊,那么剩下的咱们就可以通过其他的方式来弥补。毕竟这里在网站的整个优化过程中权重是有限的。
蜘蛛在抓取页面时的方向
作为seo咱们应该知道,搜索引擎侍从网站的左边到网站的右边,再从网站的上方到网站下方。当然在此咱们也个得提一下,一般情况下蜘蛛对先从网站中抓取的100个词的权重是最高的。所以在这里咱们如何书写和排列关键字就显得比较重要了。所以要求咱们尽量书写keywords和Description的时候在文章中应该放在中间,甚至得网页下方,总之千万别放在页面的左侧。
图片的Alt属性
咱们应该都知道蜘蛛是不能直接识别图片的。这里咱们就必须使用alt属性了,因为alt属性不仅能帮助蜘蛛来识别图片,同时也是蜘蛛识别咱们网页图片的唯一方法了。同时合理的使用alt属性,也能提高一下咱们关键词在页面的比例。
关键字的位置
如果站点是关于某个主题的,那么主要的观点或者说关键字应该出现在文章的开始,并贯穿全文,然后在结尾结论时突出。如果已经将导航链接和javascript放在页面的底部,我们可以在 html结束之前放上相关的文本。比如,你可以通过将关键字放在页面的版权声明中来将关键字放在页面的底部。
链接的锚文本
如果搜索引擎发现有很多链接使用相同的文本却指向同一个站点,那么它可能就会判断这个站点是和这个关键字相关的,那么在其它人使用这个关键字搜索时就会把这个站点作为结果之一。通常很少有人会注意到去利用链接的文本。不过要注意,这个方法不要使用在互惠链接交换当中,相反在互惠链接交换当中要使用相关但是不相同的文本来做同一个链接的文本。
CSS+DIV网站优化(seo)
1) 一个网站要有好的seo优化效果,建议先使用一套标准化的css+div布局网站,注意语义标签的使用;
2) 网站完工后要向各大搜索引擎网站登陆然后向Google提交sitemap;
3) 增加网站有权重的连接,多交一些好的友情链接;
4) 写好网站的robots.txt ;5) 在关键字的地方使用标签定义,例如在主关键字用次关键字用;6) 在
后面要加上 title 标签,里面内容是你所要优化的关键字,img 标签中加入描述,可以适当添加关键字;
7) 结合网站优化的一系列工具来查看优化的情况,根据这些数据来改进你的优化;
8) 再根据平时做网站优化的经验,结合Google 和百度seo优化技巧来优化自己的网站.
网站整体的优化规则
一、网站优化的基本思想
1、对用户的优化
以用户的需求为导向来设计网站的导航栏。用户可以方便的浏览网站的信息,使用网站的服务。
2、对网络环境(搜索引擎等)的优化
从网站的架构到网页的标题和标签的设计,以及网站布局和层级的深度、网页的动静态来整体优化网站。
3、对网站维护的优化
对网站维护的优化是为了便于网站日常的更新维护,改版升级,便于获得和管理注册用户资源,充分体现网站的网络营销功能,使得各种网络营销方法发挥大的效果。
二、网站整体优化的基本要素
1、网站结构的设计合理:最多不超过3层。
2、网站信息有效:网站要经常更新。
3、网页下载速度快:网页的图片和FLASH尽量少用,网页大小要有所控制。
4、网站简单易用,尤其是要注意导航栏方便。
5、设计一个网站地图。
6、网站链接有效:不能有死链接。
7、用户注册/退出方便。
8、为每个网页设计一个合适的标题。
9、设计合理的标签中的关键词和网站描述。
10、尽量采用静态网页,至少保证包含网站重要信息的页面为静态页面。
三、网站架构及页面具体优化方面
(1)对用户的优化
1、注册:会员注册越简单越好。
2、交易流程:操作简单,易用,交易方便。
3、交互:很容易跟网站相互沟通。
(2)网站架构及页面的优化
1、网站目录:网站目录好不要超过3层,那样有利于搜索引擎网络蜘蛛抓取。
2、网站页面:网站的前几级页面好是静态页面,如果是动态的好通过技术手段将动态的转变成静态的页面。这样做也是有利于网络蜘蛛抓取页面。
3、导航:主导航条要醒目,清晰,而且好采用文本链接,少采用图片。
4、路径:采用层层递进的路径,并且每个路径加上链接。有利于网络蜘蛛快速找到相关的页面。
5、首页突出重要内容:除了主栏目,还应该将次级目录中的重要内容以链接的方式在首页或其它子页中多次呈现,以突出重点。
6、使用网站地图:多采用文本链接,不用或少用修饰性图片,以加快页面加载速度。需要注意,网站地图也要突出重点,尽量给出主干性内容及链接,而不是所有细枝末节。一页内不适宜放太多链接。Google明确提出“如果网站地图上的链接超过大约 100 个,则好将网站地图拆成多个网页”。
7、图像优化:一般而言,搜索引擎只识读文本内容,对图像是不可见的。同时图像文件直接延缓页面加载时间,如果超过20秒网站还不能加载,用户和搜索引擎极有可能离开你的网站。因此,除非你的网站内容是图片为主,比如游戏站点或者图片至关重要,否则尽量避免使用大图片,更不要采用纯图像制作网页。每个图像
标签中都有ALT属性,搜索引擎会读取该属性以了解图像的信息。因此,好在所有插图的ALT属性中都有文字描述,并带上该页关键字在其中。总体上,网页应尽量减少装饰性图片以及大图片和falsh。而Alt属性中的文字对搜索引擎来说,其重要性比正文内容的文字要低。
8、网页减肥:一个页面的文件大小在15K左右,好不要超过50K。
9、网页标题和标签的设计:
标题:
title简短精炼,高度概括,含有关键词,而不是只有一个公司名。但关键词不宜过多,不要超过3个词组。企业网站的title通常以公司名+关键词为内容;前几个词对搜索引擎最重要,因此关键词位置尽量靠前;好将title组织成符合语法结构和阅读习惯的短句或短语,避免无意义的词组罗列式title。
关键词:尽量使用网页出现内容的关键词。(关键词的选择另行说明)
描述:描述中包含关键词,与正文内容相关,文字不要超过200字。
10、网站站内交叉链接:在你的网站之内,高质量的内容之间互相链接起来,尤其对Google来说,基于共同内容的相互链接对在你的网站之内分享PR是非常重要的
11、网站导出链接:网站的导出链接尽量采用文本,文本内包含网站的关键词。
12、网站友情链接:网站对外友情链接好使用文本形式,文本中包含网站的关键词。
四、网站维护优化
1、网站内容的更新:在网站后台设置便于网站前台内容的更新。
2、网站会员资料的收集:在网站后台设置有利于收集网站会员资料的功能,以利于以后开展会员制营销。
3、网站广告位:网站在后台应该有一个广告位管理系统,以便于在前台开展各种广告宣传。
4、网站统计工具:网站好后台安装一个统计工具,推荐51la统计工具。便于分析网站营销效果和监测网站流量。
谈谈百度的优化与降权
百度的这次大规模更新,相信是几家欢喜几家忧。
文章出处:标准之路(http://www.cdcxhl.com)
更新后有很多网站获得了不错的排名,但是也有不少网站被降权甚至被K。今天群里有位朋友告诉我,自己的网站被百度降权,因为他的主关键词根本没有排名,且没有任何来自百度的流量。
今天对朋友的站是否真的被降权暂且不提,先说一下百度的反SPAM标准吧。
我记得以前百度是公开反SPAM原则的,但是昨天忽然发现这个标准已经被关闭,或许是因为百度算法调整后,反SPAM原则更改的原因吧。SPAM的原意是指垃圾邮件,引申在搜索引擎方面就是对搜索引擎的欺骗行为了。反SPAM就是为了User experience(用户体验),百度的标准是,用户体验高于一切,其他任何SPAM行为都将遭到封杀。
我们做SEO的原则并不是为了排名而做,而是更好的提高用户体验,好的用户体验自然会受到百度的喜欢,这也就是我几天前一篇文章里所说过的UCD。我们在做网站的时候,一定要把用户体验放在第一位,百度蜘蛛也是特殊的访客,你不能忽视他的感受。在反SPAM工作中,蜘蛛自动识别和人工识别是相辅相成的,首先会由蜘蛛判断出你的网站是否有SPAM行为,如果有,你的网址就会被列入SPAM数据库,然后再由人工复审你的网站,但是你要知道,百度的工作人员再多,也多不过海量的网页搜索次数,所以这里就一定会有误差,一般蜘蛛判断出你的网站有刻意欺骗搜索引擎的行为时,工作人员就很少复查了,带来的结果就是网站被降权甚至直接被K。
那么什么才算是SPAM呢?简单来说,过分的SEO优化都可能导致网站被降权。现在的站长都很聪明,很少有人再去做几年前那样的关键词堆积等傻行为。不过百度可以从另外的方面查出你是否作弊,如果你的网站被降权,首先检查你的网站是不是有关键字堆砌,无关关键字,恶意转接等方式,另外不要随意更换你的title,关键词。有很多站长说,我的描述可以换吧,因为现在很多人都说描述百度已经不关注了,可是我的意见是,既然没有用,百度就不会去索引你的描述,也不会要求你写上description,因此,这些东西在建站之初就要考虑好,千万不能说换就换,这对网站,尤其是权重很低的新站来说是及其危险的行为。
另外,外界盛传百度对域名也会有三六九等,比如CN域名权值低等,这我倒觉得有可能,因为CN域名一元风暴刮起后,成千上万的垃圾站涌向网络,对于这样的情况,百度自然会做出相关的策略。不过并不是所有的域名都会被鄙视,只要你的站建的有根据,且文章原创多,没有错链接、空连接等,百度一定会对你的站刮目相看。另外最近我还发现一个奇怪的现象,貌似百度对域名注册时的domain信息好像也有关注,朋友说可能被降权的站 ,注册信息是Registrant organization: XX公司,Registrant Name: 张三,Administrative [email]: test@163.com,假如我的判断没有错,百度真的在意这个信息的话,那这样的注册信息无疑会提高你被降权的机率。
还有一条就是新站建立后频繁的向搜索引擎提交,一般搜索引擎,尤其是百度规定一个月内只能提交一次,更不能多个同站页面多次向百度提交,这都会遭到搜索引擎的反感,从而导致降权,我在前段时间解答一位朋友的问题时说过,新站建立成功后,不要主动提交给百度等搜索引擎,找个高质量的外链,不超过三天你的站自然会被收录。
如果以上的这些你都没有做过,那就有可能是百度的“连坐措施”了,假如你的站链接了一个作弊的网站,而这个站被K后,搜索引擎可能会被认为是你在辅助这个站作弊,因此你的站也会受到牵连,解决办法只有一个,赶紧取消这个链接,然后语意诚恳的写信给百度管理员,请他复查。不过如果你没有链接作弊站,而作弊站单方链接到你这边,那没关系,也不会收到牵连。
百度是非常注重你的站的实际价值的,过量的新闻采集也会导致网站被降权,做一个网站,哪怕信息很少,但是每一篇都是原创,那你的站权重一定低不到那里去的。
有些网上的资料是这样写的
1.百度首先看中的是内文关键词密度和分布。与其他搜索引擎不同的是,百度更喜欢关键词密度较高,关键词位置较集中的页面
2.baidu没有放弃title标签,但已经放弃keywords和description。title标签的位置和长度对搜索结果有较大影响:
title长度越短越好【不鼓励在每个标题后加网站名字或关键词组】关键词在title中越靠前越好。
3.页内链接带有与页面title相同的title提示,十分有利于提高页面权重我敢说这都是误导,从第一条说起。
关键词密度高,就容易造成关键词堆砌,百度自然会认为你的网站是SPAM,关键词更要平均分布,并不是集中就好,我在解答一些朋友的问题时,曾经反复说过一句话:“有始有终”,关键词也是这样,不能单单关注搜索引擎先去看的左部上方,而是这个页面都要平均分配关键词的位置。不是说头部做了一堆关键词,尾部一个关键词都没有。
第二条:一般来说,titile的前七个字是权重最高的,因此建议把主关键词放在前七个字,而keywords更不可能为放弃,没有了keyword,百度怎么知道你的网站是要描述什么东西?description虽然盛传已经被放弃,但是经过我的一些实验发现,description依然是有效的,有很多网站都在收录后,显示的是description内容,例如打开网址http://www.baidu.com/s?wd=eyeme.cn&cl=3,就是在百度中搜索“SEO俱乐部”出现在第一个的就是我的blog,你可以看到,百度索引的就是我的description,因此description同样关键。
第三条:并不是说与title有关的词就可以提高页面权重,而是主关键词的平均出现才会有价值,一般在大型门户的优化中,单页面都会带有3-5个有绝对地址链接的关键词,这是提高权重的方式,也就是我们常说的内链。
总之一句话,网站被降权并不是可怕的事,起码还没有被K,这就是复活的希望,去掉刻意优化的痕迹,加多一些原创文字,再加一些高质量链接,复活一定指日可待。
网站SEO并非一定需要静态化
在国内,很多“SEO专家”给客户网站的第一诊断结果就是要页面静态化。这倒不是因为动态页面就做不了SEO,而是相对静态页面而言,动态页面的SEO更加难做,受“SEO专家”的技术能力所限而已。
对于搜索引擎而言,在主观上对静态页面和动态页面并没有特殊的好恶,只是很多动态页面的参数机制不利于搜索引擎收录,而静态页面更容易收录而已。此外,页面静态化在一定程度上也提高了页面访问速度和系统性能及稳定性——这使得在搜索引擎优化上面,为使得效果更加明显,问题简单快速解决,大家对站点的静态化趋之若骛。
然而对于一些大型网站,静态化带来的问题和后续成本也是不容忽视的:
由于生成的文件数量较多,存储需要考虑文件、文件夹的数量问题和磁盘空间容量的问题———需要大量的服务器设备;程序将频繁地读写站点中较大区域内容,考虑磁盘损伤问题及其带来的事故防范与恢复——硬件损耗要更新、站点备份要到位;页面维护的复杂性和大工作量,及带来的页面维护及时性问题——需要一整套站点更新制度和专业的站点维护人员;站点静态化,增加了更新维护难度和网站管理人员工作强度,增加了硬件设备需求和损耗速度,增加了站点潜在的访问冲突和故障概率。对于一个大型网站而言,这都是必须考虑的问题。对于SEO优化,我们不需要真正静态化,只需要假装就可以了。动态页面也一样能够做好SEO优化。目前大多数搜索引擎基本都能收录动态页面,使用动态页面的站点数也远远大于静态页面的站点数。许多大型网站虽然网址的后缀为。htm,但其实还是动态页面,只是用了URL Rewrite的方式“欺骗”搜索引擎,真正完全静态的没有发现几个。
目前对于一个动态网站,实施相对静态化的做法基本有如下几种:
1. 伪静态,URL Rewrite方式。
2. 类似蜘蛛的方法,动态站点也存在,只是通过一个程序去抓取整个站点并保存发布为需要访问的静态站点。
不论是真静态页面还是伪静态页面,在方便搜索引擎收录这一点上,效果都是一样的。既然如此,为什么不使用效率更高的“相对静态化”的方法,以避免真正静态化所产生的诸多问题呢?
在页面更新维护问题上,即使是伪静态,也带来了不少维护的复杂性和工作量。目前较为可取的更新方式有:
触发式更新:当维护人员在后台更改某些信息后,系统自动或提供手动更新相应显示页面。独立、分片式更新:更新与维护分开,页面划分为不同的区,根据一定的规则对于区进行更新。区之间的整合与分离,有的是采用活动域,有的是采用SSI(Server Side Include)。
对于独立、分片式更新,应当是大型网站相对静态化后较为理想的更新维护模式:
1. 将各页面定义分区、编号,给定存储规则和更新规则,更新规则分为“依据数据变更更新”和“周期更新”。
2. 对于各区采用优先级的方式,并提供手工触发的即时更新,以保证部分信息的更新时间需要。
3. 静态页面替换动态页面,同时保留动态页面,并在静态页面未生成完毕时采用动态页面代替。
静态化对于网站SEO来说,应当只是一个信号,告诉搜索引擎我的站点很好收录,然后带领搜索引擎尽可能多的“浏览”站点内的内容。只要能够方便浏览和收录,不论是静态页面还是动态页面,搜索引擎都会一视同仁的去收录。
对于小网站而言,站点静态化或许是解决网站收录量的一个简便的办法,而对于大网站来说,则要认真考虑了,是不是真的有必要去做静态化,还是做一下“相对静态化”就够了。
W3C验证
W3C是英文 World Wide Web Consortium 的缩写,中文意思是W3C理事会或万维网联盟。W3C于1994年10月在麻省理工学院计算机科学实验室成立。创建者是万维网的发明者Tim Berners-Lee。 .
W3C组织是对网络标准制定的一个非赢利组织,像HTML、XHTML、CSS、XML的标准就是由W3C来定制。W3C会员(大约500名会员)包括生产技术产品及服务的厂商、内容供应商、团体用户、研究实验室、标准制定机构和政府部门,一起协同工作,致力在万维网发展方向上达成共识。
W3C CSS验证服务是由W3C制作的一个免费软件,用于帮助Web设计者检查层叠样式表(CSS)。你可以在W3C提供的免费在线服务中使用,也可以下载后作为一个Java程序或者Servlet运行在自己的机器上。
如果你是一个web开发者或者web设计人员,这个工具将是一个强大的助手,它不仅会将你所写的css文件和css的标准进行比较,帮你找出错误,笔误,误用等等,它还可以告诉你你的css中可用性上的风险。
关于DIV+CSS和XHTML+CSS的理解
WEB标准是一系列标准的集合,并不是仅“DIV+CSS”布局就可以实现。以CSS网页布局只是标准的基础之一。“DIV+CSS”布局只是一种通俗的称呼罢了。而我们学习的目标在于以XHTML建立良好的语义化的结构,结合CSS大程度使表现与内容相分离。
一位网友对W3C标准、重构与CSS布局的理解:
不知道从什么时候开始,在网络上到处可以看到div+css,到底什么是div+css呢?难道就是传说中的标准重构吗?标准从最简单的根源来说不是合理使用xhtml的标签吗?可为什么还是有这么多div+css呢?既然可以div+css,那为什么不可以叫span+css ul+css li+css等等呢?疑问,满脑子的疑问!为了这个疑问,我把自己脑子里的东西从最底层翻了一遍。
在几年前大家都是用table来布局,一层套一层,没发现什么不妥,一直用到《网站重构》这本书出来后的不久开始看到很多人讨论重构。当时的我对所谓的重构一点都不清楚,当然啦,现在还不是很清楚,至于《网站重构》这本书我也没看过几页,不敢说自己什么都了解。但就目前而言,还是有很多朋友是从table布局转变过来,也包括我自己在内。
看了网上很多教程以及很多朋友的文章或者是提到的问题,代码结构中少不了的是div。甚至看到代码结构中除了div标签在body中外,找不到其他用来处理结构的标签了。或许就是因为如此,才出现了div+css,用div来做布局,结合css来表现样式,那这样就是标准了?
是把table换成了div,把td换成ul来排列后,那其他xhtml的标签怎么办呢?
或许有朋友会说“我是用div来布局,所以要叫div+css,而且现在大家都这样叫啊”。嗯,没错,因为div在xhtml中没有语意,而且是块元素,用在布局方面比较合理。但如果因为如此而把div独立出来称呼为了div+css,貌似跟xhtml可以平起平坐了。就好比你的辈分原本就是晚辈,却跑去跟长辈争上座,太不像话了,不是吗?
说了这么多,无非是想希望大家以后不要再说div+css了,为什么不能再多打2个字母,改叫xhtml+css呢?如果觉得这样还不妥,那就叫网站重构吧,你也可以称自己为网站重构工程师,多好听的名字呢,总不能让别人叫你div+css人员吧。
在《超越CSS》中,他们还是推荐大家少用div,多合理的使用标签,不要遗忘了在xhtml中还有p,form诸多的标签。合理的使用标签,合理的页面结构才会让你的站点更容易被搜索找到重要内容。简单说吧,大家都知道hn(n=1,2,3,4,5,6)是用在标题,那p,form,table是不是也可以让他们有自己在页面结构中的一个位置呢?
以上只是个人在文字方面对网络上到处可见的div+css一些看法,文字表达方面不对的地方大家批评,但最终希望的是不要再叫div+css了,div不是主要的东西,主要的是xhtml。
XHTML标准的DIV+CSS布局对于网站SEO的影响
代码精简
使用DIV+CSS布局,页面代码精简,这一点相信对XHTML有所了解的都知道。代码精简所带来的直接好处有两点:一是提高spider爬行效率,能在最短的时间内爬完整个页面,这样对收录质量有一定好处;二是由于能高效的爬行,就会受到spider喜欢,这样对收录数量有一定好处。
表格的嵌套问题
很多SEOer在其文章中称,搜索引擎一般不抓取三层以上的表格嵌套,这一点一直没有得到搜索引擎官方的证实。我的几项实验结果没有完全出来,但根据目前掌握的情况来看,spider爬行Table布局的页面,遇到多层表格嵌套时,会跳过嵌套的内容或直接放弃整个页面。
使用Table布局,为了达到一定的视觉效果,不得不套用多个表格。如果嵌套的表格中是核心内容,spider爬行时跳过了这一段没有抓取到页面的核心,这个页面就成了相似页面。网站中过多的相似页面会影响排名及域名信任度。
而DIV+CSS布局基本上不会存在这样的问题,从技术角度来说,XHTML在控制样式时也不需要过多的嵌套。
这虽然没有得到确认,但还是建议使用Table布局的朋友们,在设计时尽可能的不要使用多层表格嵌套,SEOer们在文章中说明了这一点,相信他们也不是没有依据的。
速度问题
DIV+CSS布局较Table布局减少了页面代码,加载速度得到很大的提高,这在spider爬行时是非常有利的。过多的页面代码可能造成爬行超时,spider就会认为这个页面无法访问,影响收录及权重。
另一方面,真正的SEOer不只是为了追求收录、排名,快速的响应速度是提高用户体验度的基础,这对整个搜索引擎优化及营销都是非常有利的。
对排名的影响
基于XTHML标准的DIV+CSS布局,一般在设计完成后会尽可能的完善到能通过W3C验证。截止目前没有搜索引擎表示排名规则会倾向于符合W3C标准的网站或页面,但事实证明使用XTHML架构的网站排名状况一般都不错。这一点或许会有争议,但樂思蜀本人保持这样的观点,有异议者可以拿三组以上基本同等质量的网站对比观察。
我想,这样的情况可能不是排名规则,大的可能还是spider爬行网站时,出现以上差异导致收录质量的不同。
毕竟廖胜于无,建议建站或改版的朋友们,技术许可的情况下,还是选择DIV+CSS布局为好。
视觉冲击力形成的几种构成方式
NO.1:页面构图图形的层次性
图形和元素之间的层次感,可以达到一种在干扰视觉的同时(我们所说的这种视觉干扰就是在分散欣赏者多余视线的同时,更能注意到这一设计的主题上,为这种干扰方式所产生的图形是这个主题的辅助图形)突出自身所想体现的主题,这种表现方式往往是比较直接而且有效的方式。就如下面我引用的这个图形,图形中那些不规则的半透明元素、光线、数字、方块、以及那些放大了的机器人构成了一定的纵深感和层次性,这写元素在分散视线的同时又将欣赏者的视线集中到了中心的GUNDAM Death Scythe和下方的机器人身上.(这种设计方式是现在比较多见的一种设计方式。因为大多数的人都觉得比较COOL吧.
NO.2:页面上构图的视觉线牵引
利用色彩或者元素来牵引欣赏者的视觉,让欣赏者随着设计师的的思维去思考和观看作品,而现在存在的大多数作品都是运用点、线、面来引导,以图行和元素出现的引导方式的作品比较少见。就像下面的这个图形,视觉的中心是中间的那一条白色的色块,及当中的文字,而在上下的张图片的交接处出现的那条蓝色的线段,就在牵引欣赏者的视觉移动到图形中的文字和其他的小的图形上。
NO.3:色彩诱导、(1,色彩对比、色彩互补、色彩分散)
NO.4:明暗诱导、利用由光感折射、光感捕捉、动态光感及明暗差异性的一些共性来衬(运用图一来解释)
NO.5:瞬间捕捉、利用眼睛感官的瞬间接受、来捕捉视觉点
NO.6:抓突破点、靠突破图形图象本身的视觉平衡点来达到视觉要求运用图片素材的本身来寻找设计的突破点,依据图形自身所产生的空间感,光感,等一些突出的地方,来加以利用,从而突出设计的主题。如图 图中的电梯产生了强烈的空间感,稍加修饰一张好的平面作品就问世了。在如图片的右下角的那张图片所产生的广告和空间感。
NO.7:比例大小、(依据事物本身的比例关系,在等比的关系上追求视觉上的平衡关系、
突破事物本身的等比关系,进而推出自身的视觉重点以求突破)就如一些夸张漫画那样,一个大头小身子的人物形象,一种夸张的歪曲正常比例的方式,在不经意间往往能收来奇效
NO.8:依据欣赏者的接受能力,及平常所说的感情,利用平时生活的一些元素,充分考虑欣赏者对图形的认可能力,以自然美及突破普通接受能力的残酷美来打动欣赏者的情感, 以获得人们对图形的记忆。(这我就不多说了)
NO.9:视觉幻象、利用视觉幻象得空间感来突出整体设计的视觉中心。
NO.10: 利用抽象的表现方式在下面的俩副作品中,作者抽象的运用的色块来代表海水及陆地,运用色彩的对比突出主题的同时,也起到了一定的娱乐性,这样的作品容易让人有好感,而且比较不容易忘记。
什么是UI
UI的本意是用户界面,是英文User和 interface的缩写。从字面上看是用户与界面2个组成部分,但实际上还包括用户与界面之间的交互关系,所以这样可分为3个方向,他们分别是:用户研究、交互设计、界面设计。
1用户研究。
用户研究包含两个方面:一是可用性工程学(usability Engineering),研究如何提高产品的可用性,使得系统的设计更容易被人使用、学习和记忆;二是通过可用性工程学的研究,发掘用户的潜在需求,为技术创新提供另外一条思路和方法(consumer insight)。所以有:Usability is all about making things easier to use so people can focus more on the work and less on the tools that help them do the work.
用户研究是一个跨学科的专业,涉及可用性工程学、人类功效学、心理学、市场研究学、教育学、设计学等等学科。用户研究技术是站在人文学科的角度来研究产品,站在用户的角度介入到产品的开发和设计中。
用户研究通过对于用户的工作环境、产品的使用习惯等研究,使得在产品开发的前期能够把用户对于产品功能的期望、对设计和外观方面的要求融入到产品的开发过程中去,从而帮助企业完善产品设计或者探索一个新产品概念。
他是得到用户需求和反馈的途径,也是检验界面与交互设计是否合理的重要标准。
2交互设计。
这部分指人与机之间的交互工程,在过去交互设计也由程序员来做,其实程序员擅长编码,而不善于与最终用户交互。所以,很多的软件虽然功能比较齐全,但是交互方面设计很粗糙,繁琐难用,学习困难。使用这样的软件后,不是使人聪明与进步而是让人感到愚弄与羞辱。许多人因为不能操作电脑软件而下岗失业,这样的交互使电脑成为让人恐惧的科技怪兽。于是我们把交互设计从程序员的工作中分离出来单独成为一个学科,也就是人机交互设计。他的目的在于加强软件的易用、易学、易理解,使计算机真正成为方便地为人类服务的工具。
3 界面设计。
在漫长的软件发展中,界面设计工作一直没有被重视起来。做界面设计的人也被贬义的称为“美工”。其实软件界面设计就像工业产品中的工业造型设计一样,是产品的重要买点。一个友好美观的界面会给人带来舒适的视觉享受,拉近人与电脑的距离,为商家创造卖点。界面设计不是单纯的美术绘画,他需要定位使用者、使用环境、使用方式并且为最终用户而设计,是纯粹的科学性的艺术设计。检验一个界面的标准即不是某个项目开发组领导的意见也不是项目成员投票的结果,而是最终用户的感受。所以界面设计要和用户研究紧密结合,是一个不断为最终用户设计满意视觉效果的过程。
画好线框图的20个步骤对于任何一个开发项目来说大的错误可能就是没有计划。最近,有些人认为开始前无需计划,一个优秀的开发者需要的是随机应变。我敢肯定这样的做法最后注定是要失败的。
线框图是计划中的第一步也是最重要的一步。这是将创意转换成客户使用的程序的第一步。本文将要带你了解线框图整个的流程;包括涉及参与人员,工具等,以便您能够更好的制作计划。
1)了解自己的目标
作为一个开发人员我想大家都有马上坐下来开始编码的冲动。通常最初的想法都很简单,那么你真的可以坐下直接开始吗?答案是否定的,项目很少有那么简单的,任何有经验的人都知道这样做将会有 很多这样的那样的问题等着你。
一个线框图可以有效的提供您的工作效率。修改计划内容远比在工作开始后在更正要来得更容易。这个过程也有助于对项目更深的理解。事先作出计划,提出问题、意见,以便解决问题。
最终制定一个工作计划,规划设计者,开发者,工程师以及项目经理各自的工作内容,并且要保证各个环节的配合。
2)重功能,轻外观
计划展示的效果不同主要体现在所采用工具的多样性。其实从根本上说都是介绍有关功能部分的应用,例如,一个网页将有3个文本框和2个按钮。 这是功能而不是形式。
在Howard Baines我们严格按照这一原则进行,并且我们的线框图只包括一些功能要素(线框,按钮,下拉菜单等)。我们忽略任何视觉和布局的东西。其他人可能会做的更多一些,包括了布局和其他视觉的元素。这取决于你自己。
3)积累自身经验
并不一定要求您具备设计和开发的能力,而需要的是在网页应用或者网站上的经验。当然经验越丰富越好,并且你不需去理解关系型数据库只要画线框。
4)确定负责人
确保有人对整个计划负责。他们负责跟进和管理反馈,变化等。如果一个项目,那么通常负责人是发起人,因为他们更清楚目标所在。如果为客户提供服务,我们将会负责计划的进程。不管是谁,只要有人负责。
5)涉及每个人
也许不是第一次会议,必须在纸上锁定一个简单的方案并且是涉及关键利益者的想法。很少,参与的人们加快设计进程。同时,线框图的开发涉及你的团队和客户团队。例如,你正在用你现有的数据库整合你的应用程序或者网站,然后确保数据库所有者可以检测所有数据库中的数据字段在你把他们加入到你的线框之前。收集用户的传真号码如果无处存放是不好的。同水平的设计师对用户体验有很好的理解,并且在早期流动时会存在潜在的问题。
6)完成期限
预先留出时间和交付期限,对保持项目运行是非常重要的。最初线框图会议可以是一天或是几天,具体取决于应用程序的大小,但都需设定一个时期并且坚持下去。会后按记录跟进,以保持项目进程。
7)保持清洁
如果一个特别的网页要求两个文本框和一个按钮,那么只要有这些即可,不多不少。
8)避免设计的线框图太多
线框图只要阐述如何达到所需功能,不包括任何介绍和设计的内容。应尽量避免任何有关设计的内容,这样很容易分散客户的注意力。例如:为了更生动而增加一些蓝色,那么有可能需要半小时的时间 去解释关于蓝色的用意。这些设计的内容应该是设计师的工作。
9)记住用户界面不是用户体验
想一些使用的介绍方法是极其诱人,比如AJAX。注意:线框图是关于功能元素而不是方案展示或者互动的方法。为了更直观的展示应用,应尽量避免AJAX,应侧重于线框图。
10)想想用户
这是很显然的,但是在规划线框图过程中还是很容易忽略这一点。我们的重点是功能,但是同样要考虑用户的体验。例如,如果你做了一个三页长的注册表单,可能发现很多人都是无法完成的。
11)不要懒惰
我们常听到:登陆页面是简单,可以不用写在线框图内。确保线框图包含计划的所有内容。在项目的末尾你应该有一个详细的说明。每一步都不应被忽略。
12)将线框图分成几个部分
一个网站地图或者应用被经常分为几个部分,比如新闻,产品,和用户账户。这样做更容易理解。
13)页面的数量
一个网页的应用往往包含了若干程序;结算就是一个很好的例子。通常是线性的,但是有时用户会选择不同步骤,例如跳过一步。显然你文档中的一些页面和页面中的标签(例如点击按钮)让用户跳转。
14)重复性
应用中的一致性可以有效地帮助用户,开发和设计者。组的重复元素是一件好事。例如,无论用户输入一个地址,将会是同样的地方在同样的命令。在规划线框图时就可以将其表示出来。
15)全部检查是有意义的
最终文档应该让任何人都能简单的操作。如果只是一个开发可以理解你的线框图,那么肯定是有问题的。最后问一下对这个项目什么都没有做的人,他们是否能理解。
16)广告也是功能
很多网站都有收费广告,这可能和google的广告一样简单,但他是功能而不是设计,所以也包括在内。
17)这不仅仅是公开网站
很多网站有一个管理区域用来管理内容,浏览注册用户概况,重设密码等。这个功能许多人都用不到,但是也很重要。很多时候这可能包含一些不公开的数据(例如用户账户启用按钮)。这对于开发在设计数据库时是很重要的信息。
18)知道什么时候结束
确保所有的利益相关者有机会去给反馈,但不把这种锻炼成画西斯廷教堂。通常情况下,可以说三步就能把工作确定下来。第一,把想法写在纸上;第二,从其他人那里得到反馈意见,比如,开发和设计者;第三定稿。
19)选择正确的工具
用纸和笔比用电脑更能抓住你的想法和创意。一旦你开始设计你的文档我们建议使用你更喜欢的工具。例如,开发者可以用Microsoft Visio,项目经理用PowerPoint,设计者用AdobeFireworks。
我认为线框图应该是一篇文档而不仅仅是交互交流(像设计,可能被分散注意力)因此设计html可能不是好的。
有很多线框图的工具,例如Balsamiq提供环境帮助很快的增加和自定义普遍的界面元素。他们可以给它一个手绘的感觉,提供一个视觉工具而不是真正开始的设计。
20)考虑相依性
每个人都知道一个购物车的流程是什么吧?因此很容易画成线框图并且放在一边。如果你用第三方支付工具例如PayPal?那么也许影响部分网站的工作。研究相依性,做出相应的修改。这在开始时更容易做到。
希望这篇文章可以提供一个清晰的画线框的思路,谁参与,如何完成,工具如何使用,最后的输出怎么样。最终的事情是,好的完整的线框可以节省你的时间。
用户体验设计
一、什么是用户体验设计?用户体验设计的名词解释
用户体验(User Experience,简称UE)是一种纯主观的在用户使用一个产品(服务)的过程中建立起来的心理感受。因为它是纯主观的,就带有一定的不确定因素。个体差异也决定了每个用户的真实体验是无法通过其他途径来完全模拟或再现的。但是对于一个界定明确的用户群体来讲,其用户体验的共性是能够经由良好设计的实验来认识到。
用户体验主要是来自用户和人机界面的交互过程。在早期的软件设计过程中,人机界面被看做仅仅是一层包裹于功能核心之外的“包装”而没有得到足够的重视。其结果就是对人机界面的开发是独立于功能核心的开发,而且往往是在整个开发过程的尾声部分才开始的。这种方式极大地限制了对人机交互的设计,其结果带有很大的风险性。因为在最后阶段再修改功能核心的设计代价巨大,牺牲人机交互界面便是唯一的出路。这种带有猜测性和赌博性的开发几乎是难以获得令人满意的用户体验。至于客户服务,从广义上说也是用户体验的一部分,因为它是同产品自身的设计分不开的。客户服务更多的是对人员素质的要求,而已经难以改变已经完成并投入市场的产品了。但是一个好的设计可以减少用户对客户服务的需要,从而减少公司在客户服务方面的投入,也降低由于客户服务质量引发用户流失的机率。
现在流行的设计过程注重以用户为中心。用户体验的概念从开发的最早期就开始进入整个流程,并贯穿始终。其目的就是保证(1)对用户体验有正确的预估(2)认识用户的真实期望和目的(3)在功能核心还能够以低廉成本加以修改的时候对设计进行修正(4)保证功能核心同人机界面之间的协调工作,减少BUG。
在具体的实施上,就包括了早期的focus group(焦点小组),contextual interview,和开发过程中的多次usability study(可用性实验),以及后期的user test(用户测试)。在设计--测试--修改这个反复循环的开发流程中,可用性实验为何时出离该循环提供了可量化的指标。
二、用户体验设计师的职责主要有哪些?
用户体验设计师——user experience design,国外叫UXD,国内也简称UE设计。
我们来分析一则国外的UE设计师招聘要求,看看你还需要欠缺什么吧:
我们正在寻找一名高级用户体验设计师加入我们的产品设计团队。
We are looking for someone to join our growing Product Design group as a sr.
user experience designer.
指责包括产品创新,界面视觉引导,原型设计,与开发一起推动设计实现。
Responsibilities include producing innovative,visually appealing human interface designs; creating design prototypes;working with developers to make designs a reality.
我们需要这个人可以独立工作,和团队成员合作,交流各种想法,画出原型,参与产品整个的周期。
We need someone who can work independently, engage team members, communicate ideas, create prototypes, and finally work with team members throughout the release cycle of the product. This position reports to the Principal Designer.
日常的工作包括:Day-to-Day Activities:
* 基于人机交互、图形化设计、界面设计和其他相关理论,进行设计。
Generate designs based on common sets of HCI, graphic design, interface design and other relevant theories
* 画出不同层次的原型:纸上的,框架的,可交互的网页,Flash的。
Create prototypes at different levels of fidelity: paper, wireframe,interactive HTML, and Flash
* 到不同的部门演示概念和想法,组织反馈意见。
Present ideas and concepts to x-functional teams and incorporate feedback accordingly
* 生成视觉元素比如icon,边框,用户控件,窗口规范,图形化的布局
Create visual elements such as icons, borders, custom widgets, window treatments, and graphical layouts
* 同产品设计团队合作去发展一些重要附加值的概念,还有修订产品。
Collaborate with Product Design team to develop concepts of key additions and edits for the product
* 同商业方面的专家、市场部沟通,确认设计并得到认可。
Communicate designs to business specialists and marketing team members for validation and buy-in.
* 同开发人员沟通,提供明确的定义和执行的方向。
Communicate designs to development and provide definition and direction during implementation
* 同质量控制部门沟通,提供在测试阶段需要的清晰理解。
Communicate designs to quality control and provide clarifications during the testing phase
* 同首席设计师和产品设计团队一起工作,符合内部设计流程和标准。
Work with Principal Designer and Product Design team to evolve internal design process and standards.
* 需要1/10的时间出差。
This job requires 10% travel
资格条件:Qualifications & Requirements:
* 在应用程序的交互设计方面(界面设计,产品设计)有4-5年的工作经验。在web应用和桌面应用方面有扎实的经验。
4-5 years experience in application interaction design (UI Design, Product Design); solid experience with both web applications (not web sites) and desktop applications
* 设计、人机交互、可用性专业或者可以展示对设计的理解、交互设计理论和实践的能力。
Education in design, HCI, usability or ability to display formal understanding of design and HCI theory and practice
* 理解室内产品设计的生命周期。
Understand in-house product design lifecycle
* 优秀的交流技巧:书写和口头。
Good communication skills: written and verbal
* 了解基于浏览器和客户端的技术(HTML, Java, Flash,.NET)。
Knowledge of browser-based and desktop technologies (HTML, Java, Flash,.NET)
* 原型技术,包括DHTML, Dream Weaver, Flash或类似的。
Prototyping skills using DHTML, Dream Weaver, Flash, or similar
* 有开发和运行可用性测试的经验。
Experience with developing and running usability testing
* 有行业研究经验(Cooper的目标导向设计方法优先)
Experience with field research (goal-directed method by Cooper is preferred).
* 可以使用设计过程描述清楚问题如何产生以及如何解决,无论是独立工作还是和团队一起。
Should demonstrate ability to use design processes for problem definition and solution creation while working individually and with a group
* 可以创造出图形元素:icon,控件,窗口,边框,数据布局。
Ability to create graphical elements: icons, widgets, windowing and boarders, data layout
如何理解用户体验设计和其他概念的区别
可以看到在很多层面上UX(用户体验设计师)和IA (信息架构设计师)以及UE(使用性测试专家)的职责都是重合的。这里我把ux和ue的缩写分开了,为了能够更清楚的区分。
在我加入的交互设计师讨论组里,国外的设计师也在对这些名字,职责等讨论不休,管理员几次制止无意义的名称讨论都不能够,呵呵。其实大家遇到了很相似的问题。有一个得到大多数人认同的一件就是广义的IA其实可以就是UX。不知道你们是否同意?
其实我觉得我们应该仔细讨论一下每一个参与UI设计的人员的不同的分工和合作方式,至于叫什么名字并不重要,我们可以用主要参与XXX工作的人员来指代,我觉得这样是不是清楚一些?
广义的IA其实可以就是UX?
同意~
其实列这个帖子不是想那UX和IA的职责区分清楚,作为一个新的领域,分工还没法做到这么的细致~只是想,UX,IA到底要做哪些工作,怎样的工作方式,在产品开发团队里处于怎样的位置。因为UX要把公司的战略推广到用户那里去,又研究HCI,用户心理,是公司和用户的沟通桥梁,这样的一个桥梁,在公司处于什么地位,怎样的开展工作。。
看了这些招聘的职位描述,感觉还是有些收获的~
关于大 IA 小 IA 的讨论前段时间在交互设计师讨论组里很火,然后看到了一些成员们写的和推荐的文章。首先Peter Morville 的一篇叫做 Big Architect, Little Architect 的文章里提出大IA实际上就像乐队指挥或者电影导演一样指导着整个团队的用户研究方向。而 Peter Boersma 则进一步在他的blog中写道是时候将大IA重新命名为用户体验了。
我个人非常同意这个观点。其实UX相当于整个团队用户界面方面的灵魂人物,全面负责界面的整体使用性和用户体验。
Peter Boersma 并且总结了一个T 字模型:
IA 的纵向横向显然是有重叠的。纵向其实就是以前所讲的小IA,包括浏览,命名,内容等等。而这些和交互设计(interaction design ), 市场营销 (Marketing)以及文案撰写 (copyrighting)都是有重叠的。而小IA再往深了走,就牵扯到了更技术化的IA,包括搜索,元数据 (Metadata)和控制性词汇(controlled vacabulary)等。
那么如果我们从一个交互设计师的角度去看这个T模型,交互设计的纵向又和IA是平行的,而他们所要求的横向呢,其实和IA的是一样的,这样将来实际上对于使用性测试人员和文案撰写人员,视觉界面设计师等都是相同的情况:
这样,实际上这个覆盖了各个纵向的横向的领域就是User Experience:
我个人认同这个对于UX的工作的定位。实际上由于这个模型是从是IA的人提出的,所以讲大IA 和小IA, 如果是做图形界面出身的人员,这个模型就会变成大UI和小UI了。正如国内总是把图形界面设计叫做UI,我觉得这个GUI其实就相当于小UI,也就是从IA角度出发的小IA。
我们很多人可能都是某一个纵向的小分支做出来在进入到横向的全面的领域的。理想的状态下从事UX的人员应该具有横向的宏观调控能力以及某一个纵向的技术背景。
如何管理用户体验设计
用户体验设计目标是什么?最重要的是要让产品有用,这个有用是指用户的需求。苹果90年代出来第一款PDA手机,叫牛顿,是非常失败的一个案例。在那个年代,其实很多人并没有PDA的需求,苹果把90%以上的投资放到他1%的市场份额上,所以失败势在必然。
其次是易用,这非常关键。不容易使用的产品,也是没用的。市场上手机有一百五十多种品牌,每一个手机有一两百种功能,当用户买到这个手机的时候,他不知道怎么去用,一百多个功能他真的可能用的就五、六个功能。当他不理解这个产品对他有什么用,他可能就不会花钱去买这个手机。产品要让用户一看就知道怎么去用,而不要去读说明书。这也是设计的一个方向。
设计的下一个方向就是友好。最早的时候,加入百度联盟,百度批准后,发这样一个邮件:百度已经批准你加入百度的联盟。批准,这个语调让人非常非常难受。所以现在说:祝贺你成为百度联盟的会员。文字上的这种感觉也是用户体验的一个细节。
视觉设计的目的其实是要传递一种信息,是让产品产生一种吸引力。是这种吸引力让用户觉得这个产品可爱。“苹果”这个产品其实就有这样一个概念,就是能够让用户在视觉上受到吸引,爱上这个产品。视觉能创造出用户黏度。
前四者做好,就融会贯通上升到品牌。这个时候去做市场推广,可以做很好的事情。前四个基础没做好,推广越多,用户用得不好,他会马上走,而且永远不会再来。他还会告诉另外一个人说这个东西很难用。
用户体验设计经常犯的错误是,直接开发直接上线。很多人说,互联网作为一个实验室,我一上线就可以知道结果了。这当然也是一个正确的理念。但是在上线之前有太多的错误,那么就会大大地影响事态结局。一开始的时候就能很准确地作出一些判断,作出一些取舍,在互联网这个实验室里,才能够做得更好。
用户需求是根本,但用户需求不一定是功能

当前文章:SEO网站优化之DIV+CSS
URL链接:https://www.cdcxhl.com/news10/230510.html

成都网站建设公司_创新互联,为您提供网站建设品牌网站制作品牌网站设计虚拟主机定制开发响应式网站

广告

声明:本网站发布的内容(图片、视频和文字)以用户投稿、用户转载内容为主,如果涉及侵权请尽快告知,我们将会在第一时间删除。文章观点不代表本网站立场,如需处理请联系客服。电话:028-86922220;邮箱:631063699@qq.com。内容未经允许不得转载,或转载时需注明来源: 创新互联

h5响应式网站建设