最美H5 酷站欣赏 UI素材 专题 设计导航

超易懂!交互设计师到底是干嘛的?

jiaohu

最近几年,交互设计这个词被提得非常频繁。可是,UI设计见了一大把,你却很少能见到真正的交互设计师。那么到底什么才是真正的交互设计呢?怎样才能成为真正的交互设计师呢?今天,就让我们围绕着这两个问题来聊聊交互设计

资深设计师告诉你交互设计师每天都干嘛:《向前辈学习!交互设计师每天是怎么工作的?》

什么是交互设计

交互设计的过程中,设计师会将富有逻辑操作和深思熟虑的动作引入界面中,打造出引人入胜的网页和UI。成功的交互设计师善于使用技术和良好的交互规则来打造理想的用户体验。

近10年来涉及到网页和APP的交互设计是谈论的比较多的,但是更广泛意义上的交互设计则提及较少。在探讨交互设计的时候,被引用的最多的其实是Bob Baxley于2002年所写的系列文章,这组由12篇组成的系列文章详细界定了网页交互设计。

这个名为“交互设计简介”的系列文章将交互设计分割为5个主要的部分,这种划分方式延续至今:

·人机沟通:设备和用户之间信息的传递和翻译。
·操作与反馈:当交互发生时一切是如何发生和展开的。
·状态:不同的状态的存在,确保用户了解正在发生什么,以及应用为何进入这种状态。
·工作流:让用户明白谁可以做什么,以及接下来会发生什么。
·故障:故障是必然会发生的,必须纳入考虑范畴以内。

除此之外,在进行交互设计的过程中,还有一些其他的问题需要牢记。Usability.gov 这个网站中总结了基本的6大类总计14个不同的问题,它们可以帮你在设计过程中搭建起整个交互的体系。

·用户是如何用鼠标、手指和手写笔同界面进行交互的呢?
·用户会向界面发出什么样的交互指令(操作)?
·界面会用什么样的提示来告知用户它的功用?
·在用户进行操作之前,作为交互设计师的你会如何让用户明白操作之后会发生什么?
·为了防止出错你会提供怎样的限制?
·报错信息是否能告知用户解决问题的方法?
·当一个操作发生的时候,用户会得到怎样的反馈?
·在用户操作和界面反馈之间有多长的响应时间?
·界面元素的尺寸是否与交互方式相事宜?
·边缘和角落是否被有意识有策略地放置交互元素?
·你是否遵循了设计标准?
·信息是否被(合理地)分割为几个不同的条目?
·用户终端是否尽可能简单?
·你是否使用了(用户)熟悉的格式?

交互设计师所扮演的角色

如果你发现自己经常考虑以上的问题,或者经常被问及上述问题,那就意味着你正在做着交互设计师的工作。

交互设计师是一个横跨设计、开发、创意和营销团队的职位,你会帮助这些团队来构建设计策略,确立产品的关键性交互,创建概念测试原型,保持技术更新,并确保产品紧跟趋势。

似乎听起来交互设计师这个职位是一个包含太多概念的模糊职位。简单说起来,交互设计师就是确保数字产品能被用户轻松玩转的那个人。

而交互设计师的职业走向是多变的。有些正式的设计院校和培训机构会教授交互设计,但是更多的交互设计知识是来自于项目实践。不过交互设计师有个共性:他们对事物运作的规律有着极大的好奇心,不惧问题,善于视觉化的表达,善于将视觉元素和概念以新的型态呈现出来。

交互设计的概念和原则

那么,真正推动交互设计领域发展的是什么?有是什么让交互设计区别于其他的设计?其实,界限很模糊。我们常常谈及交互设计,是因为交互承载了许多东西,容易被关注到。事实上,要成就一个好的数字产品、网页或者应用,交互设计只是成就它们的一个方面。

2009年UX Booth所出版的《Complete Beginner’s Guide to Interaction Design》(交互设计新手完全指南)仍然是一本很好的参考书。那些真正推动交互设计概念发展的工具和因素其实一直没变。

接下来看一些有关交互设计的概念吧。

·目标驱动设计:为什么你的设计和交互会存在?它们的存在,是确保你的网站或者应用能做好要做的事情。
·界面的魔法:“最好的交互设计是不存在的,它们不会在加载和响应上耗时,不会令用户思考,也不会给用户纠结和悲伤的理由。”
·易用性:“界面能让底层的系统易于被理解并且被用户所青睐。”
·可供性:“最佳的工业设计和交互设计都能自圆其说,形式服务于功能。”
·易学性:“许多构成实用的交互界面的元素都颇为相似。……面对相似的问题,最好的交互设计师不会重复设计轮子,相反他们会遵循一些模式来设计。”

交互设计案例

说完概念,该看案例。

Move Product by Barthelemy Chalvet (AgenceMe)

selectedproduct

Weather App by Sergey Valiukh

weather_app

Fiche by Barthelemy Chalvet

fiche

Material Design Animation

material_design_animation

Mobile Animations & Interactions

Mobile-Animations-Interactions

Team Messages by Jan Losert

team-messages

Float Label Form Interaction by Matt D. Smith

form-animation

iOS New Gestures by Javi Perez

iphone_transitions

Qards Contact Form by Sergey Shmidt

qards-contact-form

Nike by Owi Sixseven

nike1

Android Wear by Ramotion

android_wear

Apple Watch by Jakub Antalík

animacia

交互设计资源

有许多优秀的交互设计类的资源,下面的几个网站是学习交互设计的好地方:

·Interaction Design Foundation
·“Interaction Design: Beyond Human-Computer Interaction” textbook
·Interaction Design Association
·Interaction Design Checklist for designers

结语

对于现代的网站,用户对于交互设计还是有所期盼的。你无法回避。为了吸引更多的用户,你需要创建必要且令人愉悦交互设计。

每个团队其实都需要一个人来创建并管理交互设计,这很重要。为什么不是你呢?