作者：沪江用户体会部 交互规划团队
前语
在刚刚曩昔的2015年，互联网开端侵入更多的工业范畴，跟着比方制作、医疗、交通、金融、教育逐步触网，越来越多立异的移动互联网产品和服务正在加速改动着人们的日子。
在 这些产品中，除了产品形状、商业办法与服务体会的立异之外，沪江用户体会部的规划师们也发现了许多交互规划上的立异事例。一年来，咱们在日常的共享沟通中 搜集了许多的立异的交互规划事例。在年末的回顾总结中，咱们发现大部分看似新颖的规划却仅仅稍纵即逝，在随后的产品迭代中被逐步优化替换；其间也有一些的 规划开端成为经典，被更多的产品加以运用。
2015年末，咱们在团队的年末总结中添加了一项作业：分组遍历了各大应 用榜单引荐的App，以搜集更多交互规划立异的事例并加以收拾概括。在此基础上，咱们挑选了其间六项，作为2016至2017年度移动互联网交互规划趋势 的猜测。以及，从互联网用户体会规划的视点应该特别予以注重的产品功用与技能改造上的改动趋势。这些将成为2016年沪江用户体会规划作业上的重要参阅， 也期望对职业中的其他同伴们有所协助与启示。
一、导航改造 Innovated Navigation
5 寸以上的大屏手机现已成为移动设备的规范装备，本来顶部菜单以及侧栏汉堡包式的导航开端变得难以触达，然后慢慢地退出了前史的舞台，在界面中最为重要的导 航模块上，咱们发现了许多结合产品自身的运用场景，它们经过优化界面布局，交融简易手势为用户带来更为高效便利的体会。
在之前的导航规划上，功用性按钮一般被放置在顶部或则躲藏在侧栏导航。但关于大屏用户而言单手点击这些区域会变得愈加困难。好奇心日报、MONO、Amazon Video等运用都挑选了将首要功用置底的办法，然后缩短了点击途径，前进了运用功率。
而 用户关于手势的认知日益增强，一些新的导航办法被运用到一些特定的场景中。比方格志，经过上下左右的滑动手势来完结模块之间的切换，使得使命之间的相关更 为顺利天然。比方MONO，在下拉“改写”的规范动作之外，参加“玩游戏”，“看文章”，“看视频”，“听歌”4种中心功用，用户能够经过下滑的手势快速 触达方针，然后前进了交互功率。
经过改动导航的办法来习惯现在大屏操作的需求，是咱们认为未来的一段时间内APP规划的开展方向之一。
二、以内容为中心，削减界面搅扰 Content Centric, Seamless Interface1.翻滚界面时，躲藏操作按钮
在 以阅览信息为主的产品中，许多产品选用了向上翻滚时躲藏操作按钮，翻滚中止或许页面回滚时再次出现的交互办法。当用户向上翻滚页面时，首要意图是阅览信 息，这种交心的按钮躲藏，最大极限地削减了视觉搅扰信息，协助用户轻松的把注意力放在内容信息自身。而当令的出现操作按钮又让用户能在需求的时分操作，方 便用户在阅览的一同做出想要的操作。
2.空间调整
除此之外，由MaterialDesign与iOS7所带来的立体化思想开端实在盛行起来，越来越多的产品在规划上开端运用界面的层次去打破物理屏幕的限 制，在空间感前进行了许多测验，本来许多需求按钮或许交互控件完结的操作，能够经过更天然、更简略了解的手势完结。页面空间更大，不再故意着重导航，打破 了现有的屏幕约束，做更多空间感上的测验。在Y轴更是能够无限翻滚，除了长内容加载的部分，篇与篇之间的切换也选用Y轴不断向下加载的办法，前进了阅览效 率。添加Z轴维度的延展，前进产品在空间层面上的层级感。
例 如paper的页面布局能够让用户随意的拖动画布，不再故意着重导航。这样的办法，单个页面的空间被无限拓展，能将较多的信息都包含于之中，削减为了分屏 而进行的页面转化带来的分裂感，带给用户更为连接的信息阅览体会。Musical.ly、知乎日报等都是在Y轴能够无限翻滚，前进了阅览功率，在Y轴上可 以做到无限延伸。加之Z轴维度的延展，前进产品在空间层面上的层级感。例如musical.ly，Google移动查找等APP都将主导航的中心功用凸 出，添加Z轴方向的空间感。付出宝、淘宝、QQ音乐等产品的半屏规划，都是在Z轴上前进了产品的空间感。
久远看来，未来的许多的APP都将愈加专心于让用户削减操作，注重内容而且在页面的规划上愈加具有层次感，在空间上有更多的测验。
三、更广泛地运用多媒体元素 Wider Use Of Multimedia Elements
跟着网络技能和硬件水平的前进，用户终端的接入速度越来越快。多媒体元素——特别是视频——开端越来越多地被运用到界面规划之中。宣传性的网站主页运用大幅面的视频布景现已不再稀罕。沪江网于2015年7月上线的主页视频是一个很典型的比方。
我 们观察到，移动端和网页端界面中，视频元素的展现办法不断立异。以往规划中界面中的视频会像“豆腐块”相同刺进网页，相似界面排版中的图文混排办法，在播 放时再扩展为全屏。视频操控的交互展现办法和视频网站中的迥然不同。然而在Periscope为代表的移动直播App中，视频被作为整个界面的布景来使 用，用户的谈论、点赞和界面交互叠加其上，用户能够自由挑选是要沉浸在视频中，仍是参加更多互动。
和视频作为布景相似，“弹幕”互动也逐步褪去ACG小众标签，被各大视频网站、新闻网站、乃至音乐网站运用。掩盖在多媒体元素上的文字信息，并没有幻想的那么搅扰视频内容的传达，反而因为交叉了更风趣的谈论，带来了更丰厚的互动体会和文娱作用。
除 了代替大幅面的图片，带来更强的视觉形象之外，视频元素一个常见的，也愈加盛行的运用场景还在于新用户引导和新功用介绍，许多APP在初次发动时触发的引 导页不再是以静态图片和文字或许最为经（lao）典（tao）的蒙层引导，而是以短视频的办法为用户展现运用场景和操作办法；在用户运用进程中，新功用的 引导也参加了真人视频教育的办法，添加了引导的兴趣性和亲和性。
musical.ly 这款APP在新手教育中将视频运用到了极致：第一次翻开APP时，引导页中经过其主打的音乐视频出现了用户实在运用场景，将“对口型”“二人转”的玩法直 观地出现给用户；而针对“摇一摇”功用的引导，不再是传统的文字阐明引导，而是将一个酷似屌丝女士的女人张狂摇手机的小视频作为演示，用户看到后大约不想 摇手机都难。
手机QQ新推出的“视频对讲”功用运用了明星录制的小视频作为新手引导，本来用户疏忽乃至厌弃的新手教育环节经过这样的包装变得更具吸引力。
四、前进操作功率的手势操作 Improving Efficiency With Natural Gestures
信任咱们对“手势操作”现已不再陌生了。跟着一些产品功用的强壮及界面的杂乱化，简略操作不再满意需求，用户在操作上也感触不到快感。为了前进运用功率，合理运用契合天然语言的手势能够到达去繁存简的作用。所以，便利手势在未来还有许多开展空间。
一 些硬件厂商也在硬件层面上添加了新的特性，以辨认用户更为精细的交互操作，比方iPhone6S所具有的新特性3DTouch——新引进的Peek和 Pop手势从硬件层面给予移动设备更多的交互办法，会给运用开发者愈加宽广的功用开发空间，这会让往后的运用体会愈加丰厚。
在 软件层面，一些杂乱的功用操作能够经过便利手势变得更为高效和风趣。当然，这需求恰当的引导用户来发现，而且这种手势不行太杂乱，不然会得不偿失。POF 是一个相亲APP，它会引荐一些匹配目标供用户挑选，用户若不喜爱，只需左滑，喜爱则只需右滑。经过滑动手势来满意挑选目标的功用。当然，运用手势来前进 功率的还有淘宝，在查找成果页中下拉就能够完结在保藏店肆中查找的功用，不然用户还要找到保藏页，进入某一个店肆查找。
日子节奏的加速，人们更喜爱快速简略的解决办法。在适宜的引导和合理运用的前提下，便利手势是简化产品界面并前进杂乱操作流程功率的办法之一。
五、与品牌结合的兴趣润饰元素 Fun Decorations With Brand Elements1.信息加载与空值页
信 息加载的等待时间能够时间短到毫无知觉，也能够漫长到让用户抓狂，这短短的几秒钟在运用移动产品的进程中被几许倍的拉长或缩短，比方下拉改写、比方发动页、 比方页面切换。与其运用单调的菊花转来糟蹋生命，不如做点风趣的作业。例如京东的下拉改写、timehop和same的上滑加载、snapchat在停止 的布景页面上都做了一些风趣的测验，好玩的一同也很好的传达了产品的理念。
2.节日运营
2015 年咱们发现每当严重节日或特别工作产生，灵敏的互联网公司们总能在自己的App上做出一些兴趣性的品牌营销工作，比方双十二淘宝与京东在各自主页分类进口 icon上的骂战，上海大暴雨Uber将一键打车改成满屏幕的一键叫船。沪江网校的双十二也做了相似的测验。尽管这种办法彻底不契合icon的规划语义学 要求，可是作为一个与品牌结合的营销案列确实赢得了满足的眼球和用户的好评。在未来的品牌运营活动中，在此基础上的延展及改动也被看好。
六、跨设备互动 Cross-Device Interactions
跨 屏互动不是一个新的概念，但跨屏互动开展到今天还有着许多的商场空白。咱们信任2016年跨屏互动依然是规划趋势地点。因为互联网设备和运用情形出现出多 样化的倾向，智能手机、平板电脑、电视、PC等设备各自承担着不同场景下的用户需求，不同的设备协作完结一个使命、转化设备环境后继续完结作业的跨设备操 作益发频频。
信任咱们都有这样的阅历：在手机上看见一个电影不错，期望和家人一重用电视观看；作业时间在电脑上看到一篇风趣的文章想要存下来，下班后回到家用Pad观看。手机上有几个刚拍的视频，但手机没有强壮的视频修改功用，需求传到电脑上修改。
在 规划跨屏互动的功用时，要充沛结合各种设备的不同特性，让每一种设备做最适合的作业。例如手机具有轻便可移动的特色，键盘输入便利，而且自带麦克风。可是 屏幕小，不适合多人一同观看。而电视屏幕大，可看性高，可是不便利移动，更不要说键盘输入了。那么能够考虑让手机查找视频内容，电视担任播映。
尽管跨屏互动还没有繁荣的开展，但现如今现已涌现出一些好的跨屏互动的事例：微信中供给了摇一摇检测当时声响，然后判别电视节意图功用；经过Pad/手机 App操作TV；乐视手机App扫描二维码能够发送弹幕到乐视T
沪江的规划团队也发现跨屏在沪江产品中的运用点，下面是小同伴画的一些概念图来提现在咱们的产品中也能够完结跨屏互动。
七、无妨碍规划 Accessibility
在美国，因为508法案的存在，产品司理与交互规划师们会特别注重产品能够让妨碍人士的运用体会，以保证最基本的可达性。然后在我国这样的人口大国，因为没有法令的强制规则，无妨碍规划在国内的软件与互联网企业中底子无法到达应有的注重。
沪江的愿景是完结教育资源的公平化，关于怎么让占人口总数1/16的妨碍人士能够公平地运用在线教育东西学习，是沪江UED团队一向注重的课题。也是咱们注重的重要的交互规划的趋势，信任在未来的规划中能够看见更多的无妨碍规划。
国外闻名厂商humanware规划的产品能够为低视力人群供给盲文显现器，手持放大镜，五颜六色扩视机等各种日子辅佐设备。
参阅阅览：1）IOS无妨碍攻略2）Android无妨碍攻略3）美国508计划4）W3C的Web端无妨碍攻略5）联合国《残疾人权力条约》6）中华人民共和国残疾人保证法
八、游戏化 Gamification
游戏化，是指在非游戏环境中将游戏的思想和游戏的机制进行整合运用，以引导用户互动和运用的办法，游戏化能够添加受众参加度、忠诚度和趣味，它能在互联网、医疗/健康、教育、金融等范畴中影响到用户运用时的心思倾向，然后促进用户的参加与共享。
虽 然游戏化早已不是个新概念，但越来越多App规划（特别是杂乱的产品或功用）中，亦越来越多的引进游戏的思想，经过使命式的引导或游戏化的操作办法，代替 单调的案牍阐明，下降用户进入的门槛，协助用户更快上手，一同前进用户黏性。常见运用包含游戏化的运动类App、使命式新手教育、搜集类使命、老友竞赛排 名机制、奖赏体系等。
学习自身是逆荷尔蒙的行为，怎么让用户在学习的进程中坚持新鲜并取得满足的鼓励能够坚持下去，15年开端，沪江在游戏化的产品上做了许多的探究：经过游戏 来 背单词的高兴词场，还有pk机制，让背词从此不再无聊；沪江网校白话课程试点班和移动网校使命体系，将课程体系化、途径化，鼓励学员更高效地完结课程学 习。
参阅阅览：1）http://www.gamification.co/2）http://amyjokim.com/blog/2014/10/04/7-gamification-myths-debunked/3）《Gamification by Design: Implementing Game Mechanics in Web and Mobile Apps》4）《游戏改动国际》（原版《Reality Is Broken: Why Games Make Us Better and How They Can Change the World》）
九、新技能，新体会 New Technologies，New Experience
除了互联网范畴的产品，功用和体现上的趋势，咱们还注重了一些新技能范畴的前进。技能革新会带来职业新的开展，而这必然会体现在用户体会，人机交互等范畴。技能革新，也是咱们职业开展的源动力。
虹 膜辨认，NFC，超声波指纹辨认，VR等新硬件技能趋于老练，必将会运用在更多的用户场景下，推进更多的职业与互联网相结合。如：虹膜辨认，NFC和指纹 辨认技能等，会使得在移动场景下的身份辨认，安全验证等越过繁琐的登陆注册验证过程，使得流程更为简略；而VR技能的运用更是在游戏，教育等工业广受期 待。
1.Apple pay
2015年末Apple Pay联合银联宣告正式进入我国商场，意味着苹果用户在16年头就能够运用苹果的付出服务了。而苹果和银联的联手，必定会对国内的付出格式带来很大影响。
2.VR（Virtual Reality，即虚拟实际，简称VR）
虚 拟实际技能是一种能够创建和体会可交互的三维虚拟国际的计算机仿真体系。跟着像索尼和微软这样大公司的蓄力，Oculus/Facebook，HTC /Valve，VR今年在各大展会上出尽风头，值得等待的是，咱们做为终端用户有也会更早的接触到这项技能，16年或将是其井喷的一年。
VR规划首要分为三块：显现、内容和交互。显现和内容现已有了比较老练的规范，正如以上说到的几家VR头显公司。VR交互从某种意义上更像是3D空间交互，手势盯梢将会供给最好的交互体会。一种是光学盯梢，一种是将传感器戴在手上的数据手套。
上一年今天运营文章2023:科普丨关于数据剖析模型的十问十答(0)2023:LinkedIn（领英）：从50万增长到5亿用户(0)2023:小红书-薯条产品通案（36P）(0)2023:刘澜10句口诀打造领导力(0)2022:《准则》-24张思想导图合集(0)
微信扫一扫 
支付宝扫一扫 
