<?xml version="1.0" encoding="UTF-8"?>
<rss version="2.0"
	xmlns:content="http://purl.org/rss/1.0/modules/content/"
	xmlns:wfw="http://wellformedweb.org/CommentAPI/"
	xmlns:dc="http://purl.org/dc/elements/1.1/"
	xmlns:atom="http://www.w3.org/2005/Atom"
	xmlns:sy="http://purl.org/rss/1.0/modules/syndication/"
	xmlns:slash="http://purl.org/rss/1.0/modules/slash/"
	>

<channel>
	<title>西贝的交互设计</title>
	<atom:link href="http://www.xibeidesign.com/feed" rel="self" type="application/rss+xml" />
	<link>http://www.xibeidesign.com</link>
	<description></description>
	<lastBuildDate>Fri, 30 Apr 2010 08:10:48 +0000</lastBuildDate>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
	<generator>http://wordpress.org/?v=3.1.1</generator>
		<item>
		<title>还在潜水？潜规则—腾讯 ISD webteam 2010招聘</title>
		<link>http://www.xibeidesign.com/524</link>
		<comments>http://www.xibeidesign.com/524#comments</comments>
		<pubDate>Fri, 30 Apr 2010 07:40:22 +0000</pubDate>
		<dc:creator>西贝</dc:creator>
				<category><![CDATA[交互设计]]></category>

		<guid isPermaLink="false">http://www.xibeidesign.com/?p=524</guid>
		<description><![CDATA[ISD Webteam 是腾讯互联网系统设计团队，我们专注于网站产品的体验设计，包括网站的可用性、视 觉风格以及网页重构。主要服务产品包括QQ空间、QQ会员、QQ秀、QQ音乐、QQlive与拍拍。 如果你愿意来体会ISD Webteam的工作氛围，并且已经选定了心中的目标岗位，那么，请将你的个人简 历及相关作品，发送至我们的邮箱webteam@qq.com，邮件标题请注明“岗位名称”，如“[应聘交互 设计]”。 详情请查看：http://isd.tencent.com/job/ 关于ISD Webteam相关岗位的描述，具体如下： 我们关注以下素质： ● 人机交互、认知心理学、工业设计、或相关专业本科以上学历，硕士优先。 ● 熟悉研究方法论和研究步骤，了解各种研究方法，有统计和数据分析基础。 ● 优秀的英文文章阅读能力，能阅读专业相关文章，英语六级以上优先。 ● 具有良好的工作计划和自我管理能力，能研究投入和收益比率，在有限时间内完成研究报告。 ● 较强的沟通能力，能与其他研究员，不同职能的团队协作。 ● 对互联网行业热情，有实际针对互联网产品的研究经验者优先。 ● 2年以上相关工作经验（含实习）。 我们关注以下素质： ● 人机交互、认知心理学、工业设计、或相关专业本科以上学历，硕士优先。 ● 精通网站构建的相关流程，包括网站功能分析、用户角色分析、原型设计、界面开发、易用性测试等； ● 有丰富的网站交互设计经验，有成功案例； ● 对业界最新的交互应用有深入的见解； ●  对用户体验和易用性有敏锐的把握能力； ● 逻辑分析能力强，善于沟通和协调，较强的写作能力； ● 有大型互联网企业相关工作经验优先考虑。 我们关注以下三类素质（满足任何一类即可） 1.WUI ● 对大型社区类、商城类的网站界面设计有丰富经验，有成功案例； ● 良好的平面审美能力，熟悉网站的交互设计，并对网站的易用性有一定研究； ● 精通各种图形、图像与动画处理软件，如Adobe系列、Macromedia系列； ● 有较强的学习能力，善于沟通。 2.GUI ● 对各平台的界面设计有浓厚的兴趣，有成熟的商业UI设计经历，有作品； ● [...]]]></description>
			<content:encoded><![CDATA[<p><a href="http://www.xibeidesign.com/wp-content/uploads/2010/04/11.jpg"></a></p>
<p><strong><a href="http://www.xibeidesign.com/wp-content/uploads/2010/04/00yuan.jpg"><img class="alignnone size-full wp-image-555" title="00yuan" src="http://www.xibeidesign.com/wp-content/uploads/2010/04/00yuan.jpg" alt="" width="600" height="183" /></a></strong></p>
<p><strong>ISD Webteam</strong> 是腾讯互联网系统设计团队，我们专注于网站产品的体验设计，包括网站的可用性、视</p>
<p>觉风格以及网页重构。主要服务产品包括QQ空间、QQ会员、QQ秀、QQ音乐、QQlive与拍拍。</p>
<p>如果你愿意来体会ISD Webteam的工作氛围，并且已经选定了心中的目标岗位，那么，请将你的个人简</p>
<p>历及相关作品，发送至我们的邮箱<a href="mailto:webteam@qq.com">webteam@qq.com</a>，邮件标题请注明“岗位名称”，如“[应聘交互</p>
<p>设计]”。</p>
<p>详情请查看：<a href="http://isd.tencent.com/job/index.html">http://isd.tencent.com/job/</a></p>
<p><strong>关于ISD Webteam相关岗位的描述，具体如下：</strong></p>
<p><strong><a href="http://www.xibeidesign.com/wp-content/uploads/2010/04/ue.jpg"></a></strong></p>
<p><a href="http://www.xibeidesign.com/wp-content/uploads/2010/04/2.jpg"></a></p>
<p><strong><a href="http://www.xibeidesign.com/wp-content/uploads/2010/04/01.jpg"></a></strong></p>
<p><strong><a href="http://www.xibeidesign.com/wp-content/uploads/2010/04/012.jpg"><img class="alignnone size-full wp-image-556" title="01" src="http://www.xibeidesign.com/wp-content/uploads/2010/04/012.jpg" alt="" width="600" height="125" /></a></strong></p>
<p><strong>我们关注以下素质：</strong></p>
<p>● 人机交互、认知心理学、工业设计、或相关专业本科以上学历，硕士优先。<br />
● 熟悉研究方法论和研究步骤，了解各种研究方法，有统计和数据分析基础。<br />
● 优秀的英文文章阅读能力，能阅读专业相关文章，英语六级以上优先。<br />
● 具有良好的工作计划和自我管理能力，能研究投入和收益比率，在有限时间内完成研究报告。<br />
● 较强的沟通能力，能与其他研究员，不同职能的团队协作。<br />
● 对互联网行业热情，有实际针对互联网产品的研究经验者优先。<br />
● 2年以上相关工作经验（含实习）。</p>
<p><a href="http://www.xibeidesign.com/wp-content/uploads/2010/04/3.jpg"></a></p>
<p><strong><a href="http://www.xibeidesign.com/wp-content/uploads/2010/04/hci.jpg"></a></strong></p>
<p><strong><a href="http://www.xibeidesign.com/wp-content/uploads/2010/04/02.jpg"><img class="alignnone size-full wp-image-548" title="02" src="http://www.xibeidesign.com/wp-content/uploads/2010/04/02.jpg" alt="" width="600" height="125" /></a></strong></p>
<p><strong>我们关注以下素质：</strong></p>
<p>● 人机交互、认知心理学、工业设计、或相关专业本科以上学历，硕士优先。<br />
● 精通网站构建的相关流程，包括网站功能分析、用户角色分析、原型设计、界面开发、易用性测试等；<br />
● 有丰富的网站交互设计经验，有成功案例；<br />
● 对业界最新的交互应用有深入的见解；<br />
●  对用户体验和易用性有敏锐的把握能力；<br />
● 逻辑分析能力强，善于沟通和协调，较强的写作能力；<br />
● 有大型互联网企业相关工作经验优先考虑。</p>
<p><a href="http://www.xibeidesign.com/wp-content/uploads/2010/04/4.jpg"></a></p>
<p><strong><a href="http://www.xibeidesign.com/wp-content/uploads/2010/04/gui.jpg"></a></strong></p>
<p><strong><a href="http://www.xibeidesign.com/wp-content/uploads/2010/04/03.jpg"><img class="alignnone size-full wp-image-549" title="03" src="http://www.xibeidesign.com/wp-content/uploads/2010/04/03.jpg" alt="" width="600" height="125" /></a></strong></p>
<p><strong>我们关注以下三类素质（满足任何一类即可）</strong></p>
<p>1.WUI<br />
● 对大型社区类、商城类的网站界面设计有丰富经验，有成功案例；<br />
● 良好的平面审美能力，熟悉网站的交互设计，并对网站的易用性有一定研究；<br />
● 精通各种图形、图像与动画处理软件，如Adobe系列、Macromedia系列；<br />
● 有较强的学习能力，善于沟通。</p>
<p>2.GUI<br />
● 对各平台的界面设计有浓厚的兴趣，有成熟的商业UI设计经历，有作品；<br />
● 美术基础扎实，优秀的造型与色彩能力；<br />
● 熟悉人机交互设计，有一定的方法沉淀；<br />
● 精通各种图形、图像与动画处理软件，如Adobe系列、Macromedia系列；<br />
● 有较强的学习能力，善于沟通。</p>
<p>3.Game<br />
● 热爱游戏事业，有游戏设计经历，有作品；<br />
● 美术基础扎实，优秀的造型与色彩能力；<br />
● 灵敏的行业触觉，绘画风格时尚而全面；<br />
● 精通各种图形、图像与动画处理软件，如Adobe系列、Macromedia系列；<br />
● 有较强的学习能力，善于沟通。</p>
<p><a href="http://www.xibeidesign.com/wp-content/uploads/2010/04/5.jpg"></a></p>
<p><strong><a href="http://www.xibeidesign.com/wp-content/uploads/2010/04/wr.jpg"></a></strong></p>
<p><strong><a href="http://www.xibeidesign.com/wp-content/uploads/2010/04/04.jpg"><img class="alignnone size-full wp-image-550" title="04" src="http://www.xibeidesign.com/wp-content/uploads/2010/04/04.jpg" alt="" width="600" height="125" /></a></strong></p>
<p><strong>我们关注以下素质：</strong></p>
<p>● 对符合web标准的网站重构有丰富经验，有成功案例；<br />
● 精通结构化语言xhtml、xml与解释性语言css；<br />
● 精通图像处理软件与网页编辑软件；<br />
● 对业界最新的页面实现有浓厚的兴趣和深入的见解；<br />
● 逻辑分析能力强，善于沟通，较强的学习能力；<br />
● 熟悉对象模型与脚本语言，有前台开发经验者优先考虑。</p>
<p>如果你想做开心、有意义的事情；</p>
<p>如果你很优秀，并且有着自己对设计的理想和追求；</p>
<p>如果你是对设计的偏执狂，却无力发挥自己；</p>
<p>请加入我们，创造完美的互联网生活体验。</p>
<p>简历投递：<a href="mailto:webteam@qq.com">webteam@qq.com</a>，邮件标题请注明“岗位名称”，如“[应聘交互设计]”。</p>
<p><a href="http://www.xibeidesign.com/wp-content/uploads/2010/04/05.jpg"><img class="alignnone size-full wp-image-551" title="05" src="http://www.xibeidesign.com/wp-content/uploads/2010/04/05.jpg" alt="" width="600" height="125" /></a><a href="http://www.xibeidesign.com/wp-content/uploads/2010/04/6.jpg"></a></p>
]]></content:encoded>
			<wfw:commentRss>http://www.xibeidesign.com/524/feed</wfw:commentRss>
		<slash:comments>15</slash:comments>
		</item>
		<item>
		<title>腾讯ISD Webteam 2010年实习生招聘 正式启动</title>
		<link>http://www.xibeidesign.com/522</link>
		<comments>http://www.xibeidesign.com/522#comments</comments>
		<pubDate>Tue, 20 Apr 2010 02:20:27 +0000</pubDate>
		<dc:creator>西贝</dc:creator>
				<category><![CDATA[生活唧歪]]></category>

		<guid isPermaLink="false">http://www.xibeidesign.com/?p=522</guid>
		<description><![CDATA[腾讯互联网系统设计团队-ISD Webteam 2010年实习生招聘活动现已正式启动，本次实习岗位包括交互设计、用户研究、视觉设计与网页重构，工作地点在深圳，主要服务产品包括QQ空间、QQ会员、QQ秀、QQ音乐、QQlive与拍拍。 如果你愿意来体会ISD Webteam的工作氛围，并且已经选定了心中的目标岗位，那么，请将你的个人简历及相关作品，发送至我们的邮箱webteam@qq.com，邮件标题请注明“[实习]+岗位名称”，如“[实习]交互设计”。 关于ISD Webteam相关实习岗位的描述，具体如下： 交互设计 职责： 1．参与互联网产品的规划、构思； 2．根据产品需求搭建产品信息构架； 3．完成产品界面、流程的交互设计； 4．参与项目的用户研究，并分析用户研究结果，根据结果改进设计； 5．通过系统的设计，优化web产品的易用性，改善用户体验。 要求： 1．设计或计算机类专业； 2．了解互联网，热爱互联网； 3．了解核心的交互设计理论知识； 4．了解业界最新的交互设计动向； 5．对用户体验和易用性有敏锐的把握能力； 6．逻辑分析能力强，善于沟通和协调，较强的写作能力； 7．了解网站构建的相关流程，包括：网站功能分析、用户角色分析、原型设计、界面开发、易用性测试等； 8．有互联网产品相关设计经验优先考虑。 用户研究 职责： 1．协助部门进行新产品设计、产品原型评测； 2．协助部门进行现有产品的改版设计； 3．完成用户观察、深度访谈、焦点小组等可用性相关测试； 4．参与可用性测试，进行测试工作和完成报告，给出产品改进建议； 5．设计和实施各种的用户研究，统计和分析各种用户体验数据和报告，挖掘用户需求及相应产品使用习惯。 要求： 1．人机交互、认知心理学、工业设计，或相关专业； 2．了解研究方法论和研究步骤，了解各种研究方法，有统计和数据分析基础； 3．对用户体验和易用性有敏锐的把握能力； 4．有较好的沟通能力，能与其他研究员，不同职能的团队协作； 5．了解互联网行业，热爱互联网。有相关项目调研经验者优先考虑。 视觉设计 职责： 负责互联网系统产品的网站界面与相关图形设计。 要求： 1．美术基础扎实； 2．有一定的平面设计、网页设计或UI设计经验，且拥有作品或成功案例； 3．能熟练操作各种图形、图像与动画处理软件，如Adobe系列、Macromedia系列； 4．了解交互设计，并对网站的易用性有一定见解； 5．有较强的学习能力，善于沟通。 网页重构 职责： 负责互联网系统产品的网站重构。 要求： 1．能利用各种Web技术将设计转换成最终web界面； 2．保持网页在不同浏览器及分辨率下良好的兼容性，以及结构、表现、行为的分离； 3．代码的标准化(W3C)； 4．页面访问效率优化； 5．代码模块化(框架化)； 6．熟悉(X)HTML、CSS； [...]]]></description>
			<content:encoded><![CDATA[<p>腾讯互联网系统设计团队-ISD Webteam 2010年实习生招聘活动现已正式启动，本次实习岗位包括交互设计、用户研究、视觉设计与网页重构，工作地点在深圳，主要服务产品包括QQ空间、QQ会员、QQ秀、QQ音乐、QQlive与拍拍。</p>
<p>如果你愿意来体会ISD Webteam的工作氛围，并且已经选定了心中的目标岗位，那么，请将你的个人简历及相关作品，发送至我们的邮箱<a href="mailto:webteam@qq.com">webteam@qq.com</a>，邮件标题请注明“[实习]+岗位名称”，如“[实习]交互设计”。</p>
<p>关于ISD Webteam相关实习岗位的描述，具体如下：</p>
<p><strong>交互设计</strong><br />
职责：<br />
1．参与互联网产品的规划、构思；<br />
2．根据产品需求搭建产品信息构架；<br />
3．完成产品界面、流程的交互设计；<br />
4．参与项目的用户研究，并分析用户研究结果，根据结果改进设计；<br />
5．通过系统的设计，优化web产品的易用性，改善用户体验。</p>
<p>要求：<br />
1．设计或计算机类专业；<br />
2．了解互联网，热爱互联网；<br />
3．了解核心的交互设计理论知识；<br />
4．了解业界最新的交互设计动向；<br />
5．对用户体验和易用性有敏锐的把握能力；<br />
6．逻辑分析能力强，善于沟通和协调，较强的写作能力；<br />
7．了解网站构建的相关流程，包括：网站功能分析、用户角色分析、原型设计、界面开发、易用性测试等；<br />
8．有互联网产品相关设计经验优先考虑。</p>
<p><strong>用户研究</strong><br />
职责：<br />
1．协助部门进行新产品设计、产品原型评测；<br />
2．协助部门进行现有产品的改版设计；<br />
3．完成用户观察、深度访谈、焦点小组等可用性相关测试；<br />
4．参与可用性测试，进行测试工作和完成报告，给出产品改进建议；<br />
5．设计和实施各种的用户研究，统计和分析各种用户体验数据和报告，挖掘用户需求及相应产品使用习惯。</p>
<p>要求：<br />
1．人机交互、认知心理学、工业设计，或相关专业；<br />
2．了解研究方法论和研究步骤，了解各种研究方法，有统计和数据分析基础；<br />
3．对用户体验和易用性有敏锐的把握能力；<br />
4．有较好的沟通能力，能与其他研究员，不同职能的团队协作；<br />
5．了解互联网行业，热爱互联网。有相关项目调研经验者优先考虑。</p>
<p><strong>视觉设计</strong><br />
职责：<br />
负责互联网系统产品的网站界面与相关图形设计。</p>
<p>要求：<br />
1．美术基础扎实；<br />
2．有一定的平面设计、网页设计或UI设计经验，且拥有作品或成功案例；<br />
3．能熟练操作各种图形、图像与动画处理软件，如Adobe系列、Macromedia系列；<br />
4．了解交互设计，并对网站的易用性有一定见解；<br />
5．有较强的学习能力，善于沟通。</p>
<p><strong>网页重构</strong><br />
职责：<br />
负责互联网系统产品的网站重构。</p>
<p>要求：<br />
1．能利用各种Web技术将设计转换成最终web界面；<br />
2．保持网页在不同浏览器及分辨率下良好的兼容性，以及结构、表现、行为的分离；<br />
3．代码的标准化(W3C)；<br />
4．页面访问效率优化；<br />
5．代码模块化(框架化)；<br />
6．熟悉(X)HTML、CSS；<br />
7．了解浏览器与服务器HTTP通信；<br />
8．有志于从事WEB前端架构工作；<br />
9．熟悉Web服务端语言（如Java/PHP/C++）优先。</p>
<p>记得，简历发送至我们的邮箱<a href="mailto:webteam@qq.com">webteam@qq.com</a></p>
]]></content:encoded>
			<wfw:commentRss>http://www.xibeidesign.com/522/feed</wfw:commentRss>
		<slash:comments>6</slash:comments>
		</item>
		<item>
		<title>交互设计—页签（1）</title>
		<link>http://www.xibeidesign.com/506</link>
		<comments>http://www.xibeidesign.com/506#comments</comments>
		<pubDate>Thu, 07 Jan 2010 06:23:17 +0000</pubDate>
		<dc:creator>西贝</dc:creator>
				<category><![CDATA[交互设计]]></category>

		<guid isPermaLink="false">http://www.xibeidesign.com/?p=506</guid>
		<description><![CDATA[从日常理解页签：人们看书的时候，对于长篇的小说内容很难一目了然，不能直白的知道里面都包含哪些信息；也许对每个段落篇章进行分类，会更加形象；在读小学的时候，老师总让我们把那么长的一篇文章进行分段，然后起名，用一句话概括段落思想。 从互联网理解页签：这一类的内容太多了，页面总是不够承载；也许把相似的东西分成一类，用户可能更好理解。 很多场景都是我们遇到过，想到过的。那么页签的运用也许可以解决此类问题。 思考页签的定义：可以把内容进行分类     给相似的东西起名     解决页面放不下的问题         可以猜到包含的信息      可以作为标记方便查找 自己/他们总结的： 页签提供了一种在不同的页签项里显示相关信息的方式。 页签的优势在于同一个窗口表现更多的相关信息。 Module Tabs(也称选项卡，后文中简称Tab，以便更符合中国设计师的日常叫法) 是一个常见的交互元素——将不同的内容重叠放置在某一布局区块内，重叠的内容区里的每次只有其中一层是可见的。用户通过鼠标点击或移到内容区所对应的标签上，来请求显示该层内容区。（译注：本文中指的是狭义的 Tab ，指在界面的某一版块区域内所应用的 Tab 设计。实际上，绝大多数网站导航也是 Tab 的一种应用）。 web界面的设计趋势是缩短页面屏长，降低信息的显示密度，但同时又不能牺牲可视的信息量。在这种趋势下，Tab 这种交互元素成为了一个越来越普遍的应用。 Vista规范中203页开始。 标签功能类似于滚动条，以增加有效面积的窗口。所以尽量不要在页签内容区使用滚动条。页签标题内容不能灰掉。 理解的概念： 页签至少有2个区域组成：标题区+内容区 页签的标题文字要简洁，但是要能够表达内容区域的意思。 选中页签表示所在当前页签位置，高亮并突出。 选中页签与内容面板形成一个统一的区域（颜色保持一致）。 当前页签只能一个。 页签之间要有内容逻辑上的关联性，不能把不相关的东西用页签并列在一起。 页签间的内容之间不能存在对比或者递进的关系。 页签的显示状态分为未选中态、Mouseover态和选中态三种。 页签的操作方式分为鼠标Mouseover激活和点击激活两种。 总结的样式： 样式上传待续&#8230;]]></description>
			<content:encoded><![CDATA[<p><strong>从日常理解页签：</strong>人们看书的时候，对于长篇的小说内容很难一目了然，不能直白的知道里面都包含哪些信息；也许对每个段落篇章进行分类，会更加形象；在读小学的时候，老师总让我们把那么长的一篇文章进行分段，然后起名，用一句话概括段落思想。</p>
<p><strong>从互联网理解页签：</strong>这一类的内容太多了，页面总是不够承载；也许把相似的东西分成一类，用户可能更好理解。</p>
<p>很多场景都是我们遇到过，想到过的。那么页签的运用也许可以解决此类问题。</p>
<p><strong>思考页签的定义：</strong>可以把内容进行分类     给相似的东西起名     解决页面放不下的问题         可以猜到包含的信息      可以作为标记方便查找</p>
<p><strong>自己/他们总结的：</strong></p>
<ul>
<li>页签提供了一种在不同的页签项里显示相关信息的方式。</li>
<li>页签的优势在于同一个窗口表现更多的相关信息。</li>
<li>Module Tabs(也称选项卡，后文中简称Tab，以便更符合中国设计师的日常叫法) 是一个常见的交互元素——将不同的内容重叠放置在某一布局区块内，重叠的内容区里的每次只有其中一层是可见的。用户通过鼠标点击或移到内容区所对应的标签上，来请求显示该层内容区。（译注：本文中指的是狭义的 Tab ，指在界面的某一版块区域内所应用的 Tab 设计。实际上，绝大多数网站导航也是 Tab 的一种应用）。</li>
<li>web界面的设计趋势是缩短页面屏长，降低信息的显示密度，但同时又不能牺牲可视的信息量。在这种趋势下，Tab 这种交互元素成为了一个越来越普遍的应用。<br />
Vista规范中203页开始。</li>
<li>标签功能类似于滚动条，以增加有效面积的窗口。所以<strong>尽量不要</strong>在页签内容区使用滚动条。页签标题内容不能灰掉。</li>
</ul>
<p><strong>理解的概念：</strong></p>
<ul>
<li>页签至少有2个区域组成：标题区+内容区</li>
<li>页签的标题文字要简洁，但是要能够表达内容区域的意思。</li>
<li>选中页签表示所在当前页签位置，高亮并突出。</li>
<li>选中页签与内容面板形成一个统一的区域（颜色保持一致）。</li>
<li>当前页签只能一个。</li>
<li>页签之间要有内容逻辑上的关联性，不能把不相关的东西用页签并列在一起。</li>
<li>页签间的内容之间不能存在对比或者递进的关系。</li>
<li>页签的显示状态分为未选中态、Mouseover态和选中态三种。</li>
<li>页签的操作方式分为鼠标Mouseover激活和点击激活两种。</li>
</ul>
<p><strong>总结的样式：</strong></p>
<p><img class="alignnone size-full wp-image-509" title="A 页签tab_ 普通 常见 横向" src="http://www.xibeidesign.com/wp-content/uploads/2010/01/A-页签tab_-普通-常见-横向.jpg" alt="A 页签tab_ 普通 常见 横向" width="516" height="745" /></p>
<p><img class="alignnone size-full wp-image-510" title="B 页签tab_ 多类别 多内容" src="http://www.xibeidesign.com/wp-content/uploads/2010/01/B-页签tab_-多类别-多内容.jpg" alt="B 页签tab_ 多类别 多内容" width="516" height="746" /></p>
<p>样式上传待续&#8230;</p>
]]></content:encoded>
			<wfw:commentRss>http://www.xibeidesign.com/506/feed</wfw:commentRss>
		<slash:comments>4</slash:comments>
		</item>
		<item>
		<title>服装搭配看点（1）</title>
		<link>http://www.xibeidesign.com/485</link>
		<comments>http://www.xibeidesign.com/485#comments</comments>
		<pubDate>Tue, 01 Dec 2009 07:59:03 +0000</pubDate>
		<dc:creator>西贝</dc:creator>
				<category><![CDATA[交互设计]]></category>
		<category><![CDATA[用户体验]]></category>
		<category><![CDATA[网站体验]]></category>
		<category><![CDATA[搭配]]></category>
		<category><![CDATA[服装搭配]]></category>
		<category><![CDATA[电子商务]]></category>

		<guid isPermaLink="false">http://www.xibeidesign.com/?p=485</guid>
		<description><![CDATA[案例一 网址：http://www.payeasy.com.tw/ 亮点：  名词概念挺有意思“陪你shopping”“美女衣学馆”。  对新品的包装很注重，能够使用一些比较吸引眼球的东西。并且把价格和用户关注的信息放到第一排，而把名称紧接其次。 案例告诉我们： 名词的运用需要更加的准确，更加接近生活。建议采用一些通俗的、有趣的词汇。 尽量只提供阅读者所需要的信息，依照阅读者需要的顺序来排序，这样更加的吻合受众群体的阅读习惯。建议用户不是第一感知就需要的文字，例如物品名称，优先级就可以放低。 案例二 网站：网易女人 亮点： 按照场景进行推荐搭配，等于进行了细致的分类。让用户能够清晰的针对自己的缺点或弱势进行选择。从购物的实际场景出发，引导的思路做的十分清晰。 案例告诉我们： 信息的传达要有层级性，指路和解剖的结合体才是一个好的信息设计。案例从一个普通人的实际角度出发，先通过指路，告诉用户从哪四个方面考虑；再通过不同的形式进行解剖，阐述用户已经产生兴趣的方案细节。 案例三 网址：http://www.wodeyichu.com/ 亮点：有衣柜的概念，分享出不同的衣柜，并且与周刊（专题）关联。从用户参与角度出发，挖掘用户实际发生的数据。让同喜好的人，看到比较有感觉的东西。在用户间情感化因素上发现购物的需求。 案例四 网址：http://www.dapeiwang.com/ 亮点： 玩足了测试，通过不同的测试，加大兴趣因素，同时再融入很多趣味答案，使得用户认为“这个好像很适合我”。 通过分析网店的缺点，解决不能自由搭配和试穿给用户带来的困扰，一定程度上满足用户随便搭一下的需求。 在网站中引入衣橱顾问的概念，通过问答展示用户的个性需求，不仅顾问给人一种专业的设计感觉，而且问题的答复也蛮有意思。 案例五 网址：http://www.thisnext.com/ 亮点： 分享和叽歪的成分十足。不仅可以分享给好友，还对物品进行更加细致的分类。通过用户间的评论来拉动对产品的认识。并拉取“买了该件物品的所有人”，让人与人直接的关系更加透明化。 思考，QQ秀的实物服饰搭配可以怎么做？ 1、 尽量减少用户不需要的信息。用户都很忙，不会过多的阅读他不关心的信息。 2、 搭配途径的表现可以更加清晰，例如网易女人，实际告诉用户怎么搭。 3、 分析电子商务中搭配所不能实现的问题。例如搭配网中采用拖动物品随意百搭的形式。 4、 如何增加分享和互动？（跑题到产品思路上了~） 5、 用户指引不能单纯的罗列所有的信息，需要更加有层级的进行引导。]]></description>
			<content:encoded><![CDATA[<p><strong>案例一</strong></p>
<p><strong>网址：</strong><a href="http://www.payeasy.com.tw/">http://www.payeasy.com.tw/</a></p>
<p><strong>亮点：</strong><br />
 名词概念挺有意思“<span style="color: #ff00ff;">陪你shopping</span>”“<span style="color: #ff00ff;">美女衣学馆</span>”。<br />
 对新品的包装很注重，能够使用一些比较吸引眼球的东西。并且把价格和用户关注的信息放到第一排，而把名称紧接其次。<br />
 <img title="1" src="http://webteam.isd.com/blog/wp-content/uploads/2009/12/1.png" alt="1" width="329" height="496" /><br />
<strong>案例告诉我们：</strong><br />
名词的运用需要更加的准确，更加接近生活。建议采用一些通俗的、有趣的词汇。<br />
尽量只提供阅读者所需要的信息，依照阅读者需要的顺序来排序，这样更加的吻合受众群体的阅读习惯。建议用户不是第一感知就需要的文字，例如物品名称，优先级就可以放低。</p>
<p><span id="more-485"></span><br />
<strong>案例二</strong></p>
<p><strong>网站：网易女人</strong></p>
<p><strong>亮点：</strong><br />
按照场景进行推荐搭配，等于进行了细致的分类。让用户能够清晰的针对自己的缺点或弱势进行选择。从购物的实际场景出发，引导的思路做的十分清晰。<br />
 <img class="alignnone size-full wp-image-1933" title="2" src="http://webteam.isd.com/blog/wp-content/uploads/2009/12/2.png" alt="2" width="576" height="755" /><br />
<strong>案例告诉我们：</strong><br />
信息的传达要有层级性，指路和解剖的结合体才是一个好的信息设计。案例从一个普通人的实际角度出发，先通过指路，告诉用户从哪四个方面考虑；再通过不同的形式进行解剖，阐述用户已经产生兴趣的方案细节。</p>
<p><strong>案例三</strong></p>
<p><strong>网址</strong>：<a href="http://www.wodeyichu.com/">http://www.wodeyichu.com/</a></p>
<p>亮点：有衣柜的概念，分享出不同的衣柜，并且与周刊（专题）关联。从用户参与角度出发，挖掘用户实际发生的数据。让同喜好的人，看到比较有感觉的东西。在用户间情感化因素上发现购物的需求。<br />
 <img class="alignnone size-full wp-image-1935" title="3" src="http://webteam.isd.com/blog/wp-content/uploads/2009/12/3.png" alt="3" width="513" height="474" /></p>
<p><strong>案例四</strong></p>
<p><strong>网址：</strong><a href="http://www.dapeiwang.com/">http://www.dapeiwang.com/</a></p>
<p><strong>亮点：<br />
</strong>玩足了测试，通过不同的测试，加大兴趣因素，同时再融入很多趣味答案，使得用户认为“这个好像很适合我”。<br />
<img class="alignnone size-full wp-image-1937" title="4" src="http://webteam.isd.com/blog/wp-content/uploads/2009/12/4.png" alt="4" width="898" height="580" /><br />
通过分析网店的缺点，解决不能自由搭配和试穿给用户带来的困扰，一定程度上满足用户随便搭一下的需求。<br />
 <img class="alignnone size-full wp-image-1939" title="5" src="http://webteam.isd.com/blog/wp-content/uploads/2009/12/5.png" alt="5" width="897" height="526" /><br />
在网站中引入衣橱顾问的概念，通过问答展示用户的个性需求，不仅顾问给人一种专业的设计感觉，而且问题的答复也蛮有意思。<br />
 <img class="alignnone size-full wp-image-1940" title="6" src="http://webteam.isd.com/blog/wp-content/uploads/2009/12/6.png" alt="6" width="896" height="692" /></p>
<p><strong>案例五</strong></p>
<p><strong>网址</strong>：<a href="http://www.thisnext.com/">http://www.thisnext.com/</a></p>
<p><strong>亮点：</strong><br />
分享和叽歪的成分十足。不仅可以分享给好友，还对物品进行更加细致的分类。通过用户间的评论来拉动对产品的认识。并拉取“买了该件物品的所有人”，让人与人直接的关系更加透明化。<br />
 <img class="alignnone size-large wp-image-1945" title="7" src="http://webteam.isd.com/blog/wp-content/uploads/2009/12/72-662x1024.png" alt="7" width="662" height="1024" /></p>
<p><strong>思考，QQ秀的实物服饰搭配可以怎么做？</strong></p>
<p><strong><br />
</strong><span style="color: #ff00ff;">1、 尽量减少用户不需要的信息。用户都很忙，不会过多的阅读他不关心的信息。<br />
2、 搭配途径的表现可以更加清晰，例如网易女人，实际告诉用户怎么搭。<br />
3、 分析电子商务中搭配所不能实现的问题。例如搭配网中采用拖动物品随意百搭的形式。<br />
4、 如何增加分享和互动？（跑题到产品思路上了~）<br />
5、 用户指引不能单纯的罗列所有的信息，需要更加有层级的进行引导。</span></p>
]]></content:encoded>
			<wfw:commentRss>http://www.xibeidesign.com/485/feed</wfw:commentRss>
		<slash:comments>14</slash:comments>
		</item>
		<item>
		<title>思考如何提高交互设计水平？</title>
		<link>http://www.xibeidesign.com/478</link>
		<comments>http://www.xibeidesign.com/478#comments</comments>
		<pubDate>Sat, 03 Oct 2009 10:16:08 +0000</pubDate>
		<dc:creator>西贝</dc:creator>
				<category><![CDATA[交互设计]]></category>
		<category><![CDATA[生活唧歪]]></category>

		<guid isPermaLink="false">http://www.xibeidesign.com/?p=478</guid>
		<description><![CDATA[西贝做了许久的交互设计工作，每年的目标都有不同，却发现今年没有什么提高和改进的地方。也许是自己没有回头总结，总是被这样那样的借口推脱。最近休假，可以好好思考一下，交互工作下一步我要怎么做？ 多点积累，善于反思。尽量每个月都有写给自己看的设计总结。 算了一下，做了几年的交互设计稿，如果把日常做的设计想法和思路进行累计，那数字也一定不小了！ 如果可以重新思考过去的设计，把新的想法和改进的思路实践到新的交互设计中，那新的设计一定更加完善。过去并不一定是对的，也许推翻过去自己做的东西并不是很难。   做前多思考，分析要透彻。 自己是个急性子，但是设计不能马虎。不要轻易的开始绘制交互稿。做前多思考，研究分析产品方向和策略也很重要。一开始就想到“弹出还是内嵌？”，很容易被绑死到细节中。（不是说细节不重要，不冲突哦~）   交互设计也要规划，确立清楚自己的设计思路。 曾经给自己找了很多借口，“时间好紧…”“这就是一个小需求”… 这些借口，都让我在设计开始的时候显得十分紧迫，容易忽略或者轻视设计前的规划，还不了解自己到底打算用什么方式或者自己的设计目的还不明确，就急于下手去做，回头才发现很多漏掉的细节。 所以，交互也需要前期的规划。 竞争产品或同类产品的分析需要更加的深刻，不仅要看优缺点，更重要的是要确立自己的设计思路，要清晰规划自己的设计目的。在了解需求和已有设计的前提下，确立清楚自己要改善什么，自己的设计要目标是什么。不妨给自己一个计划表。 交互设计也要计划，一上去都扑到细节上，往往失败的几率会比较大。可以考虑先把问题分类，从整体上作划分，分清重要程度和级别。按部就班也许会更加完善。   业内知识的补充，能帮助自己提高。 这两年，居然忙到忽略了行业的各类知识、概念、方法等内容。发现最近一年QQ上“技术组”基本没有添加过好友，自己的“小贝挖消息”也夭折了。记得以前一个朋友说过，怎么什么网站都发现有“西贝”…才发觉现在自己真的不够主动获取资讯了。 交互是需要一个不断获取新鲜能量，不断革新，跟上潮流的行业。资讯或者业内朋友的经验和工作流程也是需要不断交流，这样，也是一种使得自己更加完善，不断提高的途径。   如果需要，就多点时间把逻辑画一下。 交互设计的过程需要更加逻辑性，有的时候再忙也画一下流程图，对逻辑和产品内容都是进一步的理解。口说百遍后遗漏场景的 几率还是很大，画出来流程才能更加清晰的认识。 记录缺点和改进的方法，会促使自己更加清晰的认识现状~ 思考还在继续，先写到这里。]]></description>
			<content:encoded><![CDATA[<p>西贝做了许久的交互设计工作，每年的目标都有不同，却发现今年没有什么提高和改进的地方。也许是自己没有回头总结，总是被这样那样的借口推脱。最近休假，可以好好思考一下，交互工作下一步我要怎么做？</p>
<ul>
<li><strong>多点积累，善于反思。尽量每个月都有写给自己看的设计总结。<br />
</strong>算了一下，做了几年的交互设计稿，如果把日常做的设计想法和思路进行累计，那数字也一定不小了！<br />
如果可以重新思考过去的设计，把新的想法和改进的思路实践到新的交互设计中，那新的设计一定更加完善。过去并不一定是对的，也许推翻过去自己做的东西并不是很难。</li>
</ul>
<p> </p>
<ul>
<li><strong>做前多思考，分析要透彻。<br />
</strong>自己是个急性子，但是设计不能马虎。不要轻易的开始绘制交互稿。做前多思考，研究分析产品方向和策略也很重要。一开始就想到“弹出还是内嵌？”，很容易被绑死到细节中。（不是说细节不重要，不冲突哦~）</li>
</ul>
<p> </p>
<ul>
<li><strong>交互设计也要规划，确立清楚自己的设计思路。</strong><br />
曾经给自己找了很多借口，“时间好紧…”“这就是一个小需求”…<br />
这些借口，都让我在设计开始的时候显得十分紧迫，容易忽略或者轻视设计前的规划，还不了解自己到底打算用什么方式或者自己的设计目的还不明确，就急于下手去做，回头才发现很多漏掉的细节。<br />
所以，交互也需要前期的规划。<br />
<span id="more-478"></span>竞争产品或同类产品的分析需要更加的深刻，不仅要看优缺点，更重要的是要确立自己的设计思路，要清晰规划自己的设计目的。在了解需求和已有设计的前提下，确立清楚自己要改善什么，自己的设计要目标是什么。不妨给自己一个计划表。<br />
交互设计也要计划，一上去都扑到细节上，往往失败的几率会比较大。可以考虑先把问题分类，从整体上作划分，分清重要程度和级别。按部就班也许会更加完善。</li>
</ul>
<p> </p>
<ul>
<li><strong>业内知识的补充，能帮助自己提高。</strong><br />
这两年，居然忙到忽略了行业的各类知识、概念、方法等内容。发现最近一年QQ上“技术组”基本没有添加过好友，自己的“小贝挖消息”也夭折了。记得以前一个朋友说过，怎么什么网站都发现有“西贝”…才发觉现在自己真的不够主动获取资讯了。<br />
交互是需要一个不断获取新鲜能量，不断革新，跟上潮流的行业。资讯或者业内朋友的经验和工作流程也是需要不断交流，这样，也是一种使得自己更加完善，不断提高的途径。</li>
</ul>
<p> </p>
<ul>
<li><strong>如果需要，就多点时间把逻辑画一下。</strong><br />
交互设计的过程需要更加逻辑性，有的时候再忙也画一下流程图，对逻辑和产品内容都是进一步的理解。口说百遍后遗漏场景的 几率还是很大，画出来流程才能更加清晰的认识。</li>
</ul>
<p>记录缺点和改进的方法，会促使自己更加清晰的认识现状~</p>
<p>思考还在继续，先写到这里。</p>
]]></content:encoded>
			<wfw:commentRss>http://www.xibeidesign.com/478/feed</wfw:commentRss>
		<slash:comments>18</slash:comments>
		</item>
		<item>
		<title>ISD Webteam 2010年校园招聘 正式启动</title>
		<link>http://www.xibeidesign.com/473</link>
		<comments>http://www.xibeidesign.com/473#comments</comments>
		<pubDate>Fri, 02 Oct 2009 16:07:36 +0000</pubDate>
		<dc:creator>西贝</dc:creator>
				<category><![CDATA[交互设计]]></category>
		<category><![CDATA[交互设计 招聘]]></category>

		<guid isPermaLink="false">http://www.xibeidesign.com/?p=473</guid>
		<description><![CDATA[腾讯公司2010年校园招聘即将正式开展，在2010年度毕业之际，来自腾讯互联网业务系统的设计团队－ISD Webteam，盛情邀请您加入我们的大家庭。 我们专注于网站的可用性、视觉风格以及网页重构，为了打造千万用户级的优秀产品，我们对网站产品的体验设计始终保持着无限的热情。 我们的产品类型挺丰富，有抒发心情分享快乐的“QQ空间”，有用心服务逐渐融入生活带给你众多新特权的“QQ会员”，有教你潮爆装束的“QQshow”，有不可缺少的“多媒体”视听冲击，还有足不出户购遍天下的“拍拍”。 我们的成员类型挺丰富，有怪诞搞笑的大叔，有热情奔放的大婶，有沉着睿智的思考男，还有天下无敌的美少女。 “让我们的互联网服务像水和电一样融入到人们的生活当中”是我们的梦想，距离这个目标还有很长的路要走，如果你愿意，来吧，欢迎和我们一起。 具体岗位信息如下。 交互设计师  岗位职责 这是一个提高产品可用性的工作， 这是一个设计工作， 我们通过设计让产品变得更加易用，让用户在使用产品时能更爽， 交互设计师要和产品经理讨论，要和视觉设计沟通，和页面重构工程师沟通，和程序员沟通…和相关于产品设计的所有同事沟通， 我们把50%-70%的精力花在讨论上。通过讨论，产品的信息构架清楚，界面的表现明确了，操作更容易了… 我们要做的工作： 1、通过对用户角色、情景、任务的分析，参与互联网产品的规划、构思； 2、根据产品规划、需求搭建产品信息构架； 3、完成产品界面、流程具体的交互设计。 岗位要求 要胜任这样的工作，需要你： 1、具有设计或计算机类专业本科以上学历，英语四级； 2、精通网站交互设计的相关流程，包括网站需求分析、用户角色分析、情景描述、界面设计、操作行为设计、界面原型开发、易用性测试等； 3、有网站交互设计经验，有成功案例； 4、对业界最新的交互应用有自己的见解； 5、对用户体验和易用性有敏锐的把握能力； 6、逻辑分析能力强，善于沟通和协调，较强的写作能力； 7、在我们看来，如果你有大型互联网企业相关的实习经验会显得更可爱 :） 简历投递 请将简历及相关作品发至webteam@qq.com，标题请注明“[校园招聘]交互设计师”。 视觉设计师  岗位职责 1像素乘以4亿有多大… 4亿人的画展有多壮观… 在这儿，你的每一次鼠标拖动和色彩填充都将呈现在腾讯数以亿计的网友面前， 这是一份充满激情的工作， 我们每一次灵感的迸发总能给用户带来更大的惊喜， 这是一份格外严谨的工作， 为了用户每一次顺畅的操作， 我们固执地追求着每1像素的完美。 我们要做的工作： 1、互联网增值业务旗下的产品网站、活动、mini site等网页设计； 2、与产品相关的图形、图标、动画与界面设计； 3、海报、邮件、多媒体等宣传物料的设计。 岗位要求 要胜任这样的工作，需要你： 1、具备扎实的美术基础，有良好的色彩感与空间感，富于想像力； 2、在图标、界面、平面与网页设计中，有至少两项的设计经验，有商业设计案例就更好了； 3、对互联网产品抱有极大的热忱，对主流电子商务网站及sns(网络社交平台)网站有充分接触与理解； 4、熟悉图形设计的潮流，对图形质感与空间表现手法有一定的沉淀； 5、具备良好的创新意识与学习能力，踏实上进，善于沟通； 6、熟练操作各种图形、图像与动画处理软件，如Adobe系列、Macromedia系列。 简历投递 请将简历及相关作品发至webteam@qq.com，标题请注明“[校园招聘]视觉设计师”。 [...]]]></description>
			<content:encoded><![CDATA[<p><img class="alignnone" title="招聘" src="http://webteam.tencent.com/wp-content/uploads/2009/9/1257_banner.jpg" alt="" width="670" height="207" /></p>
<p>腾讯公司2010年校园招聘即将正式开展，在2010年度毕业之际，来自腾讯互联网业务系统的设计团队－ISD Webteam，盛情邀请您加入我们的大家庭。</p>
<p>我们专注于网站的可用性、视觉风格以及网页重构，为了打造千万用户级的优秀产品，我们对网站产品的体验设计始终保持着无限的热情。</p>
<p>我们的产品类型挺丰富，有抒发心情分享快乐的“QQ空间”，有用心服务逐渐融入生活带给你众多新特权的“QQ会员”，有教你潮爆装束的“QQshow”，有不可缺少的“多媒体”视听冲击，还有足不出户购遍天下的“拍拍”。</p>
<p>我们的成员类型挺丰富，有怪诞搞笑的大叔，有热情奔放的大婶，有沉着睿智的思考男，还有天下无敌的美少女。</p>
<p>“让我们的互联网服务像水和电一样融入到人们的生活当中”是我们的梦想，距离这个目标还有很长的路要走，如果你愿意，来吧，欢迎和我们一起。</p>
<p><span id="more-473"></span>具体岗位信息如下。</p>
<h2>交互设计师 </h2>
<p><strong>岗位职责</strong><br />
这是一个提高产品可用性的工作，<br />
这是一个设计工作，<br />
我们通过设计让产品变得更加易用，让用户在使用产品时能更爽，<br />
交互设计师要和产品经理讨论，要和视觉设计沟通，和页面重构工程师沟通，和程序员沟通…和相关于产品设计的所有同事沟通，<br />
我们把50%-70%的精力花在讨论上。通过讨论，产品的信息构架清楚，界面的表现明确了，操作更容易了…</p>
<p>我们要做的工作：<br />
1、通过对用户角色、情景、任务的分析，参与互联网产品的规划、构思；<br />
2、根据产品规划、需求搭建产品信息构架；<br />
3、完成产品界面、流程具体的交互设计。</p>
<p><strong>岗位要求</strong><br />
要胜任这样的工作，需要你：<br />
1、具有设计或计算机类专业本科以上学历，英语四级；<br />
2、精通网站交互设计的相关流程，包括网站需求分析、用户角色分析、情景描述、界面设计、操作行为设计、界面原型开发、易用性测试等；<br />
3、有网站交互设计经验，有成功案例；<br />
4、对业界最新的交互应用有自己的见解；<br />
5、对用户体验和易用性有敏锐的把握能力；<br />
6、逻辑分析能力强，善于沟通和协调，较强的写作能力；<br />
7、在我们看来，如果你有大型互联网企业相关的实习经验会显得更可爱 :）</p>
<p><strong>简历投递</strong><br />
请将简历及相关作品发至<a href="mailto:webteam@qq.com"><span style="color: #cd0b00;">webteam@qq.com</span></a>，标题请注明“[校园招聘]交互设计师”。</p>
<h2>视觉设计师 </h2>
<p><strong>岗位职责</strong><br />
1像素乘以4亿有多大…<br />
4亿人的画展有多壮观…<br />
在这儿，你的每一次鼠标拖动和色彩填充都将呈现在腾讯数以亿计的网友面前，<br />
这是一份充满激情的工作，<br />
我们每一次灵感的迸发总能给用户带来更大的惊喜，<br />
这是一份格外严谨的工作，<br />
为了用户每一次顺畅的操作，<br />
我们固执地追求着每1像素的完美。</p>
<p>我们要做的工作：<br />
1、互联网增值业务旗下的产品网站、活动、mini site等网页设计；<br />
2、与产品相关的图形、图标、动画与界面设计；<br />
3、海报、邮件、多媒体等宣传物料的设计。</p>
<p><strong>岗位要求</strong><br />
要胜任这样的工作，需要你：<br />
1、具备扎实的美术基础，有良好的色彩感与空间感，富于想像力；<br />
2、在图标、界面、平面与网页设计中，有至少两项的设计经验，有商业设计案例就更好了；<br />
3、对互联网产品抱有极大的热忱，对主流电子商务网站及sns(网络社交平台)网站有充分接触与理解；<br />
4、熟悉图形设计的潮流，对图形质感与空间表现手法有一定的沉淀；<br />
5、具备良好的创新意识与学习能力，踏实上进，善于沟通；<br />
6、熟练操作各种图形、图像与动画处理软件，如Adobe系列、Macromedia系列。</p>
<p><strong>简历投递</strong><br />
请将简历及相关作品发至<a href="mailto:webteam@qq.com"><span style="color: #cd0b00;">webteam@qq.com</span></a>，标题请注明“[校园招聘]视觉设计师”。</p>
<h2>网页重构工程师 </h2>
<p><strong>岗位职责</strong><br />
我们负责互联网系统（QQ空间、QQ会员、QQshow、多媒体）的前端重构工作，<br />
我们负责将视觉设计稿精确还原为静态页面，并做到结构与表现的分离，<br />
我们负责将结构以及样式代码进行模块化处理，使其符合高效的复用性原则，从而实现敏捷开发，<br />
我们负责规划全站目录结构，保证结构和表现文件布局的合理性和可扩展性，<br />
我们关注站点性能和运营成本，从专业角度实现站点速度及用户体验的最优化，<br />
我们关注结构标签的语义化及站点的标准化，并从专业角度进行必要的SEO操作，<br />
我们关注业界前沿技术，并不断将其转化为实际项目生产力，<br />
我们配合前后台开发人员，一同完成项目的开发阶段，将最终可用的网站交付用户手中。</p>
<p><strong>岗位要求</strong><br />
要胜任这样的工作，需要你：<br />
1、精通Xhtml+css，并了解本职位关联技术，能将设计方案转换输出web界面；<br />
2、精通代码的标准化；<br />
3、精通图像处理软件(Photoshop)与网页编辑软件(Dreamweaver)；<br />
4、保持页面不同浏览器及分辨率下良好的兼容性和适用性，以及结构、表现、行为的分离；<br />
5、了解网页访问速度体验优化；<br />
6、了解平台代码模块化思维；<br />
7、逻辑分析能力强，善于沟通，较强的学习和团队合作能力；<br />
8、对业界最新的相关技术有浓厚的兴趣和深入的见解。</p>
<p><strong>简历投递</strong><br />
请将简历及相关作品发至<a href="mailto:webteam@qq.com"><span style="color: #cd0b00;">webteam@qq.com</span></a>，标题请注明“[校园招聘]网页重构工程师”。</p>
<p>关于腾讯公司2010年的校园招聘，可以访问<a href="http://join.qq.com/"><span style="color: #cd0b00;">http://join.qq.com</span></a>了解更多信息。</p>
]]></content:encoded>
			<wfw:commentRss>http://www.xibeidesign.com/473/feed</wfw:commentRss>
		<slash:comments>8</slash:comments>
		</item>
		<item>
		<title>Axure教程网络资料汇集</title>
		<link>http://www.xibeidesign.com/465</link>
		<comments>http://www.xibeidesign.com/465#comments</comments>
		<pubDate>Wed, 19 Aug 2009 13:55:17 +0000</pubDate>
		<dc:creator>西贝</dc:creator>
				<category><![CDATA[最新资讯]]></category>
		<category><![CDATA[工具 交互原型 axure]]></category>

		<guid isPermaLink="false">http://www.xibeidesign.com/?p=465</guid>
		<description><![CDATA[ Axure教程&#124;Sitemap  Axure教程&#124;Axure中图片处理技巧分享  Axure教程&#124;Widgets&#124;Image  Axure教程&#124;使用Axure模拟阿里软件平台登录和跳转（一）  Axure教程&#124;使用Axure模拟阿里软件平台登录和跳转（二）  Axure教程&#124;使用Axure模拟阿里软件平台登录和跳转（三）  Axure教程&#124;使用Axure模拟阿里软件平台登录和跳转（四）   Axure教程&#124;使用Axure模拟阿里软件平台登录和跳转（五）   巧用Axure RP自带的文档恢复功能实现版本控制   转载：axure分享    用Axure模拟注册和登录的过程  如何用Axure给下拉菜单选项中加链接  Axure组件封装(妙用字体)  利用Axure封装视觉标准  Axure RP如何以漸層色彩來填色? 下載Loren Baxter提供的Axure PR Design Pattern  利用Inline Frame嵌入flash/video   不断整理，努力学习中ing]]></description>
			<content:encoded><![CDATA[<p><span style="font-family: 微软雅黑;"> </span><a title="Axure教程|Sitemap" href="http://www.axurer.com/?p=76" target="_self"><span style="color: #4f2003; font-family: 微软雅黑;">Axure教程|Sitemap</span></a></p>
<p><span style="font-family: 微软雅黑;"> </span><a title="Axure教程|Axure中图片处理技巧分享" href="http://www.axurer.com/?p=124" target="_self"><span style="color: #4f2003; font-family: 微软雅黑;">Axure教程|Axure中图片处理技巧分享</span></a></p>
<p><span style="font-family: 微软雅黑;"> </span><a title="Axure教程|Widgets|Image" href="http://www.axurer.com/?p=345" target="_self"><span style="color: #4f2003; font-family: 微软雅黑;">Axure教程|Widgets|Image</span></a></p>
<p><span style="font-family: 微软雅黑;"> </span><a title="Axure教程|使用Axure模拟阿里软件平台登录和跳转（一）" href="http://www.axurer.com/?p=368" target="_self"><span style="color: #4f2003; font-family: 微软雅黑;">Axure教程|使用Axure模拟阿里软件平台登录和跳转（一）</span></a></p>
<p><span style="font-family: 微软雅黑;"> </span><a title="Axure教程|使用Axure模拟阿里软件平台登录和跳转（二）" href="http://www.axurer.com/?p=413" target="_self"><span style="color: #4f2003; font-family: 微软雅黑;">Axure教程|使用Axure模拟阿里软件平台登录和跳转（二）</span></a></p>
<p><span style="font-family: 微软雅黑;"> </span><a title="Axure教程|使用Axure模拟阿里软件平台登录和跳转（三）" href="http://www.axurer.com/?p=457" target="_self"><span style="color: #4f2003; font-family: 微软雅黑;">Axure教程|使用Axure模拟阿里软件平台登录和跳转（三）</span></a></p>
<p><span style="font-family: 微软雅黑;"> </span><a title="Axure教程|使用Axure模拟阿里软件平台登录和跳转(四)" href="http://www.axurer.com/?p=504" target="_self"><span style="color: #4f2003; font-family: 微软雅黑;">Axure教程|使用Axure模拟阿里软件平台登录和跳转（四） </span></a></p>
<p> <span style="font-family: 微软雅黑;"> </span><a title="Axure教程|使用Axure模拟阿里软件平台登录和跳转(五)" href="http://www.axurer.com/?p=605"><span style="color: #4f2003;font-family: 微软雅黑;">Axure教程|使用Axure模拟阿里软件平台登录和跳转（五）</span></a></p>
<p><span style="font-family: 微软雅黑;">  <a title="巧用Axure RP自带的文档恢复功能实现版本控制" href="http://www.axurer.com/?p=697"><span style="color: #4f2003;">巧用Axure RP自带的文档恢复功能实现版本控制</span></a></span><span style="font-family: 微软雅黑;"> </span></p>
<p><span style="font-family: 微软雅黑;">  <a title="转载：axure分享" href="http://www.axurer.com/?p=583"><span style="color: #4f2003;">转载：axure分享</span></a></span><span style="font-family: 微软雅黑;"> </span></p>
<p> </p>
<p> <a href="http://www.inpeck.com/blog/2008/09/23/sign-up-and-sign-in-by-axure/">用Axure模拟注册和登录的过程</a></p>
<p> <a href="http://www.webppd.com/thread-81-1-1.html">如何用Axure给下拉菜单选项中加链接</a></p>
<p> <a href="Axure组件封装(妙用字体)">Axure组件封装(妙用字体)</a></p>
<p> <a href="http://userxper.com/blog/archives/197">利用Axure封装视觉标准</a></p>
<p> <a href="http://userxper.com/blog/archives/183">Axure RP如何以漸層色彩來填色?</a></p>
<p><a href="http://userxper.com/blog/archives/312">下載Loren Baxter提供的Axure PR Design Pattern</a></p>
<p> <a href="http://userxper.com/blog/archives/255">利用Inline Frame嵌入flash/video</a></p>
<p> </p>
<p>不断整理，努力学习中ing</p>
]]></content:encoded>
			<wfw:commentRss>http://www.xibeidesign.com/465/feed</wfw:commentRss>
		<slash:comments>14</slash:comments>
		</item>
		<item>
		<title>从品牌网站看交互设计</title>
		<link>http://www.xibeidesign.com/447</link>
		<comments>http://www.xibeidesign.com/447#comments</comments>
		<pubDate>Sun, 09 Aug 2009 14:04:36 +0000</pubDate>
		<dc:creator>西贝</dc:creator>
				<category><![CDATA[交互设计]]></category>
		<category><![CDATA[品牌时尚 交互技巧]]></category>

		<guid isPermaLink="false">http://www.xibeidesign.com/?p=447</guid>
		<description><![CDATA[【转载请标明出处，多谢】 最近在研究品牌如何演绎，当然，看的时候没有忘记本行，分析了一下他们的交互设计~~ 路易威登LV 上图采用胶片展示多组信息——大片展示品牌渲染。 利用胶片或者类似相册的展示方式，能够展示更多的信息，视觉焦点放到上部，用动态或者滚动的选择方式让用户继续浏览下去。 比较适合主题醒目，品牌放大的页面。 上图采用多图展示细节方式——展示品牌的细节品质优势。 品牌注重物品的质量和细节的设计。用多个单图表现同一个物品的不同细节，甚至可以做到放大每一个纽扣或皮质纹路。所谓好东西不怕看细节，用小图给用户造成一种高质的心理。 上图是点击某个细节后展示整个物品——强调细节和整体的关联。 细节和整体的关联，质量和款式表现，在看细节的同时，可以对比整体的款式，相互融合。有的时候我们在做设计的时候，往往追求“酷、炫”的效果，其实在表现实质需求的本质时，也不乏新颖的表现。 LV的网站的设计场景和出发心理： 整体品牌形象（告诉你，我是什么） 》 选中你关心的类 》 看看细节品质  》  不仅质量好，整体款式更好 》 引导购买 再收集一个例子（yoka）： 演绎搭配，不能单单的推给用户搭配好的物品，而是引导用户如何才能搭配出合适自己的装扮。也就是说简单的搭配列表也许满足不了用户的需求。 上图按照：你的现状是什么（调查） 》 看看其他人是这样的（达人秀） 》 你该怎么搭配（咨询引导搭配方式） 》 找到你的特点，开始搭配吧（上图右侧） 想到什么： 西贝学习到设计一个网站，不仅仅按照品牌推广的逻辑，单纯的采用交互技巧来满足用户的需求。其实，关注用户购物的流程方式，循序渐进的利用现实场景模式进行引导也许会更好。一个简单的物品列表设计也许可以演绎出比较丰富的用户需求。不要单纯的从形式来表现需求，而应该深入的分析需求，按照用户的真实场景，更加合理的表现形式。 Gucci 上图是物品的列表——用不同造型的同类物品展示品牌趋势。 品牌引导流行趋势。 很多时候大家都会这样说“今年流行什么？流苏？条纹？ ”。 说明物品的品牌特点推广和物品的展示有一定的关联性。 上图很聪明的把造型相似的物品放到一起，体现造型的优势。但是本页面有个统一的特点，都是有金属配饰和细跟表现。顺理成章的表现了趋势和品牌的统一。 试想：造型不同或者类型不同的鞋子，放到一起，都是简单的物品，给一个统一的列表，有翻页。 如下图，这样就看不出品牌特点和造型优点。   通过以上的例子想到什么？ 》 交互不仅仅考虑页面的排版。 》 交互设计要深入了解需求的本身。 》 交互设计可以把简单的东西变的更加让人接收，TA不仅仅传递了信息，还演绎了需求的内涵。 》 一个小小的改善，那怕只是列表的简单分区。只要处理恰当就可以得到意想不到的收获。 》 设计永远离不开思考用户场景。 》 交互可以考虑的更多，如何平衡产品价值和界面表现也有很多技巧可以使用。]]></description>
			<content:encoded><![CDATA[<p>【转载请标明出处，多谢】</p>
<p>最近在研究品牌如何演绎，当然，看的时候没有忘记本行，分析了一下他们的交互设计~~</p>
<p><a href="http://www.louisvuitton.com/web/flash/index.jsp?langue=zh_HK&amp;buy=0">路易威登LV</a><br />
<img class="alignnone size-full wp-image-448" title="1" src="http://www.xibeidesign.com/wp-content/uploads/2009/08/1.jpg" alt="1" width="655" height="434" /></p>
<p><strong>上图采用胶片展示多组信息——大片展示品牌渲染。</strong><br />
利用胶片或者类似相册的展示方式，能够展示更多的信息，视觉焦点放到上部，用动态或者滚动的选择方式让用户继续浏览下去。<br />
比较适合主题醒目，品牌放大的页面。</p>
<p><span id="more-447"></span><img class="alignnone size-full wp-image-449" title="2" src="http://www.xibeidesign.com/wp-content/uploads/2009/08/2.jpg" alt="2" width="661" height="436" /></p>
<p><strong>上图采用多图展示细节方式——展示品牌的细节品质优势。</strong><br />
品牌注重物品的质量和细节的设计。用多个单图表现同一个物品的不同细节，甚至可以做到放大每一个纽扣或皮质纹路。所谓好东西不怕看细节，用小图给用户造成一种高质的心理。</p>
<p><img class="alignnone size-full wp-image-450" title="3" src="http://www.xibeidesign.com/wp-content/uploads/2009/08/3.jpg" alt="3" width="659" height="438" /></p>
<p><strong>上图是点击某个细节后展示整个物品——强调细节和整体的关联。</strong><br />
细节和整体的关联，质量和款式表现，在看细节的同时，可以对比整体的款式，相互融合。有的时候我们在做设计的时候，往往追求“酷、炫”的效果，其实在表现实质需求的本质时，也不乏新颖的表现。</p>
<p><strong>LV的网站的设计场景和出发心理：</strong></p>
<p>整体品牌形象（告诉你，我是什么） 》 选中你关心的类 》 看看细节品质  》  不仅质量好，整体款式更好 》 引导购买</p>
<p><strong>再收集一个例子（yoka）：</strong></p>
<p><img class="alignnone size-full wp-image-452" title="5" src="http://www.xibeidesign.com/wp-content/uploads/2009/08/5.jpg" alt="5" width="659" height="438" /></p>
<p>演绎搭配，不能单单的推给用户搭配好的物品，而是引导用户如何才能搭配出合适自己的装扮。也就是说简单的搭配列表也许满足不了用户的需求。<br />
上图按照：你的现状是什么（调查） 》 看看其他人是这样的（达人秀） 》 你该怎么搭配（咨询引导搭配方式） 》 找到你的特点，开始搭配吧（上图右侧）</p>
<p><strong>想到什么：</strong></p>
<p>西贝学习到设计一个网站，不仅仅按照品牌推广的逻辑，单纯的采用交互技巧来满足用户的需求。其实，关注用户购物的流程方式，循序渐进的利用现实场景模式进行引导也许会更好。一个简单的物品列表设计也许可以演绎出比较丰富的用户需求。不要单纯的从形式来表现需求，而应该深入的分析需求，按照用户的真实场景，更加合理的表现形式。</p>
<p><a href="http://www.gucci.com/">Gucci<br />
</a><img class="alignnone size-full wp-image-453" title="6" src="http://www.xibeidesign.com/wp-content/uploads/2009/08/6.jpg" alt="6" width="663" height="373" /></p>
<p><img class="alignnone size-full wp-image-454" title="7" src="http://www.xibeidesign.com/wp-content/uploads/2009/08/7.jpg" alt="7" width="664" height="319" /></p>
<p><strong>上图是物品的列表——用不同造型的同类物品展示品牌趋势。</strong><br />
品牌引导流行趋势。<br />
很多时候大家都会这样说“今年流行什么？流苏？条纹？ ”。<br />
说明物品的品牌特点推广和物品的展示有一定的关联性。<br />
上图很聪明的把造型相似的物品放到一起，体现造型的优势。但是本页面有个统一的特点，都是有金属配饰和细跟表现。顺理成章的表现了趋势和品牌的统一。</p>
<p><strong>试想：</strong>造型不同或者类型不同的鞋子，放到一起，都是简单的物品，给一个统一的列表，有翻页。</p>
<p>如下图，这样就看不出品牌特点和造型优点。</p>
<p><img class="alignnone size-full wp-image-455" title="8" src="http://www.xibeidesign.com/wp-content/uploads/2009/08/8.jpg" alt="8" width="658" height="89" /></p>
<p> </p>
<p><strong>通过以上的例子想到什么？</strong><br />
》 交互不仅仅考虑页面的排版。<br />
》 交互设计要深入了解需求的本身。<br />
》 交互设计可以把简单的东西变的更加让人接收，TA不仅仅传递了信息，还演绎了需求的内涵。<br />
》 一个小小的改善，那怕只是列表的简单分区。只要处理恰当就可以得到意想不到的收获。<br />
》 设计永远离不开思考用户场景。<br />
》 交互可以考虑的更多，如何平衡产品价值和界面表现也有很多技巧可以使用。</p>
]]></content:encoded>
			<wfw:commentRss>http://www.xibeidesign.com/447/feed</wfw:commentRss>
		<slash:comments>15</slash:comments>
		</item>
		<item>
		<title>从旅游市场想到互联网</title>
		<link>http://www.xibeidesign.com/443</link>
		<comments>http://www.xibeidesign.com/443#comments</comments>
		<pubDate>Tue, 04 Aug 2009 14:09:33 +0000</pubDate>
		<dc:creator>西贝</dc:creator>
				<category><![CDATA[旅行]]></category>
		<category><![CDATA[杂七杂八]]></category>
		<category><![CDATA[旅游信息 互联网]]></category>

		<guid isPermaLink="false">http://www.xibeidesign.com/?p=443</guid>
		<description><![CDATA[下雨天，比较适合静下来看点东西，漫无目的的思考&#8230; 从艾瑞看到一个图表： 不难看出，亲朋好友的推荐占比较大，说明需要做抉择的用户基本都比较信任好友的评论和推荐。 所有的设计都是基于场景的需求。这个场景决定人们比较信任身边的事物，比较在意对方的评论。其实不仅仅是旅游行业，看房团也是一样的，都比较认可比较权威或者信得过的评论，也就是说第三方，和销售方无关的，对判断比较客观的说法。 那么，是不是说，如果有一个网站，包含第三方或者权威人员组成的评论，甚至可以上传比较权威的图文证明等。使得消费者比较安心，更好进行的选择。组成一个群组，把关系比较近的人，或者有共同爱好的人聚集在一起，针对评论的真实进行打分，使得其他人更好的判断。 类似这样，第三方、纯评论的网站是不是有发展的前景呢？思考中ing]]></description>
			<content:encoded><![CDATA[<p>下雨天，比较适合静下来看点东西，漫无目的的思考&#8230;</p>
<p>从艾瑞看到一个图表：</p>
<p><img class="alignnone size-full wp-image-444" title="004317456" src="http://www.xibeidesign.com/wp-content/uploads/2009/08/004317456.gif" alt="004317456" width="508" height="498" /></p>
<p>不难看出，亲朋好友的推荐占比较大，说明需要做抉择的用户基本都比较信任好友的评论和推荐。</p>
<p>所有的设计都是基于场景的需求。这个场景决定人们比较信任身边的事物，比较在意对方的评论。其实不仅仅是旅游行业，看房团也是一样的，都比较认可比较权威或者信得过的评论，也就是说第三方，和销售方无关的，对判断比较客观的说法。</p>
<p>那么，是不是说，如果有一个网站，包含第三方或者权威人员组成的评论，甚至可以上传比较权威的图文证明等。使得消费者比较安心，更好进行的选择。组成一个群组，把关系比较近的人，或者有共同爱好的人聚集在一起，针对评论的真实进行打分，使得其他人更好的判断。</p>
<p>类似这样，第三方、纯评论的网站是不是有发展的前景呢？思考中ing</p>
]]></content:encoded>
			<wfw:commentRss>http://www.xibeidesign.com/443/feed</wfw:commentRss>
		<slash:comments>13</slash:comments>
		</item>
		<item>
		<title>上周业界新闻</title>
		<link>http://www.xibeidesign.com/438</link>
		<comments>http://www.xibeidesign.com/438#comments</comments>
		<pubDate>Thu, 23 Jul 2009 06:27:50 +0000</pubDate>
		<dc:creator>西贝</dc:creator>
				<category><![CDATA[最新资讯]]></category>

		<guid isPermaLink="false">http://www.xibeidesign.com/?p=438</guid>
		<description><![CDATA[【互联网大环境】 DCCI：09上半年中国互联网市场数据在线发布 7月16日 搜狐IT http://it.sohu.com/20090716/n265259112.shtml CNNIC：6月底我国网民数达3.38亿 互联网普及率达25.5% 7月16日 新浪科技 http://news.skycn.com/article/22638.html 【MSN相关】 新闻集团计划将MySpace转型娱乐门户 7月11日 新浪科技 6月Facebook美独立访客数达7700万 远超MySpace 7月14日 新浪科技 “白社会”正式开放注册 搜狐全面进军SNS 7月15日 赛迪网 百度空间用户数量突破1亿 7月14日 搜狐IT 7月15日 TechWeb.com 6月Twitter在美UV超2000万人 环比增14% 7月14日 腾讯科技 Facebook活跃用户突破2.5亿 传Twitter预计2010年营收1.4亿美元 7月16日 新浪科技 08年美国社区营销市场规模达11.8亿美元 7月17日 iResearch 【广告相关】 2Q09美搜索广告支出季比降3% 必应首月UV环比增8% 7月13日 新浪科技 预计美广告市场09年萎缩14.5% 报纸跌27% 7月14日 搜狐IT 微软7月底将推广告支撑的免费音乐服务 7月14日 搜狐IT 预计09年全球网络广告将达568亿美元 7月14日 《中国新闻出版报》 尼尔森：Q2中国网络展示广告市场价值约46.2亿人民币 7月16日 [...]]]></description>
			<content:encoded><![CDATA[<p>【互联网大环境】<br />
DCCI：09上半年中国互联网市场数据在线发布<br />
7月16日 搜狐IT</p>
<p>http://it.sohu.com/20090716/n265259112.shtml</p>
<p>CNNIC：6月底我国网民数达3.38亿 互联网普及率达25.5%<br />
7月16日 新浪科技<br />
<a href="http://news.skycn.com/article/22638.html">http://news.skycn.com/article/22638.html</a></p>
<p>【MSN相关】<br />
新闻集团计划将MySpace转型娱乐门户<br />
7月11日 新浪科技</p>
<p>6月Facebook美独立访客数达7700万 远超MySpace<br />
7月14日 新浪科技</p>
<p>“白社会”正式开放注册 搜狐全面进军SNS<br />
7月15日 赛迪网</p>
<p>百度空间用户数量突破1亿<br />
7月14日 搜狐IT</p>
<p>7月15日 TechWeb.com</p>
<p>6月Twitter在美UV超2000万人 环比增14%<br />
7月14日 腾讯科技</p>
<p>Facebook活跃用户突破2.5亿 传Twitter预计2010年营收1.4亿美元<br />
7月16日 新浪科技</p>
<p><span id="more-438"></span>08年美国社区营销市场规模达11.8亿美元<br />
7月17日 iResearch</p>
<p>【广告相关】<br />
2Q09美搜索广告支出季比降3% 必应首月UV环比增8%<br />
7月13日 新浪科技</p>
<p>预计美广告市场09年萎缩14.5% 报纸跌27%<br />
7月14日 搜狐IT</p>
<p>微软7月底将推广告支撑的免费音乐服务<br />
7月14日 搜狐IT</p>
<p>预计09年全球网络广告将达568亿美元<br />
7月14日 《中国新闻出版报》</p>
<p>尼尔森：Q2中国网络展示广告市场价值约46.2亿人民币<br />
7月16日 搜狐IT<br />
<a href="http://it.sohu.com/20090716/n265269098.shtml">http://it.sohu.com/20090716/n265269098.shtml</a></p>
<p>【游戏相关】<br />
盛大公布网游产品新模式“World Zero”<br />
7月11日 17173.com</p>
<p>5月美网络游戏玩家数同比增22%<br />
7月12日 新浪科技</p>
<p>联众欲分食网游投资市场 推五五计划<br />
7月14日 iResearch</p>
<p>九城修正08财年年报 净利润较之前下调72%<br />
7月15日 新浪科技</p>
<p>2Q09中国手机游戏市场规模达5.2亿元<br />
7月16日 《京华时报》</p>
<p>《征途》测试新资料片“生儿育女” 今年将推出4款新网游<br />
7月17日 腾讯科技</p>
<p>【其他】<br />
视频网站介入综艺选秀拉动营销 或面临政策监管风险<br />
7月13日 《北京晨报》</p>
<p>传百度将推新平台“福尔摩斯” 为企业用户提供增值服务<br />
7月14日 《新京报》</p>
<p>08年77.4%首次网购者选支付宝付款<br />
7月14日 新浪科技</p>
<p>三大运营商执行短信限发令 日发短信禁超千条<br />
7月15日 《北京娱乐信报》</p>
<p>百度Hi新版上线 整合支付平台百付宝入口<br />
7月15日 腾讯科技</p>
<p>视频网站流量指标开始接近门户网站<br />
7月16日 《新京报》</p>
<p> </p>
<p>chester汇总</p>
]]></content:encoded>
			<wfw:commentRss>http://www.xibeidesign.com/438/feed</wfw:commentRss>
		<slash:comments>2</slash:comments>
		</item>
	</channel>
</rss>

