如果您想订阅本博客内容，每天自动发到您的邮箱中， 请点这里

天气类界面欣赏！

蓝设计( www.lanlanwork.com )是一家专注而深入的界面设计公司，为期望卓越的国内外企业提供卓越的UI界面设计、BS界面设计 、 cs界面设计 、 ipad界面设计 、 包装设计

如果您想订阅本博客内容，每天自动发到您的邮箱中， 请点这里

如果您想订阅本博客内容，每天自动发到您的邮箱中， 请点这里

常见的页面跳转方式有直接跳转、左右跳转、上下跳转等，再设计时需要考虑好其中的关联性，给出最符合用户心理预期的过渡方式，从而做出最合适的设计。

页面跳转在APP中属于最常见，也是最基础的一个交互细节点。

我们常见的跳转方式：直接跳转、左右跳转、上下跳转、翻转、联动；其它酷炫的效果我们看过很多，但是现实中能做到的又有几个呢？

先讲一下：视觉顺序

首先我们看一下，我们的视觉顺序「阅读顺序」是：左→右，上→下。因此延伸出目前APP最常见的两种页面跳转方式：左右跳转，上下跳转。

直接跳转

最原始、最简单的跳转方式，web端常见，在APP中出现较少，标签切换常见，这个比较简单，没什么讲的。

常用于快速开发，Android中常用。

实现难度：无；

维护成本：无。

左右跳转

最常见的跳转方式。（ios原生效果）

实现难度：简单 ；

维护成本：低；

运用场景：夫级→子级→子子级，依次类推。

常用场景：

1. 对应功能的展开：常以导航形式的存在，如美团首页的美食、电影、住店等分流入口。
2. 对于内容的展开：如聊天列表>聊天窗；文章列表>到文章详情。
3. 对于活动广告的展开：banner图广告、弹窗广告等，比较常见。

这里有个细节要注意，就是我们的返回键在左上角，也就养成了用户一种习惯，左上角的键，与点击之后的效果，往往就应该是页面从右侧退出的样子，与进入时反向的效果。

这也是为什么大部分APP不会把入口按钮放在左上角的原因。

那么左上角这个位置，除了给返回键当做固有的位置外。还常常用于抽屉式导航，因为抽屉式导航的方向，与返回时的移动方向是一致的。常见抽屉式导航APP如：滴滴打车、摩拜单车等。

上下跳转

相对于左右跳转，上下跳转就比较难理解了。

实现难度：简单 ；

维护成本：低。

这种跳转方式也很常见，但是大部分人不清楚什么时候用，这里我们简单分析下。

运用场景：

1. 对当前页面创建新的条目时；

2. 独立启动的一个子内容。（如小程序：微信/支付宝等）

比如我们在微信聊天页，发起一个聊天的时候：

还有我们新添加群人员时，新建笔记本时，新建地址时等。

我们用微信聊天页面在举例：点击＋号离的内容时：图片、拍照、位置、红包、收藏等，都是采用下到上的方式呈现，因为这些创建都是对当前聊天窗口一次性产生内容。（大家可以去感受一下这些细节）

下面我们看下百度的设置>地址管理>添加地址：左右>左右>上下。

翻转

实现难度：中等；

维护成本：低；

运用场景：完全切换内容，换到一个全新的内容集合里。

常见的有平安好医生中间的按钮，一级大姨妈APP中间的商城。

联动性

实现难度：高 ；

维护成本：高；

运用场景：元素之间从上级到下级关联性强。

如APP store 每日推荐到介绍页。类似的还有Behance APP的作品展示。国内APP很少有这种联动效果，因为一旦页面结构改变，整个效果基本无法复用。

类似于这种强联动，我们会在很多概念设计稿中看到，但是在实际的APP是很少见到的。因为开发成本/维护成本都很高。

搜索页面打开

这里强调一下搜索页面。搜索页面的进入往往有两种形式。一直是icon做入口，另一种是搜索框做入口。

icon做入口：更像是上下级关系，常用左右跳转来实现。比如：抖音。

搜索框做入口：点击就给与获取光标的感知，所已做好做简单的联动过渡效果。比如：微信、云音乐。

其它方式

