电视机顶盒上网页应用开发的思路

核心问题，输入方式改变了

电视机的输入方式变成了遥控器，遥控器能做的就是：上，下，左，右，确定，返回，以及0-9的数字键。

高级的电视的遥控器会有语音输入，比如小米电视。

接触了电视机，感觉整个操控体验从智能手机变成了按键手机。很多操作都很像。只是黑白屏手机数字输入和文字输入都很方便，电视机不行。

输入方式的改变导致我们的交互语言需要进行改变。

布局+导航：

传统的网站/手机app：可以任意布局，只要能看到的地方都可以去点，我们可以直接通过鼠标或者手指将焦点定位在我们的目标上，我们直接想点哪里点哪里。

电视机：无法将焦点直接定位到目标上，必须依靠遥控器上下左右的导航，因此布局不合理的的话，会导致用户操作非常麻烦。比如用户想一直往下，但是可能下了一定程度又开始往左了。每个页面的可导航区域必须减少

输入方式

传统的网站/手机app：我们可以很方便的调用出键盘进行文本的输入，日期的选择，下拉框滑动，按钮的拖动等

电视机：依靠遥控器进行文本的输入非常蛋疼，需要移动光标选择字幕，然后输入相应的文子。 下拉框滑动稍微好一点。数字输入比较好，因为遥控器自带了1到9的数字按键。

改进

1. 每个页面尽量不要有太多需要点击的按钮，尽量简洁
2. 将相关按钮和数字键进行绑定，这样可以通过数字键这样的快捷方式定位到目标上
3. 可以借鉴原始的黑白屏按键手机，将数字和字母组合绑定到一起，结合输入法，这样在输入文本上会有一个大的速度提升。
4. 将系统语音输入和识别上做好，有一套好的语音交互语音，导航的时候就会非常的爽了，输入的时候也会非常的爽，但是开发工作量也相应的会变大一些。（里面会面临一些日常聊天和电视机操作指令的冲突问题）
5. 瞎想：如果可以的话，很多电视都有蓝牙或者屏投，把电脑或者手机的屏幕投到了电视上，那么能否我们要操作和输入的时候，把电视上的屏幕投回我们的手机或者电脑呢？这样操作起来也会很爽

总结

先做 1 2 3 ，然后做好4， 电视机的语音交互就爽爽的了。

买了一台小米电视55寸的智能语音电视，发现小米电视在1的排版导航上和4的语音输入，语音交互上已经做的非常好了，同时还做了5的，做了一款手机 app，app 上可以，控制电视机。真的是做的很赞的体验。页面设计的也非常的精美。

2018-04-15 04:56