array(23) {
  ["id"] => string(2) "96"
  ["siteid"] => string(1) "1"
  ["type"] => string(1) "1"
  ["m_id"] => string(1) "0"
  ["p_id"] => string(1) "0"
  ["name"] => string(6) "服务"
  ["thumb"] => string(63) "/modules/cms/uploads/recommend/2018/05/15/05797102164099283.png"
  ["image"] => string(0) ""
  ["desc"] => string(0) ""
  ["pdir"] => string(0) ""
  ["dir"] => string(7) "service"
  ["url"] => string(0) ""
  ["setting"] => array(15) {
    ["is_html"] => int(1)
    ["content_is_html"] => int(0)
    ["urlrule"] => int(1)
    ["contenturlrule"] => int(0)
    ["meta_title"] => string(88) "定制开发-APP定制开发,微信定制开发,小程序定制开发,网站定制开发"
    ["meta_keywords"] => string(75) "APP定制开发,微信定制开发,小程序定制开发,网站定制开发"
    ["meta_description"] => string(0) ""
    ["category_template"] => string(0) ""
    ["list_template"] => string(0) ""
    ["show_template"] => string(21) "show_page_dingzhi.tpl"
    ["formid"] => string(0) ""
    ["url"] => string(0) ""
    ["target"] => string(0) ""
    ["pri_grade_visit"] => array(0) {
    }
    ["pri_grade_add"] => array(0) {
    }
  }
  ["order"] => string(1) "1"
  ["sethtml"] => string(1) "0"
  ["stat"] => string(1) "2"
  ["flowid"] => string(1) "0"
  ["image_mo"] => string(63) "/modules/cms/uploads/recommend/2018/05/25/05805654599261264.jpg"
  ["page_num"] => string(1) "0"
  ["wxstat"] => string(1) "0"
  ["scope"] => string(0) ""
  ["modelname"] => NULL
  ["son"] => array(9) {
    [0] => array(22) {
      ["id"] => string(3) "187"
      ["siteid"] => string(1) "1"
      ["type"] => string(1) "1"
      ["m_id"] => string(1) "0"
      ["p_id"] => string(2) "96"
      ["name"] => string(15) "小程序开发"
      ["thumb"] => string(0) ""
      ["image"] => string(0) ""
      ["desc"] => string(112) "专业微信小程序解决方案|各种场景核心功能,提前布局微信新生态,抢占第一波红利"
      ["pdir"] => string(0) ""
      ["dir"] => string(6) "wechat"
      ["url"] => string(0) ""
      ["setting"] => array(15) {
        ["is_html"] => int(1)
        ["content_is_html"] => int(0)
        ["urlrule"] => int(1)
        ["contenturlrule"] => int(0)
        ["meta_title"] => string(107) "小程序_商城小程序_门店小程序_微圈小程序_餐饮小程序开发-艺源科技小程序开发"
        ["meta_keywords"] => string(103) "小程序开发,商城小程序开发,门店小程序开发,微圈小程序开发,餐饮小程序开发"
        ["meta_description"] => string(269) "专注提供专注提供小程序、商城小程序、门店小程序、微圈小程序、餐饮小程序开发,专业团队,一对一服务,助企业快速生成自己的移动端微商城平台. 艺源科技小程序采用高性能数据架构,系统稳定安全。"
        ["category_template"] => string(0) ""
        ["list_template"] => string(0) ""
        ["show_template"] => string(17) "show_page_xcx.tpl"
        ["formid"] => string(0) ""
        ["url"] => string(0) ""
        ["target"] => string(0) ""
        ["pri_grade_visit"] => array(0) {
        }
        ["pri_grade_add"] => array(0) {
        }
      }
      ["order"] => string(1) "0"
      ["sethtml"] => string(1) "0"
      ["stat"] => string(1) "2"
      ["flowid"] => string(1) "0"
      ["image_mo"] => string(0) ""
      ["page_num"] => string(1) "0"
      ["wxstat"] => string(1) "1"
      ["scope"] => string(0) ""
      ["modelname"] => NULL
    }
    [1] => array(22) {
      ["id"] => string(3) "199"
      ["siteid"] => string(1) "1"
      ["type"] => string(1) "1"
      ["m_id"] => string(1) "0"
      ["p_id"] => string(2) "96"
      ["name"] => string(9) "APP开发"
      ["thumb"] => string(0) ""
      ["image"] => string(0) ""
      ["desc"] => string(0) ""
      ["pdir"] => string(0) ""
      ["dir"] => string(3) "APP"
      ["url"] => string(0) ""
      ["setting"] => array(15) {
        ["is_html"] => int(1)
        ["content_is_html"] => int(0)
        ["urlrule"] => int(1)
        ["contenturlrule"] => int(0)
        ["meta_title"] => string(65) "app开发_app定制开发_app制作开发公司【艺源科技】"
        ["meta_keywords"] => string(53) "app开发,app定制开发公司,app制作开发公司"
        ["meta_description"] => string(0) ""
        ["category_template"] => string(0) ""
        ["list_template"] => string(0) ""
        ["show_template"] => string(17) "show_page_app.tpl"
        ["formid"] => string(0) ""
        ["url"] => string(0) ""
        ["target"] => string(0) ""
        ["pri_grade_visit"] => array(0) {
        }
        ["pri_grade_add"] => array(0) {
        }
      }
      ["order"] => string(1) "1"
      ["sethtml"] => string(1) "0"
      ["stat"] => string(1) "2"
      ["flowid"] => string(1) "0"
      ["image_mo"] => string(0) ""
      ["page_num"] => string(1) "0"
      ["wxstat"] => string(1) "0"
      ["scope"] => string(0) ""
      ["modelname"] => NULL
    }
    [2] => array(22) {
      ["id"] => string(3) "244"
      ["siteid"] => string(1) "1"
      ["type"] => string(1) "1"
      ["m_id"] => string(1) "0"
      ["p_id"] => string(2) "96"
      ["name"] => string(12) "快抖霸屏"
      ["thumb"] => string(0) ""
      ["image"] => string(0) ""
      ["desc"] => string(0) ""
      ["pdir"] => string(0) ""
      ["dir"] => string(7) "kuaidou"
      ["url"] => string(0) ""
      ["setting"] => array(15) {
        ["is_html"] => int(1)
        ["content_is_html"] => int(0)
        ["urlrule"] => int(1)
        ["contenturlrule"] => int(0)
        ["meta_title"] => string(71) "快抖霸屏_抖音快手霸屏_短视频营销获客技术提供商!"
        ["meta_keywords"] => string(69) "快抖霸屏,抖音快手霸屏,快抖短视频搜索,同城爆店码"
        ["meta_description"] => string(161) "艺源智能云推广系统13325455411专注快抖霸屏,抖音快手霸屏,同城爆店码,一款线下与线上流量紧密结合的营销爆客解决方案。"
        ["category_template"] => string(0) ""
        ["list_template"] => string(0) ""
        ["show_template"] => string(20) "show_page_douyin.tpl"
        ["formid"] => string(0) ""
        ["url"] => string(0) ""
        ["target"] => string(0) ""
        ["pri_grade_visit"] => array(0) {
        }
        ["pri_grade_add"] => array(0) {
        }
      }
      ["order"] => string(1) "2"
      ["sethtml"] => string(1) "0"
      ["stat"] => string(1) "2"
      ["flowid"] => string(1) "0"
      ["image_mo"] => string(0) ""
      ["page_num"] => string(1) "0"
      ["wxstat"] => string(1) "0"
      ["scope"] => string(27) "需要短视频推广排名"
      ["modelname"] => NULL
    }
    [3] => array(22) {
      ["id"] => string(3) "207"
      ["siteid"] => string(1) "1"
      ["type"] => string(1) "1"
      ["m_id"] => string(1) "0"
      ["p_id"] => string(2) "96"
      ["name"] => string(14) "AI智能名片"
      ["thumb"] => string(0) ""
      ["image"] => string(63) "/modules/cms/uploads/recommend/2019/07/04/06155550417466502.jpg"
      ["desc"] => string(0) ""
      ["pdir"] => string(0) ""
      ["dir"] => string(2) "ai"
      ["url"] => string(0) ""
      ["setting"] => array(15) {
        ["is_html"] => int(1)
        ["content_is_html"] => int(0)
        ["urlrule"] => int(1)
        ["contenturlrule"] => int(0)
        ["meta_title"] => string(68) "艺源AI智能名片_名片小程序_智能名片_让销售更简单"
        ["meta_keywords"] => string(97) "艺源AI智能名片,名片小程序,智能名片_让销售更简单,电子名片,二维码名片"
        ["meta_description"] => string(184) "艺源AI智能名片-让销售更简单。艺源AI智能名片为企业提供名片小程序,智能名片,企业名片,小程序名片,电子名片,二维码名片等相关的服务。"
        ["category_template"] => string(0) ""
        ["list_template"] => string(0) ""
        ["show_template"] => string(16) "show_page_ai.tpl"
        ["formid"] => string(0) ""
        ["url"] => string(0) ""
        ["target"] => string(0) ""
        ["pri_grade_visit"] => array(0) {
        }
        ["pri_grade_add"] => array(0) {
        }
      }
      ["order"] => string(1) "3"
      ["sethtml"] => string(1) "0"
      ["stat"] => string(1) "2"
      ["flowid"] => string(1) "0"
      ["image_mo"] => string(0) ""
      ["page_num"] => string(1) "0"
      ["wxstat"] => string(1) "0"
      ["scope"] => string(0) ""
      ["modelname"] => NULL
    }
    [4] => array(22) {
      ["id"] => string(3) "201"
      ["siteid"] => string(1) "1"
      ["type"] => string(1) "1"
      ["m_id"] => string(1) "0"
      ["p_id"] => string(2) "96"
      ["name"] => string(12) "版权登记"
      ["thumb"] => string(0) ""
      ["image"] => string(63) "/modules/cms/uploads/recommend/2021/08/04/06814062280145708.jpg"
      ["desc"] => string(0) ""
      ["pdir"] => string(0) ""
      ["dir"] => string(9) "copyright"
      ["url"] => string(0) ""
      ["setting"] => array(15) {
        ["is_html"] => int(1)
        ["content_is_html"] => int(0)
        ["urlrule"] => int(1)
        ["contenturlrule"] => int(0)
        ["meta_title"] => string(0) ""
        ["meta_keywords"] => string(0) ""
        ["meta_description"] => string(0) ""
        ["category_template"] => string(0) ""
        ["list_template"] => string(0) ""
        ["show_template"] => string(23) "show_page_copyright.tpl"
        ["formid"] => string(0) ""
        ["url"] => string(0) ""
        ["target"] => string(0) ""
        ["pri_grade_visit"] => array(0) {
        }
        ["pri_grade_add"] => array(0) {
        }
      }
      ["order"] => string(1) "4"
      ["sethtml"] => string(1) "0"
      ["stat"] => string(1) "2"
      ["flowid"] => string(1) "0"
      ["image_mo"] => string(63) "/modules/cms/uploads/recommend/2021/08/04/06814063838873717.jpg"
      ["page_num"] => string(1) "0"
      ["wxstat"] => string(1) "0"
      ["scope"] => string(0) ""
      ["modelname"] => NULL
    }
    [5] => array(22) {
      ["id"] => string(3) "203"
      ["siteid"] => string(1) "1"
      ["type"] => string(1) "1"
      ["m_id"] => string(1) "0"
      ["p_id"] => string(2) "96"
      ["name"] => string(12) "商标注册"
      ["thumb"] => string(0) ""
      ["image"] => string(63) "/modules/cms/uploads/recommend/2021/08/03/06813359170749750.jpg"
      ["desc"] => string(0) ""
      ["pdir"] => string(0) ""
      ["dir"] => string(9) "trademark"
      ["url"] => string(0) ""
      ["setting"] => array(15) {
        ["is_html"] => int(1)
        ["content_is_html"] => int(0)
        ["urlrule"] => int(1)
        ["contenturlrule"] => int(0)
        ["meta_title"] => string(131) "商标注册_商标注册流程_商标注册流程及费用_西安商标注册_西安商标注册代理-「源知果」艺源科技"
        ["meta_keywords"] => string(103) "商标注册,商标注册流程,商标注册流程及费用,西安商标注册,西安商标注册代理"
        ["meta_description"] => string(182) "「源知果」西安提供代理版权登记,代理商标注册,代理专利申请,代理企业贯标,代理高新技术企业认定的服务;咨询电话:13325455411。"
        ["category_template"] => string(0) ""
        ["list_template"] => string(0) ""
        ["show_template"] => string(23) "show_page_trademark.tpl"
        ["formid"] => string(0) ""
        ["url"] => string(0) ""
        ["target"] => string(0) ""
        ["pri_grade_visit"] => array(0) {
        }
        ["pri_grade_add"] => array(0) {
        }
      }
      ["order"] => string(1) "5"
      ["sethtml"] => string(1) "0"
      ["stat"] => string(1) "2"
      ["flowid"] => string(1) "0"
      ["image_mo"] => string(63) "/modules/cms/uploads/recommend/2019/06/11/06135617157272716.png"
      ["page_num"] => string(1) "0"
      ["wxstat"] => string(1) "0"
      ["scope"] => string(0) ""
      ["modelname"] => NULL
    }
    [6] => array(22) {
      ["id"] => string(3) "205"
      ["siteid"] => string(1) "1"
      ["type"] => string(1) "1"
      ["m_id"] => string(1) "0"
      ["p_id"] => string(2) "96"
      ["name"] => string(12) "网站建设"
      ["thumb"] => string(0) ""
      ["image"] => string(63) "/modules/cms/uploads/recommend/2019/06/21/06144566585327511.jpg"
      ["desc"] => string(149) "节约IT成本/降低运维成本/网站安全稳定/不满意全额退款|节约IT成本/降低运维成本/网站安全稳定/不满意全额退款"
      ["pdir"] => string(0) ""
      ["dir"] => string(7) "website"
      ["url"] => string(0) ""
      ["setting"] => array(15) {
        ["is_html"] => int(1)
        ["content_is_html"] => int(0)
        ["urlrule"] => int(1)
        ["contenturlrule"] => int(0)
        ["meta_title"] => string(80) "西安商城网站建设_政府网站建设_学校网站建设就选艺源科技"
        ["meta_keywords"] => string(113) "西安网站建设,西安网络公司,西安网页设计,商城网站建设,政府网站建设,学校网站建设"
        ["meta_description"] => string(248) "「艺源科技」是西安一家专业的西安商城网站建设,政府网站建设,学校网站建设的网络公司,咨询电话:029-88810146/150 9401 9029。公司拥有10年实践经验,为您提供一条龙的互联网应用解决方案。"
        ["category_template"] => string(0) ""
        ["list_template"] => string(0) ""
        ["show_template"] => string(21) "show_page_website.tpl"
        ["formid"] => string(0) ""
        ["url"] => string(0) ""
        ["target"] => string(0) ""
        ["pri_grade_visit"] => array(0) {
        }
        ["pri_grade_add"] => array(0) {
        }
      }
      ["order"] => string(1) "6"
      ["sethtml"] => string(1) "0"
      ["stat"] => string(1) "2"
      ["flowid"] => string(1) "0"
      ["image_mo"] => string(63) "/modules/cms/uploads/recommend/2019/06/24/06146855992801864.jpg"
      ["page_num"] => string(1) "0"
      ["wxstat"] => string(1) "0"
      ["scope"] => string(0) ""
      ["modelname"] => NULL
    }
    [7] => array(22) {
      ["id"] => string(3) "208"
      ["siteid"] => string(1) "1"
      ["type"] => string(1) "2"
      ["m_id"] => string(1) "0"
      ["p_id"] => string(2) "96"
      ["name"] => string(15) "云服务平台"
      ["thumb"] => string(0) ""
      ["image"] => string(0) ""
      ["desc"] => string(0) ""
      ["pdir"] => string(0) ""
      ["dir"] => string(0) ""
      ["url"] => string(0) ""
      ["setting"] => array(15) {
        ["is_html"] => int(0)
        ["content_is_html"] => int(0)
        ["urlrule"] => int(0)
        ["contenturlrule"] => int(0)
        ["meta_title"] => string(0) ""
        ["meta_keywords"] => string(0) ""
        ["meta_description"] => string(0) ""
        ["category_template"] => string(0) ""
        ["list_template"] => string(0) ""
        ["show_template"] => string(0) ""
        ["formid"] => string(0) ""
        ["url"] => string(21) "http://www.qulvkj.com"
        ["target"] => string(6) "_blank"
        ["pri_grade_visit"] => array(0) {
        }
        ["pri_grade_add"] => array(0) {
        }
      }
      ["order"] => string(1) "7"
      ["sethtml"] => string(1) "0"
      ["stat"] => string(1) "2"
      ["flowid"] => string(1) "0"
      ["image_mo"] => string(0) ""
      ["page_num"] => string(1) "0"
      ["wxstat"] => string(1) "0"
      ["scope"] => string(0) ""
      ["modelname"] => NULL
    }
    [8] => array(22) {
      ["id"] => string(3) "202"
      ["siteid"] => string(1) "1"
      ["type"] => string(1) "1"
      ["m_id"] => string(1) "0"
      ["p_id"] => string(2) "96"
      ["name"] => string(9) "SEO优化"
      ["thumb"] => string(0) ""
      ["image"] => string(63) "/modules/cms/uploads/recommend/2021/08/03/06813061683398516.jpg"
      ["desc"] => string(0) ""
      ["pdir"] => string(0) ""
      ["dir"] => string(3) "seo"
      ["url"] => string(0) ""
      ["setting"] => array(15) {
        ["is_html"] => int(1)
        ["content_is_html"] => int(0)
        ["urlrule"] => int(1)
        ["contenturlrule"] => int(0)
        ["meta_title"] => string(90) "【西安SEO优化_西安网站优化_关键词排名优化】-SEO优化公司艺源科技"
        ["meta_keywords"] => string(81) "西安SEO优化,西安SEO优化公司,西安网站优化,西安网站优化公司"
        ["meta_description"] => string(244) "艺源科技(yysweb.com),专注为企业提供百度等搜索引擎整站SEO优化服务,针对不同行业、网站情况给出不同策略、报价和SEO建议;是您值得信赖的seo诊断、顾问咨询等云SEO技术服务外包商。"
        ["category_template"] => string(0) ""
        ["list_template"] => string(0) ""
        ["show_template"] => string(17) "show_page_seo.tpl"
        ["formid"] => string(0) ""
        ["url"] => string(0) ""
        ["target"] => string(0) ""
        ["pri_grade_visit"] => array(0) {
        }
        ["pri_grade_add"] => array(0) {
        }
      }
      ["order"] => string(1) "8"
      ["sethtml"] => string(1) "0"
      ["stat"] => string(1) "2"
      ["flowid"] => string(1) "0"
      ["image_mo"] => string(63) "/modules/cms/uploads/recommend/2021/08/03/06813062712033401.jpg"
      ["page_num"] => string(1) "0"
      ["wxstat"] => string(1) "0"
      ["scope"] => string(0) ""
      ["modelname"] => NULL
    }
  }
}
				
