B端产品经理-B端UI交互界面基础组件-输入框（上）

是 否 +2 论坛币

k人 参与回答

经管之家送您一份

应届毕业生专属福利!

求职就业群

赵安豆老师微信：zhaoandou666

经管之家联合CDA

送您一个全额奖学金名额~ !

立即领取

感谢您参与论坛问题回答

经管之家送您两个论坛币！

+2 论坛币

编辑导语：我们在很多平台都会用到输入框这个功能，输入框设计的好与坏对用户的体验
关联非常大；遇到过一些输入框，句子过长就隐藏了后面的内容，让用户根本没办法一目
了然，也不好修改；本文作者详细介绍了 B 端 UI 交互界面基础组件的输入框，我们一起
来看一下。


一、前言
在前一篇文章《B 端 UI 界面交互基础组件-下拉菜单》中，一起学习了 B 端“下拉菜单”
组件 UI 设计规范，其中包括常规菜单、多级菜单；并从“下拉菜单”组件的需求场景、
内容布局以及交互方式等方面对以上组件进行了详尽的规范描述。
今天，作者又为我们介绍了 B 端“输入框”组件的交互规范，由于输入框内容比较多，规
范比较细，我们分为上下两部分进行学习。

二、单行文本输入框
1. 需求场景
提供用户无段落输入的操作区域。 用户可能对部分输入项有疑惑，需要进行解释说明。
输入项规则比较复杂需要提供操作说明。 对于用户的误操作，需要提供合法性检测并且
能够及时反馈。
1）内容布局
按照功能分为：文本输入、辅助信息、备注信息、数据关联提醒文本。


2）输入框文本标签居右对齐，标签左侧为是否为必填项标注。
非必填项： ...

扫码加我 拉你入群

请注明：姓名-公司-职位

以便审核进群资格，未注明则拒绝

分享0 收藏0 回帖

关键词：产品经理 下拉菜单 设计规范 详细介绍 一起学习