另外一个类似效果的制作过程：
http://www.grafpedia.com/tutoria … og-layout-photoshop

前两天还回答了一位网友就这方面问题的疑问，点击查看。

我认为做学问，最根本的目的是能将深入的问题浅出化。
而不是把概念名词搞得越来越多，深入了但不能浅出，（不少业内“高手”一直如此）

以下是我不久前给别人做培训时，梳理的一个交互设计基本概念。
在这些基本概念基础上去扩展你的学习，相信将来会省下不少的争论。

——————————————————-

1. 什么是交互设计？
2. 触发事件对交互设计的意义？
3. 我心中“用户体验”几大要素的优先级

——————————————————-

1. 7±2原则对于页面布局的意义
2. 反Box的布局设计
3. 网页栅格模板 960栅格 （了解即可，实现意义不大）
4. 淡化UI、部分还原精实感的设计
5. 操作过程中的响应、过渡效果、移位

——————————————————-

1. 从三个“关于我们”的页面设计，看待交互设计的三个层次
2. 交互设计细节的常见问题，以及部分错误案例

——————————————————-

1. 尹广磊眼中的产品和项目负责人

——————————————————-

以上，但愿对于同行新手，以及那些多年靠概念忽悠的人能有一定的帮助（别再出来坑人了），
专业内的高手，对于这些基本结论，我想早就有清晰的认识了，我今日只不过代表他们出来表达一下。

下面做了一张图用以表述这个过程，以及组件库在创建设计一致性方面的过程：

我心中“用户体验”几大要素的优先级如下：

1. 用户动机
产品能够满足某些人的某类需要，能够为他们创造自己产品所倡导的价值，
这是头等重要的用户体验，没有这一点一切产品形态的东西都会是空谈。

2. 产品信息结构
产品总共有多少个主体要素，这些要素以何种方式组织起来最为轻巧简练，
让用户只通过简单的使用就能形成一些基本结构化的印象，
知道它是怎么回事儿了，知道什么东西可能应该在哪儿了。

3. 用户操作流程
这是交互设计中的重中之重，如何让用户的操作流程在上边信息结构简练的基础上，
让用户的每一条指令，每一步操作，都基本符合他的预期，
以更自然、流畅的方式完成了他所要操作的任务，中间尽可能让用户少犯错误。
我曾经的一篇文章，提到了交互过程的三要素：

4. 可靠性、稳定性
在用户已经熟悉、依赖上一个产品以后，
没有什么比可靠性、稳定性的问题更令人感到憎恶了。
这也不难理解为什么iPhone4的天线问题会有如此大的关注。

5. 页面布局，合理内容的主次位置
产品的每一个页面有它存在的意思，那是因为它肯定要完成一个它必须能完成的任务。
这个必须能完成的任务，是不是放在了页面的主体首要位置是这个页面体验好坏的关键。
有的设计总想拐着弯的抢占它的主体位置，你这就是在挑战用户的忍耐程度。

6. 侧栏位置上，推荐内容的相关性程度
页面布局除了保证主体内容的主体位置以外，
相对次要的侧栏位置也是好好利用的设计空间所在。
如何通过机器或人为参与，提高侧栏内容的相关性程度，
能给用户带来意外性的体验提升。
诸如那些“看过此书的人还看过…”等等。

7. 页面配色、风格、字号、间距等
如果你设计的产品不是在创作一副油画或者某些产品的形象工程，
如果你设计的产品是确定直接给用户操作使用，
那么，那些无关的UI修饰则是能抽象的抽象能淡化的淡化。
只要尽可能保持设计使用上的一致性以及坚持下去这种一致性就可以了（别反复换）。
世界一流公司的产品，Microsoft、Google、Apple等等，无一不是如此。
如果上边第1条用户动机你抓准了，用户不会因为你的配色，你能否换肤而弃用你的产品的。
那些优秀的平面设计师、手绘插图设计师，在互联网产品上发挥视觉设计的余地真的不是很大。

