微信热点

2018年交互设计和用户体验设计趋势合集

0
登录或者登记去做吧。

来源:沪江用户体验中心&Nick Babich,翻译丨优设陈子木

设计和体验从未像现在这么重要。在过去的10年当中,设计不断适应着用户的新需求,发生了翻天覆地的变化。虽然我们不大可能预测太远的未来,但是我们仍然可以对明年的设计趋势有一个基本的猜测。今天的文章,我们将会探讨2018年影响用户体验设计领域走向的10个关键性的设计趋势,这些趋势甚至可能会持续几年。

1、专注内容的体验设计

近年来,设计师越来越倾向于采用极简和扁平化的设计,这种设计策略本质上,是在追求更具有凝聚力的内容。以内容为核心的体验设计,指的是为了内容本身来塑造设计而营造出的用户体验。在这种策略之下,设计师的使命是尽量不要让任何东西来妨碍用户获取内容,为了顺应这一趋势,设计师在视觉上会着眼于下面几个关键:

  • 清晰的视觉层级。好的层次结构让用户更好更快获取信息。

  • 功能性的极简设计。通过去除不必要的元素,提供更为清晰的、更有针对性的体验。

  • 留白。提升布局呼吸感,提升用户的浏览体验。

Medium 就是以内容为核心设计趋势的践行者。

以内容为核心的设计并不仅限于视觉,对内容本身的要求其实会更多,因为只有在内容本身足够有用、足够有吸引力的时候,设计才有意义。这就是为什么,我们在设计趋势以外,会看到内容策略越来越受重视。精心策划的内容将会是数字产品品牌成功的重要组成部分。

2、节省时间的设计

如今最成功的那些网站和app所提供的信息,它们成功的缘由已经不是一两句话能够说得明白的。从主观体验上来说,这些产品通常会营造直观的体验,减少摩擦,提升用户获取信息的效率,帮助用户节省时间。随着移动端的兴起,我们越来越明确地意识到,时间和效率让界面设计成功的关键。用户希望看到那些能够真正帮助他们达成目标的产品,节省时间的设计能够更好地帮到它们。更快的安装步骤,更直接的交互,更有效的操作,帮助用户更快达成目标。节省时间的设计,通常有着下面的特点:

  • 清晰的导航。导航是产品信息架构中最重要的组成部分之一,清晰的架构能够帮助用户更好更快地抵达不同的位置。

  • 结合上下文环境的内容信息和功能。为了更出色的体验,让内容和信息能够贴合当前语境和环境是相当有必要的,尤其是要结合用户历程。

  • 用户引导。以各种不同的方式来引导用户,从直接的建议,到愉悦而微妙的视觉暗示,甚至以合乎用户需求的小奖励来引导用户。

  • 清晰线性的用户历程。用户历程应该是清晰且是线性的,有固定的开始和完成的经历,允许用户在旅程中每个步骤执行特定的操作。

  • 符合期望的设计。能够洞悉用户的需求,正确的预测,然后提供完整且符合预期额设计和体验。

这些元素仅仅代表着能够帮助用户节省时间的各种设计技巧的一部分。

3、更智能的个性化机制

个性化设计和节省时间其实是有关系的,但是它本身也是一种设计趋势。从一个界面适配所有人的设计逐步演进到深入的个性化定制是一件自然而然的事情,尤其是机器学习和人工智能的崛起之下。我们倾向于认为用户会更加喜欢也更加需要能够个性化定制体验的系统。为了更加深入的了解用户,企业将会持续地寻找新的方式来提供更加个性化的品牌体验,这将会将把个性化体验设计推向更高的水准。

现代网页和app当中,最常见的个性化机制是基于用户交互的个性化建议。这种策略增加了用户主动进行个性化定制的可能性。

4、多渠道用户体验设计

