如今是互联网时代,交互设计的用途非常广,很多人对它很感兴趣,想了解它的步骤,那么下面小编给大家介绍如何进行交互设计,一起来看看吧。
进行交互设计的步骤
要使设计有效,至少有以下几点方法:
1、对交互的概念有细分类别的思考,能从不同角度去设计交互。
2、基于分类概念,有交互自查的习惯。
3、从用户和人类本能的角度去思考设计。
其中交互自查表是一个非常好的习惯,它可以让你在完设计后跳出细节,专注思考用户体验的易用性部分。
交互的原理并不高深,它来自于人类几万年进化出的最原始本能。现在我们设想,一觉醒来,你突然发现自己身处一个完全陌生的环境,你会有怎样的心理思考过程?
1、你想知道你在哪里。
2、你想知道你现在应该做什么。
3、为了完成你想做的东西,你想知道你应该做什么,比如你能去哪里。
这其实就是用户第一眼看到你的设计时的心理状态,急切的想要知道他究竟在浏览一个什么东西。如果我们总结一下,思考交互的过程必然包含如下内容:
你在哪里、能去哪里、怎么去、怎么返回,这就是一个导航的概念。你现在该做什么摆脱困境,究竟有哪些方法?就是一个行为和提示的概念。
如果将页面、视觉的一些因素考量,我们可以认为,思考交互时可以遵循以下分类。
1、导航
2、布局
3、文案和提示
4、行为和互动
5、场景
交互设计的流程
1、用户体验要素
有五个层面,分别为战略层、范围层、结构层、框架层、表现层。五个层面自上而下地建设,具备基本的双重性、用户体验的要素和应用这些要素。
2、读懂原型图
(1)读懂PRD。确保在需求理解上,与PM保持一致;
(2)查找漏洞。人无完人,在成熟的PM,也难免有疏漏。找出遗漏,与PM反馈、沟通;
(3)提出产品新想法。读PRD时,总会有一些产品的好想法冒出来,及时与PM和团队沟通;
(4)开始构思交互。
3、草图快速沟通
通过草图,快速将“产品关键流程”、“关键交互界面布局”呈现纸面,以此与PM、技术沟通至达成共识。目的是为了:
(1)再次扫遗漏.
(2)收拢想法。这个阶段,产品设计基本定型。
(3)达成共识。确保让产品、设计、技术队要做的事情有一致的理解,PM需更新PRD、技术开始做开发准备。
4、视觉设计
在相对完整的设计规范、控件规范的前提下,视觉包括:
(1)风格探索。
(2)关键页面的视觉设计.
(3)关键交互动画表现(如果无法口头项技术表达动画效果时,给出一个“活的”效果,是非常直观的。
5、素材输出、文件标注
每个项目最终给到开发人员的都要有效果图、标注图、切图三个文件夹。Pxcook、Markman是不错的标注工具,Cutteran、Assistor PS是很方便的切图工具。
6、开发后期,细节跟进
与开发跟进细节,是设计过程的一部分。在我们团队,完全依靠规范作业、设计文件标注,能够确保80%的交互、视觉细节能够被还原。剩下的20%,就要设计师与开发人员肩并肩坐在一起打磨了。开发过程中,一定要预留这个时间。主要包括:边距、字体、界面动画的数值微调。
学交互设计要掌握的知识
1、精通Photoshop、Dreamweaver、Flash、Illustrator或Freehand等矢量图形编辑软件。
2、具备较强的网页美术设计能力和很深的美术功底,极好地把握视觉色彩与网站布局。
3、较强的分析问题和解决问题的能力;细致的观察能力,较强的创造力;对产品流程、用户操作流程及用户使用习惯有深入理解,掌握用户研究、可用性测试和评估技能,有很强的交互和视觉创新能力。
4、熟悉HTML、XML、DIV、CSS,熟练运用DIV+CSS制作网页,能够手写代码者优先。