三、在校大学生篇
腾讯ISUX交互设计师@王阅微 :现在这一代的交互设计师,除了留学回来,或者西安交大等几所国内大学科班出身的,基本都是从各种其他专业转过来的,从相关设计专业转过来的,也寥寥可数。基本上每个人都有自己成长的不同路径,不同方法,找到属于自己的那条路是最重要的。专业上的提升,其实我觉得不是问题,只写写我觉得对于“非设计专业”的同学进入“设计”领域可能比较重要的几点。
1. 理解什么是设计
非常多的人入行后会关注”交互设计”前面的”交互”,却容易忽略后面的”设计”。但只有理解什么是”设计”,才能更好地理解什么是”交互设计”。阅读《现代设计史》、《什么是产品设计》这类书能帮助你理解设计;至少你得看看《关键设计报告》,看看那些著名的交互设计是怎么设计出来的;空闲时阅读一下《设计中的设计》之类设计思考的书;
经常想想,自己每天究竟是在做什么。
2. 学习关注人,而非仅仅是产品
我在工作了很久之后才反思到这点(就是因为对设计的理解不深)。设计原本就是为人服务的,而交互设计尤其强调”交互”的过程。要学习不只关注产品,还要关注人。不要只盯着产品,留意观察周围到人是怎么使用产品,他们的行为是怎样的;学习心理学,反思自己的体验,了解体验是如何发生的;你可以不懂用户研究的所有事情和知识,但一定要有所了解,至少不要误用他们的报告。
3. 提升自己的品位,对美的感受力
品位有多重要?看看Jobs和Gates的差别就知道了。 不要忽略设计专业出身的人的优势:对美的鉴别和感受能力, 这会影响一个人的品位。许多 非设计专业的人因为接触相对较少,也没有经过系统的训练,在感受力和鉴别力方面会显得比较弱。表现在设计中就是缺乏美感。大量的去看、去接触、去感受那些美好的东西。不只产品,所有艺术相关的事物都应该接触;看展览是非常好的事情,能和一个设计专业的朋友一起去就更好了;有兴趣的话,可以学习摄影。有人可能不理解”交互设计师”为什么也需要。我想说,只要是设计师,就必须拥有好的品位。
4. 多读书,完整地读书
很多人觉得读书没有用,非常理论,无法实际运用……对于新人来说的确是这样的。但是,非科班出身的人面对的一个非常大的挑战,就是缺乏完整的知识和思维体系。所以,读书不仅仅是为了关注具体的理论或内容,更重要是去感受和了解作者的体系是怎么样的。多读书,了解不同的设计思维体系,建立自己的思维体系;类似《Don’t Make Me Think》,你也会发现它是按照Web开发过程来写的:认知心理-设计原则-内容-导航-细节-用户测试-开发
作为设计师, 其实是应该读更多不同专业的书的….
5. 尽可能地扩展知识面
An architect knows something about everything. An engineer knows everything about one thing.
——《101 Things I Learned in Architecture School》
尤其是在互联网产品设计流程中,现在的交互设计师扮演了一个承上启下的关键角色。
了解和你工作流程相关的所有事情,无论多远;
了解你的同事们是怎么工作的,不只是事情本身,还有人;
接触在不同设计领域工作的人。
四、平面转行篇
IDEO设计师@chazeffect :平面设计的理念这个词有点广。让我啰嗦点解析一下思路,然后试者回答如何进行”转换”理念…怕听来有点理论,所以加上一些例子来比较。逻辑上来说…
首先,平面设计的理念可以有不同层级:观点、视觉沟通:布局(Layout)、表现手法等。细节、美工等设计元素应是这个以观察或阅读为主的沟通体验的重要接触点。有点类似人机界面里的具体元件,让用户可以接触与操控的东西。这个观察与阅读体验不见得完全被动,想想一些”活动”贴纸、t-shirt、收集签名…
这个体验要刊登的媒体一样必须有整体的考量。对谁说、跟多少人说都算是策略规划的东西…就像交互体验里的接触点:手机、装置、网站、服务人员等理念不变,变化的只是媒介与工具的角色。所以说如果一个海报传达一个设计者的理念,那交互设计只是另一种手段,转变的都是”阅读”与”使用”体验本质跟媒体的差异。可以看一些平面设计师涉足交互设计或互动艺术的案例。比较极端但经典的例子是Joshua Davis跟Processing的创始人。<- 被”媒介”转化而启发的设计经典
设计元素的共通性
如果”理念”是像其他朋友提到的视觉、逻辑、流程…其实平面是有类似的元素。比方说报纸的导读、字学跟”阅读行为”为主的交互体验是习习相关的。只是这个平面设计的项目性质、成本是否与这些相关。你看好的报纸、杂志设计,它的网站或iPad App也不会差到哪里去。FastCompany, NYTimes… Weird (迟疑中)
设计理念当然适用于交互设计中,很多是延展并演化,交互设计是众多学科的综合且不断的自我演化。Apple的例子应该很明显的回答了你的问题。
从两个极端的角度来看,中间的转换
很多平面设计师、品牌公司的网站,大多从展示页面的观念出发来形成这个网页的体验。较不偏重从这媒体上、从与用户交流带给自己什么。不过可以看看Muji的网站跟其他数字体验。相对来说,Jonathan Harris 的 We feel fine 这样的体验,就根源于网路生态的特性,把交互设计里面一个截取分享、策划整合(curate)、从新视觉化成一种影像。完全是非常有意思的转化过程。
影响力:(或许是共通却无法比较的)
平面设计不见得只强调视觉上的愉悦。好的平面设计比任何非线性的交互设计更有效率的传达情感、信息与发挥影响力。用户体验与情感真的能被设计吗?really?你看经济学人在最近日本大地震后做出的封面,没有任何一个交互设计项目可以在这么短的时间发挥感染力。有好的平面設計水平(sense)進入交互设计之后,能用更视觉化的方式”看见”体验的痛点,并提出更人性的设计观点。
说平面设计背景出身的只能做UI? 想想TED的创办人–Richard Saul Wurman,他给这个世界带来的TED体验。
五、职场篇
1,求职篇
创新工场用户体验总监@uxworks :有很多同学问我,学校没有用户体验设计相关的课程,怎么才能把自己培养成一名合格的用户体验设计师。
2,职业发展篇
如何从新人蜕变为大牛?
百度云UE负责人@elya妞 :我还是个新兵,不是有所建树的老鸟,不过受邀之下,也聊聊自己的看法。
首先,交互设计师要具有如下特质
逻辑思维能力强
数据分析能力好
有同理心
有激情
有审美眼光
有创新意识
有良好的沟通能力
有敏捷的执行能力
胆大心细
有大局观
善于观察
仔细倾听
在欠缺的方面,需要去弥补,比如我就要弥补数据分析能力、沟通能力、观察和倾听能力。
其次,要有自己信仰的设计原则,最好自己去总结。
比如我的原则就是缩减、隐藏、附加、组织,每次拿这个原则去套用,检查我的手机产品设计是否足够的简单可依赖。
第三,掌握很好的流程和方法
有自己擅长的设计工具和设计方法。遇到问题可以先明确需求,了解角色、场景、任务,再细分去做流程。交付的东西足够专业,有说服力,有很强的表意能力和演示性。
第四,要用项目来证明自己
一切都是空谈,唯有拿得出手的产品,才是你的能力证明。所以,在你有选择权的时候,要去选择合适的产品,可以为足够多的人,提供有意义的服务,可以体现自己设计价值的产品。不要为了赚钱,做一些乱七八糟的事情。要懂得,自己的职业生涯需要有意义。怎么去谱写,把握在你自己手里。
第五,要有积极总结和分享的精神
交互真的是一个要活到老学到了的职位了,你要持续关注最新产品,最新交互设计方法,保持自己的精力充沛和创业无穷是很难的。在每个阶段性的时间里,都要沉淀自己的案例,积累自己的理论,乐于总结和分享,这对你自己来说是个莫大的促进作用,对比人来说也是好事情。
第六,要有自己的品牌意识
这个我没什么发言权,但是我觉得这个最重要。包含了你的工作方式,设计理念,为人处世,等等,最高境界,也就不过如此。你的作品,可以被称之为XX出品。
3,职场沟通篇
与产品经理意见不一致怎么办?百度@王煜UX :作为交互设计师,给你几条建议:
1.不要认为意见不一是坏事,交互设计师从设计体验的角度为你的产品把脉,你从产品未来规划的角度为产品建模。有意见才能检验彼此的观点是否正确。
2.如果按你所说,交互对产品没有做分析,产品形态和通用规则他不了解,那他在公司就是混饭吃的,你可以不搭理他,找别的设计师合作,实在绕不过认命吧。
3.如果按你所说,交互不了解产品未来规划,那就是你的不对。前期调研和产品规划你不给他分享,不让他参与,设计师只能凭经验和感官设计,这是不符合”以用户为中心的设计”,交互设计必须尽早介入项目才对项目发展有推动作用。
4.对于A/B方案,最好的方式就是测试,让用户测。
5.交互设计是一门有严谨方法论的科学,希望你能多和设计师沟通,没有设计师的支持,你的产品即使功能框架没有偏差,糟糕的体验也会害了你。绕过交互设计这个环节,未来再去重视体验,是补不回来的。交互设计行业起步晚,流程正在逐步完善,不要低估这个行业的价值。
六、工具类
阿里巴巴交互设计师卢艺方:
Mockup Builder:
杀手级的原型工具 MockupBuilder最近才发布,很值得期待。他有非常多的功能:UI模型,交互的线框图,页面布局,客户端原型甚至站点地图和屏幕导航。
Tiggr:
协作制作原型图 Tiggr的思想是给你需要做成最终稿的所有资源。你可以设计很多的元素,然后分享,其他的协作用户会帮你制作相应HTML/CSS代码,以达到最快生成。
Frame Box:
轻量级原型在线制作 FrameBox并没有多么特别的特色。你可以拖放、设置大小、复制粘贴这些UI组件,但是他的特色在于你可以非常轻松的通过它的拖拽很容易就完成你的原型制作。
SimpleDiagrams:
免费版(Adobe Air App) simplediagrams是一个非常小巧的Adobe Air程序,通过他你可以非常轻松的实现自己的想法。拖拽组件,添加图片或者便签,导出PNG图都是他的特色,通过添加一些小功能就能实现一个非常不错的原型图。
iPhone Mockup:
iPhone原型制作,在iPhone Mockup里面你可以使用铅笔模式,也可以使用图表模式的编辑器。不管你选择什么,功能都是一样的,都可以很简单很方便的生成iPhone上的应用原型。你也可以分享给别人,就算你更改了设计,别人通过那个链接也一样可以看到。
FluidIA:
fluidIA是一个在线的但是可以下载的富用户界面原型设计工具。它基于面向对象的理念,可以让你快速完善。它设计的基本思想是团队中的任何成员,无论是设计师还是工程师都可以自由的设计自己的原型。最近fluidIA的更新稍微慢了点,但是它仍是一个非常优秀的线框图工具。.
Pencil Project:
FireFox插件 Pencil Project是一个原型界面设计的Firefox插件,通过它内置的模板,你可以创建可链接的文档,并输出成为HTML文件、PNG、OpenOffice文档、Word文档、PDF。还有什么可说的呢?这么优秀的插件,是每个设计师和开发人员必备啊。
CogToolWin MAC下应用程序 CogTool是一个强大原型生成工具,他与别的工具还有一些不同,他可以对你的设计自动根据人类认知模型进行评估。你可以通过一些图标啊按钮啊图片,生成一个描述,然后点击评估的按钮,他就会对你的设计进行人类认知模型的评估,他会告诉你一般人需要多久才能理解你的意图。
Prototype Composer:
Prototype Composer可以让你在真正的代码编写之前就看到网站是如何运行的。以前的那些无数的文字入口,复杂的数据结构以及技术含量不低的UML图,这个工具可以让你很方便的协作完成一个看起来能运行的程序。
DUB – DENIM(跨平台应用程序) DENIM是一个跨平台的桌面程序。他自己的介绍是为早期网站设计提供帮助的非正式工具。
它有很多理念来自于纸笔设计原型。你可以快速的画出草图,保证重要的功能优先。但是跟纸笔的草图不同的是,他还可以有交互和动画。
最近还有一篇好文《推荐移动UI/UX设计师和PM使用的原型工具》,同学们也可以借鉴一下。
完,本文由优设网编辑整理
大连中钰睿泓与你分享精品文章