• Skip Navigation
• 注册

西贝的交互设计

搜索：

• Home
• About
• Qzone

Archive for the ‘交互设计’ Category

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

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，邮件标题请注明“岗位名称”，如“[应聘交互设计]”。

交互设计—页签（1）

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

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

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

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

自己/他们总结的：

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

理解的概念：

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

总结的样式：

样式上传待续…

服装搭配看点（1）

案例一

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

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

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

(全文 …)

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

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

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

 

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

 

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

ISD Webteam 2010年校园招聘 正式启动

腾讯公司2010年校园招聘即将正式开展，在2010年度毕业之际，来自腾讯互联网业务系统的设计团队－ISD Webteam，盛情邀请您加入我们的大家庭。

我们专注于网站的可用性、视觉风格以及网页重构，为了打造千万用户级的优秀产品，我们对网站产品的体验设计始终保持着无限的热情。

我们的产品类型挺丰富，有抒发心情分享快乐的“QQ空间”，有用心服务逐渐融入生活带给你众多新特权的“QQ会员”，有教你潮爆装束的“QQshow”，有不可缺少的“多媒体”视听冲击，还有足不出户购遍天下的“拍拍”。

我们的成员类型挺丰富，有怪诞搞笑的大叔，有热情奔放的大婶，有沉着睿智的思考男，还有天下无敌的美少女。

“让我们的互联网服务像水和电一样融入到人们的生活当中”是我们的梦想，距离这个目标还有很长的路要走，如果你愿意，来吧，欢迎和我们一起。

(全文 …)

从品牌网站看交互设计

【转载请标明出处，多谢】

最近在研究品牌如何演绎，当然，看的时候没有忘记本行，分析了一下他们的交互设计~~

路易威登LV

上图采用胶片展示多组信息——大片展示品牌渲染。
利用胶片或者类似相册的展示方式，能够展示更多的信息，视觉焦点放到上部，用动态或者滚动的选择方式让用户继续浏览下去。
比较适合主题醒目，品牌放大的页面。

(全文 …)

上周业内资讯

苹果新款3G S版iPhone头3天销量超百万
百度CFO称正考虑通过收购扩大市场领先地位
Twitter拟今年通过戴尔、星巴克等淘到第一桶金
聚友网CEO人选终于落定：乐视网前副总裁魏来
Facebook实名网址注册用户数两天内达575万名
儿童游戏SNS摩尔庄园获500万美元投资
网游用户游戏时间上升花费下降 休闲游戏为方向
魔兽已通过北京版权局审批 网易将对魔兽推战网通行证系统
Facebook IM日均消息发送量突破10亿条
5月Twitter美国用户1760万 Facebook独立用户数达7028万
…
资讯记录，方便查阅

一个小的设计技巧，可以改变的事情

第一个故事：

背景：经济学家》的一篇报道说,Google的零售行业总监JohnMcAteer表示,评论的数量对于提高销售量至关重要。“20”是一个充满魔力的数字,20条评论能让产品更具吸引力,而且还能激发更多人发表评论。

实施案例：亚马逊在每条评论的下面加了一个问题:“这条评论对你有用吗?”就是这样简单的一个问题,帮亚马逊将与产品最相关、同时也是对销售最有帮助的评论提到最前面。对用户而言评论就是有价值的，而且帮助卖家提高销售率。

结果：增加了27亿美元收入。

第二个故事：

实施案例：一公司通过取消付款前需注册这一规定,增加了3亿销售。

 

总结：一个小的设计体验，完全可以改变收入。重视细节，设计第一步！

 

文中数据来源：艾瑞网  网易新闻