详细解析交互设计师到底是干嘛的

2016-02-16 21:00 225 1 收藏

今天图老师小编要向大家分享个详细解析交互设计师到底是干嘛的教程,过程简单易学,相信聪明的你一定能轻松get!

【 tulaoshi.com - 平面设计 】

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

什么是交互设计

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

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

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

人机沟通:设备和用户之间信息的传递和翻译。

操作与反馈:当交互发生时一切是如何发生和展开的。

状态:不同的状态的存在,确保用户了解正在发生什么,以及应用为何进入这种状态。

工作流:让用户明白谁可以做什么,以及接下来会发生什么。

故障:故障是必然会发生的,必须纳入考虑范畴以内。

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

用户是如何用鼠标、手指和手写笔同界面进行交互的呢?

用户会向界面发出什么样的交互指令(操作)?

界面会用什么样的提示来告知用户它的功用?

在用户进行操作之前,作为交互设计师的你会如何让用户明白操作之后会发生什么?

为了防止出错你会提供怎样的限制?

报错信息是否能告知用户解决问题的方法?

当一个操作发生的时候,用户会得到怎样的反馈?

在用户操作和界面反馈之间有多长的响应时间?

界面元素的尺寸是否与交互方式相事宜?

边缘和角落是否被有意识有策略地放置交互元素?

(本文来源于图老师网站,更多请访问https://www.tulaoshi.com/pmsj/)

你是否遵循了设计标准?

信息是否被(合理地)分割为几个不同的条目?

(本文来源于图老师网站,更多请访问https://www.tulaoshi.com/pmsj/)

用户终端是否尽可能简单?

你是否使用了(用户)熟悉的格式?

交互设计师所扮演的角色

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

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

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

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

交互设计的概念和原则

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

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

目标驱动设计:为什么你的设计和交互会存在?它们的存在,是确保你的网站或者应用能做好要做的事情。

界面的魔法:最好的交互设计是不存在的,它们不会在加载和响应上耗时,不会令用户思考,也不会给用户纠结和悲伤的理由。

易用性:界面能让底层的系统易于被理解并且被用户所青睐。

可供性:最佳的工业设计和交互设计都能自圆其说,形式服务于功能。

易学性:许多构成实用的交互界面的元素都颇为相似。面对相似的问题,最好的交互设计师不会重复设计轮子,相反他们会遵循一些模式来设计。

交互设计案例

说完概念,该看案例。

Move Product by Barthelemy Chalvet (AgenceMe)

详细解析交互设计师到底是干嘛的,PS教程,图老师教程网

Weather App by Sergey Valiukh

详细解析交互设计师到底是干嘛的,PS教程,图老师教程网

Fiche by Barthelemy Chalvet

详细解析交互设计师到底是干嘛的,PS教程,图老师教程网

Material Design Animation

详细解析交互设计师到底是干嘛的,PS教程,图老师教程网

Mobile Animations & Interactions

详细解析交互设计师到底是干嘛的,PS教程,图老师教程网

Team Messages by Jan Losert

详细解析交互设计师到底是干嘛的,PS教程,图老师教程网

Float Label Form Interaction by Matt D. Smith

详细解析交互设计师到底是干嘛的,PS教程,图老师教程网

iOS New Gestures by Javi Perez

详细解析交互设计师到底是干嘛的,PS教程,图老师教程网

Qards Contact Form by Sergey Shmidt

详细解析交互设计师到底是干嘛的,PS教程,图老师教程网

Nike by Owi Sixseven

详细解析交互设计师到底是干嘛的,PS教程,图老师教程网

Android Wear by Ramotion

详细解析交互设计师到底是干嘛的,PS教程,图老师教程网

Apple Watch by Jakub Antalík

详细解析交互设计师到底是干嘛的,PS教程,图老师教程网

交互设计资源

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

Interaction Design Foundation

Interaction Design: Beyond Human-Computer Interaction textbook

Interaction Design Association

Interaction Design Checklist for designers

结语

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

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

来源:https://www.tulaoshi.com/n/20160216/1574276.html

延伸阅读
交互设计师在设计线框图原型时,熟知常见的web设计模式很有帮助,做到心中有数才能创造出符合需求,用户易学易用的界面来。所谓没有必要重复发明轮子,模式往往容易解决常见问题,正确的模式能帮用户熟悉界面、提高效率。 常见的UI设计模式如下图: 下面分别进行具体分析,遇到不同需求的时候就可以选择合适UI设计模式。 01.主体/细节(Ma...
要把大象放进冰箱总共分几步? 把大象塞进冰箱要3步:1 把冰箱门打开;2 把大象装进去;3 把冰箱门带上。 这虽是一则脑筋急转弯的笑话,但却提炼出我们生活中将一个物体放进另外一个物体里通常有的3个步骤。 1. 虚实结合的世界 随着信息化时代的到来,我们的生活不仅局限于可触摸的自然环境,而且拓展到无形的虚拟环境中。继而,真实生活中的...
9月初,我来到新浪微博UDC部门交互设计岗位实习。在接近四个月的学习时间里,我对交互设计行业有了深一步的了解,认识到了交互设计师的一些具体职责。鉴于之前接受的知识大多来自书本或网络上的文章,在校期间参与项目的机会并不多,因此,我对此次实习做了一些总结:一方面,希望鞭策自己,在以后的工作中有所进步;另一方面,也希望能帮助刚步...
最近和组里的设计师review近期工作进展时,发现了不少问题。想起设计新人一脸无辜和迷茫的表情,我觉得我需要再多做点什么。对于处在业务部门中的UED团队来说,专业固然重要,但更重要的是如何体现你带给业务的价值。 长话短说,我认为要做到有价值,需要做到以下几点: 一、敢于追根溯源,不做表面功夫 很多设计师认为他们的工作只是优化...
大多数新手初次自学设计时有两大难关要过:我适合干这行吗,我该如何入门。带着这两种疑问上路,学习效果很难保证。今天特地分享一篇来自网易美女设计主管的好文,用亲身经历以及多年设计经验,为你解答这两大难题。 网易UED主管:首先是一个自学的同学都会有过的问题。 我适合干这行吗? 我不是学艺术类专业的,我适合做UE/UI吗? 我是学艺...

经验教程

146

收藏

5
微博分享 QQ分享 QQ空间 手机页面 收藏网站 回到头部