所有文章 - UCD大社区

注意：广州聚会走入珠海金山

胡晓 — 2010-03-17 23:05:52

2010年3月21日，UCD书友会举行“设计的协作与沟通”的话题交流，暨书友会成立三周年；同时，福州分会正式成立，书友会成功实现九城联动（北京、上海、广州、深圳、杭州、成都、南京、厦门、福州）。金山公司特别邀请“UCD书友会·广州”移步珠海，现诚邀您作为嘉宾前往金山参与探讨，分享您的智慧！

话题：设计的协作与沟通
时间：2010年3月21日（星期天）
地点：珠海吉大景山路莲山巷8号金山大厦 14楼（中天酒店对面）
主办：UCD书友会·广州、金山公司

特邀嘉宾：
刘亚军腾讯用户研究工程师
蒋维网易游戏用户体验部门负责人
王增业网易游戏网站经理

唐洪亮西山居研三项目总监
卢歆翮 <剑网3> 产品经理
黄瓯快快事业部产品总监
林颖金山公司高级UI设计经理

童跃美沸腾网络产品经理&设计总监
蔡燮鑫广州乐庚信息科技有限公司项目经理（手机客户端、移动商务）
彭毅网易网站部首席产品经理
胡晓网易网站部高级产品经理

行程：全程大巴免费接送
1、08：30在广州天河城西门集合，驱车前往美丽的海滨城市珠海，车程2小时；
2、11：00参观著名 “金山软件”公司新建大楼，认识金山各部门UCD同行；
3、12：00-1：30午餐时间，金山公司招待；

4、14：00-17：00 探讨“设计的协作与沟通”；
5、17：30-19：00 晚餐时间，金山公司招待；
6、19：00启程回广州，车程2小时；

赞助：
金山公司（全程交通、场地、餐饮、小食、纪念品等等）

源地址：http://hx.okvi.com/?p=1115

网上开店 - 卖东西还是干搬运？

太月 — 2010-03-17 22:01:52

“如果你愿意出200块钱，我就给你找一个新丝路的女模特送货。” 当当网的创始人李国庆在2006年首届中国互联网商圈大会暨“十大聪明老板评选”颁奖大会上用略带调侃的语气回应那些对送货员有意见的挑剔消费者。

粗鲁地遏制着电子商务快速发展的物流环节从来就是一个纠缠不清的话题。刚刚在去年创办乐淘网的毕胜先生在接受新浪网访问时也透露出对物流的无奈。随着电子商务概念和模式在中国的快速兴起，特别是阿里巴巴在2007年末上市之后电子商务更是刺激着无数敏感的神经，很多精明的商人大呼机会来了，他们无比积极的筹建了各式物流服务公司，声称要为电子商务提供完善的基础物流服务，让网上店主们安心地做好核心销售工作。顺风、圆通、申通等快递公司迅速成为人们耳熟能详的物流品牌，最近已达知天命之年的宅急送创始人陈平果断离开家族矛盾不断的宅急送重新创立电子商务物流平台“星晨急便”，阿里巴巴的马云也联合富士康的郭台铭共同投资数亿资金让GOOGLE中国前联合总裁周韶宁在杭州创办百世物流科技，去年在深圳高交会喜获创东方2000万投资的数字物流也提出要为即将到来的大宗商品网上销售提供物流服务。

物流行业正在为应对电子商务浪潮而疲于奔命，我们也欣喜地看到了巨大的进步。如今在网上开店只要销售区域在一二线城市，物流服务基本可以满足要求。可另一幅景像却让我们在欣喜的同时略带困惑，那就是一批优秀的电子商务公司正马不停蹄地筹建自己的物流服务队伍。知名母婴品牌红孩子从创办伊始就自建物流队伍，它的面包车和身穿红色上衣的配送员穿梭各大城市的每一个角落。北极光负责投资红孩子的项目负责人王颖认为，B2C模式的关键是最后一米的功夫，公司的品牌效应，往往在那一刻被放大，红孩子自己做配送，保证了服务的质量。已经“著名”了的互联网服装品牌凡客诚品（VANCL）也开始在一线城市自建物流配送队伍，VANCL的CEO陈年认为“轻公司”这个很美的概念误导了很多人，物流外包要承担不可控的风险，而这些风险往往是很致命的。最近，VANCL招聘物流员工的广告频繁地出现在招聘网站上。2009年初获得三家VC共计2100万美元投资的京东商城，在一个多月后随即投入2000万元建立自己的快递公司，掌门人刘强东认为，物流是否迅捷占据了购物满意度的70%，京东准备将更多的钱花在可以改善购物体验的物流上。

有实力的公司几乎全部自建物流系统，当当网的创始人李国庆即使被嘲笑为搬运工也依然乐此不疲，卓越网甚至将母公司亚马逊那套几乎全世界最先进的仓储系统引进中国并邀请各大媒体大肆宣传。物流作为电子商务的线下客户界面直接影响消费者的购物舒适度。而目前的物流公司大多对终端客户体验度不够重视，配送过程信息也不透明，丢货、漏货、货不对版等不愉快事件时有发生，这对于网店形象的无疑造成极大的伤害。淘宝网上一家卖手机的网店甚至贴出了如下的说明，

在网络技术已不成问题的今天，网上开店更多竞争性的工作也许是线下的物流，如今的大型网店更像是一个供应链公司，说得土一点就是搬运公司，就像沃尔玛是一家优秀的搬运公司一样，说得优雅一点就是供应链公司。研究如何组织采购、仓储、订单处理、分拣、配送才是大型网店的重要工作，网站仅仅是个搜索商品和下单的客户界面而已，显然它在概念上占据了太多的份量。只有美国那样发达的物流业可以使亚马逊实现物流的标准化报价，让亚马逊上的卖家们真正从事“卖东西”的工作。

互联网发展到今天无疑已进入疯狂的消费年代，百度、新浪等传统流量巨头当然按耐不住贪婪的内心，纷纷涉水电子商务，企图打造电子商务平台分网络购物的一杯羹。但流量的引导容易，打造物流、支付、诚信等基础设施却非一日之功，如果不能构建完善的网络购物基础设施，则无非依然是从事着贩卖流量的生意。

物流在今年两会被归入十大振兴行业之列，未来的发展速度如何我们不得而知，但想达到美国的发达程度，所需时日无疑是漫长的，但也只有等到我们组织物流服务的能力赶上亚马逊的水平，网上开店才是真正的“卖东西”而不是“干搬运”。

源地址：http://sun-moon8208.blog.163.com/blog/static/114327450200943105356253/?mode=prev

用户研究的定义、价值、方法、内容、基本文档

etucn.com — 2010-03-17 21:18:06

用户研究的定义
用户研究是用户中心的设计流程中的第一步。它是一种理解用户，将他们的目标、需求与您的商
业宗旨相匹配的理想方法。
用户研究的首要目的是帮助企业定义产品的目标用户群、明确、细化产品概念，并通过对用户的
任务操作特性、知觉特征、认知心理特征的研究，使用户的实际需求成为产品设计的导向，使您
的产品更符合用户的习惯、经验和期待。

用户研究的价值
用户研究不仅对公司设计产品有帮助，而且让产品的使用者受益，是对两者互利的。
对公司设计产品来说，用户研究可以节约宝贵的时间、开发成本和资源，创造更好更成功的产品。
对用户来说，用户研究使得产品更加贴近他们的真实需求。通过对用户的理解，我们可以将用户
需要的功能设计得有用、易用并且强大，能解决实际问题。
要实现以人为本的设计，必须把产品与用户的关系作为一个重要研究内容，先设计用户与产品关
系，设计人机界面，按照人机界面要求再设计机器功能，即“先界面，后功能”，同时二者要协
调配合。我们的用户研究能够帮助改善网站、软件应用、手机、游戏等等交互式产品，包括消费
类电器产品。

用户研究在UCD项目中开展时间和作用
1> 在功能框架已被定义完整的项目开发过程中（国内大部分企业的现有开发流程）：用户研究
帮助定义目标用户群，确定用户策略；帮助细化功能，使功能与用户需求相符合；提供 UI
(GUI)设计的依据；帮助可用性测试：选择被试、具有针对性地制定测试计划、支持数据分析。

2> 在新概念产品的项目开发中（未来的项目开发模式）：
用户研究帮助完善完整产品概念；定义产品功能。

用户研究的方法
ETU 运用访谈、问卷测试和现场观察等方法，进行用户群确认与分类，再运用深度访谈、用户测
试、焦点小组、启发式评估，建立用户模型。为客户提供产品定位以及产品设计的依据。

用户研究的内容
用户群特征
产品功能架构
用户任务模型和心理模型。
用户角色设定

用户研究花费的时间
根据用户研究内容和项目大小作调整。

用户研究花的基本文档
    问卷调查：《问卷设计报告》《问卷调查表》《问卷调查结果分析报告》
    用户访谈：《被访用户筛选表》《访谈脚本》《配合记录表》《被访用户确认联系列表》
              《访谈阶段总结报告》
    焦点小组：《焦点小组用户筛选表》《焦点小组执行脚本》
              《焦点小组参与用户确认联系列表》焦点小组影音资料
    项目最后：《用户研究分析报告》

相关话题：用户研究的一些方法源地址：http://www.etucn.com/fw1.html

交互设计的定义、目的、价值、方法、文档

etucn.com — 2010-03-17 21:16:53

交互设计的定义
交互设计是指设计人和产品或服务互动的一种机制, 以用户体验为基础进行的人机交互设计是要
考虑用户的背景、使用经验以及在操作过程中的感受，从而设计符合最终用户的产品，使得最终
用户在使用产品时愉悦、符合自己的逻辑、有效完成并且是高效使用产品。

交互设计可以划分为纵向和横向（动态的和静态的）

纵向太深，用户会在一层一层挖掘后，感觉焦躁，同时也容易迷失。横向太宽，信息量多了，
用户会觉得复杂，找不到自己想要的东西。

交互设计的目的
为了产品有效易用，为了让客户对产品产生依赖，为了让客户使用产品愉悦。当客户想要设计或
者改进一个交互式系统，使用户与其交互的过程更加有效、易用，ETU 可以为其提供交互设计服
务，比如：
某个交互系统，用户通过它来进行日常的工作，通过执行一系列的步骤来完成某项任务。交互设
计可以系统变得简单易用，用户使用其工作的效率大大提高。

某购物系统，流量很大，但是在生成订单的过程中，用户却大量流失。交互设计帮助该系统找到
用户流失，不能完成购买的原因，进行改进，让用户获得良好的购买体验。

某电子产品，技术先进，但其人机界面的设计可能由研发技术人员来完成，用户觉得产品的使用
方法比较费解。交互设计可以帮助其存在的可用性问题，帮助改进，让用户很容易学会使用它。

