设计必须知道的事PMskill

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

2015-08-06  本文已影响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. 多选的表达方式

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

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

多重标签筛选

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

京东 多重筛选.jpeg

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

上一篇 下一篇

猜你喜欢

热点阅读