美文网首页
表单元件设计的注意要点

表单元件设计的注意要点

作者: 北岭有狐 | 来源:发表于2018-08-17 14:49 被阅读22次

    1、短文本签名

    标签文本简洁明晰

    2、输入区的大小尺寸合宜

    按照输入内容的长短来设计输入框的尺寸。

    合理的尺寸

    3、状态可感知

    当用户操作时给予及时的反馈,如当用户准备输入的时候输入框发光或闪动光标。

    状态可感知

    4、帮助信息

    在合适的地方适时出现,解释一些令用户困惑的问题。

    帮助信息

    5、键盘弹出与类型

    键盘弹出不要遮挡输入区,弹出的键盘与要输入的文本一致。比如输入数字的时候弹出数字键盘,不要弹出文本键盘。

    键盘类型

    6、字体大小

    网页上设置正文字体的时候,最安全的选择是16px,当然,大小的选取主要还是取决于实际的页面设计,如果识别性问题,应当适当调大一些。

    字体大小

    7、舒适的点击区

    用户点击的触发区域大小位置适中,不会引发错误操作。移动端拇指的触发区域一般在32px~40px之间。

    点击区域

    8、自动补齐与智能预设

    如填写邮箱时自动补齐常见后缀,让用户进行选择而非输入。

    根据“尼尔森交互”中再认好过回忆的原则,根据用户输入的内容以下拉框的形式实时补齐内容能获得良好的用户体验。

    自动补齐

    相关文章

      网友评论

          本文标题:表单元件设计的注意要点

          本文链接:https://www.haomeiwen.com/subject/siozbftx.html