（点击上方公号 ，可快速关注）
作者：陈小健
链接：https://www.jianshu.com/p/0bf08225f54b
一.搜索
搜索输入框是一个很重要的输入控件 ，尤其是在内容特别多的时候，如果没有搜索（即便你已经将内容分类整理的非常好） ，用户也没有办法及时地找到自己想要的东西 。
一般情况下 ，在提供信息内容为主要目的的APP里——当然这里的信息内容包含包含电商的各类商品——搜索框应该放在最明显的地方，比如首页顶端 ，并且搜索框应该是展开、用户直接就可以点击输入的 。
跟之前的文本输入框一样 ，搜索框应该显示默认的输入内容，这个内容可以是用户上一次的输入，或者最近的热门搜索
一般情况下 ，使用放大镜图标来表示搜索。虽然也有其他的图标可以用 ，但放大镜是最常用也是最能让用户明白的 。
关于用户搜索过程中的交互，比较重要的几点是：
1.自动搜索建议：在用户输入的过程中 ，给予匹配用户输入的搜索建议 。对于大多数典型用户来说 ，如果在尝试搜索时找不到自己想要的东西，用户很可能就会放弃了 ，而不会继续去探索。但同时有一个问题是 ，用户并不能将自己想要的东西完美地表达出来，大多数情况下仅仅只能通过一种模糊的方式去表达 。自动搜索建议的好处在于能够通过匹配相似的内容 ，来帮助用户找到自己想要搜索的东西 ，而不仅仅是加快用户的输入 。
2.搜索记录：用户之前的搜索应该保留纪录，这样用户在点击进入搜索框的时候 ，能够将早前的搜索显示出来 ，用户可以直接点击来完成输入。这可以加快用户的输入。
3.搜索进度：用户在完成搜索输入后，系统需要给用户即时的反馈 。系统进行搜索有可能会比较耗时，尤其是内容多的情况下 。搜索进度反馈可以告知用户系统正在搜索中 ，你可以先给用户呈现没有内容的空白框 ，让用户知道内容正在准备中，等完成数据的准备后 ，再将内容展示出来 ，facebook的首页加载就是用这种方式。
而为了更好的用户体验，你也应该采用延时加载的方式去呈现数据——先将一部分内容展示出来 ，让用户先看 ，然后再后台继续加载后面的内容 。而不是一次过获取到所有的数据之后，再展示内容 。
4.搜索不到匹配的内容时：对于那些没有结果的搜索 ，不应该简单地给用户呈现一个空白页 ，而是对用户的搜索提供建议，或者给用户推荐内容。
下面这个是不好的做法：
更好的做法是这样：
二.登录
登录框是一种很简单的输入控件——一般情况只有用户名和密码的输入 ，外加一个确定按键；但却又很重要——只有登录才能读取和保存用户的信息 ，对于那些与用户账户相关的应用里，登录是必不可少的行为 。
在登录框的设计里，需要注意的几点问题是：
1.注册和登录的样式要有所区别：
因为注册登录的行为很相似——输入用户名密码 ，点击按钮——很多应用会将注册和登录设计得一摸一样 ，仅仅是按钮的名称不同 。这会让用户搞混现在自己是在注册还是登录。
例如下面这种：
而Twitter的做法就相对比较好：
2.你应该尽可能地提供联合登录：
比如facebook，google ，国内的比如微博 ，QQ，微信 。好处是降低了用户的注册门槛和操作 。
3.让用户可以看见自己输入的密码：
4.尽可能让用户用邮箱或者电话来作为登录的用户名：
一来这具备唯一性 ，这样用户在注册时就不用不断地尝试以找到一个不重复的用户名；二来用户更容易记忆。
5.给用户提供保持登录的选择：
如果用户在公共的地方操作时 ，用户有可能不想保持登录；而当用户在自己私人的地方登录时，则可能更想能够保持登录 ，这样用户就不用每次打开应用的时候都要登录一遍 。
6.在PC上面 ，提醒用户大小写：
如果用户在输入时切换了大小写，或者一开始的时候用户的键盘就是大写的输入状态 ，应该给及用户提示 。
本文来自作者[墨问枫]投稿，不代表调研号立场，如若转载，请注明出处：https://kydy.org.cn/miao/15188.html
评论列表（4条）
我是调研号的签约作者“墨问枫”！
希望本篇文章《【html+css+js的信息管理系统,javaweb信息管理系统】》能对你有所帮助！
本站[调研号]内容主要涵盖：调研号,生活百科,小常识,生活小窍门,百科大全,经验网
本文概览：（点击上方公号，可快速关注） 作者：陈小健 链接：https://www.jianshu.com/p/0bf08225f...