我们要开始重新审视“移动端优先”这种UI/UX设计策略了。越来越多相互连接、不同类型的设备开始进入高速的增长期,手机和平板已经不足以涵盖绝大多数用户的日常交互的设备,物联网和各种全新类型的终端开始进入千家万户,用户体验设计的维度还需要继续拓展。多渠道的用户体验设计本质上在于用户交互,而不是某种设备被优先对待。对于用户而言,是和手机交互还是用声音和 Amazon Echo 交互,都只是达到目标的一种手段。设计师应该将眼界放得更远,从更为宏观的角度来审视整个设计策略。

事实上,很多互动在很大程度上并不是可见的,交互的地点和方式在很多时候对用户也并不是那么重要,因为在不同的场合和语境之下,达成目标的方式不尽相同。多渠道的用户体验设计师要求用户尽量为不同的设备设计出统一而有效的体验,让用户在不同的环境下,使用不同设备还能够流畅地切换,创造无缝的流程,平滑过渡。

在如今我们所能看到的产品当中,Uber有着相当突出的设计。你可以在Amazon Echo上叫车,然后在iPhone的客户端上完成行程。这是一个典型的横跨两家不同厂商不同服务的产品,不同的界面,但是却带来一致而流畅的体验。

在即将到来的2018年,设计师在面对产品设计的时候,也许不一定能完全支撑起一整个产品生态的构建,但是会更注重不同的渠道、不同平台上,同体系产品之间体验的一致性构建,营造持续性、适用性更强的服务。

5、人性化的数字产品体验

人们总是希望和数字产品之间的沟通能够像和人一样自然,看看大家日常都是怎么和Siri对话,你就会明白这种潜藏的欲望。许多设计师都洞悉了这种需求,尽量在设计数字产品的时候,贴近用户的这种期望。

人性化的产品体验通常会更加注重用户的情绪。用户和产品进行交互时的感觉,是影响他们决定是否长期使用的关键。设计师可以专注于满足人类的基本需求(信任、透明、安全等),让产品具备更加人性化的交互:

这是 Stripe app的结帐流程。

通过动画来呈现支付成功的状态,

动画的整个节奏会给人一种很容易完成购买的体验。

想要让产品更加富有人性化,这意味着产品设计对于心理学专家、测试人员和其他辅助型人才要求更高,这样才能够更加贴近人们所期望的体验。

6、语音用户界面

在接下来的2018年,我们会向着无屏幕化的用户体验领域高歌猛进——语音用户界面(Voice User Interface,VUI)。实际上,VUI已经深入到我们的生活中了,Apple 的 Siri,Google 则有 OK Google,微软的 Cortana,亚马逊的 Alexa,这些都是已经相对成熟的产品化的VUI了。VUI 在我们日常生活中的应用正在快速发展,这使得这一技术正在快速地成熟起来,会逐步像GUI一样成为人机交互的基础架构之一。根据 Gartner 的研究,我们会在接下来的1年内越来越多地借助语音进行交互,这个比例甚至会超过30%。不过,语音交互并不会替代我们熟知的GUI,因为语音交互的限制还有很多,而且VUI 还需要更多的打磨,以适应不同的语境、场景和用户习惯。机器依然在学习如何沟通交流。

7、生物认证技术

生物识别技术正在逐步成熟,而2018年会成为颇为重要的一年,生物识别和身份识别技术以及身份管理会在即将到来的一年中持续地磨合。越来越多的帐号和密码已经成为了用户日常生活和人机交互中的一项负担,如何更好地使用生物识别技术来更好地管理我们的数字生活,将会是设计和开发人员需要解决和完善的问题。我们所用的指纹识别和面部识别技术都是生物识别技术的一种,如何将他们真正融入到产品当中,掌握好易用和安全,将会是UI/UX设计师所面对的重要问题。

8、现实增强技术