当前位置: 首页 > 售后 > 艺源智库
如何高效完成表单输入?来看这个实战案例!
时间:2019-11-21 11:52:40
文章发布:李阳
原创作者:未知
来源:互联网

表单是收集用户信息的方式。如果你的产品需要收集大量用户信息来完成为其提供的服务,那么在用户进行信息输入的过程中一定要考虑到输入成本和输入效率对用户体验的影响。

针对复杂表单信息多、填写慢、体验差等问题,我们以「58简历发布」与「赶集房产发布」为例,进行表单发布流程的再设计。主要从以下六个方面进行体验的全面升级:

  • 聚焦核心信息,减少认知成本

  • 联动式键盘,提高输入效率

  • 实时反馈,传递规则信息

  • 合理规划层级,减少输入压力

  • 从实际场景出发,抓用户核心诉求点

  • 专注独立任务细分

一、了解在前

表单具有三种状态,默认态即用户输入信息之前的状态,该状态告知用户需要填写什么类型的信息;焦点态即用户正在输入信息时的状态,该状态使用户聚焦输入信息时,能够更好与表单交互并完成信息填写;反馈态即用户填写信息后的校验状态,该状态能够对输入信息进行实时判断。

如何高效完成表单输入?来看这个实战案例!-艺源科技

二、聚焦核心信息

