5个2016年UI/UX设计趋势

随着“响应式Web设计”以及“Google提升移动友好性设计” 持续升温,在过去的一年开始流行的一些UI/UX设计趋势,将会在新的一年里继续流行下去。鉴于此,我总结了一下在2016年仍会持续大热的一些UI/UX设计趋势。

5个2016年UI/UX设计趋势

随着“响应式Web设计”以及“Google提升移动友好性设计” 持续升温,在过去的一年开始流行的一些UI/UX设计趋势,将会在新的一年里继续流行下去。鉴于此,我总结了一下在2016年仍会持续大热的一些UI/UX设计趋势。

动画

动画的使用效果是提升用户体验并且彰显网站/应用的个性,但是要把握好动画如何表达和何时使用动画,俩者之间的平衡是很难去区分的。千万不要为了要有动画而做动画;要有一个目标,使动画能够真正的增强内容的展现效果。在我的经验里面,好的动画是细小而微妙的。一个有爱的动画,能够让用户明白设计师是为了他们而去想的,以及知道设计师花了时间,只为创造一个独特而个性化的体验。

下图便是一个好例子印证了适当的加载动画如何提升用户体验 (via the Slack app):

5个2016年UI/UX设计趋势

Material Design-比扁平化更具沉浸感的体验

Material design 是一个UI界的后起之秀,它沿袭了扁平化设计的一些设计原则,比如鲜明的色彩搭配、简洁、大字体、简约等等,然后在此基础上增加了阴影、模糊、覆盖和深度等元素。这种设计给人一种更轻便且舒畅的感觉,并进一步增强了用户的交互体验。谷歌就是用这个原理打造他们的整个平台的产品和app。以下这个网站就是个好例子印证了这个UX设计趋势。

5个2016年UI/UX设计趋势

Web应用无差别的感官体验

用户在用不同的平台想要体验的是统一的界面元素。当越来越多的原生应用出现,让应用无论基于Web还是基于原生iOS/Android都能交付无差别的用户体验就变得越来越重要。著名图片分享站Pinterest为我们提供了一个完美的范例:

5个2016年UI/UX设计趋势

稳健的用户透明度

IE的透明性从一开始就做得比较好,尤其是针对C-Suite、营销人员以及利益相关者。他们给客户一个能更好地了解如何使用的外观和感觉。创建介于用户界面和用户体验之间的内部线框图能够从开始阶段起就为客户提供更加丰富和准确的线框。当然你可以说它们只是半成品,并不能代表完全的成品。我认为这样将会误导你的客户,使他们对设计变得迷惑。

高保真线框

要想打动你的用户,以下是几种可以增加你的UI/UX体验的表达手法:

  1. 使用真实图像而不是灰框(即使不是完全真实的图像)
  2. 使用最终要用的字体效果
  3. 让标题和尺寸和最终效果一致

在用户界面上你不需要想太远,把这些元素扩大是一个好方法,利用原本元素,做成能够向客户表达的效果。

当然,并不是说你遵循了上面的原则就一定能打动你的用户,你还需要具备额外的技能,而不是一步登天;无论面对何种项目,用你的最佳判断和对用户需求的理解都是最最重要的。

 

原文地址:http://www.ackmanndickenson.com/2015/12/5-ui-ux-design-trend-predictions-for-2016/

译者:@许嘉智  xujz@ctrip.com

译文地址:http://ued.ctrip.com/blog/5-2016-ui-ux-design-trends-translation.html

原创文章,作者:Catherine,如若转载,请注明出处:https://www.iamue.com/29868/

(0)
CatherineCatherine
上一篇 2017-05-26
下一篇 2017-05-26