AR技术比起虚拟现实更贴近当下,而它也确实正在突破成为主流的文化。最近,Facebook在面向开发者的F8大会上,扎克伯格直言屏幕即将被镜头所取代,应用更为广泛的AR技术将会逐步融入生活。当然,Google、苹果、微软等大型科技企业也不会在这场比赛中落后,我们可以预想到接下来的激烈竞争。虽然移动端设备的优势不会很快被超越,但是结合移动端设备的显示增强类产品会越来越多。影响AR技术在移动端设备上发展的主要有3个因素,一个是处理器的速度增长,一个是更优质的显示屏和是否有更好的相机。

最重要的是,我们在接下来看到更多实用的AR应用,比如弥合文化和语言的Google翻译:

AR技术还是为复杂流程完善细节的好助手:

当然,它还是强化娱乐感的好手:

9、向着虚拟现实更进一步

虽然遥远,但是虚拟现实也是我们将会面对的重要技术之一。在VR成为真正互联网基础设施之前,还有很长的一条路要走,其中所面临的挑战会相当多。2018年不会成为VR技术广泛普及的一年,但是我们将会看到越来越多的人关注并投身VR技术发展,这是必然的。在探索VR技术最佳实践的道路上,我们会有所进步。不过,可以预见的是,手势识别和交互将会是VR技术中的一项核心。

10、UX设计师角色的延展

UX,用户体验一直都是一个内涵外延都颇为广泛的领域,UX设计师这个职业会越来越专业化,和新技术(VR,AR,AI等)会有更为密切的关联。UX 设计师这一角色在团队、在设计环节和职业角色本身,都会在新的一年当中有更为长足的进步和延展,它的职能和作用已经不仅仅是在完善自身的工作,而开始逐步演变为连接不同的环节和职能。UX设计师需要具备更强的协同能力,更快的原型设计技能,能够善用各种自动化的技术,成为设计和产品团队中的驱动力。

像Adobe XD 这样的新兴工具

将会大大提高和改善整个工作流程。

结    语

和任何设计趋势一样,UX领域的设计趋势当中,有的来来去去变化不大,有的停滞不前直到淘汰,有的则稳扎稳打成为设计领域的基础设施。功能和技术会逐步演进,但是不变的大概始终是人性,欲望和好奇心。设计师的使命会变化,需求会改变,产品会改变,设计师需要跟随改变,但是不变的是要保持对自己,对世界和对人性本身的探索。这样才能创造更好的生活。

本文转自优设,作者丨Nick Babich,翻译丨陈子木


想必你还在对昨天HJUX视觉伙伴们给出的视觉设计趋势啧啧称赞,那么赞别停!今天团队的交互伙伴们将带来2018年交互设计趋势。选择在农历新年来临之际奉上这道历时一个月烹制的“交互趋势年夜饭”,只愿给力求打造极致用户体验的你以启发和帮助。


干货阅读时间预计5分钟


设计是围绕人解决问题,因此对2018年交互趋势的预测,我们将目光聚焦在细腻的情感体验打磨、达成目标的交互介质、解决问题的效率、发生交互行为的场景这几个方面,探究出了以下6大趋势


全感官体验 

All-sense experience


趋势简述

人有五感,强化体验记忆的最有效方式就是五感相结合。看见、听见信息已成为体验常态,而更真切的感知信息是用户体验升级的客观诉求,全感官体验能更好的打造“身临其境的沉浸式”体验印象。2018年我们将会看到更多以虚拟+实体组合的全感官体验方式,用户在交互过程中获取更多维的与真实场景匹配的信息反馈(听觉、嗅觉、触觉等),加深对信息的理解和体验记忆。


运用案例

全感官体验目前在游戏领域有了较为广泛的探索。《星舰指挥官》一改沿用十几年的鼠标,键盘游戏方式,直接以语音驱动进行游戏,同时搭配VR眼镜,真实模拟了指挥官的科幻工作场景,用户可以使用更随意更生活的语句,来实现更多控制动作。    

星舰指挥官语音控制游戏

