2018-02-17 08:14:00
文本输入框无处不在,无论PC端还是手机端,虽然,文本输入框的页面简单,但对于用户体验都有很大的影响。特别是手机端收到设备本身的条件限制,文本输入较麻烦,因此如何改进文本输入框,提升用户体验就显得很重要。所以,我们今天就如何做手机网站文本输入框的5个“潜规则”。
1.短文本标签
使用短文本标签,可以说是“明规则”了。标签是用简短的词语向用户传达信息,提示用户该文本框输入什么内容。举个最简单的例子,“名字”和“你的名字”,首选当然是前者。
2.明显的输入框焦点
用户在选中文本框输入的时候,提供清晰显眼的提示,有利于用户锁定位置,减少输入失误。可以使用闪动的光标,或者是与其他文本框差异较大的颜色等。
3.提供舒适的点击区域
手机端网页更需要考虑用户点击手机屏幕时的体验。在设计时,需要确保用户点击输入框的触发区域足够大,而不是要多次精准点击。如果用户尝试点击3次都无法进入输入状态,用户对网站的印象就会大打折扣。
4.键盘类型与文本输入相匹配
在手机网站注册上,需要用户输入不同的信息,如姓名、手机号码等。而姓名、手机号码属于不同类型的文本,拼音与数字。当输入框需要数字时,如果弹出全键盘,还需要用户改变输入状态,十分不便。
5.为长数字输入提供间隔
输入提示针对的是数字输入,如手机号码等,超过10个数字的输入。有间隔的输入提示,不仅能帮助用户当前的输入情况,也能方便用户进行检查确认。例如手机号码可以以“XXXXXXXXXXX”这种形式展现。
以上提到的“潜规则”都是为了使文本输入尽可能简单便利,即使只是看起来很不起眼的小变化,都可以提高输入框的可用性、提升用户体验。