关于其它方式，基本上只有极个别的APP中可以看到。

其它的方式，要结合实际的情况来考究。一定要注意关联性。比如微信新出的浮动展开效果，因为元素要浮动，为了更加贴合所以有了收缩的效果。

结语

形式上其实就是上下左右内外。考虑好之间的关联性，给出最符合用户心理预期的过渡方式，就可以帮助我们找到最合适的设计。

蓝蓝设计( www.lanlanwork.com )是一家专注而深入的界面设计公司，为期望卓越的国内外企业提供卓越的UI界面设计、BS界面设计 、 cs界面设计 、 ipad界面设计 、 包装设计 、 图标定制 、 用户体验 、交互设计、 网站建设 、平面设计服务。

如果您想订阅本博客内容，每天自动发到您的邮箱中， 请点这里

UXRen

打造有价值产品的首要规则是，它应该对某些人有真正的使用价值。也就是说，一个真实的人(或许多个人)会因为你的工作而解决了某些问题或实现了某些需求。

这个道理是显而易见的，但是，如果你去听一听这些产品设计们的日常用语，就会发现，在日常生活中，我们不常这样说。

反而，在语言交流中，设计师经常会“走捷径”。有时会直接使用行业语言或专家术语来提高表达度，但大多数情况都是为了避免废话。

举例来讲：

• 我们要如何增加用户对这种功能的使用？
• 为什么这两方面看起来不够统一？
• 这里的点击率这么低，可能我们太过强调了。
• 我感觉这里干扰信息太多了，要怎么解决这个问题？
• 这个设计需要更多“呼吸空间（留白）”。
• 我们应该将这点设计地更简洁一些。
• 这一指标需要提升，现在的曲线走向并不理想。

想象一下，当用户听这些话时，他们能相信我们的最终目的是为他们创造价值吗？

当然，我们在使用语言捷径时，其实是在把我们脑海中的各个点连接起来，这种基于对内容的理解，在脑海中将一个概念与另一个概念联系起来的思考方式——就像是火车在有序的系统中飞驰而过，直到停留在人们期待的站台上一样。

但在实际交流中，有可能出现两种完全预料不到的结果：

第一种情况是，当与一个认知和你不太一致的人交流时，你认为重要的事情，对方有可能完不理解为什么这样。

比如说，作为一个设计师，当我说“为什么这些东西不一致”的时候，我自己的逻辑是这样的：

不够一致=> 这些东西虽然看起来很像，但当点击的时候，可能有人会选A，也有人会选B=>这就会使用户困惑，并且影响他们从我们构建的内容中获得最大的价值。

其他精通设计语言的人，一般而言都会跟我一样的思考问题。比如，让东西“简洁”其实是指让它专注于最重要的点，以便人们能一眼就知道如何使用它。让界面“可以呼吸”则是指让人们在阅读或者浏览时能更轻松愉悦。

但如果你并没有建立这些认知连接，你可能会不解：一致性、简洁性和可呼吸空间为什么这么重要呢，这些价值观看起来是不是有点随意？而且这些疑惑有可能是对的，为了一致性而保持一致也许并没有必要。如果这世上没有人会对两个看起来相似但反应不同的事物感到困惑的话（假设开发成本投入不算很大的话），那么这不会是一个问题。

许多工程师和产品经理跟我讲过，关于“一致性”的讨论经常意见很难统一，但当我说“目标是让用户感觉没有困惑”时，争议就不存在了。

使用“语言捷径”的第二个意想不到的后果是，我们有可能会忽视真正的最终目标。你看待问题的方式和角度会更多地从公司出发而不是用户真正面临的问题。

举个例子，我们要如何提高这一功能的使用率？这可能并不是任何一个你的用户会关心的问题，在讨论这一问题的时候，你有可能会开始从公司角度思考解决方案，比如让功能更显眼，不断提醒用户这一功能的存在等。

但其实这些做法只有在强调的功能的确很重要的时候，才会起作用。但如果这一功能的使用率本来就低，那么更有可能说明这一功能对用户而言没那么重要。如果你没有真正以人为中心来思考问题，很难发现这一点。

