• 首页
  • 站长新闻
  • 经验心得
  • 新手教程
  • 营销策划
  • 搜索&SEO
  • 创业
  • 互联网
  • 电子商务
  • 专题
  • 世界新闻
  • 当前位置: 云商网主页 > 电子商务 > 文章详细内容

    UX表单设计小诀窍

    2017-09-20 - 电子商务 - 阅读: -作者:admin -加小编V信:hxw700   我要投稿
    比较表单标签的所有趋势
      输入模式首次改为浮动标签模式是2013年8月。这个想法很简单:动画占位文本在输入旁边显示的是图标,以至于用户不会在当前坏境中迷失。
    这个想法随着时间一点点推移。图标并没有完全达到目的,令人非常沮丧的是因为没有标签不知道什么是正确的。这时图标想法被废弃,只有文本设计诞生了。现在,浮动标签用文字的轻微动画进入画面。当有人输入输入框时,浮动标签将向上动画,并将颜色更改为活动状态。
    1、在顶部对齐的标签上扫描更多元素
      在上面的顶部对齐形式中,只有4个字段。但是当你扫描表单时,会感觉有很多的需要填写的。这是因为用户必须扫描8个不同的元素。
      标签和字段是由空格分隔的单独元素。因此,用户可以使用8个独立的视觉固定来处理这些元素。额外的视觉效果给用户更多的扫描做,让他们觉得有很多要填写。
      2、提交前最后检查输入
      使用顶部对齐标签,到最后不是很快地交叉检查输入。用户必须从标签上向上和向下扫视,看看是否匹配。空白行和字段边界阻碍了他们的视觉路径,并减缓了它们的流向。
      输入字段填写后标签消失的其他模式也是有问题的。消失的标签迫使用户去回忆标签的内容。
    使用第三种模式(浮动标签模式)检查用户输入是快速且容易的。标签不会消失,也没有视觉障碍,如顶部对齐的表格。相反,每个字段的一个视觉固定是比较标签和输入所需要的。
      文本样式也可以帮助用户更快地检查其输入。通过使输入文本粗体大小,标签文本较小,用户可以一目了然。

    顶一下
    (0)
    0%
    踩一下
    (0)
    0%

    上一篇:澳门赌博网站游戏化设计技巧赏析

    下一篇:没有了

    赞助链接

    赞助链接