关于交互设计你需要先了解的几件事

交互设计思想第一章:关于交互设计你需要先了解的几件事

作者:@阿西-UED

对于还不不知道什么是交互设计的人来说我们真的需要费一点篇幅来唠一唠什么是交互设计,关于交互都与什么有关,我们需要怎么学习交互,交互的重点与难点在何处?关于交互的一切你需要知道的我们第一章就先解决这个问题,如果你是一只老鸟那么请飞过此章节。

 

1. 交互设计是什么?

交互设计,又称互动设计,(英文Interaction Design, 缩写 IxD 或者 IaD又或者ID),是定义、设计人造系统的行为的设计领域。人造物,即人工制成物品,例如,软件、移动设备、人造环境、服务、可佩带装置以及系统的组织结构。交互设计在于定义人造物的行为方式(the "interaction",即人工制品在特定场景下的反应方式)相关的界面。交互设计作为一门关注交互体验的新学科在二十世纪八十年代产生了,它由IDEO的一位创始人比尔·摩格理吉(Bill Moggridge)在1984年一次设计会议上提出,他一开始给它命名为“软面(Soft Face)”,由于这个名字容易让人想起和当时流行的玩具“椰菜娃娃(Cabbage Patch doll)”,他后来把它更名为“Interaction Design”,即交互设计。(参考来源:About face)

2.交互设计处在产品哪个环节?

从产品角度看,一个产品的重要环节是:

  • 决策层(决定项目是否做)
  • 架构设计层(怎么做,做什么)
  • 交互设计层(产品的形态是什么样)
  • 界面设计层(产品具体长成什么样)
  • 程序与测试(产品做成什么样子了)

那么很明显我们的交互设计处在中间,这个位置很重要,因为决策层需要交互设计提前拿出一些设计来支持决策层确认项目是否可行性。另一方面,界面与程序完全要理解交互设计所阐述的产品具体交互形态,这是一个产品的核心部分,重要程度毋容置疑,做好了设计,就需要交给产品经理和项目经理去执行,同时交互设计需要印证与测试自己的设计是否稳妥,这时就需要交互设计师多层面沟通了。引申出交互设计师的语言表达与沟通能力要到位。

3. 交互设计师的日常工作是什么?

并没有大家想象的那么神秘与复杂,也是很简单的工作,这里俺举个栗子说说我的一天工作节奏吧。

6:45:起床  看早间网络新闻头条,科技新闻

7:20浏览艾欧交互设计学堂昨天晚上发布的新文章,微博,微信等

7:40洗漱,出门

8:00早餐

8:15班车上班

8:30 打卡到工位,整理办公桌,烧水,偶尔来一杯咖啡提神,然后梳理昨天剩下的事项。

9:00项目组早上例会(站会),汇报昨天进度与今天工作主要内容

9:10会议结束

9:10-12:00 会是主要工作时间,这个时间是我开展原型、产品方案、PPT、思维导图、交互文档、UI讨论、UE解答、进度跟进,UE方案优化等,这个时间比较忙,因为我前一天提交出去的UE文档会在今天很多反馈过来,交互设计要给各方进行讲解,必要时会组织会议。

12:30-1:00午餐

1:00-1:30 午休(可我没有午休的习惯,所以我会聊聊QQ,刷刷微博,更新博客什么的,还有QQ群解答新手问题也较多)

1:30-2:00 接上午工作

2:00-3:00 一般会议时间安排到此,如没有会议会继续本日重点工作事项

3:00-4:00点梳理上午原型设计,讨论结果,编辑交互文档-提交各种SVN成果。

4:00-5:00 预先做明天需要做的工作准备,更新TodoList,中长期项目任务会在这个时间做一些。

5:00-5:10准备下班收尾工作。

5:15 班车回家

6:00-7:00打篮球(我不吃晚餐)

7:00-8:00隔壁学校操场跑步减肥

8:00-9:00洗澡洗衣服

10:00-12:00 交互设计类、产品设计类、用户体验类、UI设计类的文章阅读,(有时候也会看文学作品)

