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

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

作者:@阿西-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

相关推荐

  • Mockplus演示和分享原型设计的8种方式

    Mockplus目前是国内比较流行的原型设计工具,功能上,相比Axure不算全面和强大,但在不少功能上有它独到之处。Axure有个比较让人头疼的地方,就是对于移动App项目的预览和演示比较麻烦,而这个方面,Mockplus展现了…

    2023-03-03
  • 026.Axure RP中线条的设置

    (本文出自萧何)

    2014-09-11
  • 016. 动态面板——axure线框图部件库介绍

    1、什么是Axure的动态面板 按照Axure官方网站的解释 :动态面板控件(Dynamic Panel)可以让你实现高级的交互功能,实现原型的高保真度。动态面板包含有多个状态(states),每个状态可包含一系列控件(你可以把一…

    2014-09-12
  • 入门:如何应用AxureRP做原型设计

    什么是原型呢?这个在之前介绍为什么需要进行原型设计当中有提到,原型是产品的最初形态,确认用户对产品界面和操作功能可用性的需求,高保真的原型接近于产品的最终形态,但仍只是原型。产品原型简单的说就是产品设计成形之前的一个大体框架,对网站来讲,就是将页面模块、元素进行粗放式的排版和布局,深入一些,还会加入一些交互性的元素,使其更加具体、形象和生动。

    2015-01-01
  • 燕山大学UI-UE交互设计讲座

    交互设计视频教程-柯博文老师UI-UE交互设计讲座 柯博文老师在秦皇岛燕山大学讲座视频 文件太大,分成了5部分,这是第一部份

    原型设计教程 2015-01-07
  • 低保真原型初级指南

    发布者: mobileui 前言: 设计师Paul Rand曾说:“理解人最本质的需求,并且认识到必须寻找一个合适的场景以满足这些需求,是设计师教育的基础。”使用设计原型为我们揭示并探索这些需求,为我们提供有意义的交互及友…

    原型设计教程 2014-12-22
  • [Mockplus教程]重命名

    对页面和分组的重命名可以选中单个页面,然后使用F2进入名字修改状态,改完之后鼠标随便 点击其它地方即可完成修改。 对于选中页面也可以双击页面节点进入修改状态。 完整演示如下:

    Mockplus 2015-09-18
  • 分享AXURE注册码 AXURE序列号

    很多同学安装了Axure 7.0或者Axure 6.5,但找不到Axure注册码(axure license key)。今天就为大家分享一些Axure注册码,希望大家能够做出好的产品。 本站分享的Axure注册码来源于网络,本站不保证能长期使用,也不…

    Axure 2015-04-17
  • [Mockplus教程]创建

    新建页面可以使用三种方式来实现: 1 点击右边页面树顶部的“+”按钮; 2 在右边页面面板空白处右击,在弹出菜单中选择“新建页面”; 3 直接使用快捷键Ctrl+Enter(MAC系统为Command+Enter)。 下面为三种方式新建页面…

    Mockplus 2015-09-18
  • axure官方原版教材(英文)

    AxureCoreTraining axure rp 官方教程,PDF免费下载 推荐阅读英文版,翻译的毕竟有些差异的。   点我下载AxureCoreTraining 

    2015-06-11