编辑导语:表单可以被拆解为标签、输入框、按钮三个基本要素,在进行这些设计时,往往会有无数疑问从细节中冒出来,要怎么解决呢?本文作者对七个常见的问题进行了分析解答,一起来看一下吧。
按钮的圆角用多大,标签后面是否用冒号,选填必填怎么区分,线索模式和说明模式应用区分……针对这些小细节问题有时候感觉非常头疼,一边不停地催稿,一边不停地纠结这些细节,最后大家一起合作的往往五花八门,而单独页面改版也不是一直存在的事。
提起表单,相信我们往往用最直觉的设计经验本能驱动我们去解决一些看似在界面设计中的问题,但每到细微之处,又会有无数疑问从细节中冒出来给我们造成困扰。今天的分享有点冷门,希望能抛砖引玉,引起大家的重视。
表单基本形式可以被拆解成三个最基本要素:
标签是用来提示用户列表项是什么;输入框是用户信息录入的;按钮是供用户完成信息录入后进入下一个流程的。
问题一:输入框是否放入清空按钮?1. 单行文本
输入账号和密码后面往往有个「清空按钮」,因为密码输入默认******,无法直观看到哪个字符输入错误,全部清空重新输入就非常符合用户场景。写到这想起来搜索后面也是有「清空按钮」,那就是常见表单输入框后面是没有「清空按钮」,特殊场景才会有,那么怎么判断输入框是否放入关闭按钮呢?
各种功能场景用户主要希望要快,无论在登录注册还是搜索场景下,除了本身内容外,最注重的就是效率。
在APP进入市场时往往有业务指标是注册量、留存等,所以设计师会在登录注册的操作流程中抓住提高效率的每个细节,这时候输入框的交互效率至关重要,一个是与业务指标挂钩,另外一个在电商行业高效率某个程度来说是可以提高成交率的。
2. 搜索场景
搜索也是也是一样,当用户使用搜索框时是有明确目的的,关键词就是用户当前最关心的。如果输错或换一个关键词则需一个个删除,这样反而没有清空来得快,特别在电商行业决定用户买不买就在那一两秒。
这类场景下的「删除」功能作用是「清空」,其主要原因是快捷方便,在符合用户预期目标场景下最节省删除成本。
3. 多行文本
为什么我们在淘宝上买商品,在商品不符合预期时往往编辑一大段话描述不好的特点,甚至还附图佐证,这时候后面没有清空按钮呢?