产品设计中的数据录入

数据录入是获取对象信息的重要交互方式,用户会频繁的增加、修改或删除信息。多种多样的文本录入和选择录入方式帮助用户更加清晰和高效的完成这项体验。设计者应当注意这几点:

  • 为初级用户/偶尔访问的用户提供简单易懂的文案作为『标签(Label) 』;为领域专家提供专业术语作为『标签(Label) 』。当需要用户提供敏感信息时,通过『暗提示』来说明系统为什么要这么做,例如:需要获取身份证号码、手机号码时。
  • 让用户能在上下文中获取信息,帮助他完成输入。使用『良好的默认值』、『结构化的格式』、『暗提示』、『输入提醒』等方式,避免让用户在空白中猜测输入。
  1. 文本录入:输入框为用户提供了编辑文本的控件,是录入数据最基础和常见的方式。
  • 文本框(Input):输入较少的字符总数,使用单行的输入形式。
注:可以对一些文本(如数字和网址)运用特别的样式。详见 输入框(Input)
文本输入框
  • 文本域(Textarea):录入长篇幅的单一的文本使用多行的文本区域。
文本域
  • 提示与帮助:为提升数据录入效率,通常可以在输入框内增加暗提示以帮助提醒用户。
注:输入框通常与标签(label)搭配使用,标签(label)默认放于输入区域的左侧,当文案过长或英文环境下也可放于在上方,但同个系统中需保持统一。
基本提示和帮助样式
当说明文案较长时,你可以使用一个『信息』图标或者提示工具。
对于那些短的输入提醒(短于一句),你可以将其放置在输入框的下方。
  • 搜索(Search):搜索可以让用户在巨大的信息池中缩小目标范围,并快速获取需要的信息。
搜索框
未经允许不得转载:Cooders'S Blog » 产品设计中的数据录入