一群关注趋势的小伙伴,从大量的APP中去发现设计范式,挖掘设计趋势,预测出在移动产品中会被广泛应用的十大交互设计趋势。希望这些新颖的设计模式,为设计师们带来创新设计灵感,进而为用户带来新鲜有趣的体验。|回复“112002”,免费下载本辑资料
Facebook Paper
Making of Making
Yahoo! New Digest
Hue
视觉动效类的引导,各种视差动效、过渡动效、入场动效、强化动效等等多种多样,“Hue”通过动效将功能及引导元素串联起,活泼的展现在用户面前,也不失为一种吸引眼球的方式。
为Ta闹钟
语音视频类的引导,“为ta闹钟”则直接应用一个制作精良的动画短片让你了解APP的使用场景,激起用户对功能的尝试欲望。
另外,Facebook paper的新手引导使用真人语音配合动效教学基本的操作手势,而且是一步一提醒的交互形式,非常简单、“醒耳”。
Google Now
Google Now使用卡片式列表框架展示信息,把用户需要的信息展示在首页,将搜索结果前置,省去输入、点击和页面跳转的步骤,让用户更快捷的获取所需要的信息。
Drippler
Drippler主要提供和自己设备相关的提示、软件更新等所有信息。首页以瀑布流的方式展示信息,支持顶部下拉菜单进行筛选,省去更多分类入口,缩短用户到达信息详情页的步骤。
Moves
实时数据监测,Moves会根据你的运动情况在后台计算步数、距离和时间,然后生成简单易懂的图表帮助你了解一天的运动情况和地点,如果你一边走一边掏出手机查看Moves,随着你步数的一步步迈出,oves相应运动的圆形会跟着你的步伐震动,同时数字也在不断增长,伱会产生一种莫名的成就感;Nike+会随着你跑步的行为以语音方式提醒你跑步的公里、速度;其他还有 Nike+furlband、latin。
UP Coffee
动态数据呈现,静态图形仅能表现数据的单一数据属性,当图形以动态效果呈现时,便能多维度呈现给用户实时信息、同时能与用户形成互动,提高数据表现的趣味性。
UP Coffee是一款追踪你体内咖啡因影响你睡眠的动态展示APP,计算你饮入的咖啡因与体内水分反应,引导你睡眠的最佳时间。
CORSSFADER
CORSSFADER/ IFTTT/ HUE产品都采用了精细化的视差设计,效果非常吸引人。
App Flow
微视差的设计,App Flow在从图文结构向文字转换阅览体验的过程中,标签前景、图片背景、底部文字区域部分在滚动过程中速度均不相同,呈现错落有致的效果,并且前景标签的形状会发生变化与文字场景融为一体。
Yahoo天气
Yahoo天气通过横向划动切换的方式查看两个城市天气时,前景的框和背景的图片以不同的速度滚动,如话剧表演序幕徐徐拉开的效果。
Cal
Cal是Any.Do 的团队推出的一款设计精良的智能日历应用,主要内容的展示采用卡片形式而非全屏显示,大家可以明显的感觉到卡片和底图两个层级,能够烘托场景、交代背景、渲染气氛,带入情境,给人无限想象 。
DayBoard
还有的设计虽然在当前界面没有看出层次,其实只是将层级隐藏起来了。如DayBoard,它其实是侧边栏形式变更过来的,通过动效扩展了屏幕空间,渲染出带有纵深感的层次,将操作区和内容区划分开,培养用户使用习惯,使人印象深刻。
The Whole Pantry
Flink
VSCO Cam
来看这些产品The Whole Pantry / Flink / VSCO Cam,他们都有一些共同的特点,提升视觉表现力度,丰富情感化元素。一些信息或操作,浮动在图片上。这种设计方法,对字体和排版设计要求更高,难度也更多,但极容易渲染出氛围。
口袋妖怪
“口袋妖怪”结合Google map,当用户到达Google 地图上所标注的妖怪捕捉点时,使用手中的智能手机的相机拍摄界面进行扫瞄的方式交互,便可以从屏幕中发现它们的踪影,进而丢出“宠物球”来进行捕捉;用虚拟现实技术给用户创造一种轻量游戏化的现实增强的交互体验。
Ingress
Ingress的现实增强游戏, 通过真实世界的体验基础上,用不同的视角观察它,从而实现不同的“真实生活”。结合 Google 地图和导航生成一副虚拟的游戏地图,但是地图上的街道、路线和地点都是真实的。玩家需要按照地图收集并积攒虚拟的“XM”能源,就像真人版《吃豆人》。收集足够的能源可以前往“传送门”完成“黑客”任务,传送门一般都设置在美术馆、图书馆这样的公共场所。
Galaxy Note 3
多任务窗口模式,跳出传统手机单屏使用的思路,三星Galaxy Note 3允许多窗口同时存在,可以实现同屏显示两个应用了。比如,同时显示邮件和相册,用户可以在主屏幕选择运行几个特定的任务。多任务窗口充分利用大屏手机显示空间,提升用户的操作效率。
百度浏览器PAD版
如今,手机和Pad的区别越来越小,Pad的大屏操作,已经有些优秀的设计,比如百度浏览器PAD版,可以同时展现2个预览区,还可以自由控制视频悬浮窗。
Shopkick
Shopkick让智能推送和智能导购成为现实,识别用户的地理位置信息,推送更有场景引导式的信息,主动为用户提供更有价值的信息。
Cover
Cover是一款支持安卓用户自定义创建锁屏菜单的应用程序,同时支持识别用户的情景(开车、家中或者工作),自动调整锁屏的内容,允许用户快捷切换和唤起合适的应用。
写在最后:每位设计师都应该对设计趋势有自己的敏感度,研究前沿的设计方向,关注最新的设计模式,并灵活的应用在实际的设计中,为你的设计增添有趣新颖的体验。
注:本文由烩设计整理编写,转载请注明出处
在通讯录中,搜索multidesign ,关注烩设计
回复 关键字 ,如“海报”可查看资料
烩设计创始人私微信:designsn
点击左下角“阅读原文”
查看
《未来的設計》
↓↓↓↓↓↓