AppleTV人机交互规范&我的碎碎念

近期接触到电视端相关应用的体验设计,在这过程中,分析竞品和寻找标杆成了我的日常,却很遗憾地发现:虽然机械复制移动端平板端的设计到电视上显然是错误的,但纵观电视端应用市场,大多数都在重复着这种错误。于是职业病使我打开了苹果和安卓官方的TV设计指南。在进行翻译之前,先贴几个自己的实践心得:

  1. 电视端用户交互成本比移动端高。这体现在数据输入、焦点移动、触发/反馈方式、导航层级等方面。在进行登录、搜索等输入型的流程设计中,应尽量缩短输入步骤,比如移动端常见的激活输入框这一操作范式,在电视上应尽量避免,尽量让用户直接输入或直接选择。
  2. 电视端更注重内容呈现。这点是基于第1点而言的,正因为电视端交互成本高,才应该将用户的注意力转移并沉浸入精彩的内容上来。
  3. 借助手机作为遥控辅助。手机操作方便,将复杂的流程任务模块尽可能移植到手机端,提高用户的操作效率。
  4. 距离决定了你不能在一个页面上放置太多元素,别让用户的眼睛觉得疲劳。当我们手持手机的时候,眼睛与手机的距离很短,这姿势的导向必然是聚精会神;而当用户坐在客厅里,眼睛离电视超级远,且因为不需要一直手持遥控器而解放了双手,所以注意力很容易不集中。当然如果你不想抓住用户眼球的话,可以忽略这条。
Ok,啰嗦了下面是苹果TV人机交互规范的译文:

