这两点会影响表单的可流览性  

 

  • 标签位置

 

不少的页面设计经验告诉我们,用户对标签顶部对齐的表单中所耗费的时间最短。因为这种方式大大地减少了使用者眼球运动次数。在通常表单标签设置中,右对齐的方式能让使用者也能很快帮助用户迅速地完成表单的填写。

 

  • 提示文字

 

如果将标签用在表单框内,帮助性并不大。因为在用户在表单当中进行输入的时候,提示文字就会消失了,而用户的记忆是有限的。若果把标签分开的话,另外增加框内提示文字,使用者会以为已经被系统自动填写了。

 

因此,最好的方式还是使用浮动标签的方式。在用户点击输入框的时候,自动地弹到输入框的上方或者左右两边。

本文来自投稿,不代表重蔚自留地立场,如若转载,请注明出处https://www.cwhello.com/44415.html

如有侵犯您的合法权益请发邮件951076433@qq.com联系删除

(0)
Inspirr的头像Inspirr订阅用户
上一篇 2022年6月25日
下一篇 2022年6月25日

相关推荐

  • 两招提升电商网站设计

      基於资料的使用者购买行为去预测进行设计 资料这个属於近乎可以改变绝大多数的行业,尤其是电商网站设计项目,与使用者的购物模式、商品模式有着紧密的关系。因此资料的收集和分析非常适合在电商网站设计的…

    2022年6月25日
    0127
  • 卡片式页面设计有哪些基础

    页面设计要运用卡片式方式,有很多需要注意的地方,因为卡片承载着太多类型不同的数据:图片、文字、按钮、链接、评论以及视频等。因此,卡片是一个可以点击的区块,前提就是要保证卡片的可读和易读,这样才能够让…

    2022年6月9日
    0140
  • 实用!空白界面如何呈现友好

    引导用户输入内容 以简明扼要的文字与标识引导用户,如何成功、快捷地进行输入。即使是明眼都知道的用户名和密码账号输入,都应该在侧边以标签或者输入框内占位符的形式标注。 反馈错误、提示与帮助 在用户的操作出…

    2022年6月25日
    0147
  • 2022年UI设计新趋势分享:黏土拟物化或将引领新一轮的风潮

    什麽是黏土拟物化?说到这里,你必须认识一个人:资深设计师Michal Malewicz。 ▲ Michal Malewicz 对,就是前两年让我们留意到新拟物化(Neumorphism)、玻璃拟物化(Glassmorphism)、极光风(Aurora UI)等UI设计趋势的…

    2022年6月21日 建站资讯
    0251
  • 快速提升 UI 设计效果的 6 个小技巧 (UI 设计集-3)。

    编者按:在进行 UI 设计的时候,很多小技巧能够恰到好处地提升界面的设计视觉效果、用户体验。这篇来自Mark Andrew 的文章梳理了 6 个实用性很强的 UI 效果提升小技巧,是系列文章的第三篇,原文最早发布于 marcand…

    2023年3月1日 SEO操作
    02
  • 正解网站页面设计应赋予可观性、可读性、美观性三大原则。

    为了让用户更容易获取信息,网页布局设计需要使图片和文本相互配合,让视觉图片营造一种氛围,优先将一般信息和感觉传递给用户,而文本则提供详细准确的内容,以确保信息准确无误。可用。文本也需要尽可能容易理解…

    2023年2月17日
    011
  • 两个tips让轮播图变得可爱  

      1、轮播图需充分融入到页面内容中 轮播图当中的信息内容与元素,必须和整个页面设计充分融入到一起,这样才能够让用户注意并且点击浏览它们。因此,建议使用与整站相符的风格、字体、色彩等。 2、慎用自动切…

    2022年6月25日
    0105
  • 动效设计是提升产品用户体验的最佳手段之一

    国外以为着名的一线设计师曾经说过,「好的动效应该是隐形的,好的动效应该是以提高可用性为前提,并且以令人觉得自然含蓄的方式提供有效用户反馈的一种机制。」也就是说,好的动效设计对於用户使用体验的提升有一…

    2022年6月25日 建站资讯
    0240

联系我们

QQ:951076433

在线咨询:点击这里给我发消息邮件:951076433@qq.com工作时间:周一至周五,9:30-18:30,节假日休息