交互设计的价值
通过改进设计，使得产品的使用者可以很好的学习、快速有效的完成任务、访问到所需的信息、
购买到所需的产品，并且在使用的过程中获得独特的体验，情感上的满足。

交互设计的好坏会影响用户对产品的印象，同时也会影响用户对品牌的看法。好的交互设计会给
市场带来增值、会提高用户对品牌的忠诚度、会促进销量，从而使公司业务带来良性循环。

交互设计的开展时间
新产品研发过程中，新的用户界面的产生可以引入交互设计。
已有的产品，对产品的人机界面的交互部分需要改进，可以引入交互设计。

交互设计的方法
交互设计一般从标识需求开始，不管是新产品还是改进产品。在这之后，进行任务分析 /功能分
析, 提出满足需求的概念设计，提出候选设计方案，接着制作原型的交互式版本，并进行评估，
根据评估结果可能进行重新发掘需求、修改需求，也可能直接进入重设计。

交互设计中使用的方法包括角色设定，情景设定，故事版，认知走查，用户可用性测试，眼动仪
分析等等。

交互设计花费的时间
根据用户研究内容和项目大小作调整。

交互设计的文档
最终原型设计
UI 设计规格说明书

相关话题：交互设计做什么？源地址：http://www.etucn.com/fw2.html

闲言碎语：为什么不开公司

Lytous — 2010-03-17 21:04:26

经常会有一些热心的朋友来电来函表示认同或者不认同我的某些观点，我觉得合理的意见交锋是值得鼓励的，而有部分朋友显示出对我的现状很感兴趣，比如有封来自远方的邮件中提到：“…….你为什么不自己开公司呢？”，也有已经误会我现在开着一个设计公司的朋友。

其实呢，我现在还是在打工的，而这个状态呢我会根据我的实际需要来调整，关于这个朋友的疑问其实并非第一个。这让我有点感兴趣一个现象，是不是在某个行业中做到一定的程度，剩下的唯一发展就是自己创业?而在看到类似国家鼓励大学生创业这样的政策面前，我觉得是一种不负责任的激进态度，把失业率提高的风险嫁接到不懂世事的青年肩上并让他们自己承担。

创业这个事情确实很刺激，读书期间我也干过一些不成功的案例，知道一些其中的困难，而目前我的状态我认为还火候未到 — 这可能是某些正准备创业开公司的设计师朋友们在关心的，究竟什么时候才能创业呢？这个成功率会多大呢？

赌神说过：“如果不会赢，我为什么要赌？”，其实这是一句很有逻辑的话，但我们经常理解为对胆子不够大的注解 — 非也，非也，大部分成功是必然的，有迹可循，并且经过理智的衡量，光见贼吃肉不见贼挨打一般都会无疾而终。

1. 开公司的诱因

大部分这个行业中白手起家的设计师，都是从工作室做起的，以接项目为主，这种形式一直到今天也没有太大改变。而且随着经济疲软以及市场的混乱，以公司形态接单未必就能活得更好，价得更高。我觉得如果有一个稳定、高薪的工作，大多数人是不会选择自己开公司承担风险的，那么目的在哪里？

厌倦打工的状态 — 朝九晚五、点头哈腰、事情不多、成绩也不多，是最让设计师恶心的状态，设计师如果没有成就感那和叉烧有什么分别？长期从事低技术含量，面对低层次客户的设计师最容易有这种感受，与其被吃得满嘴流油的老板驾驭，我还不如叫两三个哥们自己组团接单，岂不快哉。

想赚更多钱 — 一般处于那种加薪无望，假期被减，位置不牢靠的状态的朋友，比较幻想能够自己当上老板，通过别人的剩余价值体现自己人生的价值。我认为从资本上这没错，但是呢，开一个设计类的公司是未必赚钱的，而且风险很大。保证赚钱的方法呢，是要有一、两个稳定的客户，如果一开始有，起码能保证你公司活个一年半载的，如果没有你想现找，劝你歇了吧。

自己牛B没人能管住 — 有部分激情派的优秀设计师确实有这种困扰，刚好又碰上了一个很挫的团队和领导，这样的话长期压抑之下，他只能选择自己管自己，一开始也许是SOHO方式，后面客户和人脉累计起来了自动转型为公司，这种一般都是逼良为娼的最佳案例。

其实开个公司呢，挺简单，不简单的是开了以后怎么办，自己的屁股在老板椅上能不能坐踏实，更要命的还有责任，面对你的员工，你如何把自己的理想转化为他们的理想。

2. 开公司的准备

听着童话，看着励志书籍开公司基本都是找抽型人才干的事，一个人要竖旗单干了起码有这几个事情应该提前打好预防针，估摸自己能有多少的实力。关于投资金额的问题，如果你能把下面的事情都想清楚，那么投资不是问题。

客户 — 没人办公司是为了理想的，都是为了赚钱的，赚了钱你才有资格谈理想，否则谁为你的理想买单？那么客户作为衣食父母的存在显得非常重要，这些客户有可能是你现在的公司帮你积累的，有可能是行业的聚会上认识的，也可能是在网上看到你的作品找到你的…….无论如何，每一个客户都值得你尊重，并用心服务，积累总是从客户资源开始的。如果在长久的打工生涯中，你的客户仅仅是你的老板，那么你还不能开公司。

团队 — 不管你是想开皮包公司，还是开个小书店，三个好汉一个帮的道理还是很现实的，一个好的团队能够在遇到问题的时候帮助你出谋划策，在一个公司中都是设计师的话，往往是杯具的开始，从体系上看，财务，市场，法务的作用也无比巨大。所以你的人脉资源不应该仅仅是在设计师中，公司运作过程中的各个配套环节都是容易出错的，你需要专业的人来控制。一个兼职的团队往往是解散的开始，必须避免吃着碗里的想着锅里的情况。

商业模式 — 设计公司林林总总，类型和优势也各不一样，你的商业模式并非只有简单的接单-验货-收款，如果你能想到的模式没有任何突破性，请问为何你应该成功？在思考具体的商业模式之前，应该更多的关注行业动向，和人力资源的流动情况，这些都是提供创意的部分，否则你的公司也会无情的被淹没在市场大潮下。作为设计公司来说，好的商业模式是让客户慕名而来，不是上门推销，而慕名而来的途径不仅仅设计品质。

3. 明显的潜规则

在我天朝做事，处处遍布潜规则，有些话非常刺痛，但又不得不说，阴暗面就像腿毛，如果缺少了蜜蜡的疼痛，又怎能得到光洁的肌肤？而在一个设计师企图踏入商业浑水中的时候，了解必要的潜规则还是非常有必要的 — 我发现国内大多数设计师都非常单纯，这也许是纯技术人员的通病，转换了身份就应该转换思路，我们来潜一下。

背景资源 — 社会一定是有阶级性的，你不可能蠢到真的以为人人平等，那么在一个商业环境中，背景的分量尤为重要，你的家庭背景，教育背景，从业背景，构成了一个完整的背景资源库，你的伙伴和客户挑选他们需要的部分和你进行合作，当然会通过货币来形成契约。

好了，我要说的是，如果你希望在短时间内获得巨大成功，要么你是某人的孩子，要么你肚子里是某人的孩子，除此之外别无他法；做一个赚钱的公司比较容易，做一个长期赚钱的公司比较难，做一个一定赚钱的公司就必须要潜规则了，而你的选择其实无所谓对错，因为大多数人都是这么做的。你要了解这种环境下的生态情况，酌情考虑自己的付出和回报，这些诱惑（比如：高额订单、媒体声望）是否值得你牺牲一些你认为重要的东西（比如：公司的价值观、财务上的法律风险）。

维系利益链 — 一个行业是由各种阶层的哥们姐们构成的，设计行业也不例外，在你吃肉的时候，记得给别人喝汤，在你困难的时候也别忘记，不要给别人造成困难。所谓财散人聚，就是你需要维系一个健康的上中下游的利益链，以形成公司间的资源互换，并且大家一般称这种交换为“提升信任度”。

一个公司要期望在行业大潮中站在风头浪尖而不被搞下去，就一定要做好对行业的贡献，可以是资金上的，可以是资源上的，也可以是口头传播上的，而作为一个公司，面对媒体，面对客户，面对税务局，面对黑社会…….各种考量都在试探着你的道德底线，请问你是否具备了随机应变的能力？

控制客户中层 — 这个是技术性的问题，两个环节足以回答，一是品质，二是回扣，作为战战兢兢的打工一族 — 客户的中层领导也是肉身，也要承上启下不能乱来，所以你的品质是否达到最终BOSS的要求还是很重要的；二是感情的前提是物质，当然如何选取物质的形式，也是一个课题，至少没有人会反感小礼物以及红包的，回扣的拿捏应在严格的计算成本后给出一个预算，有朋友问我，对于回扣的问题你怎么处理？我的回答是：看企业形式，国企-必给，民企-可给可不给，供应商-不可能给，对手-挖人时给，至于数额，我认为不超过成本的30%是可以接受的。

4. 对自己的认识

生活状态 — 恩，创业是个激动的过程，也可能是个痛苦的过程，关于是否能开公司，第一要素是你的生活状态，你是否合适这种弹性的生活作息，这种高强度的思考与执行过程，无论开一个公司是朋友对你的要求，还是丈母娘对你的要求，我认为都应该从自己能承担的角度出发。

一个遇事理智，拥有良好直觉，具备自我约束力的人是比较适合开公司的，而设计师群体中这样的人少之又少，感性和理性并非都能完美统一，所以大多数人选择沉默和更加稳定的生活，所谓“秀才造反，十年不成”也就是个写照。

生活状态的改变是一个挑战，更是一种体验，比如我还想再玩1-2年，那么我不太会选择现在投入到一种疯狂的逐利游戏中，关于赚钱，我相信开公司并不是唯一的路线，但却是一般人能想到的最直接的路线。走别人走过的路，也许会让自己无路可走。

事业心 — 对事业的企图心，应该是每个正常男人都会有的，当你的知识储备，人脉资源，投资能力，管理能力，眼光，胆识积累到一定程度，要自己做主的想法会每天都在膨胀，就像怒气槽一样按耐不住，最后喷涌而出成为一个实体 — 你自己的公司。

但是你有没有想过，过强的事业心也是一个阻碍？因为对成功的渴望，也许会造成你的责任心与同理心不足，一味冲刺最容易撞墙，而对事业的建设，有主动的，和被动的两种模式。推广个人品牌，自己组建公司等是主动型的方式，这样的人具备前瞻性和高度敏感，优点是积极、热情、缺点是缺乏深思熟虑，遇事过于讲究技术；跟随雇主平台、通过名望受到邀请等是被动型的方式，这样的人具备耐性和稳重，优点是谨慎、仔细、看重细节，缺点是决断力不够，主观判断力较弱。

