专栏名称: 微交互
分享交互经验,提升产品用户体验。帮助您打造优秀产品。细节设计成就卓越产品。
目录
相关文章推荐
庞门正道  ·  500万美金一张的卡,设计就这? ·  17 小时前  
彼岸的潘恩  ·  百年品牌SaCha的真皮凉鞋,夏天穿,绅士凉 ... ·  20 小时前  
彼岸的潘恩  ·  百年品牌SaCha的真皮凉鞋,夏天穿,绅士凉 ... ·  20 小时前  
上海人力资源和社会保障  ·  精选岗位推荐,最新急招岗位一览! ·  昨天  
字体设计  ·  原研哉| ... ·  4 天前  
优设AIGC  ·  苹果iOS ... ·  4 天前  
51好读  ›  专栏  ›  微交互

这7个秘诀,能帮你做出体验极佳的网页表单

微交互  · 公众号  · 设计  · 2017-03-24 10:14

正文

请到「今天看啥」查看全文


2、考虑使用浮动的提示文本

对于是否要在表单的输入框中加入提示文本有很多争论,其中主要的争论围绕在一点上:当用户点击输入框,光标出现准备输入的时候,其中的提示文本并没有自动消失,而需要手动删除之后再才能输入。这就非常尴尬了。

此外,Nielsen Norman Group 的研究发现,空白字段会更加吸引用户注意,并且能够帮助用户更加清晰的输入信息。

如果你觉得有必要给用户以提示,那么请考虑使用交互性更强的解决方案:浮动的提示文本。在输入框内加入提示文本,让它看起来是占位符,但是允许它动效化,当用户的光标悬停或者点击输入框的时候,提示信息移动到左上角的位置上,它永远不会消失,起到了提示的作用,便于用户输入,动效还能给用户以惊喜,何乐而不为呢?

3、使用表单格式掩码

格式掩码能够提醒用户输入的内容的格式,字段的长短大小,对于表单的可用性有明显提升。在用户激活输入框的时候,格式掩码会出现,它会帮助用户格式化输入信息,避免提交的时候出错。格式掩码常见于数字输入的时候。

最典型的情况就是电话号码的输入,常见的格式掩码如下:

·(000) 000-0000
·000-000-0000
·0000000000







请到「今天看啥」查看全文