产品设计

    今日:49| 主题:15802
收藏本版 (1)
软件产品、PC、移动、网站、平台的开发、策划等内容。

[其他] 占位符文本的选择

[复制链接]
请允悲 发表于 2016-11-29 18:56:33
161 3

立即注册CoLaBug.com会员,免费获得投稿人的专业资料,享用更多功能,玩转个人品牌!

您需要 登录 才可以下载或查看,没有帐号?立即注册

x
通过解决占位符的误用,提高表单的可用性
  占位符文本可用作几乎所有的HTML输入类型的属性,被误导的设计师和开发人员不要犹豫。为复杂的表单提供文字帮助或者删除输入标签来提高美观度都颇具吸引力,然而,这样使用占位符文本会导致许多可用性问题。
   本文将例举常见的 不良 做法,并提供替代方案。
  将占位符作为标签

   
占位符文本的选择-1 (占位符,设计师,吸引力,不要犹豫,标签)

  将标签放在输入框的上方,而不是将占位符用作标签。
  设计师为了缩短表单长度或者减少视觉干扰,会将占位符文本作为输入框的标签。这种做法给短期记忆带来负担。用户在单击或键入时,标签就会消失,那么如果要再次显示标签,就必须删除该条目才行。
   最好在输入区域的上方放置一个输入标签。空白的输入区域就是输入数据的提示——用户会寻找未填写的区域来确定他们需要采取行动。

  用占位符作例子

占位符文本的选择-2 (占位符,设计师,吸引力,不要犹豫,标签)

  将示例文字放在输入框的外部,而不是用占位符做例子
  提供所需示例有助于用户理解请求。然而用占位符文本充当示例会引起一些问题:失焦,对已录入的内容感到迷惑,以及减少输入框的自解释性。作为替代,示例文字可以放在输入框的下方区域。
  用占位符充当帮助文本
1234下一页
友荐云推荐




上一篇:当机器学会创作视频,预测人类行为
下一篇:数据的验证价值:如何利用数据验证你的想法及假设?
酷辣虫提示酷辣虫禁止发表任何与中华人民共和国法律有抵触的内容!所有内容由用户发布,并不代表酷辣虫的观点,酷辣虫无法对用户发布内容真实性提供任何的保证,请自行验证并承担风险与后果。如您有版权、违规等问题,请通过"联系我们"或"违规举报"告知我们处理。

访蕊 发表于 2016-11-29 20:56:59
每每看到楼主的这番话,我就觉得,楼主不容易,楼主辛苦了!
回复 支持 反对

使用道具 举报

如果你活着,早晚都会死;如果你死了,你就永远活着
回复 支持 反对

使用道具 举报

liluo1991 发表于 4 天前
前排支持下了哦~
回复 支持 反对

使用道具 举报

*滑动验证:
您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

我要投稿

推荐阅读

扫码访问 @iTTTTT瑞翔 的微博
回页顶回复上一篇下一篇回列表手机版
手机版/CoLaBug.com ( 粤ICP备05003221号 | 文网文[2010]257号 )|网站地图 酷辣虫

© 2001-2016 Comsenz Inc. Design: Dean. DiscuzFans.

返回顶部 返回列表