> 交互设计师的三阶段:有美感、有逻辑、有sense
![jiaohussanjieduan](http://image.woshipm.com/wp-files/2016/09/jiaohussanjieduan.jpg)
我习惯把一次设计中的阶段性方案保存下来,这便于我回忆设计是怎么一点一点被优化的,也便于我整理设计过程中一些具有共性的问题。今年初我们联手中国电信做了一次送听歌流量的活动。把这个需求交由一个新来的小朋友锻炼锻炼,在这过程中产出的阶段性方案具有问题的典型性,不妨把它们看成一个交互设计师对交互设计理解的不同阶段。
由于活动需求来得急,策划给到交互的就直接是线框图了。左边是策划方案,右边是第一版交互。
![yj201606274](http://image.woshipm.com/wp-files/2016/09/15aab04a3a49e225e49cf9b75c396b1a.png)
可以发现,交互只是单纯地把策划内容复制到了交互稿,用标准的交互控件替换了下,排了个版。甚至原本策划里稍稍显露出一点端倪的红包样式也被一个按钮样式给替代了。
## 这是交互的第一阶段,你就是个排版的
![yj201606273](http://image.woshipm.com/wp-files/2016/09/15c6043ae151571835692c1ce71b4d1d.png)
这是很多交互新人的状态,会觉得策划文档就是定了的东西,自己要做的就是把这些东西排排好。当然排版也是一门博大精深的学问(真的有很多交互连这项基本技能都不过关的哦),这个以后单独再写一篇。
不会排版,你很难做好交互,但只知道排版,你的工作很快就会遇到瓶颈。
## 交互的第二阶段,你会给策划文档挑刺儿
![yj201606275](http://image.woshipm.com/wp-files/2016/09/be326b6712459e653ba4e8f292e6bbc6.png)
策划也是人,也会出错。团队中多一类人的存在,就是为了多一点不同的观点碰撞。交互可以说是整个项目组里面唯一一个会仔细看策划文档的人(其他人一般都直接看交互稿),所以这个翻译和纠错的过程尤其重要。
在这个过程中你需要将自己带入情境,不断地自问和追问策划,发现问题、分解问题和解决问题。
我们再来看一遍策划方案。
![yj201606278](http://image.woshipm.com/wp-files/2016/09/de9173f2b6bdd1ef46032170400d7fe0.png)
进入这个活动首页的第一感觉——有一大段文字等着我去阅读。
在这个页面上我希望用户做什么?
点击领取红包(设计目标)。
什么会对这个目标造成干扰?
这个页面上的其他东西(发现问题)。
具体是哪些东西?
活动标题、操作步骤、活动规则(分解问题)。
![yj201606277](http://image.woshipm.com/wp-files/2016/09/a7ecf990beb56e12654b319ccd1e3595.png)
这上面的每一类信息都是必要的么?
我觉得是的。
这上面的每一类信息都是你希望用户在点击领取之前要看的?
不是。操作步骤”输入手机号blabla…“,在输入手机号的界面再讲也不迟;活动规则,希望用户知道,但也不是非看不可。
剩下的信息能再精简一点么?
感觉活动标题信息有重复,可以精简;活动规则,相当于免责声明,感觉精简的空间不大。
如果不能再精简,能通过设计让它看上去再简单一点么?
第一屏的留白可以更多一点,活动规则少露出来一点。
![yj201606279](http://image.woshipm.com/wp-files/2016/09/02d6606ea8b734dececc5e6b5f2e5a19.png)
第二版交互方案,看上去简洁了不少,但只是机械地精简了文案,没有感觉,一些重要的信息也没有突出。
## 交互的第三阶段,你除了会梳理逻辑和使用流程,你还有Sense
![yj201606272](http://image.woshipm.com/wp-files/2016/09/c1c81412cdd6bbd5f87c41b1a8bd0c7d.png)
可以看到在交互的前两个阶段中,无论是排版还是给策划文档挑刺儿,如果仅仅靠的是逻辑,很容易把一些不该去掉的东西给去掉了。
逻辑正确保证了用户在使用过程中不产生困惑,能顺利完成任务。但是否能给用户留下好的印象,就是一些逻辑之外的东西了。
关注用户体验和情感,能帮助你超脱策划文档本身,直接去思考问题的本质。
## 什么是一个好的活动设计?
我知道文案应该简洁有力,在去粗存精的过程中,我该如何取舍?
那么就应该考虑,无论是在产品内部还是产品外部看到这个活动,用户是否都能正确理解:中国电信4G(只有电信4G用户才能参加该活动)、网易云音乐(我们产品里才有的活动)、免费送流量(活动的本质)、猴年(节日期间投放的活动,有助于烘托氛围)。
除了做减法,是否还缺了什么?
从众感,稀缺感……等等。
我需要传达给用户怎样的情感?
这个活动所处的时间段,需要营造什么样的氛围,文案、配图有什么讲究,有哪些元素是需要突出的……不要吝啬在交互稿中传达出这些信息。
进一步优化方案:
![yj2016062710](http://image.woshipm.com/wp-files/2016/09/54ee0bed4ef72f702d5268fb6fc181d2.png)
交互设计师的三阶段:有美感、有逻辑、有sense
第一阶段是基本技能。不懂得排版,你连一份看得过去的交互稿都产出不了。
第二阶段是思维能力。始终思考自己作为一个交互在团队中存在的价值是什么。
第三阶段是一种素养。我们常说,逻辑是没啥问题,但就是不够有感觉。而sense就是这样一种介于理性和感性之间的能力。
- PHP学习
- PHP应用
- PHP函数总结整理
- 39个对初学者非常有用的PHP技巧
- 深入浅出之Smarty模板引擎工作机制
- 数组操作
- file操作的常用方法
- PHP字符串输出之Heredoc说明
- require(_once)和include(_once)的理解
- PHP提高效率的几点
- php无限遍历目录
- 53个要点提高PHP编程效率
- THINKPHP
- THINKPHP 常见的问题
- 微信
- 微信公众号接口
- 微信小程序开发资料收集
- 微信小程序开发:MINA
- 通过微信小程序看前端
- 微信小程序开发初体验
- 微信小程序 Demo(豆瓣电影)
- API应用
- 支付宝
- 二维码转换
- 前端开发
- HTML5
- CSS
- 七种css方式让一个容器水平垂直居中
- JavaScript
- JavaScript奇技淫巧44招
- JavaScript笔记
- 后端开发
- Node
- SQL数据库
- 服务维护
- git使用
- Git入门私房菜
- MAC终端维护
- VIM命令大全
- 开发规范
- 智能手机屏幕的秘密
- 超实用六步透视网易设计规范(附完整PDF下载)
- UI设计常用字体规范
- APP界面切图命名和文件整理规范
- 网页UI视觉设计规范
- ios视觉设计规范说明
- 开发APP时需要注意的原则
- 移动端APP设计初步入门
- Axure
- 基础操作
- 基础1-10
- 基础11-20
- 基础21-30
- 基础31-40
- 基础41-50
- 基础51-60
- Sketch
- 软件使用
- sublime3_用户设置
- sublime下如何修改自动补全 后lang=zh-cn?
- 运营理念
- 新人指导心得体会
- 从一次活动设计,聊聊交互设计师的3个阶段
- 详情页优化那些不得不说的细节
- 店铺装修浅析
- 淘宝店铺装修之宝贝详情页的布局教程
- 宝贝详情页 客户需求调研及总结
- 宝贝描述样板房