8. 客服
机器能够让用户自主完成的事情总是有限的人，但对于用户来说总有例外，
就是那些用户无法自主完成或产品暂时无法很好满足的服务，机器做不好的，要靠人来补上。
就像如果你到一个大卖场里去买东西，尽管店里的物品摆放已经经过非常合理的布置了，
但是你赶时间，你依然希望第一时间买完东西就走，
这时候你最可信赖的就是直接问店里的店员了。
把客服放在最后不是因为它最次要，而是因为它跟设计的直接关系不大。

用户体验(User Experience)的最后结果，是该产品的设计团队的Vision所塑造出来的，尤其是产品计划的负责人或领导人的Vision。

透过internet去阅读各家之言，会发现看得越多，越难理解究竟User Experience Design的范围是指UI(User Interface Design)? 还是 IxD (Interaction Design)? 还是Usability Design? 如果跨到Website Design，甚至会跟IA (Information Architecture)，或Visual Design混在一起。

举几个实际的例子，来看看究竟最后的User Experience(或者讲成 Customer Experience)是如何被塑造出来的，其背后的原因为何?

相信很多人都有搭公交车的经验，为什么有些公交车乘坐起来很舒服，有些则是很糟糕?

我曾经听过公交车司机讲过，因为公司规定某些竞争激烈的公交车路线，为了载客率以及其它公司规定(比如发车频率，不得超车等)，使得司机们必须用更快的速度来开车，结果会造成急煞/急停，抢黄灯，闯红灯的情况，使得乘客感受很不好。

你应该会同意，直接塑造乘客经验的人虽然是司机，但是背后的原因却是企业政策。不良的政策导致了很糟糕的顾客经验。

再以大家熟到不能再熟的Google Search或 Yahoo Search，要仿造一模一样的搜寻介面与交互方式，没有什么太难的。但是有谁能够仿造出Google的查询结果? 那个东西的背后是数以万计的主机以及众人拼命想破解的Ranking算法则。

你应该也会同意，如果不是Google当初就有创造世界级搜寻的Vision，最终是不可能产生大家所欣赏的用户体验。

今年在使用者介面上最受瞩目的焦点之一是Touch Screen，应该有很多人看过这个影片 Jeff Han: Unveiling the genius of multi-touch interface design。你可以注意一下，在手指头触及屏幕，有一些云雾之类的自然流体效果。这个效果炫得不得了，但其实触控屏幕之下却是复杂的流体力学计算逻辑。

如果没有物理学的基础，光有Touch Screen，能够产生良好的触控交互经验吗?

在探讨用户体验的这条道路上，我们必须站在更全面的角度来理解。而这个全面的角度，并非这个产品或网站的设计团队中的某个角色要负全责的，而是整个团队的每一角色应该要重视的。

重视用户体验的Vision，会促使设计团队为了创造更好的用户体验愿意多付出一些，更勇敢的去做新的尝试，甚至更要有勇气去拒绝什么。

讲的更明白些，我认为用户体验的创造，不是某一种特定的工作类别，也就是说，并不是你的工作职称或头衔上挂着用户体验设计师(User Experience Designer)，你就是/才是负责创造/主导用户体验设计的人。光只有靠着设计团队中一两个UE Designer，但是团队中的其它成员根本不重视UE，更糟糕的是老板也许不重视UE，那么这样的团队并没有UE的Vision，自然而然，最后的产品就不会创造出最佳的用户体验了。

网络上找得到许多关于用户体验以及分工的文章，大陆博客写的尤其多。谈了组织架构，谈了大UE/小ue，谈IA，谈Usability。如果你有兴趣，Angela@UE的两篇文章体验：设计不能承受之重以及大UE?小UE?，是比较符合我所描述的 – 『以团队的Vision来看待用户体验设计』，值得推荐您参考!