12:00-1:00 躺在床上QQ、Weibo、微信,直至睡着.

4.交互设计和原型设计是一回事吗?

       这个问题比较无聊,但是却是新手的极大困惑,有相当一部分人转行到交互设计师之前都过原型设计,那么原型设计到底和交互设计之间有什么关联和区别呢?

原型设计:根据需求说明书或产品需求是有快速原型工具或纸笔画出产品的原型图

交互设计:根据产品定位,市场分析,战略部署等需求进行交互设计,设计出的方案进一步加工才是原型设计。

那么为什么我们这里没有原型设计师只有交互设计师尼?

这是因为很多公司这个两个“角色”,是由一个职位的人担任的,所以有些公司的交互设计师即是交互又是画原型的,所以在国内会经常被混为一谈。、

5.交互设计的提交物是什么?

       一般而言我们说的交互设计是指一个项目的整体设计,那么提交物品自然包括你设计的原型图原始文件,可是这个不是给所有人看的,给UI或给领导或给程序的时候如果都不能正确理解你的设计思路那么就比较被动,所以这个时候你还需统一交互设计风格的标准交互设计文档,我们称之为《交互设计规格说明书》.除此之外还需要向全部项目准备一份你设计理念的PPT(视情况而定),组织交互设计评审会。

  • 设计源文件
  • 交互说明书(标准)
  • 提供给UI的示意图
  • 提供给项目组不懂交互的部分成员讲解的PPT(或补充说明性文档)

6.交互设计需要用到的软件

强调:本系列文章希望从交互设计思想引导读者进入交互设计的大门,所以不要一开始就猛学原型设计工具,要知道工具只是工具,而且只能称之为原型设计工具,并不是交互设计工具,当你掌握了交互设计思想,换什么工具都可以很好的表达出自己的设计。

  • 纸笔 最有效,最简单,最及时。
  • Axure RP快速原型设计工具,国内教程较多,应用比较广泛,原型设计基础入门就要学这个。
  • Pencil 跨平台的原型设计工具,对流程图支持也不错。
  • Visio 国内前辈们最喜欢的工具,只有你想不出的没有Visio画不出的。
  • Excel 你没有看错,就是它,你没事可以试试,做出原型来肯定很震惊,真是万能的Excel。
  • Word 交互设计文档需要他
  • PPT 神器,进可设计原型,退可写汇报材料。
  • PDF 避免你的交互设计文档被各种分辨率的屏幕所影响,确保所有人看到的设计稿都是一致的体验,另一个方面是避免他们更改你的设计文件,发给项目组外方的时候,必须要提供PDF文档。
  • Ps 不解释
  • DW 网页设计神器,需要交互设计师(高级)懂一点Html代码 直接在Html格式源文件写出高级交互原型演示页面
  • AE 动画
  • 思维导图工具

还有很多工具,包括OS上的各种工具更多了。大家找到你熟悉的工具用哪个强大的工具不如用你熟悉的工具,这点请铭记!

7.交互设计要怎么学习?

很多人希望进入交互设计这个行业,那么对于交互一窍不通,又跨行转行所以学起来吃力地很,我们给新手一些个建议如下:

  • 先掌握什么是产品经理(概念)
  • 去探索交互设计处在产品的哪个生命阶段
  • 建立自己对产品的改进或设计方向,(途径是模仿)
  • 在掌握一些基础知识后,去临摹一些优秀的交互设计作品(工具使用)
  • 工具掌握后进一步学习交互设计思想,真正思考产品的定位,市场需求,公司投入与资源是否可实现等等开展属于自己的交互设计作品。
  • 然后在UI和开发和产品经理之间会反馈,删减,磨合,最后你的第一个交互作品可能会成四不像,但那没关系,你从此刻起真正进入了交互设计师的入门级别

上面是一些大的概念与范围和阶段,下面就具体学习方式给出建议

