设计手机文本输入框:手机端高效的文本输入框设计

手机端的文本输入受到使用环境、网络状况及设备本身条件的制约，使其用户体验的改良成为一个老生常谈的话题。如：一直在改进的输入法，新输入方式的探索（语音输入），甚至想尽种种办法去避免输入……

文本输入本身是一个从无到有的过程，是让用户将空白的输入框填满的过程，本文避谈一些尚未经过易用性测试验证的创新设计，从本人的日常积累和实际经验出发，以文本输入框作为设计对象，从帮助用户认知及简化用户操作这两个维度来探究这些看似简单空白的小条能否生长出大智慧。

无中生有之“引导词”——帮助用户认知

手机端的界面空间可谓寸土寸金，很少有空白的区域。而用户在面对界面中一片空白的区域时往往会产生紧迫感甚至有些不知所措。如果在这片空白里增加一些“引导词”（即引导描述型词条），用户就能迅速产生认知活动，对将要输入的内容进行快速反应和判断。

就登陆界面的设计来说，面对无引导词界面的用户也许会浪费时间在想他的用户名是什么来着？是他的邮箱还是随便起的昵称还是他的手机号？以及他的密码是几位的？甚至还会浪费时间在用户名的书写格式上。而使用第二个界面的用户会在第一时间获知闪烁的光标处要输入邮箱，密码框里的“小点点”也形象的告知了用户密码的显示形式和长度。可见输入框中增加必要的引导词能够提高用户的输入效率。

“引导词”依据使用功能及使用场景进行分类如下：

1．输入内容的模板

提供给用户即将输入内容的模板，用户无需花费更多时间思考如何输入。

you@website.com是约定俗成的邮箱地址的模板，能够与用户的心智模型相呼应，用户能够很快的做出反应。

2．需要输入的片段内容

输入内容中有部分内容是用户经常用到或重复用到的，或者是约定俗成的，那么把这部分内容直接作为引导词，显示在文本输入框中，一方面能够提示用户接下来将要输入什么内容，一方面能够省略这部分内容的输入操作，进而提高输入效率。

“www.”和“.com”等是用户所悉知的网址协议，在输入框中增加该引导词能够给用户直观的提醒这里是要输入网址的，并且省略了这些字符的输入。

3．输入内容的描述

用户输入的内容不准确会导致不准确的操作反馈时，需要增加对输入内容的简短描述，以降低这种误操作的风险。

如果不提示输入商家或地点名称，用户应该不会很快搞清楚这个框子里应该输入些什么，用户好不容易完成输入，却是输入了一个错误的关键词，得到的是查无结果，很难想象用户该有多么的沮丧。

4．输入诱导

在多行文字的输入框中，虽然有光标闪烁提示用户输入框已被激活，可以输入了，但是为了消除用户在面对大片空白区域而产生紧张感也会增加引导性的文字，引导用户输入而不是点返回按钮退出。

“说点儿什么吧……”“吼一句”这些引导词会让用户有亲切感，引起用户情感上的共鸣，激发用户的操作欲望。

[1] [2]  下一页