人人都“懂”交互设计_网页设计教程

推荐：说说那些有意思的“返回顶部”
笔者在这里收集了一些网站的有意思的返回顶部按钮，并做简单的赏析，包括极客公园、欣欣旅游网、猪八戒网等知名网站。笔者猜想，有多少人会去用返回顶部按钮呢?这是一个设计、体验的细节，但表现出的意义却是这个功能真的是用户需求吗?那我们就来说说那些有意思的返回

 

近些年来，随着交互设计概念越来越为人们所熟知，交互设计师这个职位，也已经在互联网公司里得到广泛并且专业化的应用——对于交互设计的定义、目标和作用，人们或多或少，都能说出个八九不离十。即便是行业外的人，如果跟他说起交互设计是做什么的，得到的反馈往往会是：

这个工作，挺好!

这个事，有意义!

这个，我也能做!

——作为一名交互设计师,听到这些,会有什么样的感想呢?

人人都懂交互设计！

——这听起来确实是个好事儿：在达成共识，彼此理解的基础上，工作才能更好地开展。然而，在实际工作中，大家也许都会或多或少地存有这样的疑问：我们有着共同的目标，都想把产品做好，想有好的市场回报和用户口碑，为什么我们如此努力，却往往会感到力不从心，还不断地遇到这样,或那样的纠结：

每个人都困惑着

——交互设计师的疑虑:

1、拿到一个产品需求时，交互已经差不多定了

需求说明中包括了交互框架和交互形式，有时还包括了交互效果和细节，那么，交互设计师的职责就只是来review原型中是否有遗漏?

2、产品需求是什么?先画出交互原型再看

需求说明中只有大致的产品描述，交互设计师根据自己的理解设计并画出原型后，产品才能发现需求中的诸多问题，这时再修改需求并重新设计交互，一遍，又一遍…

3、就几个页面，用不了太多时间

交互设计被给予的时间往往是用页面的个数来衡量的。很多时候，交互设计师不得不在完成任务和保证质量的单选题中挣扎。难道，交互设计师的职责就是照着需求简单地把页面草图“画”出来?

4、产品上线了，我的设计呢?

设计方案被实施上线后，交互设计满怀激情地打开产品界面，却发现自己的设计已经全然变了模样，谁动了我的设计……

——很多交互设计师，不仅仅是刚入行的设计师，包括一些从业多年的设计师，都会时不时产生这样的怀疑：交互设计师的价值到底是什么?难道真的就是一个可有可无的角色，一个简单劳动者，一个用来辅助需求的工具……那么,我们的出路和未来在哪里?

 

——产品经理的担忧

1、需求和交互分不开，交互设计师如何参与?

做需求的过程中，交互部分就顺带着一起想了，如果让交互设计师专门做交互的话，就意味着必须把两者分开来考虑，这是不是多此一举了……

2、交互一介入，我的需求就被推翻了?

我想让交互设计师帮着出一个原型图，但他似乎总是想挑战我的需求……原型图出来后，需求很多地方都被更改了，怎么办?

3、专门做交互，时间上不允许啊

有专门的设计师进行交互设计当然更好，但是在产品需要快速上线的情况下，很难留出时间来做专门的交互设计，特别是在需要一些用户研究数据支持的时候，交互设计往往需要花比预计更多的时间，这个确实很难接受

——产品经理有他们的苦衷和迷茫：交互设计师到底能为我们带来什么?我们想让交互设计师发挥更专业的作用，但是，似乎总是找不到一种更合适的模式。

 

—视觉设计师的苦恼

1、我应该面对需求，还是面对交互

视觉设计师设计的起点，以及设计迭代过程中，都会希望是在界面信息结构及交互形式等全部确定以后再进行，但是在实际工作中往往会遇到这样的问题：有时候输出给设计师的是产品需求(需求的细化程度也很不一致);有时候输出的是交互原型。设计中什么地方需要与交互设计师讨论并确定，什么地方需要通过产品经理，这个往往让设计师们无所适从。

2、视觉设计不停地被要求调整，其实是需求在变化

视觉设计方案经常会被要求频繁地迭代，这种情况有时候是由于设计本身的性质决定的，但更多的情况，却是因为一个设计版本出来之后，会展露出诸多产品需求和交互方面的问题，这之后的很多修改，其实是在调整需求或者交互，造成很多之前的设计成为了无用功

——视觉设计师希望他们能在清晰的需求和交互框架下进行设计，并且在设计过程中明确什么样的问题，该与谁进行讨论和确定。

从我做起

理清了自身，以及合作伙伴的困惑和疑问之后，作为一名交互设计师，我们首先必须从自我做起，才能更好的帮助自己，帮助他人解决问题，扫清合作中的障碍：

——专业性

体现一个职位的价值和不可替代性，要做的第一件事就是完善自己的专业结构，时刻保持自身的职业素养。

1、交互设计是一门交叉学科，所涉及的学科领域非常广泛。由于中国现在还没有形成较为成体系的交互设计专业，所以，相对于专业出身而言，相关的专业知识积累和丰富的跨学科经验，就成为衡量一名好的交互设计师的最重要基础。

 

2、当然，仅仅具备这些理论背景知识和经验还是不够的，只有将这些知识、经验和原理等经过自己的消化、吸收并有机地贯彻到实践中，才能学以致用，逐渐体现交互设计的实用价值。

3、不得不提到的是，交互设计的确需要一些天赋：一名优秀的交互设计师，应当具备敏锐的洞察力，清晰缜密的逻辑思维，要能够善于权衡利弊，以小见大，对复杂事物进行合理的分辨和判断，以及拥有交互计师最为重要的品质：同理心(Empathy)——这些，也许仅仅通过理论知识学习和经验积累，也是不一定能轻易达到的。

只有对照以上各方面的要求，具备了职业的交互设计师的能力和素质，才能在实际工作中发挥更专业、更让人信得过的作用。

——设计实践

专业性在实际工作中的体现，在于设计中的一言一行——每一个设计细节，都要考虑周到，有理有据;每一个设计作品的产出，都应该能够经得起推敲。

1、要在深入理解产品背景、目标和定位的前提下开展设计

2、设计过程中，要时刻将产品目标和用户目标综合起来考虑，将产品需求最为妥帖地“翻译”为用户需求

3、让交互设计贯穿于整个产品的生命周期：从前期的产品规划，需求产出，到交互设计本身、视觉设计，一直到产品开发、测试、迭代环节，以及用户研究和用户测试的UCD方法等，都应该有不同的程度的参与或关注。这样，交互设计才能真正地融入产品，为产品服务

4、在工作中注意站在更高的层面考虑问题，把握大的方向，明确团队中各成员的职责及彼此的分工协作方式，善于根据实际情况调整合作模式和方法，时刻以最为有效、顺畅的方式协同工作

写在后面

也许就在前些年，交互设计师还得费很大的劲儿才能给别人解释清楚自己的职业——大多数人对交互设计这个词是完全是陌生的。现在，这种尴尬的情况基本上已经一去不返了。在这个全民都在讲用户体验，人人都懂交互设计的时代，作为一名交互设计师，当然应该感到幸福，而同时，我们也更愿意看到——在人人都懂交互设计的基础上，人人都需要交互设计，并且以自己的团队中拥有一名专业的交互设计师而感到骄傲。

分享：HTML绝对路径和相对路径
HTML初学者会经常遇到这样一个问题，如何正确引用一个文件。比如，怎样在一个HTML网页中引用另外一个HTML网页作为超链接(hyperlink)？怎样在一个网页中插入一张图片？