设计扫盲帖!交互设计师到底是干嘛的? - 优设网 - UISDC

设计扫盲帖!交互设计师到底是干嘛的?

2015/01/30 96426评论区

what-is-interaction-designer-1

最近几年,交互设计这个词被提得非常频繁。可是,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

结语

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

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

【交互设计师养成手册】

值得学习的交互设计自查表:
《看了都说好!如何建立交互设计自查表?》

掌握交互设计的细节:
《未来的热门!WEB APP与原生APP有哪些交互设计区别?》

好工具帮你搞定交互设计:
《姗姗来迟的总结!2014年最佳的十款交互设计工具》

原文地址:designmodo
优设网译者:@陈子木

本文由优设网原创翻译,请尊重版权和译者成果,转摘请附上优设链接,违者必究。谢谢各位编辑同仁配合。

【优设网 原创文章 投稿邮箱:2650232288@qq.com】

================关于优设网================
“优设网uisdc.com“是国内人气最高的网页设计师学习平台,专注分享网页设计、无线端设计以及PS教程。
【特色推荐】
设计师需要读的100本书:史上最全的设计师图书导航:http://hao.uisdc.com/book/
设计微博:拥有粉丝量90万的人气微博@优秀网页设计 ,欢迎关注获取网页设计资源、下载顶尖设计素材。
设计导航:全球顶尖设计网站推荐,设计师必备导航:http://hao.uisdc.com
官方微信:想在手机上、被窝里获取设计教程和各种意想不到的”福利”吗?添加优设哥微信号:youshege

chat-yinliu-pic

优设大课堂

非特殊说明,本文版权归原作者所有,转载请注明出处
本文地址:https://www.uisdc.com/what-is-interaction-designer

发表评论 加载中....

评论加载中....

uisdc

评论区都快饿瘪了,看看我期盼的小眼神...

版式设计 交互设计师 界面设计 排版布局 职场 设计师干货 优设专访 优设大课堂 设计达人 配色 视觉设计 web前端开发 素材下载 AI教程 设计流程 设计理论 神器下载 字体下载 设计师专访 psd下载 设计规范 用户体验设计 海报设计 平面设计 设计趋势 动效设计 logo设计 图标设计 ICON 产品设计 神器推荐 App设计 字体设计 职场规划 酷站推荐 交互设计 ui设计 优秀网页设计 设计师职场 ps技巧 酷站 用户体验 PS教程 网页设计 经验分享

您还没有登录

优设启用更安全省心的 微信扫码登录

微信扫码

300万设计师聚集地!优设网是极具人气的设计师平台
2012年成立至今,一直专注于设计师的学习成长交流

把好文章收藏到微信

打开微信,扫码分享
学设计 优设网 在这里