而一个公司需要一个成功的领导者的气质应该是：主动与被动想结合，风骚与端庄共存亡。你是否具备这样兼容的品质？

能力评级 — 认识自己是认识世界的第一步，长期的打工和不规范的职业状态，让越来越多的人在丧失这种能力，过多的设计师在考虑客户怎么看，老板怎么看，甚至同事怎么看，而忽视了自己想要什么，自己能做什么，自己的价值是什么，这也是大部分设计师无法创业的根本原因 — 因为别人不告诉他需求，他自己无法创造或发现一种需求。而商人们在这点上有着高度的敏感。

目前就我来说，我对自己的认识是一个将才，可以带兵打仗，攻克难关，但还不算一个帅才，号令三军，高瞻远瞩，而创业本身来说，一个帅才是非常重要的 — 这不但受限于过于年轻（年龄歧视症一直在我天朝存在着），还受限于不够丰富的生活经历，因此在我大学毕业后我没选择从事传媒行业，在我看来，30岁以前做中国的传媒行业，基本都是去充当炮灰。

做一个对自己能力的评级，不要相信网络上的测验，冷静的分析自己的喜好与体味，才是能否创业的关键，一腔热血是好事，但是没有客观的面对缺陷，这个热血最后还是喷到自己。

恩，现在的状况就是，我不可能开公司，因为时机不成熟，而什么时候时机才能成熟呢？亲爱的朋友们，你们应该很了解我，当我选择创业的时候，合适的人会收到我的投名状的。

相关话题：周董的闲言碎语源地址：http://www.ucdchina.com/lytous/?p=2293

宸康科技(北京)诚聘GUI设计师

edukp — 2010-03-17 19:12:56

你对软件设计有执着的追求么？你向往去一家重视用户体验、重视视觉设计的公司工作么？

如果你的回答是肯定的，那就来跟我们一起学习、创业吧！有无数的机会和挑战等待着你。

我们的企业文化绝对会适合你，需要你的加入。

1、美术设计、动画专业等相关专业大专以上学历，2年以上应用软件设计（PC客户端软件、平台软件等）相关工作经验。
2、有界面设计经验（如网页设计，软件界面设计）设计者优先，擅长Flash的优先。
3、具备较强的创意设计能力，对色彩、构图有较高的把握能力，会创作象素图和手绘者优先考虑。
4、想象力丰富，有激情，对时尚潮流文化感觉敏锐。
5、具备高度责任心，工作态度认真，踏实严谨，积极主动，能在较大的压力下保持良好工作状态。
6、具备良好的沟通能力和团队合作精神。
7、擅长icon制作，对交互设计有一定理解和分析能力。

工作职责：

1、负责网页及软件产品的视觉设计。
2、完成简单的交互设计模型。
3、参与公司重要产品的界面规划，创新设计研究等。

有兴趣朋友请投简历到：edukp@126.com请附上个人作品。一经录用我们将提供完善福利和丰厚薪酬。
注意：必须附带有作品，或是作品链接，或是个人博客。

公司为每一个员工提供具有挑战性的工作环境，非常重视员工的培训和个人发展，充分发挥每个员工的自主性与创造力。同时我们也为每一位员工提供了丰厚的薪金及福利待遇，并且还有丰盛的中、晚餐和下午茶。

作息时间：9：30-12：00 12：00-2：00午餐时间（公司提供午餐，另外公司要求员工中午必须休息，提供休息室） 19：00为下班时间，16:00-16:30为下午茶时间（不定期），有双休。

优秀员工会有公司股份激励制度！

公司主页：www.chenkang.cc

智联招聘主页：http://special.zhaopin.com/pagepublish/27599691/index.html

var tagarray = ['icon','图标','设计','yingfengling','界面','gui','招聘','iconfans','设计师','bingxueling','皮肤','Icons','Eico','教程','小火','n0dk4nE','原创','界面设计','冠军赛','logo','国际','手机','游戏','leon-gao','kenui','播放器','iphone','论坛','临摹','写实','图标设计','design','Kingyo','新手','大赛','影风灵','源文件','交互','web','小图标','浏览器','网页','zhangyakun','概念设计','css','搜狗','meloo','Android','网页设计师','fengsj','练习','skin','图标教程','手机界面','UI设计师','wordpress','flash','输入法','jacal-team','软件','河马','壁纸','苹果','psd','Google','Chrome','c4d','高薪','mobile','juele','中国','团队','空间','字体','will','网页设计','千千静听','主题','作品','ICO','分享','像素','视觉','xara','指针','项目','页面','桌面','鼠标指针','ava','艺术','百度HI','比赛','表情','wallpaper','电子杂志','可用性','zcool','展览','Gui设计师'];var tagencarray = ['icon','%CD%BC%B1%EA','%C9%E8%BC%C6','yingfengling','%BD%E7%C3%E6','gui','%D5%D0%C6%B8','iconfans','%C9%E8%BC%C6%CA%A6','bingxueling','%C6%A4%B7%F4','Icons','Eico','%BD%CC%B3%CC','%D0%A1%BB%F0','n0dk4nE','%D4%AD%B4%B4','%BD%E7%C3%E6%C9%E8%BC%C6','%B9%DA%BE%FC%C8%FC','logo','%B9%FA%BC%CA','%CA%D6%BB%FA','%D3%CE%CF%B7','leon-gao','kenui','%B2%A5%B7%C5%C6%F7','iphone','%C2%DB%CC%B3','%C1%D9%C4%A1','%D0%B4%CA%B5','%CD%BC%B1%EA%C9%E8%BC%C6','design','Kingyo','%D0%C2%CA%D6','%B4%F3%C8%FC','%D3%B0%B7%E7%C1%E9','%D4%B4%CE%C4%BC%FE','%BD%BB%BB%A5','web','%D0%A1%CD%BC%B1%EA','%E4%AF%C0%C0%C6%F7','%CD%F8%D2%B3','zhangyakun','%B8%C5%C4%EE%C9%E8%BC%C6','css','%CB%D1%B9%B7','meloo','Android','%CD%F8%D2%B3%C9%E8%BC%C6%CA%A6','fengsj','%C1%B7%CF%B0','skin','%CD%BC%B1%EA%BD%CC%B3%CC','%CA%D6%BB%FA%BD%E7%C3%E6','UI%C9%E8%BC%C6%CA%A6','wordpress','flash','%CA%E4%C8%EB%B7%A8','jacal-team','%C8%ED%BC%FE','%BA%D3%C2%ED','%B1%DA%D6%BD','%C6%BB%B9%FB','psd','Google','Chrome','c4d','%B8%DF%D0%BD','mobile','juele','%D6%D0%B9%FA','%CD%C5%B6%D3','%BF%D5%BC%E4','%D7%D6%CC%E5','will','%CD%F8%D2%B3%C9%E8%BC%C6','%C7%A7%C7%A7%BE%B2%CC%FD','%D6%F7%CC%E2','%D7%F7%C6%B7','ICO','%B7%D6%CF%ED','%CF%F1%CB%D8','%CA%D3%BE%F5','xara','%D6%B8%D5%EB','%CF%EE%C4%BF','%D2%B3%C3%E6','%D7%C0%C3%E6','%CA%F3%B1%EA%D6%B8%D5%EB','ava','%D2%D5%CA%F5','%B0%D9%B6%C8HI','%B1%C8%C8%FC','%B1%ED%C7%E9','wallpaper','%B5%E7%D7%D3%D4%D3%D6%BE','%BF%C9%D3%C3%D0%D4','zcool','%D5%B9%C0%C0','Gui%C9%E8%BC%C6%CA%A6'];parsetag();

源地址：http://ucdchina.com/post/6110

网上车市(北京)招聘产品设计师

网上车市 — 2010-03-17 15:20:28

岗位职责：
1、根据据网站战略层规划，完成产品的需求收集，分析和文档的撰写；
2、根据产品需求，完成产品原型设计和技术需求文档编写；
3、引导界面设计师完成产品的界面设计，推动和协调产品的开发；
4、收集用户反馈，分析用户行为，提升产品用户体验，通过竞品分析吸取竞争对手优点；
5、负责网站部分频道改版，交互产品和web2.0产品在产品层面的设计及整个生命周期的持续优化和改进。
岗位要求：
1、本科以上学历，1年以上web产品设计工作经验；
2、熟悉web产品设计的全部流程，包括需求分析，用户分析，信息架构设计，交互设计，可用性测试等；
3、可以熟练使用原型设计软件，例如：AxureRP，MS Visio，Balsamiq Mockups，Pencil Project等。可以快速绘制纸质原型；
4、有项目管理和良好的沟通能力；
5、有卓越的逻辑分析能力，善于分解任务，高效工作；
6、深刻理解互联网，对互联网新奇产品形态充满好奇心，在每个有趣的网站都有注册账号；
7、有汽车类垂直网站工作经验者优先。

请将简历及相关作品发送至hr@cheshi.com，谢谢

源地址：http://www.cheshi.com/webcenter/hr.html

网易(广州)招聘交互设计师、视觉设计师

网易公司 — 2010-03-17 13:51:30

互设计师

工作地点：广州

职位描述：
1. 负责公司互联网产品的交互设计，包括架构，流程和界面的设计；
2. 与产品团队沟通，从用户体验的角度提出交互方案帮助改善产品；
3. 与用户研究人员合作，进行用户调研，撰写调研计划和总结；
4. 进行产品日常体验检查，撰写界面设计规范文档；
5. 不断发掘新的用户需求，提出优化产品体验的想法并付诸实现。

资格描述：
1. 大学本科及以上学历，英语四级以上；
2. 对互联网产品有浓厚兴趣，能够很好的理解各类知名站点的核心竞争力；
3. 有较强的文字表达能力，能够撰写流程的书面文档，善于归纳总结；
4. 熟练操作office、fireworks、Axure、PS，懂XHTML/CSS；
5. 熟悉人机交互知识，可用性研究方法，设计美学；
6. 工作认真负责，有耐心，具备良好的服务意识和团队合作精神；
7. 请上传个人原创作品或提供相关原创作品链接。

备注：
根据个人的工作态度、工作能力和工作表现，可逐步向高级交互设计师、用户研究工程师、高级用户研究工程师、设计项目经理方向发展。

视觉设计师

工作地点：广州

职位描述：
负责公司日常的网页设计、平面设计、FLASH设计、Ui设计。