全感官体验在虚拟现实场景中应用也很多。如Hardlight Suit力反馈背心主打触觉模拟为主的全维度身体感知,这款装备配有16个振动点和触觉传感器,能够为用户提供沉浸其中的虚拟现实体验;VRgluv能让我们感受到与任何目标交互的不同方式,通过力觉反馈技术,对手指的模拟动作以及触感进行真实的还原,这样无论是棒球、射击还是射箭,甚至是手指轻划过头发丝,都可以获得身临其境的沉浸感。

Hardlight Suit力反馈背心

VRgluv


不止于

Not be limited to the screen


趋势简述

人与设备的交互本质上是与信息的交互,信息的载体本就可以不止于屏。人达成目标的交互介质有更多屏幕外的拓展,更多“类屏幕产品”或者无屏幕产品出现,运用投影、语音、AR/VR等技术,实现人与设备之间的互动。不止于屏这一趋势拓展了用户的可交互空间,丰富了互动场景,使用户可以随时随地获取信息获得服务


运用案例

Sony Xperia Touch便携投影可实现投影在任何平面,并把这个平面变成可触控的“屏幕”。通过感应探头,你可以在平面上翻动网页、打王者荣耀、切水果等等,所有的操作都如此方便、流畅。 

SONY Xperia Touch

Google Assistant可以通过自然的语音交互来帮用户找歌曲播放、找新闻、打电话等等,并且就像一个朋友一样,只要正常地交流就可以。

Google Assistant

Vuzix Blade打破了原来人们对AR眼镜笨重的印象,外型轻薄,和太阳眼镜一般。用户可以通过眼镜上的触摸板来查看天气、打电话、查看消息等等,也可以通过语音来控制。

Vuzix Blade


拟人化/情感化

Personification/ Emotionalization


古希腊哲学家泰勒斯说过“万物有灵”,人机交互体验是一种人机共生的状态,可以看到现在乃至未来,无论是智能设备,机器语音交互将被赋予更多“灵性”。


1.情感温度的设备

Device comes with Emotion and Warmth


趋势简述

越来越多的硬件产品在设计过程中不仅具备满足用户需求的基本功能点,更多开始考虑产品的拟人化和情感化。机器从一个呆板的服务工具,逐渐变成一个有情感温度的陪伴者或服务者。拟人化和情感化的运用从产品的外观、材质、颜色、形象和交互方式(语音、抚摸等)等维度一改用户对硬件产品冰冷僵硬的认知,使其更加贴合使用场景降低用户的心理戒备,产生更多的情感互动


运用案例

新一代Sony aibo机器狗有着更加形象逼真的外型,它会像真正的小狗一样摇摇尾巴、弯弯腿做一系列动作,宛如一只真正惹人怜爱的小狗。aibo还采用新的AI技术,学习周围的环境,具有更强的适应性,和主人有更多情感化的互动。

aibo机器狗

My Special Aflac Duck是一只毛绒绒具有“心跳”、“呼吸”,能够摇头,甚至可以跳舞的鸭子,它旨在给予儿童癌症患者安抚和陪伴。借助触摸传感器当孩子抚摸它时会有相应的反应,孩子们还可以把不同的情绪卡片(如快乐、悲伤等)插入鸭子胸前,这样它会作出不同的动作、发出不同的声音。这只鸭子的传感器还可以和化疗PICC线连接,陪伴孩子一起治疗。

My Special Aflac Duck

Luka,一只拥有灵动大眼睛的猫头鹰是给孩子准备的绘本阅读机器人。绘本放在它的面前,他就可以快速识别绘本,翻动绘本就可以自动阅读给孩子听。此外,Luka还会和孩子互动,发出笑声,会撒娇,还会根据不同的状态作出不同表情。

Luka

2.更自然的语音交互

Voice Interaction in more Natural Way


趋势简述

