美文网首页
Day70 《Web表单设计》读书笔记

Day70 《Web表单设计》读书笔记

作者: 交互KevinC | 来源:发表于2020-07-11 15:25 被阅读0次

    设计表单时的可达性要求

    • 为各种情况标注文字,如
      (1)图片的工具提示
      (2)表格内容的简短摘要
      (3)表单的每个对象尽量都要有自己的标签
      (4)框架或页面的标题必须有意义
    • 页面上的文字链接应该直观表达出具体含义,而不是简单的“点击这里”
    • 不要把色彩作为传递信息的唯一方式
    • 应当确保颜色对比色良好,特别是文字和背景之间的颜色,另外要考虑色盲用户
    • 字号应该适合阅读,最好是允许用户自己选择适合自己的字体和字号
    • 不要使用无意义的动画
    • 避免使用每秒闪烁超过3次的对象,因为这可能会引起癫痫用户的发作
    • 必须保证只使用键盘也能完成页面上的任务
    • 使用清晰明确的语言
    • 如果产品有时间属性,应当允许用户关闭、调整或延长时间的属性
    • 保证页面元素的一致性
    • 在每个页面顶部,应该提供只是用键盘就能跳过重复内容的方法

    Tab键跳转

    • 设计表单时应考虑支持tab键在输入框之间移动
    • 需要对tab键输入框跳转顺序进行设计,保证用户体验

    最佳实践

    • 确保表单名称符合人们的期望,并间接解释每个表单的用途
    • 如果填写表单需要花费较长时间,可以在起始页设定人们的期望
    • 采用清晰浏览线和有效视觉元素来引导用户完成表单填写
    • 对于关键任务表单,应当去除会分散注意力、会导致人们放弃填写的任何元素
    • 如果表单分为多个有序网页,可采用进程指示来传达范围、状态和位置信息
    • 如果表单没有清晰的有序网页,应当采用笼统的进程指示,而不要设置错误期望
    • 设计表单布局时,应考虑使用tab键的跳转
    • 采用“tabindex”HTML属性来控制表单的跳转顺序

    相关文章

      网友评论

          本文标题:Day70 《Web表单设计》读书笔记

          本文链接:https://www.haomeiwen.com/subject/nydicktx.html