手机文本输入框的设计方法介绍(图文)

2020-05-02 07:44:43易采站长站整理

  用户输入的内容不准确会导致不准确的操作反馈时,需要增加对输入内容的简短描述,以降低这种误操作的风险。
  如果不提示输入商家或地点名称,用户应该不会很快搞清楚这个框子里应该输入些什么,用户好不容易完成输入,却是输入了一个错误的关键词,得到的是查无结果,很难想象用户该有多么的沮丧。
  4.输入诱导
  在多行文字的输入框中,虽然有光标闪烁提示用户输入框已被激活,可以输入了,但是为了消除用户在面对大片空白区域而产生紧张感也会增加引导性的文字,引导用户输入而不是点返回按钮退出。
  "说点儿什么吧……""吼一句"这些引导词会让用户有亲切感,引起用户情感上的共鸣,激发用户的操作欲望。
  无中生有之"附加控件"——简化用户操作
  为了使文本的输入效率更高,文本输入框可以与一些控件进行关联,依靠这些控件来简化或方便用户对输入文本的编辑操作。归纳几种输入框常用的附加控件如下:
  1.单位控件
  某些特定条件的输入内容本身就是一个单位,如收件人的邮箱地址,收信人的电话,好友的名称等。将每个单位转化为控件按钮,可以方便用户对单位信息进行编辑操作。
  添加收件人的输入操作中,输入的每个收件人名字自成一个单位,以分号隔开显示,当输入框再次获得焦点时每个单位文字变成控件按钮。编辑时可以就某个单位进行单独编辑,或删除,提高整体输入效率。
  单位控件的样式需结合具体的输入内容进行设计,可以是按钮形态,也可以是其他形态。位置可以在输入框内部也可以在外部,依具体情况而定。
  2.删除控件
  在手机上输入文字困难,删除大段的不必要文字同样困难,在设计时需要根据用户的使用情景充分考虑这一需求,使输入框附加一键删除按钮。
  浏览器地址栏中的"地址输入框"常常需要用户将其清空重新输入新的地址,因此当已有内容的地址栏获得焦点时,在输入框内增加一个清除按钮,方便用户快速的清空现有内容,开始新的内容输入。
  在微博的编写过程中,用户常常输入了一段文字后感觉并不是合适的,需要重新输入,此时输入框中的清除按钮就可以让用户快速清除当前输入的所有文字。