资格描述：
1. 大学本科及以上学历，英语四级以上，美术、设计或相关专业优先；
2. 对用户体验有一定的经验和见解。熟悉设计美学；
3. 熟练掌握相关设计软件；
4. 诚实、正直，富有责任感；
5. 具备良好的合作态度及团队精神，富有工作激情及创造力；
6. 请上传个人原创作品或提供相关原创作品链接。

备注：
根据个人的工作态度、工作能力和工作表现，可逐步向高级视觉设计师、设计主管方向发展。

应聘方式：http://hr.163.com/mail/

源地址：http://ucdchina.com/post/6108

可用性vs. 资讯建筑（Information Architecture）

大頭歐 — 2010-03-17 13:28:55

UCDChina编辑注：这篇文章原文为繁体，我们简单翻译成了简体中文的，或有误差，请以原文为准。

英国文学家Samuel Johnson（1709-1784）曾说过：「知识分为两种，一种是我们已经吸收为己有的，另外一种是我们知道该去那里寻找的。」（Knowledge is of two kinds: we know a subject ourselves, or we know where we can find information upon it.）

良好可用性的网站的目标就是协助使用者去寻找他们想要的资料，如前所述，使用者经验是可用性的基础，而「资讯建筑」（Information Architecture）则是在执行上的工具。在一般人的认知里，资讯是属于科技、文化的领域，建筑则是属于土木、工程、与设计的领域，当两者结合成在一起时，相信很多人会觉得纳闷，什么是「资讯建筑」呢？

资讯建筑其实就是建构、组织资讯的「工程」，在网路方面来说，资讯建筑指的是将资讯系统化地分门别类后，以适合的介面设计让使用者顺利得到这些资讯，以下仅就几个方面做粗略的探讨。

基本概念：以简单易懂的表现方式来达成一贯性

资讯建筑是可用性的执行工具，其最基本的就是在于维持一贯性及简单易懂两个要求。

一贯性（或整体性）是网站资讯建筑、亦是可用性的最高准则，指的是网站不论是在版面、内容、导览方式等方面上都具有一致、整体的设计。良好的一贯性就像一部设计良好的电梯，当我们按下一楼的按钮，我们知道门打开时会是一楼，而不会在我们按了一楼后，结果门打开时却发现我们被送到了非州某个荒野，当使用者可以预期网站的各种反应时，他们在我们的网站里浏览时就会愈觉得安全也愈有in control的感觉，成功的网站是将主控权交给使用者，而不是紧紧地握在手上企图控制使用者浏览的自由。

除了一贯性之外，资讯建筑的好坏亦取决于网站是否简单易懂，版面设计太过艰深、内容架构不清楚、导览方式是否符合使用者的思考逻辑，都会影响到使用者在浏览网站时的反应。

对有心从事电子商务的网站来说，简单易懂更是重要，网站里商品的位置架构、搜寻功能及展现的方式，都必须让网友能够一目了然，网路上的购物行为和现实生活不同，在现实生活中我们到百货公司买东西，即使一时间找不到想要的东西，多半我们还是会选择继续在店里寻找，因为要离开再去别家百货公司比较之下更为麻烦，但是在网路上却不一样，当使用者一觉得这个网站不好用、找不到他们想要的东西、结帐手续繁杂，弹指之间就可以到五、六家不同的网站去继续完成他们的购物行为。根据Boston Consulting Group的一份报告指出，有超过65%的网友在将商品放入购物车后，没有完成结帐手续就离开，约略估计网站损失了约一百五十亿美金的生意！

因此网站应该强化产品搜寻功能、归类与显示方式，并且简化结帐的步骤，只要能尽量减少使用者思考的机会（思考如何使用该网站的介面，或思考是否真的需要购买某产品），交易成功的机率就愈大，如Amazon.com的One-Click Checkout就是简化设计下的产物，它将结帐的步骤缩减到点一下滑鼠即完成，省去每次订购都要重新输入地址、电话、信用卡号等繁琐步骤。

组织网站资讯

网站最重要的构成单元就是内容，也就是资讯，当数量庞大的资讯聚集在一个网站时，要如何地去规划分析这些资讯，让使用者能够轻而易举地获得，是所有的网站经营者都必须面对的问题。

首先是资讯的分类问题，现在有太多的网站上的资讯是依照该公司企业的内部架构来分类，而不是依照使用者的行为与造访动机来分类，分类的方法有许多种方法可循，如一般的任务分析（使用者来访一定有特定目标存在，此种方法是设定了某种目标后，分析使用者会经由何种路径去达成它），或是网站经营者可以将网站中所有要放的资讯都写在一张一张的卡片上，交给可能的使用者请他们去归类，网站经营者可以订定类别名称，也可以交由使用者去自创，将卡片收回后，看看多数使用者会如何归类网站的资料，就可以以此为依据设计出更符合使用者认知的资讯组织系统。

使用者介面

在资讯具备良好的组织架构后，网站可以开始进行使用者介面的设计来辅助使用者获取资讯，一般人常会将使用者介面的设计（User Interface Design）和绘图设计（Graphic Design）混为一谈，事实上两者是截然不同的，绘图设计是著重于美观、艺术方面，设计者通常需要俱备美术背景、设计概念，懂得操作如Adobe Photoshop、Photo Impact、Corel Draw等绘图软体，而使用者介面设计则是著重功能性与易用性（Ease of Use），设计者需要俱备良好的HCI基础。良好的使用者介面须要以上两者的合作，但是其顺序必定是在完成了功能方面需求后才来进行美化的工作。

良好的使用者介面必须俱备以下几点：

决定资讯内容的范围。
分辨资讯的重点、主旨。
选择合适的媒介来呈现。
注意不同媒介使用方式的协调性。
提供互动的机会。

总而言之，使用者介面是以使用的方便性为主，美化为辅，并且透过适当的媒介来传达符合使用者需求的资讯。

网站导览流程

使用者在网站上浏览时，最常问三个问题：

我在那儿？
我该往那儿去？
我去过那儿了？

网站的导览方式决定了以上三个问题的答案。导览方式的设计牵涉到针对使用者所进行的任务分析（Task Analysis），举一个简单的例子，网站在设计之前，可以组织一群可能的使用者，交给他们一个任务目标（例如买一本书）和一些路径项目（如登入、搜寻书籍、填写订单、送出等），观察使用者如何将项目排序以达到目标。

良好的网站导览应该是「透明」的，它的意思是使用者能够自由地在网站中来去，但是不需要经过一层一层的固定的顺序，也就是说浏览方式不应只是依据线性流程来安排，可以使用平行或是互动的方式辅助，例如类似Windows功能表式的导览方式，「联合新闻网」的新闻选项就是采用此种延展的方式，让使用者在每一页都可以很方便地看到整个网站的所有新闻，而不需要依循「首页」＞「地方新闻」＞「北市」＞「某新闻」的顺序。

一个良好的网站浏览设计应该包含以下几点：

符合使用者经验：以使用者为中心，采用现行标准做为范本，使用者绝大部份的时间都花在浏览别人的网站，大家怎么做，我们就怎么做。
易学易懂：相互连结不复杂、文字说明直接了当、图示涵义清楚，让使用者能够快速上手，不需要参考任何辅助工具就会使用。
省时省事：采用最符合网站类型、架构，及使用者目标与网站架构的连结方式，让使用者能以最快速、最简单的方法找到他们想要的资料。
一贯性：网站的整体导览方式标准化、固定化，例如不要用开启新视窗等非标准化的功能，因为会造成使用者的困扰与不信任感。
架构清楚：在英文里称之为「面包屑型」（breadcrumbs）的连结方式，笔者个人喜欢称之为「足迹型」，因为它指的是以足迹地方式呈现使用者走过的路径，或是以层层渐进的方式呈现该网页位于整个网站架构中的那一部份，它的主要用途有三种：
- 提供使用者关于整个网站架构的简单资讯。
- 当使用者循序渐进地到达某一页时，可以快速地经由此种连结方式回到原处。
- 让使用者可以快速回到上一层，像在购物网页中，使用者到了某一页发现东西不完全是他们想要的，他就可以回到上一层去寻找类似产品，此点有点类似浏览器里的Back功能，只不过Back是更上一层的跨站式连结。
没有架构型的导览方式会让网页成为孤儿，因为有时使用者会经由搜寻引擎或书签直接进入网站的某个部份，他们将无法得知该网页是在整个架构中的那一部份，而造成他们卡在那一页动弹不得。
多重而适度的连结：永远不要只提供一种导览方式，虽然说在单行道上比较不会撞车，但是要记得，一但我们在单行道上走错路就很难回头，例如当使用者是经过搜寻功能来到网站中某个位置时，通常不是直接落在他们真正在找寻的资料上，不过也相去不远，因此设计者应该提供相关资料的互相连结，让使用者在发现资料并不完全是他们想要的时候，可以迅速找到其他符合的资料。

例如使用者选择了某产品后，觉得该产品价格过高，这时如果在该产品旁列出其他类似但价格较低的产品，使用者就可以很方便地连结过去。

但是也不能过度，很多网站经营者都觉得自己的网站里每一项资料都很有价值，因此深怕使用者没有看到，于是就造成在网站的每一页都密密麻麻地列出所有的项目，但是说实在的，一个小小的萤光幕上能够放置多少资讯？除了连结之外，还有一堆装饰用的图片、动画等等，扣除这些，使用者真正关心的内容还剩多少？（试想如果Amazon.com或Yahoo把它们所有的分类项都列在同一页，会是多么的「壮观」？）

没有理由把一个网站所有的连结放在每一页上，当使用者在某个网站买音乐CD时，他不须要知道这个网站的电脑产品有多少特价或是它的书有多少种分类。针对使用者所进行的任务分析，加上系统化地分类资讯有助设计者决定那些连结是有必要出现在每一页，有那些是只要出现在某些网页就行了。

提供Feedback与帮助的机会：最容易让使用者感到沮丧的是遇到困难时求援无门，必须适时提供辅助工具，例如线上解答、FAQ、或二十四小时的客服专线。

网站制作流程

