所有分类
  • 所有分类
在美国读交互设计,是一种什么样的体会?

在美国读交互设计,是一种什么样的体会?

有关艺术留学,欢迎私信留言我们:EXRSidney Terry Cao是UXPin(一款线框图与原型制作APP)的内容策略专家。要了解如何掌握现在交互设计的艺术,可以参考免费的电子书籍Interaction Design Best Practices。这本书中含AirBnB, Google, Apple, Etsy以及其他诸多公司...

有关艺术留学,欢迎私信留言我们:EXRSidney

Terry Cao是UXPin(一款线框图与原型制作APP)的内容策略专家。要了解如何掌握现在交互设计的艺术,可以参考免费的电子书籍Interaction Design Best Practices。这本书中含AirBnB, Google, Apple, Etsy以及其他诸多公司的30多余交互案例。

作为一种无形的设计,交互设计一直以来都是UX中最难的。以往,用户会被简单的交互吸引,如一个意料不到的动画。但现在的动画效果已经随处可见,包括那些以往觉得很难实现的微交互。

为了支持新技术,新的交互形态日益兴起。但是,交互的基本原则是基本不变的。本文将探索交互设计在最近几年的进展,以及未来的发展趋势。

一、交互的本质仍未改变

交互设计不单单是指那些有趣的优秀案例。美国宾夕法尼亚州立大学的研究专家称,用户更容易被网站中带有交互特色的信息说服。

“Modality Interactivity对用户来说更有说服力。因为这使用户在浏览网站的时候更有趣,更吸引他们,并且帮助用户对网站信息产生更积极的态度。”一位来自罗伯特·莫里斯大学的通讯系助理教授JeeyunOh如是说,“交互(Interactivity)通过让用户更深层次地理解网站信息而更具说服力。”

Photo credit: http://styki.org.pl/#1

Photo credit: http://dubaiairportsreview.com/

交互的本质就是参与(engagement)。无论你是哪个时代的设计师,这一点是不会变的;唯一不同的是用户参与时采取的方法。交互设计样式随着HTML5、CSS、Javascript、jQuery等技术的支持而逐渐演变。过去的网站常常被大量内部链接或图片集限定——虽然如今依旧流行,但今天的我们需要用更聪明、更具创造力的方式去处理网站的交互设计。

无论采用什么样的技术,以下5个核心的交互设计原则需牢记。受人类交际和情感的影响,这些原则可以通过技术来辅助,但不要轻易改变它们:

1. 目标驱动设计(Goal-driven Design)。注重用户角色、用户场景剧本及用户体验地图,以保证每一处交互细节都能让用户离欲完成的目标更近。

2. 可用性(Usability)。网站功能在达到趣味性之前,应先符合用户直觉、易信赖。只为用户提供真正需要的内容,并努力减少所有的细节冲突及认知负担。

3. 功能可见性和符号(Affordances & Signifiers)。由于视觉是最主要的感官,形式必须反射功能。

4. 易学性(Learnability)。与网站已有设计及内部资源相一致的界面会更有预见性,这意味用户的学习成本很低。易学易懂的界面自然更具可用性,因为这样的界面认知成本就少了很多。

5. 反馈与响应时间(Feedback & Response Time)。界面必须以人性的角度迅速做出响应,如此才会有像真实的对话一样逼真的体验。交互设计就应该像人与人之间的对话,而不是机器对用户所言所行的简单反应。

Photo credit: http://utmanareredo.se/#

Photo credit: http://www.frankdigital.com.au/

无论是过去、现在、还是将来,这5个原则始终决定着交互设计的演变趋势以及未来的发展方向。

二、现代交互设计技巧

新的功能性意味着新的交互方式,也算是娱乐用户的新方法。现在的用户已经习惯了通过响应式和自适应系统所实现的美好设计——响应式和自适应系统创造的永动循环让更多的设计师不断地运用这样的设计来满足用户,让用户更加习惯。

举例说明,以下几个设计技巧并非独立的设计趋势,它们都是响应式和自适应设计潮流下推动交互发展的因素之一。

· 视差滚动及效果

· 卡片式布局

· Interaction Design Best Practices一书中所描述的视频与动画

· 需要某些身体动作(如滑动、点击等)的设计元素

· 微交互,一种在使用web网站或app过程中出现的独特样式(试想一下闹钟响起,或删除邮件的微交互场景)

· 来自网站和app的推送通知及提醒

· 个性化及本地工具,让用户感觉到每一款app或网站产品都是为他们定制的、创造让用户难忘的使用场景(例如,社交地图软件Waze会根据用户的使用习惯自动询问用户是否于下午六点开车回家)

· 通过点击或滑动快速展开/隐藏内容

· 通过悬停效果或动作呈现次要内容

· 元素与元素之间的过渡及循环功能

Photo credit: http://mixpl.us/withoutyou

Net+设计的MixPlus是一个展示交互设计艺术的优秀案例,接下来让我们了解一下它的交互设计技巧。

MixPlus是向用户展示一系列唱片专辑的网站。点击选择一款曲风,然后在播放列表里滚动挑选、并播放歌曲。这一动画过程生动有趣,引导用户从网页第一屏使用到最后一屏。在网页底部,用户可以继续浏览更长的播放列表,也可以返回到Net+。多种唱片专辑的选择鼓舞着用户进行交互、或选择另外一种新的曲风重新查找喜欢的歌曲。

整个交互过程虽然有限,但过程十分流畅。用户不需要得到过多的解释即可了解网站的功能。(建议读者自行到该网站进行体验。)

还有一个选择,设计者本可以把每首歌曲设计成卡片的形式,并以悬停的方式进行展示播放按钮,但这种方式相对没那么迷人有趣。

喜欢我们的文章,欢迎转发、评论、点赞哦~~

本页地址:http://www.uiya.cn/27879.html; 所有素材均来自于互联网,经网友投稿后发布,仅供学习请勿商用。如有侵权,请联系 3147141550@qq.com 或 提交工单

分享海报

评论0

站点公告

 

新注册用户福利,免费领取7~90天VIP会员

点击领取

没有账号? 注册  忘记密码?