在表单处于默认态时,通常会用标签提示用户填写什么类型的信息,用占位符作为额外提示告知用户如何填写信息等规则,当用户开始对信息进行输入时,标签不变,占位符文本消失。

如何高效完成表单输入?来看这个实战案例!-艺源科技

在复杂表单展示中,占位符的存在会分散用户对核心信息的阅读,消失会影响用户对输入规则的关注。

如何让用户在不同的状态下聚焦最重要的信息,减少认知成本成为设计的关键点。

如何高效完成表单输入?来看这个实战案例!-艺源科技

△ 不同状态下聚焦核心信息 图片来源:58简历发布

信息输入前聚焦标签内容,输入中聚焦规则信息,输入后聚焦结果内容。让用户在不同状态下,聚焦核心信息,减少认知成本,提高输入效率。

三、联动式键盘

在用户进行表单信息输入时,怎样跟输入控件亲密无间的合作,从而降低用户的输入成本,提高用户的输入体验?

如何高效完成表单输入?来看这个实战案例!-艺源科技

△ 控件反复调入跳出 图片来源:赶集旧版房屋发布

旧版表单进行信息输入时,每个字段的输入过程均为「点击选择输入 – 弹出对应输入控件 – 信息输入 – 收起控件」,完成表单输入的整个过程中,对应的输入控件在频繁交叉的弹入弹出,用户也在频繁的选择要输入字段。如何从根本上改变用户对输入控件的使用效率?