相关推荐

  • 交互设计师入门文章大集合

    由于新手童靴们在群中咨询交互入门的问题较多,所以小编耐心地将咱们网站的所有关于交互设计师入门相关文章汇总,便于大家了解和学习。愿大家做出自己的选择后,风雨兼程,早日入门或转行交互成功! 《交互设计的背…

    交互设计 2016-03-29
  • 译文|「设计师学习商业」中「Why」与「How」的问题

    Airbnb、Pinterest、Kickstarter、小米等一系列的创业企业有什么共性?他们都有设计师作为创始人,在创始团队中就加如了设计的基因。商业决策者们在努力地把商业策略融入到产品设计的内涵里,而你——一名设计师,又是否了解商业呢?今天我们分享两篇文章,分别讨论了「设计师学习商业」中「Why」与「How」的问题,希望你能有所启发。

    2017-05-25
  • 陌陌:不全面商业化 不伤害用户体验

    关注订阅号“电商大世界”,海量电商资讯文章打包阅读以下文章数据,由电商大世界 "AI-贝贝",采集、分拣,由编辑 北风整理发布。电商本周要闻:阿里慧聪两大人事变动阿里巴巴B2B事业群总裁戴珊接任速卖通阿里巴巴集团合伙人、B2B事业群总裁戴珊将直接负责全球速卖通业务,而原阿里巴巴全球速卖通总经理沈涤凡,将出任阿里健康CEO。据了解,全球化战略是阿里未来20年的三大核心战略之一。业内人士认为,戴珊此次接任速卖通业务,不仅说明以速卖通为代表的...

    2018-04-01
  • UI动画VS微交互貌似都是一个东西?

    出处:https://medium.com/@tubikstudio/ui-animation-microinteraction-for-macroresult-668cd9e71101#.lhcggh7he 原标题:UI Animation. Microinteraction for Macroresult 原作者:Tubik Studio   原谅阿西…

    2016-04-07
  • 人工智能时代,给设计师的 3 个建议

    过去一年,和人工智能相关的新闻铺天盖地。身为设计师的你可能会问:人工智能和我的日程工作有关吗?我应该为此做什么准备?Design will be less about delivering on a user’s request, and more about responding to the needs they haven’t expressed yet.
    (未来,设计会更多地去响应用户还没有表达的需求,而不是去为了响应用户主动提出的需求)「Alexa,把客厅灯关了,把我的床头灯开到一半的亮度」
    「Alexa,再买一袋我上个月买过的那款猫粮」
    「Alexa,我今天早上的会议几点开始?」

    2017-05-07
  • Axure实例:即刻 app 产品需求文档

    当前浏览器不支持播放音乐或语音,请在微信或其他浏览器中播放不了了之冰淇 - 分手快乐作者:T.zh来源:简书以下我的Axure原型截图:目录:1.概述1.1产品介绍1.2需求整理2.版本信息2.1修订历史2.2版本规划3.产品逻辑3.1产品信息图3.2产品结构图3.3部分业务流程图4.产品设计4.1全局说明4.2部分功能需求说明4.3部分交互设计1. 概述1.1 产品介绍1.1.1 文档属性1.1.2 产品综述1.2 需求整理1.2.1...

    2018-03-08
  • 物联网用户体验设计:四个物联网产品分析

    编译:冬夜之前,我曾经写过《5个重要的物联网用户体验设计策略》,在设计物联网产品时你可能需要考虑这些策略,如果你认为这些有点空洞或理论化,那么可以看下面四个产品的用户体验分析,实际上,有三个产品满足了用户体验设计的策略要求,另一个姑且算是反面教材吧。一、智能灯:增强体验灯泡,你经常打开或者关闭,就目前来看,灯泡并不是什么颠覆性产品,但是你试试如果一周不使用灯泡会怎样?感谢爱迪生,让我们不必去体验这种情况。今天,你很难在商店货架上灯泡的海...

    2018-04-20
  • 化繁为简——网易云音乐WP1.0设计思考

    项目背景 Windows Phone一直是各家公司缺少投入的平台,WP用户不得不经常面对一个成熟的APP到了WP上就变得各种功能缺失、体验支离破碎,他们渴望应用软件在体验 上能和其它平台一样受到同等重视,音乐APP也不例外。…

    2014-10-31
  • 【交互设计】北京中技华软科技服务有限公司内部主题分享会第七期

    北京中技华软科技服务有限公司内部主题分享会第七期主题:交互设计时间:2018年4月23日主讲人:高旭2018年4月23日上午,北京中技华软科技服务有限公司进行了第七期内部主题分享会——交互设计。交互设计起源于网站设计和图形设计,但现在已经成长为一个独立的领域。现在的交互设计师远非仅仅负责文字和图片,而是负责创建在屏幕上的所有元素,所有用户可能会触摸,点按或者输入的东西:简而言之,产品体验中的所有交互。主讲人高旭分别从交互设计的起源、原则...

    2018-04-24
  • 如何利用数据可视化改善移动端的交互体验?来自华尔街日报、Bloomberg 等顶级新闻工作室的新媒体从业者们是这样思考的:

    手机地图  移动交互 数据可视化 移动大潮席卷了你我。 如何利用数据可视化改善移动端的交互体验?来自华尔街日报、Bloomberg 等顶级新闻工作室的新媒体从业者们是这样思考的。 本文的原 po 给几乎每个案例、工具都…

    2016-04-08