美文网首页设计必须知道的事PMskill
产品模块整理|更轻松输入#2 简化手动输入的技巧

产品模块整理|更轻松输入#2 简化手动输入的技巧

作者: 喵在野 | 来源:发表于2015-08-06 15:23 被阅读129次

    在手机上的输入,一般场景很有限。

    1)搜索
    2)输入网址浏览网页
    3)聊天/回复/评论,发微信微博各种社交软件
    4)某些注册表单填写
    5)某些信息的及时反馈

    大段大段的文章基本上是不可能在手机上输入的(因此,我对于简书APP把撰写放在底部tab最中央的位置一直觉得理解不能,除非是打算做成twitter,微博)。

    一、手动输入里面,有什么办法是要比一个字一个字地敲击键盘更方便简单地输入呢?

    总结下来,主要有这么两种:
    1:监控输入并及时展示可能结果,这样用户在没有输入完成的时候就会看到TA可能最想要的输入结果,然后选择即可。
    2:在同个输入场景,提供:

    • 过往输入记录;
    • 目前最热的输入词;等来节省输入精力。

    这种办法经常在搜索/网址输入,以及输入法当中被用到。

    我们的实践:

    比如当我们为客栈在做搜索设计的时候,增加了这么几个逻辑:

    1)用户点击搜索框时,展现过往的搜索记录

    搜索历史

    2)用户输入的同时监控输入,并根据输入文字展现最可能的搜索结果


    搜索2

    二、改输入为选择

    单选(包括快捷键),多选,都属于这种类型。
    针对使用频率及其高的词,即使可以智能输入自动补全也嫌麻烦,干脆一次选择搞定。

    适合场景:
    高频使用,有标准化输入答案。

    比如:日期时间的输入,固定条件搜索,常用网址输入等。

    1.单一内容的输入一般可采取标签选择,滑杆的方式,以下为几个实例:

    Safari为例:历史,书签,常用 3个维度供单选。

    Safari

    Yahoo news digest 为例:文摘时间供单选

    Yahoo.jpg

    Uber 为例:车型的选择,采用了滑杆设计

    Uber.jpeg

    客栈个人能力自评:有起点,终结点的单选,用滑杆很带感

    滑杆.jpg

    滑杆设计更多被使用在音量,速度,波段等“调节”功能展现上。

    2. 多选的表达方式

    • 简单多选,直接标签添加即可。

    • 多层条件选择-
      滚轮筛选
      我个人最喜欢的是滚轮筛选,它能够让3个甚至4个多重筛选条件在一屏之内同时操作,很省事。比如时间(年,月,日,时,分,秒),地点(国家,省份,市,区), 或者是我们要找上海,做移动端,IOS程序员:

      客栈人员筛选.jpeg

    这个确定按钮我现在看着也觉得很蠢T_T,看来下次要改一改了

    而下面的多重标签筛选则一般只能满足两重筛选条件同时操作。

    多重标签筛选

    京东,挖财都用了类似设计。

    京东 多重筛选.jpeg

    这部分先讨论到这里,下一部分,我们来探讨不用手来输入的方式,以及不用输入,直接可以获得信息的方式。

    相关文章

      网友评论

        本文标题:产品模块整理|更轻松输入#2 简化手动输入的技巧

        本文链接:https://www.haomeiwen.com/subject/ujqbqttx.html