ui 产品样例@产品今日看点

产品经理的UX——搜索和登录

2016-09-10  本文已影响505人  公子睿Sking

一.搜索

搜索输入框是一个很重要的输入控件,尤其是在内容特别多的时候,如果没有搜索(即便你已经将内容分类整理的非常好),用户也没有办法及时地找到自己想要的东西。

一般情况下,在提供信息内容为主要目的的APP里——当然这里的信息内容包含包含电商的各类商品——搜索框应该放在最明显的地方,比如首页顶端,并且搜索框应该是展开、用户直接就可以点击输入的。

跟之前的文本输入框一样,搜索框应该显示默认的输入内容,这个内容可以是用户上一次的输入,或者最近的热门搜索

一般情况下,使用放大镜图标来表示搜索。虽然也有其他的图标可以用,但放大镜是最常用也是最能让用户明白的。

关于用户搜索过程中的交互,比较重要的几点是:

1.自动搜索建议:在用户输入的过程中,给予匹配用户输入的搜索建议。对于大多数典型用户来说,如果在尝试搜索时找不到自己想要的东西,用户很可能就会放弃了,而不会继续去探索。但同时有一个问题是,用户并不能将自己想要的东西完美地表达出来,大多数情况下仅仅只能通过一种模糊的方式去表达。自动搜索建议的好处在于能够通过匹配相似的内容,来帮助用户找到自己想要搜索的东西,而不仅仅是加快用户的输入。

2.搜索记录:用户之前的搜索应该保留纪录,这样用户在点击进入搜索框的时候,能够将早前的搜索显示出来,用户可以直接点击来完成输入。这可以加快用户的输入。

3.搜索进度:用户在完成搜索输入后,系统需要给用户即时的反馈。系统进行搜索有可能会比较耗时,尤其是内容多的情况下。搜索进度反馈可以告知用户系统正在搜索中,你可以先给用户呈现没有内容的空白框,让用户知道内容正在准备中,等完成数据的准备后,再将内容展示出来,facebook的首页加载就是用这种方式。

而为了更好的用户体验,你也应该采用延时加载的方式去呈现数据——先将一部分内容展示出来,让用户先看,然后再后台继续加载后面的内容。而不是一次过获取到所有的数据之后,再展示内容。

4.搜索不到匹配的内容时:对于那些没有结果的搜索,不应该简单地给用户呈现一个空白页,而是对用户的搜索提供建议,或者给用户推荐内容。

下面这个是不好的做法:

更好的做法是这样:

二.登录

登录框是一种很简单的输入控件——一般情况只有用户名和密码的输入,外加一个确定按键;但却又很重要——只有登录才能读取和保存用户的信息,对于那些与用户账户相关的应用里,登录是必不可少的行为。

在登录框的设计里,需要注意的几点问题是:

1.注册和登录的样式要有所区别:

因为注册登录的行为很相似——输入用户名密码,点击按钮——很多应用会将注册和登录设计得一摸一样,仅仅是按钮的名称不同。这会让用户搞混现在自己是在注册还是登录。

例如下面这种:

而Twitter的做法就相对比较好:

2.你应该尽可能地提供联合登录:

比如facebook,google,国内的比如微博,QQ,微信。好处是降低了用户的注册门槛和操作。

3.让用户可以看见自己输入的密码:

4.尽可能让用户用邮箱或者电话来作为登录的用户名:

一来这具备唯一性,这样用户在注册时就不用不断地尝试以找到一个不重复的用户名;二来用户更容易记忆。

5.给用户提供保持登录的选择:

如果用户在公共的地方操作时,用户有可能不想保持登录;而当用户在自己私人的地方登录时,则可能更想能够保持登录,这样用户就不用每次打开应用的时候都要登录一遍。

6.在PC上面,提醒用户大小写:

如果用户在输入时切换了大小写,或者一开始的时候用户的键盘就是大写的输入状态,应该给及用户提示。

上一篇下一篇

猜你喜欢

热点阅读