건물 수량 입력란: 투숙객 수, 품목 수 등
참석 인원은 몇 명입니까? 티켓은 몇 장입니까? 필요한 품목은 몇 개입니까? 수량 필드는 이벤트 계획부터 주문 처리, 자원 배분까지 모든 의사 결정에 필요한 수치 값을 수집합니다.
이 가이드에서는 적절한 유효성 검사, 제한 설정 및 사용자 친화적인 컨트롤을 통해 효과적인 수량 필드를 구축하는 방법을 설명합니다.
수량 입력란이 필요할 때
이벤트 가입
- 참석자 수
- 저녁 식사 참석 인원
- 티켓 요청됨
- 테이블 예약 (일행 수 기준)
주문 및 요청
- 항목의 수량
- 사본 수
- 필요한 단위
- 대량 주문 수량
예약 및 예매
- 객실 수
- 객실당 투숙객 수
- 숙박 일수
- 파티에 참가한 차량
설문 조사 및 피드백
- (1~10점 척도)로 평가해 주세요.
- 빈도 수
- 다년간의 경험
- 직원 수
신청서 및 양식
- 가구 구성원
- 부양 가족
- 해당 주소에 거주한 기간
- 소유 차량 대수
자원 계획
- 의자가 필요합니다
- 주차 공간 필요
- 준비할 식사
- 재료 수량
수량 필드 생성
수량 필드를 만드는 방법은 다음과 같습니다. 자동 양식 작성기:
1단계: Auto Form Builder를 설치합니다.
- We Buy Orders 신청서를 클릭하세요. 플러그인 → 새로 추가
- "A.F.B.(자동 양식 작성기의 약칭)
- 찾기 "AFB – 자동 양식 작성기 – 드래그 앤 드롭 양식 생성기"
- 지금 설치다음, 활성화
2 단계 : 숫자 필드
- 양식을 만들거나 수정하세요
- Find 번호 필드 팔레트에서
- 폼 캔버스 위로 드래그하세요
- 설정을 열려면 클릭하세요
3단계: 기본 설정 구성
필드 레이블
명확하고 구체적인 라벨:
- "손님 수"
- "수량"
- 티켓은 몇 장이나 필요하세요?
- "파티 사이즈"
필수 / 선택
- 필수 제출하려면 숫자를 입력해야 합니다.
- Optional – 비워둘 수 있습니다
도움말 텍스트
기대를 명확히 하십시오:
- "당신 자신도 포함해서요"
- 주문당 최대 10개까지 가능합니다.
- "없음을 원하시면 0을 입력하세요."
4단계: 최소값과 최대값 설정
허용 가능한 값의 범위를 제한하십시오:
최소값
- 허용되는 최소 숫자
- 종종 0 또는 1
- 음수를 방지합니다
최대 값
- 허용된 최대 숫자
- 용량, 재고 또는 정책에 따라
- 비현실적인 수량을 방지합니다
5단계: 단계 크기 구성
증가량 제어:
- 1단계 – 정수 (1, 2, 3…)
- 0.5단계 – 0.5 단위 증가 (1, 1.5, 2…)
- 5단계 – 5씩 증가 (5, 10, 15…)
- 10단계 – 십의 자리 숫자만 (10, 20, 30…)
6단계: 기본값 설정 (선택 사항)
시작 숫자를 미리 입력하세요:
- 가장 일반적인 값
- 최소 요구 사항
- 권장 수량
수량 필드 예시
행사 참석자 수
| 환경 | 가치관 |
|---|---|
| 라벨 | "손님 수" |
| 필수 | 가능 |
| 최저한의 | 1 |
| 최고 | 10 |
| 단계 | 1 |
| 태만 | 1 |
| 도움말 텍스트 | 본인 포함 (최대 10명) |
제품 수량
| 환경 | 가치관 |
|---|---|
| 라벨 | "수량" |
| 필수 | 가능 |
| 최저한의 | 1 |
| 최고 | 100 |
| 단계 | 1 |
| 태만 | 1 |
| 도움말 텍스트 | 최소 주문 수량: 1개 |
레스토랑 예약
| 환경 | 가치관 |
|---|---|
| 라벨 | "파티 사이즈" |
| 필수 | 가능 |
| 최저한의 | 1 |
| 최고 | 20 |
| 단계 | 1 |
| 태만 | 2 |
| 도움말 텍스트 | 20명 이상 단체는 전화로 문의해 주세요. |
년 이상의 경력
| 환경 | 가치관 |
|---|---|
| 라벨 | "수년간의 경험" |
| 필수 | 가능 |
| 최저한의 | 0 |
| 최고 | 50 |
| 단계 | 1 |
| 태만 | (없음) |
| 도움말 텍스트 | "첫해라면 0을 입력하세요." |
대량 주문 (10개 단위)
| 환경 | 가치관 |
|---|---|
| 라벨 | “주문 수량” |
| 필수 | 가능 |
| 최저한의 | 10 |
| 최고 | 1000 |
| 단계 | 10 |
| 태만 | 10 |
| 도움말 텍스트 | "10개 단위로 대량 주문 가능" |
수량 입력란 vs. 드롭다운 메뉴
숫자 필드를 사용하는 경우:
- 범위가 넓습니다(1-100 이상).
- 범위 내의 모든 값은 유효합니다.
- 사용자는 필요한 정확한 수량을 알고 있습니다.
- 정밀도 문제
드롭다운 메뉴 사용 시점:
- 제한된 옵션 (1-10)
- 특정 값만 입력해 주세요 (범위는 입력 불가)
- 모든 옵션을 한눈에 보여주고 싶으신가요?
- 수량에 따라 가격/옵션이 다릅니다.
비교
| 아래 | 숫자 필드 | 쓰러지 다 |
|---|---|---|
| 넓은 범위 | ✅ 취급이 간편합니다 | ❌ 선택지가 너무 많아요 |
| 작은 범위(1-5) | ✅ 작동합니다 | ✅ 잘 작동합니다 |
| 모바일UX | ✅ 숫자 키보드 | ✅ 네이티브 피커 |
| 사용자 정의 증가 | ✅ 단계 설정 | ✅ 정확한 옵션 정의 |
| 시각적 옵션 | ❌ 그저 숫자에 불과하다 | ✅ 라벨을 표시할 수 있습니다 |
고급: 슬라이더 모드
일부 폼 작성 도구는 숫자 입력을 위한 슬라이더 기능을 제공합니다.
슬라이더는 언제 사용해야 할까요?
- 근사값도 괜찮습니다.
- 시각적 표현은 도움이 됩니다
- 제한된 범위 (1-10, 1-100)
- 재미있고 매력적인 인터페이스를 원합니다
슬라이더를 사용하지 말아야 할 경우
- 정확한 값이 필요합니다
- 넓은 범위 (1-1000)
- 정밀도 문제
- 접근성이 최우선입니다
슬라이더 구성
- 최소/최대: 범위 정의
- 단계: 증분 금액
- 값을 표시하세요: 현재 숫자를 표시합니다
- 색: 디자인과 일치합니다
수량 필드에 대한 유효성 검사
내장된 검증
숫자 입력란은 자동으로 유효성 검사를 수행합니다.
- 숫자여야 합니다 (텍스트가 될 수 없습니다).
- 최소/최대 범위 내
- 단계 증분과 일치합니다.
오류 메시지
오류가 발생했을 경우 명확한 피드백을 제공하세요.
- "숫자를 입력하세요"
- "최소값은 1입니다."
- "최대값은 10입니다."
- 5씩 증가시켜 값을 입력해 주세요.
클라이언트 측 대 서버 측
- 클라이언트 측: 즉각적인 피드백, 더 나은 사용자 경험
- 서버 측: 보안은 우회할 수 없습니다.
- 좋은 형식은 둘 다 사용합니다
사용자 경험 팁
1. 적절한 입력 유형을 사용하십시오
숫자 입력란은 모바일에서 숫자 키보드를 작동시켜야 합니다.
- 더 빠른 입력
- 적은 오류
- 더 나은 경험
2. 스피너 제어 기능을 제공합니다.
위/아래 화살표는 사용자에게 도움이 됩니다.
- 입력 없이 증가
- 값을 미세 조정합니다
- 시각적 피드백
3. 한계를 명확하게 표시하십시오
사용자에게 허용 범위를 알려주세요.
- 도움말 텍스트에서
- 자리 표시자
- 최소/최대 속성 표시
4. 스마트 기본 설정
필요할 경우 미리 입력하세요:
- 가장 일반적인 값
- 최소 요구 사항
- 변동폭이 큰 경우 공란으로 두십시오.
5. 예외적인 상황을 처리하십시오
중히 여기다:
- 추가 인원 0명 허용? ("추가 인원 0명")
- 소수점까지 필요하신가요? (0.5시간)
- 너무 큰 숫자인가요? (현실적인 최대값을 설정하세요)
6. 문맥에 맞는 레이블을 사용하세요
무엇을 계산하는지 명확히 하세요:
- "수량"이 아닌 "손님 수"를 알려주세요.
- "필요한 티켓 수"이지 "수량"이 아닙니다.
- 해당되는 경우 단위를 포함하세요("시간", "항목").
일반적인 수량 필드 시나리오
행사 등록 및 참석자 수 집계
형태 구조:
- 이름 (등록자)
- 이메일
- 손님 수 (1~10명)
- 손님 이름 (손님이 1명 이상일 경우 조건부)
- 식이 요법
제품 주문 양식
형태 구조:
- 제품 선택(드롭다운)
- 수량 (1-100)
- 배송 주소
- 특기 사항
서비스 요청
형태 구조:
- 서비스 종류
- 필요한 시간 수
- 필요한 근로자 수
- 희망 날짜
- 오시는 길
수치 응답이 포함된 설문조사
형태 구조:
- 일주일에 몇 번 [활동]을 하시나요?
- 고객님은 몇 년 동안 저희 고객이셨나요?
- 제품을 몇 개나 가지고 계신가요?
- 등급 (1-10)
대규모 그룹 또는 대량의 물품 처리
브레이킹 포인트 전략
일반적인 취급량을 초과하는 수량의 경우:
- 표준 형식: 1-20 명
- 단체 메시지: 20명 이상의 단체는 직접 문의해 주시기 바랍니다.
계층적 접근 방식
- 1-10: 일반 온라인 예약
- 11-50: 보증금 필요
- 51세 이상: 맞춤 견적 필요
조건부 후속 조치
수량이 임계값을 초과하는 경우:
- 추가 필드를 표시합니다
- 추가 정보 요청
- 특별 지시 사항을 표시합니다.
접근성 고려 사항
키보드 탐색
- 탭하여 필드에 포커스를 맞추세요
- 화살표 키를 사용하여 증가/감소합니다.
- 정확한 값을 입력하려면 직접 입력하세요.
스크린 리더
- 명확한 라벨이 발표되었습니다
- 최소/최대 한도가 전달되었습니다.
- 오류 메시지를 읽을 수 있습니다.
시각적 선명도
- 충분한 대비
- 명확한 초점 상태
- 읽기 쉬운 글꼴 크기
수량 입력 필드 문제 해결
사용자가 잘못된 숫자를 입력하는 경우
솔루션 :
- 도움말 텍스트에서 최소/최대값을 지우세요
- 즉각적인 검증 피드백
- 스피너 컨트롤을 사용하세요
소수점 문제
문제 : 정수만 입력 가능한 상황에서 사용자가 2.5를 입력했습니다.
해결 방법 : 단계를 1로 설정하고 도움말 텍스트에 설명을 추가하세요.
모바일 키보드 문제
문제 : 숫자 키보드 대신 텍스트 키보드가 나타납니다
해결 방법 : 해당 필드가 숫자 입력 유형을 사용하는지 확인하십시오.
제출된 음수
해결 방법 : 최소값을 0 또는 1로 설정하세요
자주 묻는 질문
수량을 입력할 때 숫자 필드를 사용해야 할까요, 아니면 텍스트 필드를 사용해야 할까요?
항상 숫자 필드를 사용하세요. 숫자 필드는 유효성 검사를 제공하고, 모바일에서 숫자 키보드를 활성화하며, 증가 컨트롤을 포함합니다.
소수점을 허용하려면 어떻게 해야 하나요?
단계 값을 소수점까지 포함하도록 설정하세요(예: 0.1, 0.5, 0.01). 이렇게 하면 1.5 또는 2.25와 같은 값을 사용할 수 있습니다.
적절한 최대값은 얼마일까요?
실제 수용 인원 또는 정책에 따라 설정하세요. 최대 50명의 게스트를 수용할 수 있다면 최대값을 50으로 설정하십시오. 무제한으로 설정하지 마세요. 사용자가 99999명을 입력할 수도 있습니다.
수량은 기본값으로 1로 설정해야 할까요, 아니면 공백으로 설정해야 할까요?
티켓이나 상품 중 하나 이상이 항상 필요한 경우 기본값은 1입니다. 값이 0인 경우도 가능하거나 값이 크게 변동하는 경우에는 비워 두십시오.
최소 주문 수량을 어떻게 설정하나요?
필드 설정에서 최소값을 설정하세요. 사용자는 이 값보다 작은 값을 제출할 수 없습니다.
제품 개요
효과적인 수량 필드 구축:
- 숫자 필드 유형을 사용하세요 – 텍스트 아님
- 명확한 레이블을 설정하세요 – 무엇이 집계되고 있나요?
- 최소/최대값을 정의하세요 – 현실적인 한계
- 단계 크기 설정 정수 또는 소수
- 유용한 텍스트를 추가하세요 – 한계와 기대치를 설명하십시오.
- 스마트 기본 설정을 하세요 – 적절한 경우
- 모바일에서 테스트 숫자 키보드가 나타납니다
맺음말
수량 입력란은 간단해 보이지만, 제대로 설정하면 원활한 입력과 사용자 불편 사이의 차이를 만들 수 있습니다. 적절한 한도를 설정하고, 올바른 입력 유형을 사용하며, 명확한 안내를 제공하면 사용자가 유효한 수량을 신속하게 입력할 수 있습니다.
자동 양식 작성기의 수량 입력 필드에는 최소/최대 한도, 단계 증가, 기본값, 모바일 친화적인 숫자 입력 등 필요한 모든 기능이 포함되어 있습니다. 한 번만 설정하면 수량 입력 필드가 바로 작동합니다.
수량 수집 준비되셨나요? 자동 양식 작성기 다운로드 양식에 전문적인 수량 입력란을 만드세요.