如何高效完成表单输入?来看这个实战案例!-艺源科技

△ 联动键盘输入更高效 图片来源:赶集房屋发布

为了避免让用户频繁的跳入跳出相同类型的输入项,首先整合表单的信息字段,将同类型的字段进行合并,同时结合输入控件,设计联动式组件,让用户在表单输入时更加高效。

在58简历发布改版项目中,我们使用了同样的设计思路,改变用户的输入方式,提高用户输入效率。

如何高效完成表单输入?来看这个实战案例!-艺源科技

△ 联动式键盘输入更高效 图片来源:58创建简历

通过提高用户对工具化产品的使用效率,避免了让用户频繁跳入跳出相同类型的填写项,让输入更高效。

四、实时反馈

无论是规则引导还是错误提示,都要在用户输入时实时进行反馈与提醒,合理有序的向用户传递规则信息,可以有效减少表单页面中无效信息的同时,使信息传递更加具有通用性和规范性。

在联动式键盘中增加提示信息,帮助用户在输入过程中及时了解输入规则。

1. 规则信息提示

在用户输入时不再消失输入规则,而将提示文案与联动式键盘相结合,辅助用户正确完成信息填写。

如何高效完成表单输入?来看这个实战案例!-艺源科技

△ 左图来源赶集 – 房屋发布;右图来源58 – 创建简历