阶段	问题	说明
确定网站目标	网站的主要目标是什么？短程和长程目标是？网站的吸引力在那里？	首先要确定网站的属性与目标，并且定出各项目标的优先顺序。
市场分析	诉求对象是些什么人？竞争者是谁？使用者的可能行为模式是什么？	分析诉求对象及竞争对手，以使用者的身份到竞争对手网站上进行模拟，以分析其优劣之处。
确定内容及功能	需要提供那些服务？内容的深度广度是否充足？功能的方便性？使用者会如何分类？各项功能服务的优先顺序为何？	依据使用者的需求，决定网站提供服务与内容的范围，并且研究资料的分类，及确立网站的架构。同时，有时候会在上市时间（Time to Market）的压力下，需要定出各项服务的优先顺序，以随着网站的扩张分批推出。
导览方式与使用者介面设计	网路上的标准在那里？网站的属性是否适合？是否不复杂？是否能够轻松上手？介面是否友善？	依据使用者经验找出适合网站的导览方式与使用者介面。
撰写程式	不同版本浏览器能否相容？	撰写程式必须注意到版本的相容性与执行效能。
可用性测试	各项功能是否运作正常？是否有严重问题产生？是否能够跨平台（Cross-platform）？	可用性测试是整个设计环结最重要的一部份，因为网站能否生存就在于是否俱备良好的可用性，进行严谨的测试有助于及早发现问题并改善，资料显示网站经过可用性的测试后可提升至少百分之五十的可用性。
版面设计	画面是否吸引人？是否采行非标准化的科技？页面是否能快速读取？采用设计是否浅显易懂？	这时才是开始用到网页设计师的时候，有些人会觉得太迟了点，但是事实上如果太早就开始进行画面的美化，一但出了差错，修改的成本与时间一定会非常庞大。
可用性测试	使用者介面是否受到影响？是加分还是减分？	版面设计完成后还必须进行一次可用性测试，以确定是否有新的问题因为画面元素增加而产生。
正式上线	是否有缓冲期？有无危机处理机制？	网站上线并不是结束，而是真正的考验的开始。
观察期	有无意料外的状况发生？	在网站正式上线后，必须密切观察网站使用情形一个月至两个月，因为很多问题都会在这一段时间内出现。
维护期	网站记录有无异常？伺服器是否稳定？安全管理是否周全？	分析网站记录（Log）有无任何异常状况（如404、511等错误讯息），或是安全管理上有无漏洞，以期能在状况发生时能够及时解决。

源地址：http://www.ou-online.com/blog/?p=768

内容适应形式

杰西 — 2010-03-16 20:55:41

学习了死猫的文章，我今天也来说说有关内容和容器的关系。

看标题你也许觉得有些囧，它和上一篇《形式追随内容？》看起来相反，而且好像从交互设计的角度看也是很不专业的一个观点，这有点像是我搬起石头砸自己的脚或是死猫的脚……

不过不幸我是一只友爱并且怕疼的企鹅，所以事实上是这样的：

我们可以把形式追随内容定义为一个对默认界面的可用性建议，它可以适用于当用户进入一个界面时所看到的情况。不过，我们也知道，用户不是木头人，他们所处的环境也不总是某个理想状态，QQ在线用户数已经超过了一个亿，而那个谁谁谁也曾经说过：“一千个人就有一千个哈姆雷特。”那么一亿个人屏幕上的同一个软件会有或者会被有多少种状态谁又能说得清？我的QQ藏在屏幕顶端，你的QQ却占据整个屏幕，他的QQ又是什么样子我们都猜不出。但是一千个哈姆雷特也还是哈姆雷特，软件能够做的事情还是要保持不变。

所以，一个界面需要在用户主动改变软件形式的时候适当的调整内容去适应变化，这就是在特定情况下的内容适应形式。

感觉很熟悉吗？了解Web前端工作的同学们应该会立刻想到“流式布局”方面的技术和技巧！恭喜你们可以来CDC找我领一个二等奖……

对于web设计来说，软件设计的自由度是更大的，但是很久以来都很少看到优秀的能够适应用户的软件，也许是正是由于软件不能简单流式，而导致进行适应布局的时候设计和开发成本会变得很大，所以就很少能够找到比较良好的适应形式的软件例子。从最常见的情况来说，不同的用户在使用同一个软件的时候，并不一定都会使用相同尺寸的界面，全屏、半屏、四分之一屏或者什么奇怪的大小全都有可能出现，同样尺寸的时候分辨率或者界面元素定义也常常会有不同，理想的来说，一个软件的界面应该能对这些不同的变化有一些自动的调整，以便用户能够比较像正常状况的时候去使用，或者比正常状况拥有更多的扩展性。

这其实是个有趣又复杂的问题，之前DJ、小虫和我聊到过这个话题，一直苦于没有比较好的学习和研究对象，后来在日常工作中反而发现了一个近在眼前却一直没有注意到的家伙：

Microsoft Fluent/Ribbon UI

我以前好像说过我对微软谈不上有什么好感，但是自从Win7和Office2010后我的意见些许有了一些改观，从Win7开始，微软准备全面开始使用在Office2007中开始尝试的Fluent/Ribbon界面，就好像它的名字一样，这个界面结构是流式和平滑的，不过大部分用户注意到的是它的层级扁平化特性，而漏掉了它的流动性，这里就先拿出若干Word2010精美小图和大家一同分享。

首先放一张在1280×800分辨率下全屏的Word2010作为参照物：

这是我们所熟悉的Word界面——还没有尝试过Fluent/Ribbon的同学请自行一百遍啊一百遍——我们可以看到我们熟悉的各种功能都很均匀舒适合理（基本上）地以我们希望的方式出现在我们希望的位置。接下来，我要开始减小它的尺寸，然后我们可以注意一下界面是怎样变化的：

脱离了全屏状态的第一个变化发生了，在左上角的剪贴板工具区，“剪切”、“复制”和“格式刷”三个功能只剩下了图标。对于Office系列来说，这三个功能实在是深入人心，要节省空间，就先调整它们吧。

继续缩小界面，接下来发生的变化是样式区域，快速样式的显示数量从5个减少到4个，然后又减少到了3个。快速样式这样的功能嘛，在空间比较拮据的时候是可以牺牲一个两个位置的，毕竟还有3个被显示出来，其他的，点开下拉列表选择也可以，毕竟图文列表还是比较快速的。

当我继续减小窗口大小时，Word做了一件有趣的事情，它把编辑区域的东西都收起来了，变成了一个带查找图标的下拉菜单告诉用户“至少查找在这里”，看来这部分并不是常用的功能，除了查找。不过我比较好奇为什么没有把收起后的这个下拉菜单做成和它旁边“更改样式”一样拥有各种鼠标响应效果。

我本以为接下来的事情很简单，就是收起收起收起，但事实上却又是另一个好玩不过有些拙劣的方法，字体和段落区域的图标们从两行被压缩到了三行，首先被压缩的是段落区，当继续缩小窗口时就轮到了字体区，我承认我没想到，因为三行的这么一大堆图标看起来很凌乱，辨识率和点击性都很受影响，换作是我可能不会这样做，不过在不损失这些几乎全是常用功能的情况下，重排位置是个没有办法的办法。这是多么惊喜，我实在没有想通它们是怎么挤在这么小的面积里……

接下来的事情比较容易被理解，继续减小界面尺寸后，样式区的“快速样式”被收起变成了下拉菜单。

继续变小，整个样式区域就被收了起来，然后段落区域也终于被收起了。

这张图有些大，因为这次缩小的变动不仅仅是上面的工具栏部分，左下角也有相应的适应调整，还是先看上面，字体区域终于被收起来了，除蓝色的“文件”菜单外，菜单栏其它文字的间距也均匀变小了，左下角“插入/改写”的切换首先消失，接下来是“语言”、“校对”和“字数”依次被隐藏了起来，右下角的功能没有变化。

再缩小的话，菜单栏就完全写不下了，于是在两侧出现了箭头，可以左右滚动，并且窗口顶部快捷区也出现了展开的图标，同时右下角的“显示比例”滑块也被隐藏了，只留下了显示比例的百分比标识用来操作和反馈。

终于可以放一张没有经过缩小的图了……当界面宽度小于约284像素的时候，窗口顶部的快捷定义区、菜单栏、工具栏一概消失的干干净净，界面底部的显示比例也完全被隐藏，这个变化还是可以预见的，能在如此小型的界面中进行的才做，大概不会是什么编辑行为吧。最后放一张比较搞笑的图，可以从侧面说明Fluent/Ribbon UI的自由性，虽然我不知道在这样的情况下我们还能在这个程序里做些什么……

从上面这些图我们可以看出来，在不断变化界面尺寸的时候，Word能够根据尺寸的不同有选择的针对部分界面元素进行调整，以求在各种非常规尺寸下能够获得尽可能良好的易用性和视觉体验，从这次的例子来看，基本上来看还是比较成功的，虽然根据情况的不同，层级扁平化会有一定的损失，但对于用户对不同界面形式的要求，界面内容主动如果能够适应形式的变化，这对用户的个性化需求会是很好的满足。当然界面内容对于界面形式的适应性还是要建立在可用的基础上的。

在这次实验里，基本上这样的变化是基于以下几个原则，推荐给大家：

1. 按照使用频度对元素进行隐藏，如隐藏样式区域的顺序。
2. 按照特定尺寸范围下的可能场景对界面元素进行隐藏，如在小尺寸下隐藏菜单栏与工具栏。
3. 已经约定俗成的图形元素可以减少辅助文字，如“剪切”等功能使用图标。
4. 利用下拉菜单、展开或可滚动的元素组来压缩空间，如压缩功能区域与滚动菜单栏。
5. 合理地重排布局，如文字、段落区域行数的变化。

另外再给出三个细节建议：

1. 在界面边界与操作区重叠之前就进行变化，给用户更多的缓冲时间，并且会显得界面更聪明。
2. 永远不要忘了鼠标响应与鼠标tips。
3. 保证减少的东西能通过某种方法再找出来。

把一个界面变成一个聪明的Transformer是一件很有挑战和有意义的事，当然，这也会是非常有意思的，今天这里只拿出了Word2010来看，有兴趣的同学可以去玩一下Outlook2010，它比Word更加好玩，适应性方面更加有花样。

让我们欢呼一次，适应性万岁！

版权所有 © 2008
您看到的文章来自腾讯CDC博客 http://cdc.tencent.com ，原文链接为 http://cdc.tencent.com/?p=2337 ，转载时请注明出处。

源地址：http://cdc.tencent.com/?p=2337

中国设计：从模仿到创新

Lytous — 2010-03-16 20:55:01

今天，Smashingmagazine最后定稿发布了《Showcase Of Web Design In China: From Imitation To Innovation》的文章，这是一篇面向国内WEB设计圈生态和中国WEB设计行业的调查分析，我有幸参与了其中，各位可以移步到官方网站浏览，我就不贴原文了。

在此要感谢 Smashingmagazine 的编辑Kejun，从采访提纲编写、问题设置沟通到发文校对，以及1个半小时的电话采访，充分体现了优秀的职业素养和敬业态度，也要感谢稿件质管团队的最后编排 — 采访中虽然提及了一些比较敏感的现象，但经过沟通我们认为还是删除较好 — 如果Smashingmagazine这样的网站也被墙了，我想没有人会感到开心。