归根结底，虽然语言只是一个小的方面，但我相信它是非常重要的。多关注一点在工作时使用的谈话方式，如果你是为人设计的，那么请用人们更熟悉的语言。

举例来讲：

• 我们要如何增加用户对这个功能的使用？=> 是什么让这个功能对人们更有价值？
• 为什么这两方面不够统一？=> 让我们确保，用户不会因为这两个看起来相似但有不一样功能的东西而感到困惑。
• 点击率真的很低，可能是因为强调得不够。=> 人们可能会意识不到这个功能的存在，因为这实在太容易被忽略了。
• 我们发现很多用户流失，我们该怎么办？=> 那些试用过我们产品的用户不会再回购，为什么会这样呢？
• 这个设计需要更多的呼吸空间。=> 用户阅读浏览信息的体验应该更轻松、愉悦。
• 我们应该将这点设计地更简洁一些。=> 用户应该能在第一眼就注意到最重要的信息，并知道他们应该做什么。不该用过多的选择给用户压力。
• 这一指标需要提升，现在的曲线看起来并不理想。=> 我们的产品还没能让用户觉得足够有用，从而进一步回购，所以我们应该提升我们所提供的价值。

• 蓝蓝设计( www.lanlanwork.com )是一家专注而深入的界面设计公司，为期望卓越的国内外企业提供卓越的UI界面设计、BS界面设计 、 cs界面设计 、 ipad界面设计 、 包装设计 、 图标定制 、 用户体验 、交互设计、 网站建设 、平面设计服务。

  
  

如果您想订阅本博客内容，每天自动发到您的邮箱中， 请点这里

该报告是百度人工智能交互设计院基于过去一年多对AI领域前沿技术、产品和设计的深入研究和洞察，结合产业界和学术界的经验探析而来。AI赋能的人机交互革新了大众的生活形态，未来，AI加持的人机交互模式又会呈现出什么样的态势呢？

《报告》从“人机交互介质”、“交互对象”、“AI应用场景”、“人机关系”等方面总结了AI人机交互的八大趋势。

趋势一：语音交互技术进步，更趋向人类自然对话体验

研究公司Ovum预测称，到2021年，地球上的语音助手的数量会和人类一样多，人们会越来越倾向于向语音助手寻求情感上的帮助。在AI人机交互中，语音交互技术在用户终端上的覆盖最为广泛。

以智能音箱为例，有数据显示，2018年全球智能音箱市场同比增长200%。其中，中国智能音箱市场增速达到罕见的5370%。谷歌、亚马逊、苹果等全球巨头企业均加速了用语音交互技术开启大众智能生活的步伐。截止2018年12月31日，搭载百度对话式人工智能操作系统DuerOS的智能设备激活量也已超2亿。

目前，语音交互技术已经加速在智能家居、手机、车载、智能穿戴、机器人等行业的渗透和落地。《报告》指出，未来随着语音技术的不断完善，语音交互的自然度将进一步提升，并愈加趋向人类自然对话的体验。具体表现为：语音交互将从机械的单轮对话进阶到更流畅的多轮对话；合成语音更自然、真实，接近真人水平；语音交互具备听觉选择能力，提升多人对话体验；语音交互将支持多种方言，并针对细分群体进行差异化设计。

趋势二：人脸、手势等通道更多出现在产品中，多通道融合交互成为主流交互形式

媒介学家雷吉斯·德布雷（Régis Debray)曾提出：“技术能实现不同区域里不同文化的人之间的连接”。随着技术的发展，人与人之间的连接早已不成问题。当前，AI技术更是拓展了人与智能体交互的通道。除语音交互外，计算机视觉技术的发展已使得智能体实现了通过识别人脸、指纹、面部表情、肢体动作等人体信息，而更加快捷多元地与人类进行交互。但是不同的交互通道在有其独特优势和场景适用性外，也有一定的局限性。

《报告》认为，未来，人与智能体的交互将融合语音、人脸、手势、生理信号等多种方式，为人类打开更多的交互空间和应用场景。具体表现为：人脸检测及识别聚集更细维度的面部特征，拓展更多的交互空间和场景；空中手势交互将成为新热点；触控、语音、手势、人脸最有可能成为多通道融合的主流通道；生理信号、触觉、嗅觉等也将成为辅助通道融入多通道交互中。

