编辑导语:我们在很多平台都会用到输入框这个功能,输入框设计的好与坏对用户的体验
关联非常大;遇到过一些输入框,句子过长就隐藏了后面的内容,让用户根本没办法一目
了然,也不好修改;本文作者详细介绍了 B 端 UI 交互界面基础组件的输入框,我们一起
来看一下。
一、前言
在前一篇文章《B 端 UI 界面交互基础组件-下拉菜单》中,一起学习了 B 端“下拉菜单”
组件 UI 设计规范,其中包括常规菜单、多级菜单;并从“下拉菜单”组件的需求场景、
内容布局以及交互方式等方面对以上组件进行了详尽的规范描述。
今天,作者又为我们介绍了 B 端“输入框”组件的交互规范,由于输入框内容比较多,规
范比较细,我们分为上下两部分进行学习。
二、单行文本输入框
1. 需求场景
提供用户无段落输入的操作区域。 用户可能对部分输入项有疑惑,需要进行解释说明。
输入项规则比较复杂需要提供操作说明。 对于用户的误操作,需要提供合法性检测并且
能够及时反馈。
1)内容布局
按照功能分为:文本输入、辅助信息、备注信息、数据关联提醒文本。
2)输入框文本标签居右对齐,标签左侧为是否为必填项标注。
非必填项: ...
附件列表