• <dl id="3g1sg"><ins id="3g1sg"><thead id="3g1sg"></thead></ins></dl>
    <div id="3g1sg"></div>
  • <dl id="3g1sg"><ins id="3g1sg"></ins></dl>
  • <input id="3g1sg"></input>
  • <sup id="3g1sg"><menu id="3g1sg"></menu></sup>
  • <dl id="3g1sg"></dl>

    2014年移动应用交互设计10大趋势

    2014-11-06 09:50:36来源:百度MUX作者:

    2014年,又有哪些新的设计趋势脱颖而出呢? 百度MUX有一群关注趋势的小伙伴,从大量的APP中去发现设计范式,挖掘设计趋势,预测出2014年在移动产品中会被广泛应用的十大交互设计趋势。希望这些新颖的设计模式,为设计师们带来创新设计灵感,进而为用户带来新鲜有趣的体验。

    在移动互联网飞速发展的这几年,每年都会有一些新鲜的设计趋势涌现出来。2014年,又有哪些新的设计趋势脱颖而出呢? 百度MUX有一群关注趋势的小伙伴,从大量的APP中去发现设计范式,挖掘设计趋势,预测出2014年在移动产品中会被广泛应用的十大交互设计趋势。希望这些新颖的设计模式,为设计师们带来创新设计灵感,进而为用户带来新鲜有趣的体验。

    1 转场动效的极致?#20132;═RANSITION ANIMATION IS SMOOTH EXTREME)

    移动APP越来越强调沉浸式的体验,页面和页面之间切换也需要更加的流畅,转场动效需要更加的极致?#25512;交?#22914;果你还没有为你的APP提供转场动效,那么你已经落伍了,如果你还是使用比较传统的转场动效,如向左滑动、放大缩小,那么你的体验也已经落伍了。?#20132;?#26080;缝的切换和体验,信息需要没有阻力的传递,用户需要集中注意力,专注于目标任务来进行一系列的操作。我们相信,优先注重转场动效的移动产品,会有极大的产品竞争力。

    \ \ \
    Yahoo! New Digest               Making of Making                     Facebook Paper

    Yahoo! New Digest/Making of Making/Facebook Paper,都对转场的动效进行了精心的设计,?#20132;?#27969;畅的体验让我们眼前一亮。

    设计师设计移动APP的的动效,需要像导演一样,布局不同场景中,界面元素的登场方式,不同元素之间的出现、运动、消失要足够的连贯。必要时,信息框架需要优化重构。动效的语义需要保持一致,避免?#29616;?#30340;混淆。如果使用拟物化的动效语言需要符合物理定律。

    2 多样化新手引导( VARIOUS GUIDANCE)

    静态?#35745;?#25110;蒙灰图层的新手引导容易被用户忽略,眼前一亮的新手引导才能让用户有学习的欲望与冲动。新颖的新手引导往往会突破静态?#35745;?#36825;种方式,通过生动的故事、吸引眼球的动效、场景化的?#35745;?#35821;音引导及视频小短片等新颖的新手引导突破静态?#35745;?#30340;方式,吸引用户的眼球。

    \
    Hue

    视觉动效类的引导,各种?#30828;?#21160;效、过渡动效、入场动效、强化动效等等多种多样,“Hue”通过动效将功能及引导元素串联起,活泼的展现在用户面前,也不失为一种吸引眼球的方式。

    \
    为Ta?#31181;?/p>

    语音视频类的引导,“为ta?#31181;?rdquo;则直接应用一个制作精良的动画短片让你了解APP的使用场景,激起用户对功能的尝试欲望。

    另外,Facebook paper的新手引导使用真人语音配合动效教学基本的操作手势,而且是一步一提醒的交互形式,非常简单、“?#35759;?rdquo;。

    3 信息框架扁?#20132;‵LAT INFORMATION FRAMEWORK)

    APP设计中一个比?#29616;?#35201;的设计因素,是效率的最大化。2013年我们?#38750;?#30028;面扁平,注重通过弱化视觉效果,来强化功能主义,界面风格的扁?#20132;?#36824;?#23545;恫还唬?014年应?#20040;有?#24687;架构角度,再进一步的去应用扁?#20132;?#30340;设计理念,这就是信息架构的扁?#20132;?#36235;势。

    信息框架扁平目的是减少信息层级,?#38750;?#20449;息到达用户的最短距离。通常,移动APP的层级关系不比网页直观,不不存在面包屑或是站点地图允许用户任意跳转。纵深的返回机制会增加用户操作成本,扁平的信息框架会从根本上解决?#40092;?#38382;题。

    \
    Google Now

    Google Now使用卡片式列表框架展示信息,把用户需要的信息展示在首页,将搜索结果前置,省去输入、点击和页面跳转的步骤,让用户更快捷的获取所需要的信息。

    \
    Drippler

    Drippler主要提供和自己设备相关的提示、软件更新等所有信息。首页以瀑布流的方式展示信息,支持顶部下拉菜单进行筛选,省去更多分类入口,缩短用户到达信息详情页的步骤。

    4 动态数据可视化(Dynamic data visualization)

    人类身体的微妙变化、运动?#21738;?#37117;会产生大量的数据。近几年由于可穿戴设备的兴起,人们可以通过数据更深入了解自己的身体。结?#40092;?#25454;可视化的概念,这将?#30772;?#21448;一热浪。

    现今数据可视化不只是静态展现数据,用户希望通过互动及?#34987;?#21462;数据流,动态数据可视化(Dynamic data visualization)将更加强调数据转译实?#22791;?#26032;的图形,以及动态的图形化表达。

    \
    Moves

    实时数据监测,Moves会根据你的运动情况在后台计算步数、距离和时间,然后生成简单易懂的图表帮助你了解一天的运动情况和地点,如果你一边走一边掏出手机查看Moves,随着你步数的一步步迈出,oves相应运动的圆形会跟着你的步伐震动,同时数字也在不断增长,伱会产生一种莫名的成就感;Nike+会随着你跑步的行为以语音方式提醒你跑步的公里、速度;其他还有 Nike+furlband、latin。

    \
    UP Coffee

    动态数据呈现,静态图形仅能表现数据的单一数据属性,当图?#25105;?#21160;态效果呈现时,便能多维度呈现给用户实时信息、同时能与用户形成互动,提高数据表现的趣味性。

    UP Coffee是一款追踪你体内咖啡因影响你睡眠的动态展示APP,计算你饮入的咖啡因与体内水分反应,引导你睡眠的最佳时间。

    赞助商链接:

    广东快乐10分 - 百度
  • <dl id="3g1sg"><ins id="3g1sg"><thead id="3g1sg"></thead></ins></dl>
    <div id="3g1sg"></div>
  • <dl id="3g1sg"><ins id="3g1sg"></ins></dl>
  • <input id="3g1sg"></input>
  • <sup id="3g1sg"><menu id="3g1sg"></menu></sup>
  • <dl id="3g1sg"></dl>
  • <dl id="3g1sg"><ins id="3g1sg"><thead id="3g1sg"></thead></ins></dl>
    <div id="3g1sg"></div>
  • <dl id="3g1sg"><ins id="3g1sg"></ins></dl>
  • <input id="3g1sg"></input>
  • <sup id="3g1sg"><menu id="3g1sg"></menu></sup>
  • <dl id="3g1sg"></dl>