秉承严谨的态度,为您提供专业的服务
发表时间:09-30 浏览次数:0
作为一种无形的设计,交互设计一直以来都是UX中较难的。以往,用户会被简单的交互吸引,如一个意料不到的动画。但现在的动画效果已经随处可见,包括那些以往觉得很难实现的微交互。为了支持新技术,新的交互形态日益兴起。但是,交互的基本原则是基本不变的。本文将探索交互设计在较近几年的进展,以及未来的发展趋势。
交互设计不单单是指那些有趣的先进案例。美国宾夕法尼亚州立大学的研究专家称,用户更容易被网站中带有交互特色的信息说服。
“Modality Interactivity对用户来说更有说服力。因为这使用户在浏览网站的时候更有趣,更吸引他们,并且帮助用户对网站信息产生更积极的态度。” 一位来自罗伯特·莫里斯大学的通讯系助理教授Jeeyun Oh如是说,“交互(Interactivity)通过让用户更深层次地理解网站信息而更具说服力。”
交互的本质就是参与(engagement)。无论你是哪个时代的设计师,这一点是不会变的;先进不同的是用户参与时采取的方法。交互设计样式随着HTML5、CSS、Javascript、jQuery等技术的支持而逐渐演变。过去的网站常常被大量内部链接或图片集限定——虽然如今依旧流行,但今天的我们需要用更聪明、更具创造力的方式去处理网站的交互设计。
无论采用什么样的技术,以下5个核心的交互设计原则需牢记。受人类交际和情感的影响,这些原则可以通过技术来辅助,但不要轻易改变它们:
无论是过去、现在、还是将来,这5个原则始终决定着交互设计的演变趋势以及未来的发展方向。
新的功能性意味着新的交互方式,也算是娱乐用户的新方法。现在的用户已经习惯了通过响应式和自适应系统所实现的美好设计——响应式和自适应系统创造的永动循环让更多的设计师不断地运用这样的设计来满足用户,让用户更加习惯。
举例说明,以下几个设计技巧并非独立的设计趋势,它们都是响应式和自适应设计潮流下推动交互发展的因素之一。
Net+设计的MixPlus是一个展示交互设计艺术的先进案例,接下来让我们了解一下它的交互设计技巧。
MixPlus是向用户展示一系列唱片专辑的网站。点击选择一款曲风,然后在播放列表里滚动挑选、并播放歌曲。这一动画过程生动有趣,引导用户从网页先进屏使用到较后一屏。在网页底部,用户可以继续浏览更长的播放列表,也可以返回到Net+。多种唱片专辑的选择鼓舞着用户进行交互、或选择另外一种新的曲风重新查找喜欢的歌曲。
整个交互过程虽然有限,但过程十分流畅。用户不需要得到过多的解释即可了解网站的功能。(建议读者自行到该网站进行体验。)
还有一个选择,设计者本可以把每首歌曲设计成卡片的形式,并以悬停的方式进行展示播放按钮,但这种方式相对没那么迷人有趣。
移动应用促使我们重新思考所有的网站体验,不仅仅是产品在不同设备上的呈现方式。
不久前,设计界的关注点还在“above the scroll”上,即用户看到的网站先进屏内容。但随着小屏时代的到来以及滚动重新成为重要的设计工具,设计师们的想法也随之改变。苹果手表的Digital Crown则进一步重塑了导航的交互样式(通过旋转表冠而不是捏合或滑动手势)。
那些认为屏幕滚动会抹杀用户参与度的观念是用户体验中得一大谬见,而且这一谬见很难克服。但伟大的UX Myths网站提供的一些数据可以消除我们的顾虑。
在上面的响应式网站中,先进屏只有“Hello”一个信息,但屏幕底部的箭头鼓励用户对该网站进行更深一步的探索,即让屏幕滚动以查看先进屏以下的内容。点击鼠标即可实现屏幕滚动,同时随着一系列简洁的动效、向用户展示网站的更多内容。
当然这个网站受了优先考虑移动端的设计哲学的影响,但你会发现,它在台式电脑上的体验也是不错的。
说起滚动这一交互样式,我们发现:假设每一屏的内容都是吸引人的,长滚动便不会成为可用性的障碍。大量的单页网站设计案例证明,交互设计能以线性的形式展示网站内容,创造难忘的用户体验。
作为了不起的交互设计前沿之一的移动设计拥有着丰富的交互样式,重新定义着用户与技术之间的关系。
大家对比一下移动设备上的tap手指点击和网站上的click鼠标点击。就在两年前,由于大多数的网站仍然需要click模式的点击动作或使用滚动条这样的网站工具,用户对手机网站的使用还显得很笨拙。然而现在,用户已经对滑动、点击、放大缩小之类的手势操作驾轻就熟,可以轻松获取小屏设备上的信息。
考虑到响应式和自适应设计,每一个网站的交互设计不能仅仅局限于台式机的界面,还应该考虑app等小屏设备(包括可穿戴设备)的交互体验。每一种设备都需要独特的交互设计,并影响着用户在访问过程中的体验。
值得注意的是,用户通会过多种设备入口访问所需网站。任意一端的恶劣体验随时都会造成用户的有效性流失。因此我们的交互设计要达到跨平台的一致性,减少用户在跨平台使用中的认知负担。
另外,界面设计和交互设计是自适应和响应式体验的两个重要方面。当我们从mobile-first角度考虑屏幕中哪些内容该优先排列时,我们也要思索用户在实际过程中是如何与这些内容互动的。
技术的改变使交互设计的可能性愈加丰富。毕竟,我们大部分正在进行的设计都由对不熟悉的设备迅速熟悉起来的需求所掌控。
你肯定会说可穿戴设备的交互设计将会成为下一个热门事件。无论接下来的设备是手表、项链,还是鞋子里的芯片,与皮肤接触的人机交互将会越来越受注重,其每一个细节都将起到重要作用。从今往后,设计界将更多地关注如何让用户对皮肤上的设备感觉舒适。
个性化依旧会是交互设计的一个目标。地理定位软件已经创造了很棒的场景体验,但是像Blossom Type这样的很多网站变得更加流行,因为它们允许用户自行输入信息来创建先进、可分享的用户体验。(Blossom Type通过用户输入的内容为用户创建有趣的电影。)
随着技术的发展和用户对新工具的使用,交互设计几乎每天都在发展变化。尽管我们无法预见下一个大事件,但我们可以持续敏锐地观察周遭、掌握哪些正在销售的设备和工具、了解用户喜欢以哪种方式获得数字信息等,为下一个大事件的来临做好准备。较后,人类交互的主观性使交互设计更具想象力和趣味性。
【干货超多的精品好文合集】
深度介绍网站交互式设计!
《涨姿势!值得了解的交互设计五大支柱》
超酷炫的网站设计!
《给跪了!绝对值得体验的较佳炫酷网站》
网站导航设计效果!
《脑洞大开!舒服的圆形导航网站设计》
版权所有:大连新图闻科技有限公司. 保留一切法律许可权利 代理律师:戴律师