不区分你的年龄和职业的前提下,正常的学习方式是:

  • 阅读相关书籍
  • 浏览交互设计类型的网站和混社区、混QQ群
  • 和UI、产品经理、需求、程序等组内成员多多沟通并掌握分析可实现性的能力
  • 视屏教程(来源网络-目前艾欧学堂准备做教程计划)
  • 分析别人的交互文档,临摹尝试写一份自己的交互文档
  • 没事做练习题

就先写这么多吧,不够用你们再留言我会更新此章节。

原创文章,作者:ioued,如若转载,请注明出处:https://www.iamue.com/735/

(0)
iouedioued
上一篇 2014-09-21
下一篇 2014-09-23

相关推荐

  • 006. 站点地图区域

    站点地图呈树状的,以主页为根节点,可以方便我们对网站整体模块和不同栏目、功能划分有一个很清晰的了解,同时也方便我们对网站整体页面进行管理(添加、删除、重命名、调整层级、调整顺序)   :选择一个节…

    2014-09-12
  • 010.文本面板——axure线框图部件库介绍

    文本部件用于在页面中显示文字,对于文字的格式可以随意的更改,设定不同的字体、尺寸和颜色。 特别注意:文本面板的高度无法直接调整,它的高度是随着字体的大小自动变化的 在6.5版本中,对文本的排版都有2个位置…

    2014-09-12
  • 实例学Axure7.0简约教程 产品原型必备技能

    首先我们要知道Axure是产品经理、原型师经常使用的原型设计工具,能快速地把自己想要的方案展示出来,给程序、美工参考。加快产品开发进度及工作效率,弥补了返工重做的机率。 我们打开Axure,把我们想要的产品方案…

    原型设计教程 2014-09-28
  • web产品设计规范

    新浪乐居常用交互控件的使用规则。 下载地址:web产品设计规范-新浪乐居

    原型设计教程 2014-10-28
  • 新书:JUSTINMIND权威指南 作者:阿西UED

    《Justinmind权威指南》是国内第一部专著介绍Justinmind交互式原型设计的技术与技巧,讲述如何从确切的需求和期望出发,用最简单的方法创建易用、有效而且让用户愉悦的原型设计。书中从软件基础组件、工作方式、跨…

    2015-07-31
  • 第五章 PC软件首页交互设计

    互联网产品的第一印象就是首页,重要性毋庸置疑,首页可突出设计值或决策者希望第一时间重点表达的内容。现在市场上的WEB产品,APP产品,PC产品等没有完全相同的首页,几乎所有的团队都根据自家的需求与侧重点进行…

    2014-10-12
  • 原型设计

    一、什么是原型设计 原型设计可以概括的说是整个产品正式发布上线之前的一个框架设计等。 我们先来看一个项目失败的案例。 经过漫长的谈判过程,终于拿下了一份大合同,同时项目成员按照所谓的需求说明书(也许需求…

    2015-06-16
  • 用动态影像如何提升网页魅力?

    来源:腾讯ISUX 作者:sisi 科技越发达、人类越懒惰。当我们在信息大爆炸的网络中疲倦于文字和图片,动态影像通常令人为之振奋。UGC短视频社区的红火,说明用户渐渐喜爱自产视频记录和表达;即时通讯软件功能从单一…

    2014-09-27
  • 以简书为案例讲述「尼尔森十大可用性原则」

    尼尔森(Jakob Nielsen)是一位人机交互学博士,于1995年1月1日发表了「十大可用性原则」。 1995年以来,他通过自己的 Alertbox 邮件列表以及 useit.com 网站,向成千上万的 Web 设计师传授 Web 易用性方面的知识,…

    原型设计教程 2014-10-09
  • Mockplus原型交互跟我做之10–关闭弹出面板的那点事儿

    弹出面板,是我们经常使用的组件。今天,就来说说关闭弹出面板的事儿。 内容相对不那么好玩,但是挺重要,所以你需要了解。耐心阅读下,你发现并不复杂,同样是简单的。 一、自动关闭 默认情况下,弹出面板弹出后,…

    2016-07-07