趋势三：智能体开始拥有明确的人设

近期，明星“人设”崩塌已成大家茶余饭后的热门话题。但是你想过，智能体也将拥有明确的“人设”么？《报告》认为，未来，用户可以更加明显地感知到智能体鲜活的“人设”。

所谓智能体的“人设”是指，用户在与智能体的互动过程中，根据感知到的综合特征推断出一种具有一致性的角色形象，一般由性格（如外向、善良等）、关系（如助手、朋友等）和基本属性（如性别、年龄等）构成。《报告》指出，目前，智能体人设的设计和表达主要聚焦在语音（如音色、语调等）和语言层面（如表达方式），并且通常局限在部分场景、部分话术上，缺少一致性和全局感。

《报告》提出，未来，智能体人设将从语音、产品外观、虚拟形象等多维度进行设计，甚至聘用编剧设计具有统一形象特点的话术，利用混合现实（MR）、全息投影等技术将人设具象化，让用户在不同场景下均感受到智能体一致、明显的人设特征。换句话说，未来，智能体的人设会具有很明显的特征，但不会轻易崩塌。

此外，《报告》还认为，打造用户喜爱的人设也将成为企业在市场竞争中形成差异化、吸引更多用户的重要方式。

趋势四：智能体在被动交互外，开始出现主动交互行为

技术的发展虽然革新了我们的生活方式，但是长久以来，人机交互一直延续着人类“输入”，机器“反馈”的循环模式，人类始终是主动的，机器始终是被动的。

《报告》认为，人工智能赋予了机器情境感知和自主认知能力，使我们有机会构建机器主动服务于人的交互模型。智能体出现主动交互行为的具体表现为：主动交互越来越“贴心”；主动交互在“家”和“车”的场景下率先商用落地；主动交互将提升公共场景下人机协同的效率。

趋势五：智能体开始拥有情感判断及反馈智能

2014年在北美上映的动画片《超能陆战队》中的机器人大白，以对主人公关怀备至的暖萌形象收获了大批影迷的喜爱。观影后的每个人都希望自己能够拥有一台如大白一样忠心耿耿又温柔体贴的机器人。令人欣喜的是，具有情感判断和应对能力的智能体正逐渐成为现实。

过去20年，在人机交互中，机器基于表情、文本等方式的的情感识别能力已有很大的提升。目前市面上出现的如情感陪护机器人、智能音箱、智能汽车等已经初步具备一些情感识别能力，可以根据不同的场景、对象，进行适当的情感交互。

《报告》指出，未来，情感计算技术的提升及硬件升级将赋予智能体在“视”“听”等方面更强的情感识别能力；同时智能体对于人类思维理解、情景理解能力也将更加完善，情感交互能力将更智能、更体贴。

趋势六：AI对特定人群的关怀得到快速发展和应用

人机交互的发展为儿童、老人、残障人士等群体更便捷地利用机器获得服务，提供了充分可能。当前市面上已经出现大量针对儿童教育的AI产品。搭载DuerOS的小度智能音箱也针对以儿童为中心的家庭语音互动需求，特别开发了儿童语音识别引擎，并定制儿童语音播报音色及对话逻辑，陪伴儿童一起成长。在养老领域，为老人提供陪聊、提醒等陪护服务的智能产品也被AI企业提上了日程。此外，少数AI产品也开始专注残障、病患等更加细分的人群，如2018年11月，百度推出了AI眼底筛查一体机，帮助患者快速筛查眼底疾病，为基层医疗带去了极大的便利。

《报告》提出，未来，AI对人类的关怀将得到快速发展和应用，覆盖更加细分的人群和更深入的场景。为儿童，AI将从易于交互到提供心智陪伴的服务；为老人，AI将缩小他们与科技的鸿沟，助推他们开启品质生活；为感官残障人士，AI将帮助他们重获对世界的立体感知；为特殊疾病人群，AI将提供预测、诊断和康复服务。

趋势七：智能设备互联互通，多场景衔接