中国的设计圈在中国经济大环境的影响下，也逐渐受到国际媒体的重视，不仅是他们有兴趣，我们也有义务发出中国的设计之声。而这些成绩并非采访之中的几位设计师可以缩影，正是我们设计行业中每位努力、坚持、抱有希望的同仁才让设计圈更加兴盛，虽然我不希望关于创新的每件事情都是墙内开花墙外香，但这却是一个可以接受的开始。

源地址：http://www.ucdchina.com/lytous/?p=2290

UED,UXD在中国

千鸟 — 2010-03-16 13:05:24

UED全称User Experience Design，中文叫“用户体验设计”。
UXD全称User eXperience Design，中文叫“用户体验设计”。

显然这两个词还是一回事情，但要比UE迟的多。最早我在2005年底从Yahoo那边了解的，大概2006年听到同行普遍提起，同年9月份“淘宝UED” 团队博客建立之后，才被大家熟知。但中国互联网公司最早成立部门研究“用户体验”的不是淘宝，而是百度，当时就叫“用户体验部”，后来才被同化的UED。大概在2005年已经有30人左右成型的团队（用户体验部总监郭宇，于2004年11月加入百度）。

首先UED这个词来自海外，但在海外除Yahoo很少有公司提起。如前文所述，老外并不习惯叫UE，所以理论上描述“用户体验设计”的缩写不应该是 UED，而是UXD。确实也有UXD的说法，但只偶尔在某些海外网站上见到，同行心目中的认知程度不高。

再仔细推敲，其实不难发现，UED这个词有误。因为“用户体验设计”的说法本身有问题，UE并不能通过Design完全解决，通常Design涉及的只是 UE比较表层的Experience需求。事实上，海外公司普遍都叫“UX团队”，也没有“UED团队”的说法。

而UED来到中国后，反而成为主流论调，得到广大公司的认可。可见与UE类似，UED也具有很浓的本地化色彩。在进入用户体验执行层面之后，很多同行/公司的第一反应，是要有这样的一个人，或者有这样的一个团队。因此才有了“UE工程师、UE设计师”和“UED部门”类似的称谓。

早期UED部门设立的职能职位主要有用户研究、交互设计、视觉设计，慢慢后来加入前端开发、界面设计等，某些甚至把产品经理也划入其内。具体叫法五花八门、千奇百怪。有个重要差异值得探讨，关于“工程师、设计师”的区别，根据理论推敲，既然UE是个非理性话题，不似Usability那样有逻辑可以遵循，有标准可以执行，所以我认为偏重“感性”的用户体验应该更靠近“设计”。

当然，以现在的成熟观点来看，不管叫“UE设计师”还是“UE工程师”都是不合适的，因为本身用户体验设计就不应该是一个人或一个部门的工作，而良好用户体验是产品的全方位目标。从执行层面看，用“概念”来命名职位（如可用性工程师），明确职能（如产品部门、用户体验设计部门并存），都不利于团队协作，容易造成责权不分，具体我在2008年6月所写用户体验的误解中大概清晰了执行思路。

http://mashable.com/2009/01/09/user-experience-design/

User experience isn’t just the responsibility of a department or a person, That compartmentalist view of UX is evidence that it is not part of the organizational culture and hints to teams not having a common goal or vision for the experience they should deliver collectively.

有趣的现象，几乎国内所有公司组建的“用户体验设计团队”都叫UED，并且已经形成固定用语，比如淘宝UED。只腾讯有个用户研究与体验设计中心 (Customer Research & User Experience Design Center)，简称叫CDC。

2008年之后，应该说业内UED发展达到高峰，互联网一线公司基本都组建了自己的UED团队。除淘宝外，阿里系公司先后还有阿里巴巴UED、阿里妈妈UED、阿里软件UED、支付宝UED、中国雅虎UED、口碑UED。业内其他还有百度UED、搜狐UED、网易UED、携程UED、金蝶友商网 UED等等，都在互联网上有网站（绝大多数就是个blog）宣传和公关。大有成为互联网公司标准配置的趋势，从业者也以能进入这样的“专业团队”为荣。

我更倾向于腾讯CDC这样以专业研究机构名义的命名，如此更利于用户体验“理念”的推广，而不会造成部门之间的“隔绝”。事实也证明，成立“用户体验设计”部门走业务流程，自下而上推动产品质量提升的效果并不明显。容易给其他同事造成“做用户体验是那帮人的事”的错觉。

以大家喜闻乐见的Google为例子，2005年7月Google在中国设立研发中心，也相继设置了用户体验部门。与当时的百度一样，不叫UED，而且执行体系沿袭Google风格，基于产品而不是部门（注意此区别），一般由PM+Developer+Designer组合的小团队共同向产品负责，有时会有Researcher介入。产品组同事各有所长，展开平级协作，由整个团队来推动用户体验设计。

归根结底，体制决定一切。如今类似小团队跨部门的协作方式已被国内互联网公司积极学习，并且取得了良好效果。在执行框架内，如果UED脱离产品进行盲目细分，堕落成为用户研究+交互设计+视觉设计+前端开发，我认为将很不利于产品的创新、迭代、改进。

相关话题：UCD相关名词解释源地址：http://blog.rexsong.com/?p=9436

水晶石数字科技（北京）招聘产品设计2名

夜色 — 2010-03-16 10:09:14

岗位要求：
1、负责水晶石企业互动产品设计，根据产品设计计划完成产品设计工作，并负责产品设计和技术开发的跟进；
2、完成相关设计文案，指导设计人员，负责产品设计实施；
3、根据市场反馈和客户需求，汇总产品需求及用户体验分析，优化软件产品不断改进产品功能；
4、产品开发协调，负责与销售人员、设计人员和技术团队沟通进行开发协调；
5、新产品的产品培训；新产品的售前支持；
6、根据产品规划协助产品经理编写PRD（产品需求说明书），指导开发人员实现用户需求；组织需求评审，对需求变更进行管理。

任职条件：
1、有互联网产品项目管理经验和成功个案；
2、具有较强的策划能力以及优秀的文字写作功底，能独立编写产品文档及流程；
3、熟悉互联网产品设计过程；熟练使用各种产品设计工具；
4、具有很强的逻辑关系和良好的沟通能力；
5、思维活跃，具有良好的应变及执行能力，富有丰富想象力和创造力；
6、具有较好的自我管理意识和高度的责任感及敬业精神，能够承受较大的工作压力。
7、熟练使用adobe系列软件、Visio、Axure等产品原型设计软件将优先录用；
8、人机工程、工业设计（产品设计）、设计类或相关专业，工业设计优先。

简历投递至：qq31686242@gmail.com

公司简介：

水晶石数字科技有限公司成立于1995年，现已经成为亚洲数字视觉展示最大规模企业，目前人员规模达到2200余人，在国内外设有10余个分支机构和办事处。作为全球领先的数字视觉技术及服务企业，水晶石数字科技致力以数字化三维技术为核心，提供与国际同步的全方位数字视觉服务。水晶石公司的核心业务是三维可视化的开发和应用服务，涉及的技术领域涵盖影视特效、3D动画、多媒体、影像数据库、在线三维展示等多个专业，在大型活动、演示汇报、科普教育、影视制作及城市数字化建设等方面为客户提供创新的视觉解决方案，满足不同领域、不同行业、不同场合的客户需求。2002年开始，水晶石公司逐步开始国际化业务的尝试，并在香港、新加坡、迪拜、伦敦、东京等地设立分公司和办事处。

水晶石公司于2006年正式成为“北京2008年奥运会图像设计服务供应商”。2008年，成为北京奥运会开（闭）幕式影像制作运营项目总承包商，并承担北京奥运会、残奥会体育展示与颁奖仪式视频内容制作。作为北京奥运会开（闭）幕式影像制作运营项目总承包商，水晶石公司负责整合及制作的工作包括：贯穿整场的“卷轴”影像及到鸟巢穹顶边缘“碗口”投影影像等数字视觉内容。

在8年时间里，水晶石公司先后共有800多名员工参与135个奥运相关项目，为北京奥组委的27个不同部门提供专业、高质的数字图像服务。水晶石公司通过在奥运舞台上的优秀表现，正在赢得越来越多人的关注。现在，水晶石的客户已经遍布房地产、政府、企业、文化影视等诸多领域和各行各业。水晶石公司董事长卢正刚表示，围绕数字图像技术不断拓展应用，水晶石公司将帮助不同领域的客户获得更多成功，并推动中国创意走向世界。

水晶石数字科技有限公司的主要荣誉：

北京奥申委热心赞助商

北京2008年奥运会图像设计服务供应商

2008年奥运会开幕式数字影像总承包商

上海2010年世博会指定多媒体设计服务供应商

深圳2011年大运会图像设计服务独家供应商

源地址：http://ucdchina.com/post/6096

北京-四惠招聘美工一人，月薪4000-6000元

张智勇 — 2010-03-15 23:45:46

从四惠地铁站步行到公司，即使慢慢的走，也只需要5分钟；

是一个B2C电子商务公司，对于美工来说，主要是两个方面的工作内容
1、修改shopex和ecshop的模板，使网站看起来专业、可信，以及促进转化；
2、设计促销广告，提高广告的转化率；

要求是
1、熟练使用ps、dw等软件；
2、有一定的创意和设计能力；
3、熟悉div+css的优先（非硬性要求）。

公司目前还在办理营业执照中，前1、2个月可能没有必要的保障，虽然是全职工作，但是并没有合同和5险一金；
但是公司执照正式办下来后，这些都会有的。

不是很大的公司，目前只有4个正式员工，2个兼职，但我们有成就事业的充分信心，缺的，只是你而已。

有兴趣的的朋友，请发送简历和作品到
i * zyzhang.com

如果有充分时间，愿意做兼职的，也可以发一份简历，我们会综合考虑。

同时，也欢迎朋友们推荐。

源地址：http://www.zyzhang.com/?p=1648

可用性测试过程【图】

Ryana — 2010-03-15 22:11:58

可用性测试过程有6个阶段：

1 计划可用性测试

2.1 招募测试参与者

2.2 创建情景与任务

3. 处理可用性测试

4. 分析可用性测试数据

5. 编写与演示可用性测试报告

6. 逐条探讨报告中的建议是否采纳

原英文地址，偶给加上了中文。

抽丝剥茧的Icon设计

Ka Yue — 2010-03-15 22:09:35

一个icon 设计的好坏，除了好看与否以外，还有是功能性的考量－是否容易、准确地让用户理解到其所想表达的意思。每一个UI 上的icon （符号）背后其实都是一个「隐喻」，运用真实世界所熟悉的概念来描述某功能。

其中一个影响icon 表达能力的因素是icon 的真实度（realism）。在《Realism in UI Design》一文中作者举出了如下例子：

