交互设计学习心得

把技能分成两类，一类是职业技能，这部分技能高度专业化，每一个职业所需要的能力都会有所不同，当然也会有交集；另一类是通用技能，这部分技能会贯穿你的整个职业生涯，也适合任何一个职业，属于所有人必备的技能。 

什么是产品思维？

产品思维的本质是洞察人性。产品的设计过程就是产品经理洞悉用户的需求，然后以良好的设计来满足用户需求的过程。这个过程对用户需求的洞悉非常关键，如果用户的需求把握不准，那你这个产品就是失败的产品。

产品思维为什么重要

互联网创业者一般要过三关：产品关、市场关、管理关。产品是根本，如果没有好的产品，营销做的再好，管理做的再棒，你什么都不是。

如何锻炼产品思维

1.多观察

产品形之于产品经理脑海，但却来源于生活！

2、多看书

随着互联网的发展，大家获取知识的方式更加地便捷。微信公众号、微博、博客等产品改变了人们的生活方式。这些产品页成为人们获取知识的主要渠道，但是这些知识都太碎片化，不成体系，无法对构建你的思维形成体系。所以要读书，书的整体架构、目录就是作者思维体系的外显。作者会根据他的知识框架来阐述他的观点和看法，当读一本好书的时候，你的思维体系就会得到提升，你的思维模式就会随着这本书而建立起来。

3、多体验别人的产品

多用用别人的产品，从别人的产品中来思考别人的产品思维是怎么样的，是产品新人培养自己产品思维的有效途径。新人可以从用户体验的五个要素进行打分，即战略层、范围层、结构层、框架层、表现层。

（1）战略层

下载APP之前了解用户的公司信息，产品定位，目标用户，商业模式和同类产品的差异等。

（2）范围层

打开APP后走一遍核心功能的使用流程，并思考这个流程解决用户那些需求，是否最优，有可优化的地方，用户是否还有其他需求，在产品的哪一个阶段加入比较合适。

（3）结构层

用Xmind把产品的整体架构表现出来，核心需求需要较少的进入次数，其他需求根据用户优先级一般会在二三级。APP一般不会超过第四级页。

（4）框架层

其实框架层与结构层有很多联系。这里有个方法把自己变成小白用户。看页面跳转、看按钮设计、信息内容排布是否用起来顺手，还是需要你思考。

（5）表现层

界面设计的丑和美还是很直观的但也很主观。看它是什么设计风格，用户喜不喜欢这种设计风格？表现层还有一个组成是文案内容，好的文案内容应该根据用户群体来划分。

看看别人的体验报告。一个好的产品不一定只有你一个人体验，网络上也可能有其他人的体验。但你体验过以后你可以看看其他人的体验，看看由那些地方是自己没有想到的，起到取长补短的效果。

4、找个项目自己运营

（1）可以尝试自己运营一个微信公众号

写作的时候不仅是对你学习的东西一种总结，同时你也要洞察用户的需求，写那些东西可以戳中用户痛点让用户来看我的文章，来给我点赞。思考的过程也是发觉用户需求的过程。把它当成一个产品来运营，会对你的产品思维，运营能力带来很大帮助。

（2）可以自己尝试开一个网店

在开网店的过程，从你选择要卖的产品、选择要卖的平台、如何和对手竞争、产品如何宣传才能戳中用户痛点，以及售后服务这一整套流程下来你就知道该如何设计你的产品，如何满足用户需求，如何做好用户体验。其实，好的CEO都是一名好的产品经理。

5、多参与项目

其实，终极的锻炼产品思维方法还是多做项目。就像抗战的将军也没几个受过正规军事院校毕业，为什么能打仗？而且能打胜仗？无非就是仗打得多。所以，培养产品感觉的终极大招就是多做项目。无论是公司项目还是个人项目，都是你锻炼的好机会，多给自己找找产品项目做做。

学习交互设计本人使用的是Axure

Axure RP是一款专业的快速原型设计工具。Axure（发音：Ack-sure），代表美国Axure公司；RP则是Rapid Prototyping（快速原型）的缩写。
Axure RP的使用者主要包括商业分析师、信息架构师、产品经理、IT咨询师、用户体验设计师、交互设计师、UI设计师等，另外，架构师、程序员也在使用Axure。
Axure RP Pro能快速帮助设计者设计出快捷而简便的创建基于网站构架图的带注释页面示意图、操作流程图、以及交互设计，并可自动生成用于演示的网页文件和规格文件，以提供演示与开发。
优势：
Axure这个软件功能强大，可以做出很多交互效果，直接通过拖拽画出原型、生成网页；
Axure这个软件效果高，只有遵循一些可用性原创，很快模拟出高保真页面原型。

Axure可以做什么？
脑图（ 有很多专业的脑图绘制工具，如XMind）
流程图
低保真原型图
高保真原型图（日常工作中使用较少）
PRD（Product-Requirement-Document）产品需求文档

Axure软件安装与运行
Axure中文学习网：https://www.axure.com.cn​ 在上述网站即可下载安装，傻瓜式安装即可，这里就不多做阐述。

Axure的界面大致分为七个区域：工具栏、站点地图区域、元件区域、母版区域、编辑区、元件交互区域、页面概要区域

菜单栏

跟一般office软件的菜单栏差不多。

​ 其中，经常使用的菜单功能有：

其中，经常使用的菜单功能有：

文件-导出图片：当前打开页面对应的单张图片、所有页面

编辑-快捷键：保存、撤销

视图-重置视图：当关闭某个窗口，可通过此次菜单快速恢复窗口视图

布局-组合、对齐、分布，在工具栏也有快速按钮，包含shift键多选元件、组合后右键或者概要中进行重命名

布局-显示网格和对齐辅助线

发布-预览、预览选项、生成HTML文件，在工具栏也有快速按钮

元件库

组件面板中包括有线框图组件和流程图组件两种类型，用这些组件可以进行线框图和流程图的相应设计。 这里显示的是所有的组件，后面的一部分是流程图组件 。系统默认显示的线框图类型的部件。

母版

作用：风格的统一、元件的复用

新建母版：已有元件，右键生成母版

左下角新建母版

使用：从左下角拖拽使用

行为方式：任意位置、固定位置

只要修改母版，每个页面的引用的母版内容就会改变

交互

​​​​​​​交互类型 Axure里的交互动作大致包括：定义链接、设置动作、多个条件场景、页面上的交互四种类型

交互样式(仅对当前元件的样式进行更改)：选中元件，鼠标右键，选择【交互样式...】，选择交互触发类型，选择要更改的交互样式。

交互动作(带有逻辑性)：选中元件，在右侧交互面板选择交互事件类型，设置动作。

交互情形(带有逻辑性)： 设置交互动作，在交互动作中添加情形并设置情形对应的动作；当某个元件的值满足A情形的时候做A动作，满足B情形的时候做B动作。

Axure各面板的常用功能，如思维导图所列，这些功能基本涵盖了绘制可交互原型图的日常所需：