想必你对Siri,在线客服这类语音交互并不陌生,那你是否发现现在和你会话的另一端变的越来越“有趣”?在这个“有趣角色”的帮助下,获取信息、获得服务的效率大大提高。更注重对话的场景、角色、上下文关联性;会话的结构、语法、词汇更加贴合人与人的交流模式是语音交互发展的趋势。例如,机器不需要被反复唤醒,更聪明地进行多轮会话,同时,通过AI技术逐渐学习人类沟通过程中的模糊语义,和人更自然的交流。更自然的语音交互能有效降低用户的学习门槛,降低用户对于机器设备的抵触,促使设备更顺畅的融入用户真实使用场景


运用案例

李彦宏说:“日常生活当中人和人进行交流的时候,不会拉着手才能说话,也不会每说一句话都叫一次对方的名字。”手机百度语音版采用了免唤醒词语音交互,能够不间断聆听用户的语音输入信号,并识别,只需打开语音播报内容模式,直接发出指令如“下一条”“大声一点”便可操控,无需每次都唤醒,使人与机器更自然地交流。

手机百度(语音版)

Nomi车载智能系统,通过机器学习,逐渐能够识别模糊的语义命令。如:给我们拍个合影,Nomi可以自动唤起拍照功能,当和Nomi说车快没油了,它便会导航到最近的加油站,而不再需要输入“帮我查最近的加油站”这样机械的命令。

Nomi车载智能系统

天猫精灵支持类似朋友间的对话,比如“来个开心的音乐”,“今天天气怎么样”,“明天呢”,这种前后相连的简单对话更贴合真实的用户场景。

天猫精灵


人工智能个性化

AI-based Personalized Recommendation


趋势简述

个性化推荐已经发展数年,大数据和云计算的技术日趋成熟,更加精准、更加智能、与个体个性化需求相匹配的人工智能将成为趋势。产品在先前做推荐、关联的基础上,更多的趋向认知、联想、预测等模式个性化的人工智能在深入理解用户画像和痛点的基础上,将更好地扫除顾虑、建立用户信任、形成“你最懂我”的用户认知,有效提高用户决策效率,制造体验惊喜,提升产品的用户粘性,更有效的促成商业目标的达成。


运用案例

过去,基于数据的推荐,主要以筛选内容、关联内容为主。现在Netflix的个性化推荐系统针对同样的电影海报资源,会分析每个用户的喜好,以匹配个人喜好的视觉风格将电影海报展示在用户面前,增强用户的看片意愿。

Netflix根据个人喜好对同一电影海报做不同风格展示

过去,投资理财用户一般需要面对大量数字和K线进行复杂的分析判断,现在招商银行摩羯智投通过机器学习算法提供理财服务,智能量化、甄选产品、风险监控,为用户决策提供了更加便捷的方式。

招商银行摩羯智投

市面上在线教学多数是依据固定的课程大纲进行学习,Summit Public Schools 个性化学习计划平台强调“以学生为中心”,探索式的学习模式。一方面,给学生更多关于其学习的速度和方向的命令,随时为学生提供其需要的学习资源,另一方面,使教师的行为更像是“教练”,他们通过学术标准监测学生是否按照他们的要求学习。 

Summit Public Schools


更高效更低成本的交互方式

More efficient and lower-cost interaction


趋势简述

随着生物识别、语言识别、网络提速、硬件升级等技术的发展,机器对人类的意图、事物的理解、复杂问题的认知越来越深入,更高效更低成本的交互方式将使学习成本降低,操作和反馈的效率更高,一定程度上缩短了体验路径、解放了双手双眼。不断强大的机器辅助能力,有效解放用户的大脑,使人更好的聚焦决策和创意。例如,生物识别技术精度的大幅提升,使支付等身份认证环节前所未有的安全、快捷且便利;语音交互因其可以在同一时间处理多项任务的特性,正在场景化的体验中发挥出巨大的优势;工具类AI帮助用户解决了繁琐的数据分析、处理等操作,使其可以专注于沟通交流、创意创作。