Apple产品以连接用户与内容而闻名。AppleTV位于客厅这样一个家庭娱乐和沟通的环境,我们也希望在AppleTV中提现连接感。娱乐AppleTV是一个独立的平台,拥有独特的设计规范。不论你正在开发一个TV版本的游戏、流媒体应用、还是家用程序,请一定牢记以下原则:

  • 设计主题

    • 连接性:用愉悦的方式将智能电视中的内容与用户连接在一起。
    • 清晰性:让用户感到自然和简单,让他们本能地知道现在停留在应用中的什么位置,以及知道下一步应该怎么办
    • 沉浸性:用有吸引力的内容、精细/流畅的动画、惊奇的图像、迷人的声音…来打造沉浸体验
  • 身份验证

    • 尽量延迟登录操作。
      给用户先爱上你的App的机会再要求其登录,当重大价值发生时(比如购买行为)再弹出登录窗口
    • 减少数据输入。
      用户用遥控器输入,而非键盘,所以一定不要让数据输入操作过于繁琐。当你需要用户提供邮箱地址等类型的数据时,最好能记住用户的历史输入记录
    • 解释登录的好处,让用户明白该怎样注册。
      登录窗口最好展示一个简短、友好的说明,描述清楚必要的原因。记住,每个人最开始都需要一个账号,确保让注册登录的方式是最简化的。
    • 多帐号管理。
      TV是一个公共的设备。默认记住最近登录的用户信息,但要明确登录账号记录,让账号切换容易进行。
  • 缓冲

    • 让缓冲操作清晰和移动,最好用动画来表示TV正在处理的事情。
    • 使用统一化的占位符
  • 焦点与选择

    • 让被选择的元素清晰易见
    • 让焦点变化时的体验流畅
    • 设计多重焦点状态
  • 引导

    • 引导页是用户接触你的App的第一个机会,利用好它,设计出引导性的、趣味性的启动体验。但不要过度而成为使用障碍
    • 引导要围绕重点。
    • 快速进入App。引导不可过长,要让用户随时可跳过引导。
    • 让学习保持有趣和可现。
    • 预见用户寻求帮助的需求。如果内置了教学,最好能让用户可重播以免首次播放时的错过风险。
  • 设计要点

    • 区别按钮与内容

    • 梳理屏幕外的内容

    • 让用户清楚地知道下一个聚焦控件在哪里

    • 确保聚焦,不要模棱两可。使控件变大,发光或者是改变颜色。在大屏幕上请尽情使用夸张的表现手法。

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
  • 序言:七十年代末,一起剥皮案震惊了整个滨河市,随后出现的几起案子,更是在滨河造成了极大的恐慌,老刑警刘岩,带你破解...
    沈念sama阅读 213,558评论 6 492
  • 序言:滨河连续发生了三起死亡事件,死亡现场离奇诡异,居然都是意外死亡,警方通过查阅死者的电脑和手机,发现死者居然都...
    沈念sama阅读 91,002评论 3 387
  • 文/潘晓璐 我一进店门,熙熙楼的掌柜王于贵愁眉苦脸地迎上来,“玉大人,你说我怎么就摊上这事。” “怎么了?”我有些...
    开封第一讲书人阅读 159,036评论 0 349
  • 文/不坏的土叔 我叫张陵,是天一观的道长。 经常有香客问我,道长,这世上最难降的妖魔是什么? 我笑而不...
    开封第一讲书人阅读 57,024评论 1 285
  • 正文 为了忘掉前任,我火速办了婚礼,结果婚礼上,老公的妹妹穿的比我还像新娘。我一直安慰自己,他们只是感情好,可当我...
    茶点故事阅读 66,144评论 6 385
  • 文/花漫 我一把揭开白布。 她就那样静静地躺着,像睡着了一般。 火红的嫁衣衬着肌肤如雪。 梳的纹丝不乱的头发上,一...
    开封第一讲书人阅读 50,255评论 1 292
  • 那天,我揣着相机与录音,去河边找鬼。 笑死,一个胖子当着我的面吹牛,可吹牛的内容都是我干的。 我是一名探鬼主播,决...
    沈念sama阅读 39,295评论 3 412
  • 文/苍兰香墨 我猛地睁开眼,长吁一口气:“原来是场噩梦啊……” “哼!你这毒妇竟也来了?” 一声冷哼从身侧响起,我...
    开封第一讲书人阅读 38,068评论 0 268
  • 序言:老挝万荣一对情侣失踪,失踪者是张志新(化名)和其女友刘颖,没想到半个月后,有当地人在树林里发现了一具尸体,经...
    沈念sama阅读 44,478评论 1 305
  • 正文 独居荒郊野岭守林人离奇死亡,尸身上长有42处带血的脓包…… 初始之章·张勋 以下内容为张勋视角 年9月15日...
    茶点故事阅读 36,789评论 2 327
  • 正文 我和宋清朗相恋三年,在试婚纱的时候发现自己被绿了。 大学时的朋友给我发了我未婚夫和他白月光在一起吃饭的照片。...
    茶点故事阅读 38,965评论 1 341
  • 序言:一个原本活蹦乱跳的男人离奇死亡,死状恐怖,灵堂内的尸体忽然破棺而出,到底是诈尸还是另有隐情,我是刑警宁泽,带...
    沈念sama阅读 34,649评论 4 336
  • 正文 年R本政府宣布,位于F岛的核电站,受9级特大地震影响,放射性物质发生泄漏。R本人自食恶果不足惜,却给世界环境...
    茶点故事阅读 40,267评论 3 318
  • 文/蒙蒙 一、第九天 我趴在偏房一处隐蔽的房顶上张望。 院中可真热闹,春花似锦、人声如沸。这庄子的主人今日做“春日...
    开封第一讲书人阅读 30,982评论 0 21
  • 文/苍兰香墨 我抬头看了看天上的太阳。三九已至,却和暖如春,着一层夹袄步出监牢的瞬间,已是汗流浃背。 一阵脚步声响...
    开封第一讲书人阅读 32,223评论 1 267
  • 我被黑心中介骗来泰国打工, 没想到刚下飞机就差点儿被人妖公主榨干…… 1. 我叫王不留,地道东北人。 一个月前我还...
    沈念sama阅读 46,800评论 2 365
  • 正文 我出身青楼,却偏偏与公主长得像,于是被迫代替她去往敌国和亲。 传闻我的和亲对象是个残疾皇子,可洞房花烛夜当晚...
    茶点故事阅读 43,847评论 2 351

推荐阅读更多精彩内容

  • 1、通过CocoaPods安装项目名称项目信息 AFNetworking网络请求组件 FMDB本地数据库组件 SD...
    阳明先生_X自主阅读 15,975评论 3 119
  • Android 自定义View的各种姿势1 Activity的显示之ViewRootImpl详解 Activity...
    passiontim阅读 171,907评论 25 707
  • 安装以VMware为例 安装过程很简单,安装前选 桥接模式(不复制) 修改网络配置文件 安装mini版,不带ifc...
    Hey_Shaw阅读 1,705评论 0 0
  • 读《银湾》有感 这是一篇中学生的初三作文,文字里充满了青春纯真的气息,“那也是劳嘉琪的银水溪”,把银水溪和劳...
    尔东北水阅读 300评论 0 5
  • 阿秦得通知了 在杭州 有点爽 呜呜呜 我还没到啊啊啊! 我的画技什么时候才能提高啊啊……
    萌石专阅读 153评论 0 0