现代诗歌

绝无仅有!2019年最全的UI设计之输入字段剖析 – 学UI网

  • 本站
  • 2019-08-07
  • 60已阅读
简介 在某些情况下,最好使用自动格式化该字段会自动调整用户提供的信息(根据格式)。 它使得在表单中验证信息变得更加容易。 聚焦状态你需要使用视觉效果突出显示活动字段。 当字段处于活

绝无仅有!2019年最全的UI设计之输入字段剖析 – 学UI网

在某些情况下,最好使用自动格式化该字段会自动调整用户提供的信息(根据格式)。 它使得在表单中验证信息变得更加容易。

聚焦状态你需要使用视觉效果突出显示活动字段。

当字段处于活动状态时,始终显示光标。

光标应指示当前用户在该字段中的位置。 它可以防止用户进行不必要的操作。 提供前缀/后缀当字段具有某种度量时,前缀和后缀很有效。 例如,金额的输入字段(前缀或后缀可以表示货币)或权重(后缀可以表示质量单位)。

设置默认值最好避免静态默认值,除非你绝对确定你的大部分用户(比如说95%)会选择特定值。 特别是如果来自该领域的信息对你很重要。 为什么?因为人们快速扫描表单,许多人会忽略已经有值的字段。 此原则的唯一例外是智能默认值。 智能默认设置可以使用户更快更准确地完成表单。

例如,根据用户的地理位置数据预先选择用户的国家/地区。

但是,你仍应谨慎使用这些,因为用户倾向于保留预先选择的字段。 关闭图标是一个具有强大功能的小图标它可以帮助降低交互成本。 清晰的关闭图标显示此图标可帮助用户在一次点击中删除字段中的文本。

注意容器右侧的“交叉”图标。

当用户点击此图标时,输入将被删除交叉或检查图标如果你使用内联验证,则可以使用关闭图标通知用户有效/无效输入。

当用户提供不正确的信息时,你还可以显示错误消息。 应在容器下方显示错误消息。 在修复错误之前,用户应该可以看到错误消息。

附注:良好的错误消息不应仅仅说明用户输入无效的事实;它应该提供有关如何解决问题的上下文说明。

眼睛图标对于收集密码的输入字段,你可以显示“眼睛”图标,以允许用户查看他们键入的内容。

语音输入图标麦克风图标表示可以为用户提供语音输入。

Top