西贝的交互设计

还在潜水？潜规则—腾讯 ISD webteam 2010招聘

Posted by 西贝 - 30/04/10 at 07:04 上午

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设计经历，有作品；
● 美术基础扎实，优秀的造型与色彩能力；
● 熟悉人机交互设计，有一定的方法沉淀；
● 精通各种图形、图像与动画处理软件，如Adobe系列、Macromedia系列；
● 有较强的学习能力，善于沟通。

3.Game
● 热爱游戏事业，有游戏设计经历，有作品；
● 美术基础扎实，优秀的造型与色彩能力；
● 灵敏的行业触觉，绘画风格时尚而全面；
● 精通各种图形、图像与动画处理软件，如Adobe系列、Macromedia系列；
● 有较强的学习能力，善于沟通。

我们关注以下素质：

● 对符合web标准的网站重构有丰富经验，有成功案例；
● 精通结构化语言xhtml、xml与解释性语言css；
● 精通图像处理软件与网页编辑软件；
● 对业界最新的页面实现有浓厚的兴趣和深入的见解；
● 逻辑分析能力强，善于沟通，较强的学习能力；
● 熟悉对象模型与脚本语言，有前台开发经验者优先考虑。

如果你想做开心、有意义的事情；

如果你很优秀，并且有着自己对设计的理想和追求；

如果你是对设计的偏执狂，却无力发挥自己；

请加入我们，创造完美的互联网生活体验。

简历投递：webteam@qq.com，邮件标题请注明“岗位名称”，如“[应聘交互设计]”。

If you enjoyed this article please consider staying updated via RSS. Links to your own social media pages could be added here.

Posted in 交互设计
11 Comments

腾讯ISD Webteam 2010年实习生招聘正式启动

Posted by 西贝 - 20/04/10 at 02:04 上午

腾讯互联网系统设计团队-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；
7．了解浏览器与服务器HTTP通信；
8．有志于从事WEB前端架构工作；
9．熟悉Web服务端语言（如Java/PHP/C++）优先。

记得，简历发送至我们的邮箱webteam@qq.com

If you enjoyed this article please consider staying updated via RSS. Links to your own social media pages could be added here.

Posted in 生活唧歪
6 Comments

西贝blog全面升级为COM，CN持续使用。

Posted by 西贝 - 14/01/10 at 01:01 上午

xibeidesign.cn即将升级为http://www.xibeidesign.com 请各位好友进行连接更新。

If you enjoyed this article please consider staying updated via RSS. Links to your own social media pages could be added here.

Posted in 交互设计
14 Comments

交互设计—页签（1）

Posted by 西贝 - 07/01/10 at 06:01 上午

从日常理解页签：人们看书的时候，对于长篇的小说内容很难一目了然，不能直白的知道里面都包含哪些信息；也许对每个段落篇章进行分类，会更加形象；在读小学的时候，老师总让我们把那么长的一篇文章进行分段，然后起名，用一句话概括段落思想。

从互联网理解页签：这一类的内容太多了，页面总是不够承载；也许把相似的东西分成一类，用户可能更好理解。

很多场景都是我们遇到过，想到过的。那么页签的运用也许可以解决此类问题。

思考页签的定义：可以把内容进行分类给相似的东西起名解决页面放不下的问题可以猜到包含的信息可以作为标记方便查找

自己/他们总结的：

页签提供了一种在不同的页签项里显示相关信息的方式。
页签的优势在于同一个窗口表现更多的相关信息。
Module Tabs(也称选项卡，后文中简称Tab，以便更符合中国设计师的日常叫法) 是一个常见的交互元素——将不同的内容重叠放置在某一布局区块内，重叠的内容区里的每次只有其中一层是可见的。用户通过鼠标点击或移到内容区所对应的标签上，来请求显示该层内容区。（译注：本文中指的是狭义的 Tab ，指在界面的某一版块区域内所应用的 Tab 设计。实际上，绝大多数网站导航也是 Tab 的一种应用）。
web界面的设计趋势是缩短页面屏长，降低信息的显示密度，但同时又不能牺牲可视的信息量。在这种趋势下，Tab 这种交互元素成为了一个越来越普遍的应用。
Vista规范中203页开始。
标签功能类似于滚动条，以增加有效面积的窗口。所以尽量不要在页签内容区使用滚动条。页签标题内容不能灰掉。

理解的概念：

页签至少有2个区域组成：标题区+内容区
页签的标题文字要简洁，但是要能够表达内容区域的意思。
选中页签表示所在当前页签位置，高亮并突出。
选中页签与内容面板形成一个统一的区域（颜色保持一致）。
当前页签只能一个。
页签之间要有内容逻辑上的关联性，不能把不相关的东西用页签并列在一起。
页签间的内容之间不能存在对比或者递进的关系。
页签的显示状态分为未选中态、Mouseover态和选中态三种。
页签的操作方式分为鼠标Mouseover激活和点击激活两种。

总结的样式：

A 页签tab_ 普通常见横向

B 页签tab_ 多类别多内容

样式上传待续…

If you enjoyed this article please consider staying updated via RSS. Links to your own social media pages could be added here.

Posted in 交互设计
4 Comments

服装搭配看点（1）

Posted by 西贝 - 01/12/09 at 07:12 上午

案例一

网址：http://www.payeasy.com.tw/

亮点：
 名词概念挺有意思“陪你shopping”“美女衣学馆”。
 对新品的包装很注重，能够使用一些比较吸引眼球的东西。并且把价格和用户关注的信息放到第一排，而把名称紧接其次。

案例告诉我们：
名词的运用需要更加的准确，更加接近生活。建议采用一些通俗的、有趣的词汇。
尽量只提供阅读者所需要的信息，依照阅读者需要的顺序来排序，这样更加的吻合受众群体的阅读习惯。建议用户不是第一感知就需要的文字，例如物品名称，优先级就可以放低。

Continue reading 服装搭配看点（1）

If you enjoyed this article please consider staying updated via RSS. Links to your own social media pages could be added here.

思考如何提高交互设计水平？

Posted by 西贝 - 03/10/09 at 10:10 上午

西贝做了许久的交互设计工作，每年的目标都有不同，却发现今年没有什么提高和改进的地方。也许是自己没有回头总结，总是被这样那样的借口推脱。最近休假，可以好好思考一下，交互工作下一步我要怎么做？

多点积累，善于反思。尽量每个月都有写给自己看的设计总结。
算了一下，做了几年的交互设计稿，如果把日常做的设计想法和思路进行累计，那数字也一定不小了！
如果可以重新思考过去的设计，把新的想法和改进的思路实践到新的交互设计中，那新的设计一定更加完善。过去并不一定是对的，也许推翻过去自己做的东西并不是很难。

做前多思考，分析要透彻。
自己是个急性子，但是设计不能马虎。不要轻易的开始绘制交互稿。做前多思考，研究分析产品方向和策略也很重要。一开始就想到“弹出还是内嵌？”，很容易被绑死到细节中。（不是说细节不重要，不冲突哦~）

交互设计也要规划，确立清楚自己的设计思路。
曾经给自己找了很多借口，“时间好紧…”“这就是一个小需求”…
这些借口，都让我在设计开始的时候显得十分紧迫，容易忽略或者轻视设计前的规划，还不了解自己到底打算用什么方式或者自己的设计目的还不明确，就急于下手去做，回头才发现很多漏掉的细节。
所以，交互也需要前期的规划。
Continue reading 思考如何提高交互设计水平？

If you enjoyed this article please consider staying updated via RSS. Links to your own social media pages could be added here.