List

자동완성과 입력 편의 설정

#웹가이드

Web Guide자동완성입력 편의폼 최적화
자동완성과 입력 편의 설정
브라우저가 대신 채워주면 입력 시간이 크게 줄어듭니다.
설정 하나 빠뜨리면 이용자가 전부 직접 칩니다.
자동완성과 입력 편의 설정 관련 사진
01어떻게 동작하나
브라우저가 칸의 의미를 알아야 채웁니다.
1
칸 의미 표시
이름, 전화, 주소를 명시합니다.
2
저장된 정보
이용자가 전에 넣은 값.
3
기기 정보
연락처나 주소록 연동.
4
제안 표시
입력 시 후보가 뜹니다.
5
한 번에 채움
여러 칸을 동시에.
6
보안
민감 정보는 저장되지 않게.
02자주 쓰는 항목
대표적인 칸들입니다.
이름
성과 이름을 구분할 수도 있습니다.
전화번호
국가번호 포함 여부 결정.
이메일
가장 많이 자동완성됩니다.
주소
우편번호, 시도, 상세를 나눕니다.
회사명
기업 대상 폼에서 유용.
인증번호
문자에서 자동 입력되게.
03추가 편의
작은 배려가 완료율을 올립니다.
점검 항목
우편번호 검색
주소를 자동으로 채웁니다.
자동 하이픈
전화번호에 구분선 자동.
입력 예시
칸 안에 형식을 보여줍니다.
남은 글자수
긴 입력에서 안내.
임시 저장
중간에 나가도 남게.
단계 표시
몇 단계 남았는지.
04주의 사항
개인정보 처리와 연결됩니다.
편의
자동완성 허용 · 입력 부담 감소 · 완료율 상승
보호
민감 정보는 자동 저장 차단 · 수집 항목 최소화 · 동의 절차 확인 · 관련 법령 확인 필요
CHECK POINT
□  각 칸에 의미를 표시했는가
□  이메일과 전화번호가 자동완성되는가
□  우편번호 검색을 제공하는가
□  인증번호가 자동 입력되는가
□  입력 예시가 보이는가
□  민감 정보는 자동 저장되지 않는가
□  수집 항목을 최소화했는가
□  실제 기기에서 자동완성을 확인했는가
칸의 의미를 표시해두면 브라우저가 대신 채워줍니다.
편의 설정과 별개로 수집 항목과 동의 절차는 법령을 확인해야 합니다.
#자동완성#입력 편의#폼 최적화#우편번호#완료율#개인정보#UX#반응형#웹비스타#홈페이지 제작
목록보기