可见 icon 的呈现并不是越真实越好。一个优秀的 icon 必须抽丝剥茧，把不必要的细节去除掉，同时又不能过于抽像。事实上，一个icon 的认知度跟细节有如下图的关系：

当然，抽丝之前当然先得确保对像是正确。特别是要形像化一些抽像概念的时候，选择一个正确的符号会是整个设计中最困难的一个环节。 Mac 软件开发公司 Panic 的设计部门在设计清除 Clear 按钮的时候就尝试了二十多种做法：

结果该团队决定参考Apple 的做法，直接写Clear 了事XD

源地址：http://ka-yue.com/blog/realism-in-ui-design

一致性 VS 使用情境

Chen Fan — 2010-03-15 22:06:37

一致性是设计中很普遍的概念。良好的一致性会帮助企业塑造起品牌形象、大大减少顾客/用户的学习成本和认知成本；从系统的角度看，高度一致化的流程也是保证产品质量和运营效率的基础。此间最著名的实例莫过于麦当劳的VI和产品线。

然而，一致性原则到底有多么重要，在什么情况下可以被打破呢？
我认为，在很多情况下，考虑使用情境是更有效的设计指导方法。

用户期望是否被满足，是用户体验的最基本要素；而使用情境，决定了用户在什么情况下对产品上产生的期望。如果能够充分的考虑到某种情境下用户的需求和行为习惯，往往能给人带来意外之喜。我很喜欢深泽直人在一次演讲中提到的例子：“…在没有放雨伞的地方，几乎所有的人都会把雨伞往墙上一靠，而雨伞的另一头就放在瓷砖与瓷砖之间的缝隙中。这种情况下，当你造一座新房子的时候…，只要在地上开一条缝，当你家来客人的时候，他就会把雨伞往那儿一放。”

在某些特定情境下，为了更好的提升用户体验，是值得为此打破“一致性”规则的。让我们来看看iPhone输入键盘，在发送短信和输入网址时，使用情境如何压倒一致性：

想象一下，当你在Safari地址栏输完lanrenux后，正郁闷的准备输入“.com”时，突然发现这个按键就在大拇指下面时的惊喜吧！

所以，下次烦恼是否要给网站部署完全一样的全局导航时、是否要统一所有按钮的样式和文案时，请不要再被“一致性”的框框所束缚，想想在此情境下，用户想完成什么任务，他们真正需要的是什么，也许会得到不一样的答案。

源地址：http://www.lanrenux.com/?p=311

IxD在中国

千鸟 — 2010-03-15 21:57:14

IxD全称Interaction design，中文叫“交互设计”。

2004年9月，国内第一个专业交互设计技术的网站De Dream创办，站长叫Windy，也是《Don’t Make Me Think》中文版《点石成金》的译者。这本书“专业”的IT类图书，居然走成了畅销书路线，让无数人大跌眼镜。自然，也出来很多效仿者。

2005年后我开始关注这个专业术语，很快解决了当初我做web design的很多疑惑。但不久我也意识到“交互设计”在概念和认识上的问题，因此在2007年11月的结构和交互的关系中提到了观点“结构处理隐性逻辑，交互处理显性逻辑。”

我认为交互的真正乐趣在于，用最优模式匹配行为方式来解决问题。具体情况具体分析，简单如登录是做个登录页，还是用浮动层解决？注册是做一个大表单，还是分几个步骤解决？抛开所有前提而言，以上提到的所有方案都没有绝对的对错。所以，很早大家热衷于讨论的“按钮是放在左边好，还是右边好？”之类的问题，在交互层面没有太大意义。

也是“交互设计”的概念让我有意识去追本溯源，搞清楚每个英文缩写的真正含义。因为当时我发现，每个设计相关的英文术语被拔高到某种程度后，都可以无限大，但说的完全是一回事。既然如此，那还有什么参考意义？但这些概念又是实实在在的有借鉴价值，显然是我们“从业者”理解有偏差，而不是“概念”本身有问题。

交互设计的英文缩写估计已经让很多同行纳闷过，包括我自己。最近才了解，英文ac和x的发音类似，语境里Ix本身就是interaction的意思。很多参考资料里，对交互设计用ID的英文缩写，其实不准确，互联网技术领域里ID通常指信息设计(Information Design)。而在最传统的工业技术领域，ID指工业设计(Industry Design)。另外，交互设计也叫“互动设计”，但很多Agency公司把“互动设计”概念进行了包装，其实就是曾经的“多媒体设计”，多指Flash Design。所以搞的很乱套，专业术语害死人。当然，现在Agency公司也极力推崇用户体验，看来还是UX最好使。

以上比较乱，但其中各有千丝万缕的关系。Wikipedia上说是Bill Moggridge和Bill Verplank两位在20世纪80年代后期提出了“交互设计”概念，率先将交互设计发展为独立的学科。但网上又有大量资料表示，“交互设计”是Alan Cooper先生创造出来的新词，并号称“交互设计之父”。到现在为止，也没搞清楚是我误解了，还是我被误导了。

http://en.wikipedia.org/wiki/Interaction_design

The term interaction design was first proposed by Bill Moggridge[5] and Bill Verplank in the late 1980s.

http://en.wikipedia.org/wiki/Alan_Cooper

Alan Cooper, an advocate of interaction design, runs a design company and writes books about how to make software user interfaces more usable by addressing the user’s goals.

在专题前文UE,UX在中国中大概提到了对Usability概念的认识，其实我认为“交互设计”的目标，就是调整产品的Usability（包含了Easy to use的意思），它们之间是一一对应的关系。《用户体验的要素》中把“交互设计”定义为结构层的一部分，而“结构层”又位于战略层和范围层之后，个人认为是给了“交互设计”很好的“名份”。其主要贡献，在于给“虚”的概念建立了“实”的结构体系，明确了交互设计的之前之后。但在目前主流观点之上，我认为还有如下主要误区：

认为交互设计等同于“产品设计”。
认为交互设计的更高层次是“用户体验设计”。
认为做交互设计一定是让用户“好用”。

以上观点的问题，之前相关概念的总结中已都有了阐述。重点再说说第3点，提到“用户体验”就是为用户着想，谈到“交互设计”就是要给用户怎么怎么方便，这种说法只能算片面的“以用户为中心”。举个例子，微利图库iStockphoto的注册，第一步填写详细注册表单；第二步看十来个页面的需知，然后答题考试；第三步需要上传个人摄影作品，等待审批。基本不熟练用户马上崩溃，熟练用户搞完注册也需要一个小时，等待审批，到不通过更改再复审的周期是一周到几个月不等。此流程可以说繁琐之极，而且都是人为设置的障碍。例子给我的反思，越专业、小众的业务模式，越需要用户质量。所以，我理解交互设计是“为目标用户尽可能的提供可用性便捷。”其中关键词“目标用户”指可以拒绝非目标用户，关键词“尽可能”指在结构层上尽量满足目标用户。

早期的交互设计理论，主要应用于传统软件开发，甚至被誉为“软件开发领域的第三次革命”。因此，互联网技术领域只是在借鉴传统软件开发领域所总结“交互设计”的理论方法，而不是某些人理解的只web design才有交互设计。如果从更广义的角度理解，生活中也存在很多交互设计的理论应用，比如人与人之间打交道。

我一直很强调对概念的精准理解，可能很多同行看到此系列内容会说“老调重谈，纠缠概念没有意义”。其实我们对理论和实践的追求是同步的，只讲理论叫“不积累”，只做实践叫“不反思”，具体平衡每个人的需求都不同。在互联网技术领域内，我相信如果没有认清“交互设计”，同样也无法真正搞清楚“产品设计”。

相关话题：UCD相关名词解释源地址：http://blog.rexsong.com/?p=9551

闲言碎语：设计的俗化特征

Lytous — 2010-03-15 21:54:47

就算我们每天在叫嚷着创新经济，设计救国，我们在生活中也无处不在的看到各种设计庸俗、制作粗劣的海报、店面、户外广告、大胸美女和肌肉猛男交相辉映，红底黄字和脑残宣传漫画变本加厉。比如某政府交通部门推出的代表交警的卡通形象，足以雷得广大司机外焦里嫩，如果在闹市街头遇见，恐怕也会无法自拔的撞上去。

随着各个设计论坛，设计讲座，设计培训里面的师生装得很高雅，或者装得不高雅，那些粗糙、俗气的设计作品（有些甚至称不上作品）还是泛滥在城市农村的各个角落 — 究其原因，我估计不是因为老百姓喜欢，也不单单是商家们一厢情愿，极有可能是因为那些贴着XXX平面速成，21天变身设计大师等的培训班和厕所书闹的。有些现成的经验或者实干的技巧，我觉得直接说了就完了，卖着关子揪理论我们都不好过。

所以我今天要聊的就是“如何不让自己的设计变得俗气”，如何变得优秀这是个大问题，关乎很多方面，但是怎么不犯错却是有迹可循的。既然作为小白的你，暂时没有这么多的积累和经验，那么先确定自己的作品不被笑话，也算是一个提高吧。

为避免某些偏俗设计的原作者（为了说明问题，我不得不引用你们的作品，当然，在我天朝土地上，这些作品绝不是最差的）产生暴尸现场的想法，在本博客发生拉横幅维权的情形发生，我将每个环节都做一个对比，左边是普通的做法，右边是在“这个问题”上相对较好的做法（相对较好的意思不是这个设计很好），证明文章是以案例来解释，而不是3.15曝光。

1. 过多的字体

不管你是做平面，做书籍，还是做网站，视觉格式塔理论告诉我们，同一属性的玩意一多了，人的内心就紧张，比如：你看到20只蚂蚁在你脚下，你会蹲下来看看她们在忙什么，如果是20万只蚂蚁朝你冲过来，你除了尖叫还能有更好的办法么？

在有限空间内使用过多字体的做法，正是这种心理反应。在运用字体的时候，第一个关键就是尽量减少字体种类，你可以把自己使用的字体控制在3个以内，如果字体一定超过三种怎么办？通过大小，间距，透视，角度，对比，颜色等方式把不重要的信息部分的字体淡化掉，而突出最为重要的信息。

另外一个技巧就是文字横排与竖排的区别，根据不同的阅读习惯，在我国横排的文字的识别率相对高一些，但是在版式上显得呆板一点，而竖排的效果更容易将字体图形化，竖排的影响在于数字与英文字母的方向问题 — 因此，非万不得已，不要在正文中使用中文+英文的混排方式，那样真的很恶心。

但是，字体多了就真的不好么？未必，字体本身也可以图形化的，它们自己也有美的纪律性，大量的字符造型构成了一个“元素”，在这个层面上，他们脱离了字体本身的形象。作品大家可以在google搜索“typography”，我就不贴图了。

2. 色彩过于统一