2. 实时反馈

在用户输入过程中,错误是不可避免的。如何将错误以高度可见的形式实时告知用户,降低用户错误输入中带来的挫败感是尤其重要的。

如何高效完成表单输入?来看这个实战案例!-艺源科技

△ 左图来源赶集 – 房屋发布;右图来源58 – 创建简历

如何高效完成表单输入?来看这个实战案例!-艺源科技

△ 信息填写实时反馈,来源赶集 – 房屋发布

3. 对话式引导

Justin Mifsud 曾提出「表单应该像一个对话,而不是审讯」。良好的对话式表单,能够提高用户信任度和转化率。采用亲和、生动、容易理解的语言来引导、告知和激励用户完成对应的任务,文案往往在细节之处起到重要作用。

合理的规则提示、实时的错误反馈,友好的对话引导,会降低用户出错带来的挫败感,提升正确率,提高用户信任度和转化率。

五、合理的规划层级

1. 自动填写/匹配预设值, 减少用户输入

表单的自动填写或自动匹配功能,能够帮助用户降低输入负荷、提升填写效率。

在对表单设计时,以下四种情况,可自动填写或匹配表单信息:

  • 将用户在平台中已输入的相同信息自动带入表单;

  • 将通过移动设备各种传感器获取准确的信息自动带入表单,如用户当前定位可通过移动手机的 GPS 获取;

  • 将内容相关联的信息通过匹配分析自动带入表单,如用户输入身份证号后,可根据第7-14位获取出生日期、第17位数字获取用户性别,为用户自动将匹配信息带入表单。

