zoukankan      html  css  js  c++  java
  • 由智能电视上的搜索功能想到的交互设计

       大部分智能电视或者机顶盒中的文本框,对于键盘的处理都是这样的:获得焦点,不弹出键盘;按下遥控器的OK键,再呼出键盘。  而在小米盒子1.2版本中,或许是出于优化电视输入体验的考虑,将交互改为:文本框获得焦点即弹出软键盘。

      这两种交互谈不上孰优孰劣,各家厂商对此有不同的理解。我个人比较赞同第一种方案,不喜欢小米的设计。

      我们可以想一下在手机上的交互过程:用户点击文本框,同时文本框获得焦点时,才弹出软键盘。这个过程分为两步骤:

    1. 用户点击

    2.文本框获得焦点

      所以当这种交互拿到智能电视的时候,理应也是两个步骤:

    1.文本框获得焦点

    2.用户点击 (当然在电视上的用户点击就是用户按下遥控器的OK键)

      以搜索为例(讨论基于文本框获得焦点即弹出软键盘交互):

      在搜索页面出现时,焦点位于搜索栏内。如果按照类似小米的交互设计,必然会调出系统软键盘。这是一种很差的用户体验,用户还没有来得及看清楚界面,就被偌大的软键盘挡住了视线。

      在这里目前有两种处理方案:

        1. 抢夺第一次加载时的焦点,也就是让文本框在页面刷新出来时,丢失默认的焦点。
        这样确实不会弹出那个奇怪的键盘,而且在手机端大多数App工程师也是这么做的。但是手机比TV的操作要容易的多,用户的点击是不需要成本的。在TV上则需要通过遥控器按键控制焦点移动。
        本来搜索框应该是默认焦点,但是却需要移动一下遥控器才可以。这无疑是增加了操作成本。

        2.搜索框不获得任何焦点,只负责显示输入。输入通过自定义英文键盘。类似多米音乐

      你可能会想,尼玛不是要做一个输入法吧。其实没有那么复杂,仅仅是一个英文的键盘而已。那么只要合理的设计如何展示搜索数据即可。

      搜索这里的交互其实有很多可说的,类似多米全键盘首字母的搜索方案,其实用起来的感觉其实很恶心。首先在一堆全键盘里找拼音首字母,然后再次在一堆搜索结果中想到自己想要的结果。

      小米使用的是拼音9键的键盘,类似传统手机的输入界面。在输入体验上略胜一筹,但同样也需要在字母里选来选去。首笔画的输入方式是个亮点,最起码输入上优化了很多。

      唯一的缺点就是用户需要思考汉字第一笔应该怎么写,思考神马的最讨厌了。

      交互设计是一门大学问,好的交互带来流畅的用户体验,细节决定成败。


      原文链接:http://www.67tgb.com/?p=587

      转载注明:望月听涛

  • 相关阅读:
    Jquery 公告 滚动+AJAX后台得到数据。
    图片上添加文字。
    javascript的window.onload与jquery的$(document).ready()
    后台JS写法
    Ajax xmlhttprequest原理(一)
    SQL语句二次排序。先根据是否置顶字段。再根据最后更新时间排序。
    引以为戒的SQL语句写法
    C#中var关键字怎么用 ~
    上传文件 解析
    简易公告
  • 原文地址:https://www.cnblogs.com/javawebsoa/p/3091528.html
Copyright © 2011-2022 走看看