运用案例

2017年,vivo展示了为全面屏智能手机设计的屏下指纹技术,取名为clear ID。这一技术识别速度快,连湿手也可以解锁,解锁更便捷;三星S8采用先进的虹膜识别技术来解锁手机,当你拿起三星S8手机,注视屏幕上的两个圆,手机会扫描你的虹膜,从而识别用户身份,简单高效;iphoneX采用了新的身份认证——FaceID,通过手机“齐刘海”的原深感摄像头的扫描来感知用户的面部特征,记住用户的脸部信息并快速识别。

借助图片识别,我们不仅可以快速知道所查询对象的描述信息,而且还能知道它是什么样的。Microsoft Seeing AI可以利用人工智能的力量,识别、描述所拍的事物,进行认知、理解、转述。人工智能可以认出图中是什么,还可以对其进行描述,甚至对场景进行叙述,这一应用可帮助视觉障碍人群理解这个世界。

Seeing AI

在设计工具领域,设计一张海报,传统的方式需要借助商业图库,花费大量时间和人力来做素材筛选的工作;后来随着技术发展,提供了以图搜索的方式,提高了筛选效率;未来,大数据+人工智能辅助创作将会广泛普及,让人能够把更多的精力聚焦在创意上。Adobe Sensei提供基于云平台的数据服务,图片的查找和筛选会根据设计者的需要实时关联、帮助发现和搜索素材,基于大数据进行建模,预测设计方案,更加高效的辅助创作。

Adobe Sensei


线上线下自然无缝融合

Online-Merging-Offline Service Experience


趋势简述

用户达成目标,获得需求满足的过程本就是基于某一特定场景进行的,用户只关注自己的目标能否更快、更好的实现,并不会过多考虑实现方式本身。因此,围绕解决用户问题这一目标,设计将不再仅聚焦单一触点,纠结线上和线下的边界,更多考虑基于场景的、整体的、系统化的闭环服务体验,通盘考虑用户产生意愿-进行决策-采取行动-达成目标全链路涉及的人工触点、物理触点和数字触点,实现线上线下多触点自然无缝融合,给用户达成目标带来更多的便捷性、易达成感和惊喜感。线上线下数据打通,大数据驱动,AR、VR给多触点自然无缝融合提供了强有力的技术支持。


运用案例

Amazon GO带给用户一种智慧购物体验。线上账户和线下购买行为在入口处自动绑定,并利用摄像机人脸识别确定身份;在线下购买过程中,通过摄像机识别手势、麦克风判断位置,结合货架上的红外线传感器、压力感应装置、荷载传感器确定消费者真正购买的商品,同步到线上购物车;离店后,线上账户自动结账,购物完成。

实景GO通过对“家”场景的3D实景复刻,消费者逛天猫时可以一站式选齐电视、沙发、空调、冰箱、衣柜甚至鲜花、衣架等居家常用的电器家居用品,无需按照类目一一挑选,免去以往漫长挑选、搭配的过程。

虚拟试衣镜,用户走到镜子前被扫描识别后,镜子内会直接变幻出另一个虚拟用户,通过对脸型、身高、体重、发型、肤色甚至身材细节的调整,无限贴近用户本人,点击就可快速试“穿”各种陈列在虚拟货架上的服装。在智能新零售环境里,当用户打开购物app,她只会看到符合自己身材,和自己消费需求最贴合的服装,极大增强购买意愿,有效降低决策成本,缩短决策路径。

虚拟试衣


沪江UED交互伙伴们想对你说:

设计是以高效、易用的方式解决用户的问题,对设计趋势预测的目的也是为了探究更好解决问题的方式,愿从事和热爱设计的你我不忘初心,低头打磨眼前体验,抬头放眼体验未来

电梯按钮的交互设计
用户体验五要素