如何高效完成表单输入?来看这个实战案例!-艺源科技

△ 自动匹配 减少用户输入 图片来源:赶集房屋发布

赶集房产发布,将旧版的「选择区域」与「小区名称」调换位置,用户先输入小区名称,后台数据即可通过小区定位,自动匹配小区所在区域。通过此设计用户即可减少一项表单的填写,提升填写效率。

2. 按步骤分解复杂表单,拆分任务

表单是收集用户信息的一种方式,并不是每个表单都是简短的,多数情况下我们需要用户填写大量繁琐的信息。对于这样复杂的表单,在设计上合理分组、引导用户分步完成表单的填写是很重要,不但可以降低用户对冗长表单的填写压力,同时能够缓解对复杂、较长表单的恐惧感。

如何高效完成表单输入?来看这个实战案例!-艺源科技

△ 合理分解复杂表单 拆分任务 图片来源:58简历发布

58简历发布,将繁杂的填写信息进行合理划分、重新定义新表单的页面规则。

整个表单填写分为三步:

  • 用户基本信息填写:姓名、性别等;

  • 求职意向填写:期望职位、薪资、求职区域;

  • 完善简历:基础简历创建成功后,引导用户填写选填信息,使简历内容更加丰富,当然此时用户也可直接发布基础简历。