以BAT为首的互联网企业，在2018年纷纷调整组织架构，转向To B。巨头重提产业互联网战略成为当前市场新现象。此现象背后，正是AI、5G、云计算等新兴技术的发展与升级。2018年的政府工作报告，进一步强调了“产业升级的人工智能应用”。“产业化”和“应用化”成为未来几年人工智能的两大发展方向。

《报告》指出，随着AI技术的进一步成熟和落地，及其与大数据、IoT的结合，AI将从单品智能、独立场景到互联智能，场景融合进阶。智能设备将互联互通，场景将进一步融合，实现多场景衔接；VR/AR将促进线上和线下、虚拟和现实的联结，未来，VR会加速拓展到更多的产业和实体，AR中的现实与虚拟将从简单叠加到有机融合，实现用户可以源自自然意识进行人机互动。

趋势八：人机开始走向深度协同，信任构建成为首要突破点

2018年6月，百度研究院发布并开源“神经条件随机场”的AI算法。该算法拥有强大的肿瘤病理切片检测能力，可以大幅提升医生阅读病理切皮的效率和准确率。人机协同即，通过人工智能增强人类智能，让人工智能成为人类智能的自然延伸和扩展。

目前，人机协同已在工业领域初步实现，而随着智能体从工业生产领域向商业服务、社会服务和家居服务领域拓展，人机将走向深度协同。《报告》认为，人机深度协同可以最大化发挥双方优势，实现合作共赢。

而人们对AI的信任，是智能体全面进入人类工作和生活，实现真正人机协同的前提。即，信任构建成为了实现人机深度协同的首要突破点。与此同时，AI伦理道德将更加细化，成为所有从业者需遵守的行业准绳。AI行业的发展在带给大众便利生活之时，避免算法歧视、保护人类隐私、尊重人类价值等也变成了从业者们亟需重视的问题。

最后，《报告》指出，AI时代的人因工程是一个真正的系统工程。而每个人机交互行业的从业者都需要拥有AI思维。最重要的是，中国的人机交互设计和研究者们将首次和发达国家站在同一起跑线上，我们有机会去定义这些体验标准，而不再是追随或遵守。

AI时代大门缓缓开启，属于中国和中国企业引领世界前沿的新时机已到来。

蓝蓝设计( www.lanlanwork.com )是一家专注而深入的界面设计公司，为期望卓越的国内外企业提供卓越的UI界面设计、BS界面设计 、 cs界面设计 、 ipad界面设计 、 包装设计 、 图标定制 、 用户体验 、交互设计、 网站建设 、平面设计服务。

如果您想订阅本博客内容，每天自动发到您的邮箱中， 请点这里

分享车内交互界面设计

蓝设计( www.lanlanwork.com )是一家专注而深入的界面设计公司，为期望卓越的国内外企业提供卓越的UI界面设计、BS界面设计 、 cs界面设计 、 ipad界面设计 、 包装设计

如果您想订阅本博客内容，每天自动发到您的邮箱中， 请点这里

这是一个以故事形式来展现网站：Oat the Goat，动画很有感觉，虽然小编目前的水平还做不出这类网站，但看看也可以增加点灵感、阅历，原来网站还能这样做的，一个网站，一个温暖的故事，来一起欣赏电影般的酷站，Enjoy!

网站名称：Oat the Goat
网站地址：http://oatthegoat.co.nz/

（请在PC端欣赏，浏览该网站时记得打开声音哦~）

故事是从一只羊咩咩的历险开始，他翻山越岭，途中遇到一些困难和遇到困难的小伙伴们，接着一起去克服，然后越来越多的小伙伴们一起去冒险，经过重重险阻，最终…… （还在让大家自己欣赏才有 Feel 的）

所有的画面非常的漂亮，就像在看电影一样，同时网站还带有一至交互体验，让用户去选择。

截图：羊咩咩遇到第一个有困难的小伙难了哦，我们继续看看……

截图：要选择你要怎么做了

故事结局如何？请自行观赏，同时您可以在下方评论处说出你的想法：）

蓝蓝设计( www.lanlanwork.com )是一家专注而深入的界面设计公司，为期望卓越的国内外企业提供卓越的UI界面设计、BS界面设计 、 cs界面设计 、 ipad界面设计 、 包装设计