关于颜色的杂乱，很多文章都掏心窝子的讲过，但是我不得不告诉你，色彩这个东西，你光靠看看色轮，色谱，买点pantone放桌上是没有用的，色彩有规则性，而每个人的色彩感受没有规则性，要做好色彩设计，除了大量的练习与观察，最重要的是相信自己的直觉，如果你不知道如何把握色彩 — 你先记住“黑白灰+主色”的方式，也就是一种主色，通过黑白灰来协调辅色的逻辑。

比起色彩杂乱来说，过于统一的色彩其实给用户造成的困扰更大，“使用统一的色彩更容易记忆”这个说法是不太严谨的，此观点成立的前提是这个产品的色彩设计应该符合人的视觉感受，首先产生美，和谐的感觉，然后才有可能去记忆，否则人脑会本能的排斥。我上面发的这个图，在各大“官方”机构的活动与宣传中屡见不鲜，不但缺乏重心，而且刺眼 — 这一再证明了我们的大部分领导都是美盲，这比文盲更加可怕。

色彩统一的难点在于色彩对比的区分，包括明度和饱和度的控制，无论你想怎么统一色彩，关键的信息一定不能被色彩本身淹没。

3. 无序的版式

近几年一直在兴起一股混合艺术还有自由插画的风气，首先我们不讲这是国际设计圈玩剩下的东西，我们单就画面表现来看，这种风格绝对不是下载一堆AI或者PSD源文件，稍微ctrl+u一下就可以拼凑出来的，乱七八糟的应接不暇和丰富多彩的视觉拼盘，你能察觉到有一点不同吧？

这当中的问题，还是出在版式设计的问题上，有很多设计师没有版式设计的专门训练，缺乏对于元素的控制，在版式的节奏和排布上没有控制力，这就出现了上图的“乱炖”插画。作为练习，这无可厚非，作为商业设计，也许这样的设计会误导消费者模糊品牌认识。

那么版式设计有没有稍微安全一点的方法呢？有的，“一个中心，两个基本点”，保证整体版式有一个重点，这个重点是你严格筛选的痛苦决定 — 它必须是最重要的信息。两个基本点中，一是辅助的信息，二是趣味的部分，辅助的信息告诉用户他们对于产品的疑问你提供了什么线索，趣味的部分是版式设计一定要突破传统的排布给出一个亮点，他可以是线条、可以是插画、可以是一种印刷工艺、也可以是一个特别的形态。

4. PS的免费效果

好吧，在这个问题上，我甚至找不到做得相对较好的案例，我不止一次和朋友们聊过，我讨厌PS的默认滤镜和未经处理的效果，特别是那些《XXX种Photoshop特效制作》的书籍。这些玩意对设计质量毫无帮助，简直是最好的绊脚石。

滤镜当然可以使用，但是没有设计目的和经验的滥用，只会让人觉得你是在展示2000元平面设计速成的培训效果，并企图告诉用户你的培训费没有白花。虽然网上有很多免费的破解滤镜供你使用，但我要说，那些大多数都是提供给学生以及练习使用的，你在商业设计中能用到这些效果的部分不足10%。而类似上图这种撕边的效果，请问有何意义？

PS是个不错的工具，但它也仅仅是工具，设计应该多考虑概念和设计的目的，如果你依靠软件的计算机效果来设计的话，你的设计永远只能俗气下去。我的建议是，在你的草图和构思没有完成前，不要急于打开任何一个设计软件。

5. 低质量的照片

对于摄影来说，这是个严肃的事情，不要在你的设计中使用那些街上买来的图库女郎，这种事件甚至引发了国际友人寻找“中国最著名的女模”的活动 — 起因是他在各大城乡的不同企业的户外广告上，总能看到她的倩影。

更为杯具的是，一个质量不好的照片 = 一个质量不好的产品，至少我接触过的用户都是这么想的，更有民风颇为彪悍的用户直接指出：“我觉得吧，如果公司拍不起照片就最好别拍”。一个定制的摄影计划，一个优秀的摄影师，一个良好的创意，一个精美的图片，可以给你带来更多的用户，起码是用户的注意，这是经过案例反复证明的事情，作为设计师你也有必要建议客户这么去做，要知道如果侵犯肖像权的话，付出的代价可比请一个摄影师大多了。

对了，大多数“低劣照片”的神器之作，都是从网上下载的低像素版本（甚至还带有某网站水印），而美女们往往是这种现象的直接牺牲品。

6. 对素材的模仿

当年国内WEB设计圈对韩国模板的崇拜风潮，正是这种俗气的集大成之作。这个问题的根源在于对“流行”的盲目跟从，在没有人愿意思考的时候，往往某种错误的思考就容易形成风气，比如“群众的眼睛是雪亮的”这种低智商的说法，在设计圈就没有依据，群众雪亮的前提是，有部分先雪亮起来，并且先雪亮的人有足够的话语权和领导力。

所有的素材仅仅是素材，提供一种便捷的构图途径，比如设计原型图，以及初步的演示方案使用，无论从图形的表现力，还有创意的层面来看，素材是无法应用到产品中的。因此，任何对素材的直接模仿，和视觉上的抄袭，最后看来总是感觉“好像没有做完吧”，而部分设计师彷佛很安于这种现状，乐于去Zcool这样的网站淘宝 — 所以我说，ZCOOL的出现解决了很多美工的就业问题，也不算夸张。

如果以后你还觉得自己的作品老是有一些“不满意”的地方，应该首先反思是不是自己对于素材的迷恋太多了，以至于影响了你的独立思考，在过多的视觉轰炸面前，你也许该考虑多看一点文字，少看一些图片。

好了，我只是说了一些俗气话，讲了一些糙道理，关于更深刻的视觉表现的经验，我想还有很多要聊的。既然我们已经被俗气包围得透不过气了，我们是否可以积极的改善一下恶劣的视觉环境？这无非是1000个字就能讲得清楚的，如果设计师对品质还有点要求的话，不要让你的作品变俗，比让你的作品变好，更是我们的当务之急。

相关话题：周董的闲言碎语源地址：http://www.ucdchina.com/lytous/?p=2282

产品交互原型设计工具分享

Seven — 2010-03-15 21:51:31

交互设计师的一项重要工作就是进行产品原型设计(Prototype Design)。而产品原型设计最基础的工作，就是画出站点的大体wireframe(框架图)并结合批注、大量的说明以及流程图等，将自己的产品原型完整而准确的表述给产品、UI、重构/开发工程师等等，并通过沟通反复修改prototype 直至最终确认，然后进入后续的设计开发流程。

要完成以上复杂的设计和沟通工作，需要一个好的原型设计工具。这里就目前常用的和比较热门的工具来分享一下：
Word（产品经理比较常用）
Fireworks（交互组内推广的）
Balsamiq Mockups（近期曝光率比较高）
Auxre RP（业界圈子内广为流传）

一、优势劣势对比

二、操作界面对比
Word：基本是通过绘图工具栏的各种线框来画wireframe。

Fireworks：通过公共库的WEB原型组件库画wireframe。

Balsamiq Mockups：操作类似FW，通过顶部的控件库拉取到工作区域画wireframe。

Auxre RP：基本操作也和FW，Mockups类似，3是工作区域，从5控件库里拉取到工作区域画wireframe。

控件库内含了许多会经常使用到的widget物件，例如：按钮(Button)、图片(Image)、文字面板(Text Panel)、单选按钮(Radio Button)、复选框(Checkbox)、下拉式选单(Droplist)。甚至可以藉由Dynamic Panel的功能，来设计动态介面，例如：下拉式选单、页签，甚至是更进阶的AJAX或RIA的功能。

Axure RP相对于其他原型工具，比较有特色的有以下几个方面：

·区域4站点地图（页面列表）
可以自动根据页面列表，快速绘制树状的网站架构图，而且可以让架构图中的每一个页面节点，直接连结到对应网页。

·区域6 Masters共用模板功能。
在设计Wireframe时，如果能善用Masters共用模板功能，您可以节省下不少重复修改的时间，Master可以是经常被使用到的widget集合，例如：页首、页尾、或是一个登入的画面。

·区域8为高级交互操作区域
Wireframe里的大多数的widget可以对一个或多个事件产生动作，包括 OnClick、OnMouseOver和OnMouseLeave诸如此类。模拟出逼真的交互工作，十分方面的进行演示和讲解。

·自动输出网站原型 (HTML Prototype)
Axure RP可以将您设计的wireframe，输出成符合Internet Explorer或Firefox等不同浏览器的HTML prototype。

也就是说，您不需要安装Axure RP或任何其它软件，就可直接将产生的Prototype档案email给客户，或是发布到网页服务器让客户或使用者检视和操作，Prototype包括 Sitemap、Page Notes、Annotations和功能性的交互效果，是一个能有效测试所提议的功能和清楚沟通设计的工具。

·自动输出Word格式规格文件(Functional Specification)

Axure RP可以输出Microsoft Word的格式的文件，不只容易阅读，更可以展现规格文件的专业，能有效的记录、沟通和取得设计的最后确认。

规格文件包含了目录、网页清单、网页和附有批注的Master、撷取的画面、Annotation、Interaction和Widget特定的信息，以及结尾文件(例如：附录)，规格的内容与格式也可以依据不同的阅读物件来变更。

三、实例操作对比

这里，我们利用以上各工具，实际操作一次，制作一个简单的原型设计实例，看看各个工具的表现。
我们将实际制作一个Tab View的例子。

Word：

不足：对交互表达不好，也不利于演示。（一个基本的页面要分3页，且一页一页看才能表达交互效果）；没有标准样式，各种线框画的很随意。

FW：页面效果同Word。

不足：对交互表达不好，也不利于演示。（一个基本的页面要分3页，且一页一页看才能表达交互效果）；控件的扩展和修改不便利。

Balsamiq Mockups：

不足：对交互表达不好，也不利于演示。（一个基本的页面要分3页，且一页一页看才能表达交互效果）；输出界面手绘风格，随意性较大。

Axure RP：基本的外观和Word、FW相差不大。

但最奇妙的是他能生成一个真实的页面，可以演示Tab切换的效果，同时生成一份word格式的交互说明文档（实例暂不提供下载）。

四、总结
通过以上几个方面的比较，4个原型工具在绘制wireframe的基本操作上不相上下，各具特色。但Axure RP快捷而简便的创建基于目录组织的原型文档、功能说明、交互界面以及带注释的wireframe网页，并可自动生成用于演示的网页文件和word文档，以提供演示与开发等方面完胜，我们给于其★★★★★评价，不愧为产品经理基本基本原型设计和交互设计师做快速高保真原型的一把利器。

相关话题：原型(Prototype) 源地址：http://webteam.tencent.com/?p=1741