对用户来说,分步填写信息不仅缓解了对复杂表单的恐惧感,而且能够对填写的内容更聚焦。

3. 运用动效提示信息层级关系, 避免用户迷失

合理的运用动效,能够通过覆盖、滑出、推移等动效设计帮助用户构建界面空间与信息层级关系,避免用户在一级页面与二级页面的表单切换中迷失,同时统一的转场效果能够让用户在复杂的操作中,抓住最核心的表单页面。

六、从实际场景出发

无论是项目迭代还是一个新项目的开始,收集到的用户诉求点往往是零散的、逻辑性不强的,所以我们需要在这些离散的诉求点中抓住核心诉求,梳理实际使用场景并分析问题。

如何高效完成表单输入?来看这个实战案例!-艺源科技

△ 抓住核心诉求 缩短操作路径 图片来源:58简历发布

58简历发布的头像选择与赶集房屋发布的图片上传功能,旧版是通过让用户先选择类型,再选择内容,该逻辑结构并无问题,但经过用户调研,我们发现多数用户在此操作时会直接添加头像或照片。根据调研结果反推旧版设计的合理性,该设计增加了用户的选择和操作成本。改版后将内容直接用一个页面进行组合,满足大多数用户的核心诉求,同时为少数用户提供入口。

打破逻辑思维的桎梏,从用户最直接的诉求出发,缩短用户使用路径和无缘由的选择成本。

七、专注独立的任务细分

从扁平的任务平铺到更加沉浸独立的任务细分,分支流程,在一个控件内快速完成整个流程,减少整体表单页面信息压力的同时,也让单个任务的完成更加专注和聚焦。

如何高效完成表单输入?来看这个实战案例!-艺源科技

△ 聚焦独立任务 图片来源:58简历发布

58App 简历创建页面,需要插入认证手机号的任务,而这一任务是与建立简历本身无关的,会干扰主流程的进行;优化后,把认证相关信息分割独立,用户进入新场景执行新任务,使单个任务更聚焦。

总结

通过明确的信息提示、高效的输入方式、实时的错误反馈、合理的信息层级与任务拆分,让整个表单的输入流程更加易懂与流畅,操作体验更加符合移动端用户的使用习惯。

赶集房产与58招聘发布体验升级的尝试,发布成功率有了大幅提升、页面跳出率与输入报错率相对下降,同时通过可用性测试,用户发布输入的平均时长也相对短缩,用户满意度提升。


小程序开发
标签:
*版权申明:本站部分文章由艺源科技收集整理,不代表我们的观点。如果这篇转载侵犯您的版权,请及时联系我们删除!
为您推荐
最新文章
扫码加他,免费获取方案