交互设计分享（一）

1.信息架构是怎样的？有没有层级，有没有逻辑顺序？能不能反映它们的重要程度和关系？ 2.页面布局是怎样的？它们位置、顺序是怎样的？它是怎么分块的？它是怎么突出主要任务的？ 3.有没有其它设计亮点，比如好的隐喻，比如视觉怎么营造氛围。

把所有思考结果记录下来。记得多了，形成自己的观点后写成文章，同其他人分享。

4. 做

一开始模仿，在这个过程中，学习工具的使用，把它用熟。

为什么要先把工具用熟呢？道理很简单，如果工具还不熟悉，大脑会把主要精力都耗费在工具的使用上，根本腾不出空间来思考设计的事。

当工具使用没有任何问题后，做真实的产品设计。

我们可以直接在项目中实践，但大部分人应该没这个条件，那怎么做？

重新设计现有的产品。比如我们可以重新设计微信，重新设计简书；我们觉得某个软件设计的不够好，重新设计它。通过这种训练方式，提升设计技能，达到准设计师的水平。

1.明确使用场景

我们经常看到一个被分解后的功能指标项如下：

我要一个远程控制的功能。老师可以控制某个学生的电脑。

如果按照这个需求做的话，在产品首页加一个远程控制的按钮，点一下，老师可以选择某个学生进行控制，这个功能就设计好了。

但是实际上老师是怎么用的呢？我们和产品经理（或用户）沟通，会发现老师使用这个功能的场景是：

1.老师查看屏幕预览图，觉得某个学生可能做的不错，双击查看学生完整的屏幕。发现学生做的很好，就转播给其他学生看，在这个过程中会协助学生微调作业。 2.学生有问题时，举手请求老师协助，老师在讲台上协助解决问题，（并将这个协助过程广播给其它同学。

这就是使用场景。场景非常非常重要。它决定了功能入口放在哪里比较合适，应该突出它，还是弱化它。它的前一步是什么，下一步是什么。

只有明确了真实的使用场景，才能设计出用户可用的产品。

2.收集素材

去前面提到的设计网站，或是平时用的软件商找同类设计来对比和分析，看看其他人是怎么设计的。比如远程协助，可以看看QQ是怎么设计的。把它的整个流程跑几遍，并且把每个过程截图下来。借鉴它设计好的地方。

3.画草图

有了想法以后，在纸上画草图。

草图里面，主要是把每个页面都有哪些功能、元素，摆放顺序定清楚。这个就是梳理我们设计思路的过程。

这个过程一定要有。千万不要一上来就做原型，那会花很多时间在对齐、排版等等琐碎的事情上，我们也没办法一下子看到全貌，把每个页面都想清楚了，页面流程怎么跳转都想好了，再搬到Axure上。

4.画低保真原型

把草图搬到Axure上。这个过程还会调整，修改。

5.可用性测试，调整设计

做完动态的、可交互的原型后，找三个用户试用下（不一定要真实的最终用户，另外，不用太多用户，三个用户就已经能够发现70%关键问题），观察他们在使用的时候会碰到什么问题，找出最关键的问题，进行调整。

这个阶段完成后，就可以提交开发了。

6.补充细节设计

有一些很细节的流程，我们没办法在一个交互稿里面完全体现，比如页面内容为空时，怎么办；数据加载出错时，怎么办。这个时候用文档来补充这些分支流程。我们就像写开发文档一样，把整个软件的所有分支流程、异常流程都过一遍，记下来，然后提交开发。文档形式不重要，只要能传递思考结果就行。

以上只是一个大概的流程，在实际操做的时候，还会碰到很多问题。有一些东西我会在后面分享的时候再细讲，还有一些东西，可能就需要大家实际动手，自己去摸索和沉淀。

总结

看、用、想、做。

最后，我想说的是，我们掌握一个东西，要下很大的功夫，没有捷径可走。那些想要走捷径的人，往往到最后会发现，绕了一大圈，却什么也没得到。只有那些脚踏实地一步步前行的人，才有机会走到自己想要到达的地方。

作者：@四四四毛

来源：简书

注：相关网站建设技巧阅读请移步到建站教程频道。

（编辑：三明站长网）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!