跨屏体验融合amp;amp;响应式设计.docxVIP

李强 ｜ Daemon Multi-screenworld Responsive Design 1 2 3 4  跨屏趋势与设计的缺失 跨屏行为的分类与特征 跨屏设备的研究 跨屏设计指导准则 1 跨屏趋势与设计的缺失 90% Media info 9Hour PC、Notebook PAD、Phone、 iTouch 3.1 devices 40 寸~100 寸 4K分辨率＋3D＋曲 面 智能系统、wifi AppleWatch Moto360 加速器+陀螺仪+ 心率监视器 麦克 风+扩 音器、 NFC＋Wifi＋Bluetooth 跨屏 Phone Smart TV  Watch Tablet PC AppleWatch 信息查看与回复 场景：用户收到信息提醒，小屏幕查看信息 以及回复不方便，且费力。 步骤一：AppleWatch收到推送，查看 信息 步骤二：在手机上回复信息 手机遥控电视 场景：在家的娱乐场景 步骤一：打开相应的APP，连接电视 步骤二：观看电视／玩游戏 手机或pad充当起遥控器或者手 柄 浏览器二维码衔接阅读 场景：用户网页浏览一半后，有事出门，需要离开电脑，但是希望需要继续浏览。 步骤一：网页url生产二维码 步骤二：通过扫描二维码，继续浏览之前网页内容。 看电视同时玩PAD 场景：在家里，休闲娱乐的放松场景 一：打开电视，观看节目 二：玩手机／pad／laptop－聊天，社交， 游戏，上网，工作等等 注意力时而在电视节目上，时而在手中设备上。 AR Hud GoogleGlass If Content Is King, Multiscreen Is The Queen 如果你仅仅专注于移动领域， 你只是在解决昨天的问题。 定义跨屏 Phone Smart TV  Watch Tablet PC 2 跨屏行为的分类与特征 多任务 跨屏行为的分类 电脑上淘宝购物，然后 手机导航去约会地点， 在电子菜单上点菜 序列 AppleWatch 信息查看 与手机回复 支付宝扫码支付 单任务  看电视同时玩PAD 开会一边看大屏幕一 边使用自己电脑办公 上班使用电脑，偶尔玩手机 同时 keynote手机遥控电脑放PPT airplay、Qplay放歌 单任务序列型 用户从一个屏幕上开始一个任务，转移到另一个屏幕上继续。 单任务序列型 AppleWatch 信息查看与回复 单任务序列型 支付宝扫码支付 单任务序列型 经常从一个设备转移到另一个设备的行为习惯。 上网 社交 购物 搜索 管理金融 计划行程 观看视频 手机是大多数的行为发起点，由于沉浸式或者手机产品功能缺失，经常会在pc上继续。  平板上发起和继续的行为都较少，主要是购物和计划旅行，可能在pc上继续。  pc上发起的往往是较复杂的行为，由于需要简化，或者提高效率，经常会转移到手机上继续。 单任务序列型 用户驱动力： 发起任务的设备功能受限，不得不转到功能更佳的设备。 发起任务的设备体验不佳或效率低下，转到更佳体验的设备以提升效率、安全性等。 设计关键因素： 发挥设备独有特性（屏幕大小、便携性、安全性、传感器等） 优化任务衔接操作体验，提升操作效率。 单任务同时型 用户在两个以上设备上同时进行一个任务或强关联的几个子任务。一般有主子屏幕之分，一般子屏幕用来协助主屏幕上的任务更好进行，或子屏幕作为主屏幕的信息拓展和补充。 单任务同时型 用手机控制大屏幕上播放的PPT 单任务同时型 QQ音乐用手机投放到电视和智能音响，随时切换想听的音乐 单任务同时型 利用HUB显示器不分散视觉注意力的特性，作为车载导航的补充 单任务同时型 场景归类： 信息补充 - 利 用设备的特性，获取不同的信息类型并相互补充。 功能协作 - 利 用移动设备的便携性操控笨重的 大屏设备。 用户驱动力： 任务意图驱动，获得控制感，认知，和 自我满 足。 设计关键因素： 恰当分配主、 子屏幕呈现的信息显 示；控制的便携性与被控制的及时反馈。 多任务同时型 用户同时使用两个或者更多的屏幕，进行完全独立或者相关度不高的任务，屏幕间使用频繁切换。 多任务同时型 看电视同时玩PAD 多任务同时型 84%的 手机或平板持有者，在看电视时，会同时使 用移动设备 用户驱动力： 这种多任务处理更类似于 一种 人类分 心习惯的驱使;或者是 用户降低焦虑感，打发 无聊时间的 手段。 1、 用户不断从两个任务中转换 心理模型和 身份，精 力不专注。 2、在某 一任务需等待时， 用另 一个设备来消磨等待时间。 设计关键因素： 这类情景分布较广，并不是跨屏设计的重点。 可以根据产品需求，设计时要找到用户的关注点，确保关键信息不被遗漏，降低专注成本。 多任务序列型 生活中，只要用户会使用多个设备，就会出现这