线框图（demo草图）制作的总结

在产品的设计中，一直以来我都有一个误区，认为用户需要的底层需求是来自交互的完成。但是在总结的时候，发现交互不能承担的恰恰是用户的底层逻辑架 构，无论这些是不是用户最终所关心的；从pm或是需求人员设计出的底层业务逻辑，演绎出用户的底层需求（用户必须要使用的），交互设计师从这些底层的业务 逻辑，设计出用户通过界面来提取这些需求的途径。

     用户看不到底层的需求，所以我曾经一厢情愿的认为这些都是交互设计应该承担的责任；但是用户使用的、呈现给他的界面都是需要通过交互的过程来展示给用户，让用户易于使用。

     在产品设计的过程中，我使用过多种交互设计方法，但是中心的流程还是依据从用户研究到关键角色设计、访谈、提取用户情景，卡片提取用户重点到最后通过草图 绘制来确定用户的需求（当然会依据业务流程图）。其中草图demo是经常用的一个简便的设计方式，而且高效易于修改，但是说来惭愧，一个leader问我 对线框图的认识时，我却觉得概念很模糊。其实线框图说出来在交互岗位中并不模糊，而且在大量的频繁的使用。在我的工作中，它就是每天提到了草图。

     在家休息总结，也参考了一些大师对线框图的理解，故总结一下。
一、线框图的依据：业务流程图以及相关的用户调研所提取的数据。依据各个公司不同，所以产品的名称有所不同。总之数据的依据来源是用户底层的需求，提供相应的业务逻辑

二、线框图的绘制过程
1、白板绘制，便于讨论，但是不便于保存哦，比如我的就over了！下图引用了大师的图片！

2、讨论完毕后在白纸上记录，整理图示，再次考虑与流程图的需求是否吻合。

3、用工具visio绘制电子档文件，以便传阅。当然可以有很多工具。

4、相关交互的解释说明，标注清晰


由于有些图片设计到未发布的产品，故没有能够完全展示，有兴趣的朋友，可以下载我整理的一些国外大师们，有关线框图的制作过程。很有帮助的哦！