SEO是通过采用易于搜索引擎索引的合理手段,使网站对用户和搜索引擎更友好(SearchEngineFriendly),从而更容易被搜索引擎收录及优先排序。搜索引擎优化是一种搜索引擎营销指导思想,而不仅仅是对百度和google等的排名。搜索引擎优化工作贯穿网站策划、建设、维护全过程的每个细节,值得网站设计、开发和推广的每个参与人员了解其职责对于SEO效果的意义。
SEO仅仅只是网络营销的一种手段,一定不要为了SEO而SEO。
现在业界比较普遍的看法是UE(用户体验)第一SEO第二,最终达到UE与SEO的统一。因为搜索引擎最终的意愿是尊重用户的选择,也就是用户觉得好的网站排在前列!所以学习SEO的最终目的是忘记SEO。
从用户体验的角度来看看SEO的大势所趋
在SEO中常常会提及到用户体验优化这个概念,什么是用户体验优化呢?简单点说就是通过优化网页让网页更适合用户使用。
我记得一开始接触“用户体验”这个概念的时候满不以为然,什么叫做用户体验?百度能知道你的网站受不受用户欢迎?搜索引擎只是机器而已,它能懂什么啊?但是经过几个月的观察和学习,我发觉事情并不是这样的。
这里我们回归到最原始的一点去思考问题,搜索引擎的初衷是什么?搜索引擎就是要给出用户想要的网站,用户喜欢的网站。那么无可厚非,一个用户体验好的网站理应是受欢迎的,既然受用户的欢迎那么排在前面那是应该的。架设两个网站内容上差别不大,一个网站弹窗N个,另外一个网站界面干净,你说搜索引擎会喜欢那个网站。
请认真阅读:这些内容十分重要
当我领悟到这一点之后,在建立新站的时候,我就开始越来越注重网站的整体设计以及用户体验了。经过几个月的排名升降洗礼,我越来越认识到用户体验的重要性,还有一个没有权重的新站不要SEO的太明显,适当即可,不然排名上去了也是很容易掉下来的。
搜索引擎的算法在不断进步,SEOer想要跟上步伐只能从搜索引擎最根本的初衷出发去思考问题。
注意搜索引擎优化SEO的几点忌讳
SEO必须掌握好度,优化得不够,则效果不理想,优化过度,则会被搜索引擎惩罚。其中的技巧,我不甚了解,不过因多次被搜索引擎惩罚,我也逐渐发现了一些优化的忌讳。
一、标题
标题针对关键词的写法上,建议一个网页对应1-2个关键词即可,网页的正文内容要与网页标题的主题高度吻合。
网页标题切忌频繁更改。一个不稳定的网站,百度是不会喜欢的,在建站之初,就应该把网站的各个细节都考虑好,一旦建立,便不再轻易更改。
二、采集
三、内部链接
很多的SEO工程师都知道,一个网站中有某些网页的权重特别高,喜欢在权重高的网页上堆切大量的关键词链接。
不可否认,在权重高的网站页面上加重点的关键词链接对目标关键词的搜索引擎排名提升会起到帮助,但是在权重高的网页堆积了过量的关键词链接,也会被搜索引擎处罚。
建议对于高权重的网页放置重点目标关键词链接,不要超过10个,而且这些链接放置的位置也是相当重要!
四、keywords和description
关于keywords和description标签在搜索引擎优化中的作用,基本上被主流的搜索引擎算法降低为0或者非常低。在keywords和description上堆积关键词的优化方法,只会起到负面的搜索引擎优化反应。
搜索引擎根据什么条件去判断一个网站是否存在SEOSPAM,虽说我们没有得到官方权威的信息。但是我们依然可以根据实践经验,得到一些重要的信息。不要刻意强调搜索引擎优化技术中某个环节的重要,要讲求平衡。所以,自然的搜索引擎优化才不会出现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%,首先就保证了搜索引擎不把咱们当做作弊,那么剩下的咱们就可以通过其他的方式来弥补。毕竟这里在网站的整个优化过程中权重是有限的。
蜘蛛在抓取页面时的方向
图片的Alt属性
咱们应该都知道蜘蛛是不能直接识别图片的。这里咱们就必须使用alt属性了,因为alt属性不仅能帮助蜘蛛来识别图片,同时也是蜘蛛识别咱们网页图片的唯一方法了。同时合理的使用alt属性,也能提高一下咱们关键词在页面的比例。
关键字的位置
链接的锚文本
CSS+DIV网站优化(seo)
1)一个网站要有好的seo优化效果,建议先使用一套标准化的css+div布局网站,注意语义标签的使用;
2)网站完工后要向各大搜索引擎网站登陆然后向Google提交sitemap;
4)写好网站的robots.txt;
5)在关键字的地方使用标签定义,例如在主关键字用
、次关键字用….;
6)在
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、导航:主导航条要醒目,清晰,而且最好采用文本链接,少采用图片。
5、首页突出重要内容:除了主栏目,还应该将次级目录中的重要内容以链接的方式在首页或其它子页中多次呈现,以突出重点。
6、使用网站地图:多采用文本链接,不用或少用修饰性图片,以加快页面加载速度。需要注意,网站地图也要突出重点,尽量给出主干性内容及链接,而不是所有细枝末节。一页内不适宜放太多链接。Google明确提出“如果网站地图上的链接超过大约100个,则最好将网站地图拆成多个网页”。
7、图像优化:一般而言,搜索引擎只识读文本内容,对图像是不可见的。同时
8、网页减肥:一个页面的文件大小在15K左右,最好不要超过50K。
9、网页标题和标签的设计:
标题:
title简短精炼,高度概括,含有关键词,而不是只有一个公司名。但关键词不宜过多,不要超过3个词组。企业网站的title通常以公司名+关键词为内容;前几个词对搜索引擎最重要,因此关键词位置尽量靠前;最好将title组织成符合语法结构和阅读习惯的短句或短语,避免无意义的词组罗列式title。
关键词:尽量使用网页出现内容的关键词。(关键词的选择另行说明)
11、网站导出链接:网站的导出链接尽量采用文本,文本内包含网站的关键词。
四、网站维护优化
1、网站内容的更新:在网站后台设置便于网站前台内容的更新。
2、网站会员资料的收集:在网站后台设置有利于收集网站会员资料的功能,以利于以后开展会员制营销。
4、网站统计工具:网站最好后台安装一个统计工具,推荐51la统计工具。便于分析网站营销效果和监测网站流量。
谈谈百度的优化与降权
百度的这次大规模更新,相信是几家欢喜几家忧。
更新后有很多网站获得了不错的排名,但是也有不少网站被降权甚至被K。今天群里有位朋友告诉我,自己的网站被百度降权,因为他的主关键词根本没有排名,且没有任何来自百度的流量。
今天对朋友的站是否真的被降权暂且不提,先说一下百度的反SPAM标准吧。
我记得以前百度是公开反SPAM原则的,但是昨天忽然发现这个标准已经被关闭,或许是因为百度算法调整后,反SPAM原则更改的原因吧。SPAM的原意是指垃圾邮件,引申在搜索引擎方面就是对搜索引擎的欺骗行为了。反SPAM就是为了Userexperience(用户体验),百度的标准是,用户体验高于一切,其他任何SPAM行为都将遭到封杀。
如果以上的这些你都没有做过,那就有可能是百度的“连坐措施”了,假如你的站链接了一个作弊的网站,而这个站被K后,搜索引擎可能会被认为是你在辅助这个站作弊,因此你的站也会受到牵连,解决办法只有一个,赶紧取消这个链接,然后语意诚恳的写信给百度管理员,请他复查。不过如果你没有链接作弊站,而作弊站单方链接到你这边,那没关系,也不会收到牵连。
百度是非常注重你的站的实际价值的,过量的新闻采集也会导致网站被降权,做一个网站,哪怕信息很少,但是每一篇都是原创,那你的站权重一定低不到那里去的。
有些网上的资料是这样写的
1.百度首先看中的是内文关键词密度和分布。与其他搜索引擎不同的是,百度更喜欢关键词密度较高,关键词位置较集中的页面
2.baidu没有放弃title标签,但已经放弃keywords和description。title标签的位置和长度对搜索结果有较大影响:
title长度越短越好【不鼓励在每个标题后加网站名字或关键词组】
关键词在title中越靠前越好。
3.页内链接带有与页面title相同的title提示,十分有利于提高页面权重
我敢说这都是误导,从第一条说起。
第三条:并不是说与title有关的词就可以提高页面权重,而是主关键词的平均出现才会有价值,一般在大型门户的优化中,单页面都会带有3-5个有绝对地址链接的关键词,这是提高权重的方式,也就是我们常说的内链。
总之一句话,网站被降权并不是可怕的事,起码还没有被K,这就是复活的希望,去掉刻意优化的痕迹,加多一些原创文字,再加一些高质量链接,复活一定指日可待。
网站SEO并非一定需要静态化
在国内,很多“SEO专家”给客户网站的第一诊断结果就是要页面静态化。这倒不是因为动态页面就做不了SEO,而是相对静态页面而言,动态页面的SEO更加难做,受“SEO专家”的技术能力所限而已。
对于搜索引擎而言,在主观上对静态页面和动态页面并没有特殊的好恶,只是很多动态页面的参数机制不利于搜索引擎收录,而静态页面更容易收录而已。此外,页面静态化在一定程度上也提高了页面访问速度和系统性能及稳定性——这使得在搜索引擎优化上面,为使得效果更加明显,问题简单快速解决,大家对站点的静态化趋之若骛。
然而对于一些大型网站,静态化带来的问题和后续成本也是不容忽视的:
由于生成的文件数量较多,存储需要考虑文件、文件夹的数量问题和磁盘空间容量的问题———需要大量的服务器设备;
程序将频繁地读写站点中较大区域内容,考虑磁盘损伤问题及其带来的事故防范与恢复——硬件损耗要更新、站点备份要到位;
页面维护的复杂性和大工作量,及带来的页面维护及时性问题——需要一整套站点更新制度和专业的站点维护人员;
站点静态化,增加了更新维护难度和网站管理人员工作强度,增加了硬件设备需求和损耗速度,增加了站点潜在的访问冲突和故障概率。对于一个大型网站而言,这都是必须考虑的问题。
对于SEO优化,我们不需要真正静态化,只需要假装就可以了。动态页面也一样能够做好SEO优化。
目前大多数搜索引擎基本都能收录动态页面,使用动态页面的站点数也远远大于静态页面的站点数。
许多大型网站虽然网址的后缀为。htm,但其实还是动态页面,只是用了URLRewrite的方式“欺骗”搜索引擎,真正完全静态的没有发现几个。
目前对于一个动态网站,实施相对静态化的做法基本有如下几种:
1.伪静态,URLRewrite方式。
2.类似蜘蛛的方法,动态站点也存在,只是通过一个程序去抓取整个站点并保存发布为需要访问的静态站点。
不论是真静态页面还是伪静态页面,在方便搜索引擎收录这一点上,效果都是一样的。既然如此,为什么不使用效率更高的“相对静态化”的方法,以避免真正静态化所产生的诸多问题呢?
在页面更新维护问题上,即使是伪静态,也带来了不少维护的复杂性和工作量。目前较为可取的更新方式有:
触发式更新:当维护人员在后台更改某些信息后,系统自动或提供手动更新相应显示页面。
独立、分片式更新:更新与维护分开,页面划分为不同的区,根据一定的规则对于区进行更新。区之间的整合与分离,有的是采用活动域,有的是采用SSI(ServerSideInclude)。
对于独立、分片式更新,应当是大型网站相对静态化后较为理想的更新维护模式:
1.将各页面定义分区、编号,给定存储规则和更新规则,更新规则分为“依据数据变更更新”和“周期更新”。
3.静态页面替换动态页面,同时保留动态页面,并在静态页面未生成完毕时采用动态页面代替。
静态化对于网站SEO来说,应当只是一个信号,告诉搜索引擎我的站点很好收录,然后带领搜索引擎尽可能多的“浏览”站点内的内容。只要能够方便浏览和收录,不论是静态页面还是动态页面,搜索引擎都会一视同仁的去收录。
对于小网站而言,站点静态化或许是解决网站收录量的一个简便的办法,而对于大网站来说,则要认真考虑了,是不是真的有必要去做静态化,还是做一下“相对静态化”就够了。
W3C验证
W3C是英文WorldWideWebConsortium的缩写,中文意思是W3C理事会或万维网联盟。W3C于1994年10月在麻省理工学院计算机科学实验室成立。创建者是万维网的发明者TimBerners-Lee。.
W3C组织是对网络标准制定的一个非赢利组织,像HTML、XHTML、CSS、XML的标准就是由W3C来定制。W3C会员(大约500名会员)包括生产技术产品及服务的厂商、内容供应商、团体用户、研究实验室、标准制定机构和政府部门,一起协同工作,致力在万维网发展方向上达成共识。
W3CCSS验证服务是由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+cssul+cssli+css等等呢?
疑问,满脑子的疑问!为了这个疑问,我把自己脑子里的东西从最底层翻了一遍。
在几年前大家都是用table来布局,一层套一层,没发现什么不妥,一直用到《网站重构》这本书出来后的不久开始看到很多人讨论重构。当时的我对所谓的重构一点都不清楚,当然啦,现在还不是很清楚,至于《网站重构》这本书我也没看过几页,不敢说自己什么都了解。但就目前而言,还是有很多朋友是从table布局转变过来,也包括我自己在内。
是把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的影响
代码精简
表格的嵌套问题
使用Table布局,为了达到一定的视觉效果,不得不套用多个表格。如果嵌套的表格中是核心内容,spider爬行时跳过了这一段没有抓取到页面的核心,这个页面就成了相似页面。网站中过多的相似页面会影响排名及域名信任度。
而DIV+CSS布局基本上不会存在这样的问题,从技术角度来说,XHTML在控制样式时也不需要过多的嵌套。
速度问题
DIV+CSS布局较Table布局减少了页面代码,加载速度得到很大的提高,这在spider爬行时是非常有利的。过多的页面代码可能造成爬行超时,spider就会认为这个页面无法访问,影响收录及权重。
另一方面,真正的SEOer不只是为了追求收录、排名,快速的响应速度是提高用户体验度的基础,这对整个搜索引擎优化及营销都是非常有利的。
对排名的影响
基于XTHML标准的DIV+CSS布局,一般在设计完成后会尽可能的完善到能通过W3C验证。截止目前没有搜索引擎表示排名规则会倾向于符合W3C标准的网站或页面,但事实证明使用XTHML架构的网站排名状况一般都不错。这一点或许会有争议,但樂思蜀本人保持这样的观点,有异议者可以拿三组以上基本同等质量的网站对比观察。
我想,这样的情况可能不是排名规则,最大的可能还是spider爬行网站时,出现以上差异导致收录质量的不同。
毕竟廖胜于无,建议建站或改版的朋友们,技术许可的情况下,还是选择DIV+CSS布局为好。
视觉冲击力形成的几种构成方式
NO.1:页面构图图形的层次性
图形和元素之间的层次感,可以达到一种在干扰视觉的同时(我们所说的这种视觉干扰就是在分散欣赏者多余视线的同时,更能注意到这一设计的主题上,为这种干扰方式所产生的图形是这个主题的辅助图形)突出自身所想体现的主题,这种表现方式往往是比较直接而且有效的方式。就如下面我引用的这个图形,图形中那些不规则的半透明元素、光线、数字、方块、以及那些放大了的机器人构成了一定的纵深感和层次性,这写元素在分散视线的同时又将欣赏者的视线集中到了中心的GUNDAMDeathScythe和下方的机器人身上.(这种设计方式是现在比较多见的一种设计方式。因为大多数的人都觉得比较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用户研究。
用户研究包含两个方面:一是可用性工程学(usabilityEngineering),研究如何提高产品的可用性,使得系统的设计更容易被人使用、学习和记忆;二是通过可用性工程学的研究,发掘用户的潜在需求,为技术创新提供另外一条思路和方法(consumerinsight)。所以有:Usabilityisallaboutmakingthingseasiertousesopeoplecanfocusmoreontheworkandlessonthetoolsthathelpthemdothework.
用户研究是一个跨学科的专业,涉及可用性工程学、人类功效学、心理学、市场研究学、教育学、设计学等等学科。用户研究技术是站在人文学科的角度来研究产品,站在用户的角度介入到产品的开发和设计中。
用户研究通过对于用户的工作环境、产品的使用习惯等研究,使得在产品开发的前期能够把用户对于产品功能的期望、对设计和外观方面的要求融入到产品的开发过程中去,从而帮助企业完善产品设计或者探索一个新产品概念。
他是得到用户需求和反馈的途径,也是检验界面与交互设计是否合理的重要标准。
2交互设计。
这部分指人与机之间的交互工程,在过去交互设计也由程序员来做,其实程序员擅长编码,而不善于与最终用户交互。所以,很多的软件虽然功能比较齐全,但是交互方面设计很粗糙,繁琐难用,学习困难。使用这样的软件后,不是使人聪明与进步而是让人感到愚弄与羞辱。许多人因为不能操作电脑软件而下岗失业,这样的交互使电脑成为让人恐惧的科技怪兽。于是我们把交互设计从程序员的工作中分离出来单独成为一个学科,也就是人机交互设计。他的目的在于加强软件的易用、易学、易理解,使计算机真正成为方便地为人类服务的工具。
3界面设计。
在漫长的软件发展中,界面设计工作一直没有被重视起来。做界面设计的人也被贬义的称为“美工”。其实软件界面设计就像工业产品中的工业造型设计一样,是产品的重要买点。一个友好美观的界面会给人带来舒适的视觉享受,拉近人与电脑的距离,为商家创造卖点。界面设计不是单纯的美术绘画,他需要定位使用者、使用环境、使用方式并且为最终用户而设计,是纯粹的科学性的艺术设计。检验一个界面的标准即不是某个项目开发组领导的意见也不是项目成员投票的结果,而是最终用户的感受。所以界面设计要和用户研究紧密结合,是一个不断为最终用户设计满意视觉效果的过程。
画好线框图的20个步骤
对于任何一个开发项目来说最大的错误可能就是没有计划。最近,有些人认为开始前无需计划,一个优秀的开发者需要的是随机应变。我敢肯定这样的做法最后注定是要失败的。
线框图是计划中的第一步也是最重要的一步。这是将创意转换成客户使用的程序的第一步。本文将要带你了解线框图整个的流程;包括涉及参与人员,工具等,以便您能够更好的制作计划。
1)了解自己的目标
作为一个开发人员我想大家都有马上坐下来开始编码的冲动。通常最初的想法都很简单,那么你真的可以坐下直接开始吗?答案是否定的,项目很少有那么简单的,任何有经验的人都知道这样做将会有很多这样的那样的问题等着你。
一个线框图可以有效的提供您的工作效率。修改计划内容远比在工作开始后在更正要来得更容易。
这个过程也有助于对项目更深的理解。事先作出计划,提出问题、意见,以便解决问题。
最终制定一个工作计划,规划设计者,开发者,工程师以及项目经理各自的工作内容,并且要保证各个环节的配合。
2)重功能,轻外观
计划展示的效果不同主要体现在所采用工具的多样性。其实从根本上说都是介绍有关功能部分的应用,例如,一个网页将有3个文本框和2个按钮。这是功能而不是形式。
在HowardBaines我们严格按照这一原则进行,并且我们的线框图只包括一些功能要素(线框,按钮,下拉菜单等)。我们忽略任何视觉和布局的东西。其他人可能会做的更多一些,包括了布局和其他视觉的元素。这取决于你自己。
3)积累自身经验
并不一定要求您具备设计和开发的能力,而需要的是在网页应用或者网站上的经验。当然经验越丰富越好,并且你不需去理解关系型数据库只要画线框。
4)确定负责人
确保有人对整个计划负责。他们负责跟进和管理反馈,变化等。如果一个项目,那么通常负责人是发起人,因为他们更清楚目标所在。如果为客户提供服务,我们将会负责计划的进程。不管是谁,只要有人负责。
5)涉及每个人
也许不是第一次会议,必须在纸上锁定一个简单的方案并且是涉及关键利益者的想法。很少,参与的人们加快设计进程。同时,线框图的开发涉及你的团队和客户团队。例如,你正在用你现有的数据库整合你的应用程序或者网站,然后确保数据库所有者可以检测所有数据库中的数据字段在你把他们加入到你的线框之前。收集用户的传真号码如果无处存放是不好的。同水平的设计师对用户体验有很好的理解,并且在早期流动时会存在潜在的问题。
6)完成期限
7)保持清洁
如果一个特别的网页要求两个文本框和一个按钮,那么只要有这些即可,不多不少。
8)避免设计的线框图太多
9)记住用户界面不是用户体验
想一些使用的介绍方法是极其诱人,比如AJAX。注意:线框图是关于功能元素而不是方案展示或者互动的方法。为了更直观的展示应用,应尽量避免AJAX,应侧重于线框图。
10)想想用户
这是很显然的,但是在规划线框图过程中还是很容易忽略这一点。我们的重点是功能,但是同样要考虑用户的体验。例如,如果你做了一个三页长的注册表单,可能发现很多人都是无法完成的。
11)不要懒惰
我们常听到:登陆页面是简单,可以不用写在线框图内。确保线框图包含计划的所有内容。在项目的末尾你应该有一个详细的说明。每一步都不应被忽略。
12)将线框图分成几个部分
一个网站地图或者应用被经常分为几个部分,比如新闻,产品,和用户账户。这样做更容易理解。
13)页面的数量
一个网页的应用往往包含了若干程序;结算就是一个很好的例子。通常是线性的,但是有时用户会选择不同步骤,例如跳过一步。显然你文档中的一些页面和页面中的标签(例如点击按钮)让用户跳转。
14)重复性
应用中的一致性可以有效地帮助用户,开发和设计者。组的重复元素是一件好事。例如,无论用户输入一个地址,将会是同样的地方在同样的命令。在规划线框图时就可以将其表示出来。
15)全部检查是有意义的
最终文档应该让任何人都能简单的操作。如果只是一个开发可以理解你的线框图,那么肯定是有问题的。最后问一下对这个项目什么都没有做的人,他们是否能理解。
17)这不仅仅是公开网站
很多网站有一个管理区域用来管理内容,浏览注册用户概况,重设密码等。这个功能许多人都用不到,但是也很重要。很多时候这可能包含一些不公开的数据(例如用户账户启用按钮)。这对于开发在设计数据库时是很重要的信息。
18)知道什么时候结束
19)选择正确的工具
用纸和笔比用电脑更能抓住你的想法和创意。
一旦你开始设计你的文档我们建议使用你更喜欢的工具。例如,开发者可以用MicrosoftVisio,项目经理用PowerPoint,设计者用AdobeFireworks。
我认为线框图应该是一篇文档而不仅仅是交互交流(像设计,可能被分散注意力)因此设计html可能不是最好的。
有很多线框图的工具,例如Balsamiq提供环境帮助很快的增加和自定义普遍的界面元素。他们可以给它一个手绘的感觉,提供一个视觉工具而不是真正开始的设计。
20)考虑相依性
每个人都知道一个购物车的流程是什么吧?因此很容易画成线框图并且放在一边。如果你用第三方支付工具例如PayPal那么也许影响部分网站的工作。研究相依性,做出相应的修改。这在开始时更容易做到。
用户体验设计
一、什么是用户体验设计?用户体验设计的名词解释
用户体验(UserExperience,简称UE)是一种纯主观的在用户使用一个产品(服务)的过程中建立起来的心理感受。因为它是纯主观的,就带有一定的不确定因素。个体差异也决定了每个用户的真实体验是无法通过其他途径来完全模拟或再现的。但是对于一个界定明确的用户群体来讲,其用户体验的共性是能够经由良好设计的实验来认识到。
用户体验主要是来自用户和人机界面的交互过程。在早期的软件设计过程中,人机界面被看做仅仅是一层包裹于功能核心之外的“包装”而没有得到足够的重视。其结果就是对人机界面的开发是独立于功能核心的开发,而且往往是在整个开发过程的尾声部分才开始的。这种方式极大地限制了对人机交互的设计,其结果带有很大的风险性。因为在最后阶段再修改功能核心的设计代价巨大,牺牲人机交互界面便是唯一的出路。这种带有猜测性和赌博性的开发几乎是难以获得令人满意的用户体验。至于客户服务,从广义上说也是用户体验的一部分,因为它是同产品自身的设计分不开的。客户服务更多的是对人员素质的要求,而已经难以改变已经完成并投入市场的产品了。但是一个好的设计可以减少用户对客户服务的需要,从而减少公司在客户服务方面的投入,也降低由于客户服务质量引发用户流失的机率。
现在流行的设计过程注重以用户为中心。用户体验的概念从开发的最早期就开始进入整个流程,并贯穿始终。其目的就是保证(1)对用户体验有正确的预估(2)认识用户的真实期望和目的(3)在功能核心还能够以低廉成本加以修改的时候对设计进行修正(4)保证功能核心同人机界面之间的协调工作,减少BUG。
在具体的实施上,就包括了早期的focusgroup(焦点小组),contextualinterview,和开发过程中的多次usabilitystudy(可用性实验),以及后期的usertest(用户测试)。在设计--测试--修改这个反复循环的开发流程中,可用性实验为何时出离该循环提供了可量化的指标。
二、用户体验设计师的职责主要有哪些?
用户体验设计师——userexperiencedesign,国外叫UXD,国内也简称UE设计。
我们来分析一则国外的UE设计师招聘要求,看看你还需要欠缺什么吧:
我们正在寻找一名高级用户体验设计师加入我们的产品设计团队。
WearelookingforsomeonetojoinourgrowingProductDesigngroupasasr.
userexperiencedesigner.
指责包括产品创新,界面视觉引导,原型设计,与开发一起推动设计实现。
Responsibilitiesincludeproducinginnovative,visuallyappealinghumaninterfacedesigns;creatingdesignprototypes;workingwithdeveloperstomakedesignsareality.
我们需要这个人可以独立工作,和团队成员合作,交流各种想法,画出原型,参与产品整个的周期。
Weneedsomeonewhocanworkindependently,engageteammembers,communicateideas,createprototypes,andfinallyworkwithteammembersthroughoutthereleasecycleoftheproduct.ThispositionreportstothePrincipalDesigner.
日常的工作包括:Day-to-DayActivities:
GeneratedesignsbasedoncommonsetsofHCI,graphicdesign,interfacedesignandotherrelevanttheories
*画出不同层次的原型:纸上的,框架的,可交互的网页,Flash的。
Createprototypesatdifferentlevelsoffidelity:paper,wireframe,interactiveHTML,andFlash
*到不同的部门演示概念和想法,组织反馈意见。
Presentideasandconceptstox-functionalteamsandincorporatefeedbackaccordingly
*生成视觉元素比如icon,边框,用户控件,窗口规范,图形化的布局
Createvisualelementssuchasicons,borders,customwidgets,windowtreatments,andgraphicallayouts
*同产品设计团队合作去发展一些重要附加值的概念,还有修订产品。
CollaboratewithProductDesignteamtodevelopconceptsofkeyadditionsandeditsfortheproduct
*同商业方面的专家、市场部沟通,确认设计并得到认可。
Communicatedesignstobusinessspecialistsandmarketingteammembersforvalidationandbuy-in.
*同开发人员沟通,提供明确的定义和执行的方向。
Communicatedesignstodevelopmentandprovidedefinitionanddirectionduringimplementation
*同质量控制部门沟通,提供在测试阶段需要的清晰理解。
Communicatedesignstoqualitycontrolandprovideclarificationsduringthetestingphase
*同首席设计师和产品设计团队一起工作,符合内部设计流程和标准。
WorkwithPrincipalDesignerandProductDesignteamtoevolveinternaldesignprocessandstandards.
Thisjobrequires10%travel
资格条件:Qualifications&Requirements:
*在应用程序的交互设计方面(界面设计,产品设计)有4-5年的工作经验。在web应用和桌面应用方面有扎实的经验。
4-5yearsexperienceinapplicationinteractiondesign(UIDesign,ProductDesign);solidexperiencewithbothwebapplications(notwebsites)anddesktopapplications
*设计、人机交互、可用性专业或者可以展示对设计的理解、交互设计理论和实践的能力。
Educationindesign,HCI,usabilityorabilitytodisplayformalunderstandingofdesignandHCItheoryandpractice
*理解室内产品设计的生命周期。
Understandin-houseproductdesignlifecycle
*优秀的交流技巧:书写和口头。
Goodcommunicationskills:writtenandverbal
*了解基于浏览器和客户端的技术(HTML,Java,Flash,.NET)。
Knowledgeofbrowser-basedanddesktoptechnologies(HTML,Java,Flash,.NET)
*原型技术,包括DHTML,DreamWeaver,Flash或类似的。
PrototypingskillsusingDHTML,DreamWeaver,Flash,orsimilar
*有开发和运行可用性测试的经验。
Experiencewithdevelopingandrunningusabilitytesting
*有行业研究经验(Cooper的目标导向设计方法优先)
Experiencewithfieldresearch(goal-directedmethodbyCooperispreferred).
*可以使用设计过程描述清楚问题如何产生以及如何解决,无论是独立工作还是和团队一起。
Shoulddemonstrateabilitytousedesignprocessesforproblemdefinitionandsolutioncreationwhileworkingindividuallyandwithagroup
*可以创造出图形元素:icon,控件,窗口,边框,数据布局。
Abilitytocreategraphicalelements:icons,widgets,windowingandboarders,datalayout
如何理解用户体验设计和其他概念的区别
可以看到在很多层面上UX(用户体验设计师)和IA(信息架构设计师)以及UE(使用性测试专家)的职责都是重合的。这里我把ux和ue的缩写分开了,为了能够更清楚的区分。
在我加入的交互设计师讨论组里,国外的设计师也在对这些名字,职责等讨论不休,管理员几次制止无意义的名称讨论都不能够,呵呵。其实大家遇到了很相似的问题。有一个得到大多数人认同的一件就是广义的IA其实可以就是UX。不知道你们是否同意?
其实我觉得我们应该仔细讨论一下每一个参与UI设计的人员的不同的分工和合作方式,至于叫什么名字并不重要,我们可以用主要参与XXX工作的人员来指代,我觉得这样是不是清楚一些?
广义的IA其实可以就是UX?
同意~
其实列这个帖子不是想那UX和IA的职责区分清楚,作为一个新的领域,分工还没法做到这么的细致~只是想,UX,IA到底要做哪些工作,怎样的工作方式,在产品开发团队里处于怎样的位置。因为UX要把公司的战略推广到用户那里去,又研究HCI,用户心理,是公司和用户的沟通桥梁,这样的一个桥梁,在公司处于什么地位,怎样的开展工作。。
看了这些招聘的职位描述,感觉还是有些收获的~
我个人非常同意这个观点。其实UX相当于整个团队用户界面方面的灵魂人物,全面负责界面的整体使用性和用户体验。
PeterBoersma并且总结了一个T字模型:
IA的纵向横向显然是有重叠的。纵向其实就是以前所讲的小IA,包括浏览,命名,内容等等。而这些和交互设计(interactiondesign),市场营销(Marketing)以及文案撰写(copyrighting)都是有重叠的。而小IA再往深了走,就牵扯到了更技术化的IA,包括搜索,元数据(Metadata)和控制性词汇(controlledvacabulary)等。如下图所示:
那么如果我们从一个交互设计师的角度去看这个T模型,交互设计的纵向又和IA是平行的,而他们所要求的横向呢,其实和IA的是一样的,这样将来实际上对于使用性测试人员和文案撰写人员,视觉界面设计师等都是相同的情况:
这样,实际上这个覆盖了各个纵向的横向的领域就是UserExperience:
我个人认同这个对于UX的工作的定位。实际上由于这个模型是从是IA的人提出的,所以讲大IA和小IA,如果是做图形界面出身的人员,这个模型就会变成大UI和小UI了。正如国内总是把图形界面设计叫做UI,我觉得这个GUI其实就相当于小UI,也就是从IA角度出发的小IA。
我们很多人可能都是某一个纵向的小分支做出来在进入到横向的全面的领域的。理想的状态下从事UX的人员应该具有横向的宏观调控能力以及某一个纵向的技术背景。