본문 바로가기
Product design & UXUI

상품 가격 입력 및 계산 방식

by 점점이녕 2025. 2. 19.

 

상품의 가격 설정은 판매자의 수익성 유지와 소비자의 합리적 구매 결정을 돕는 중요한 과정이다. 효율적인 가격 설정을 통해 경쟁력을 확보하고, 할인 및 프로모션 전략을 효과적으로 운영할 수 있다.

상품 가격 설정의 목적 및 필요성

  • 판매자의 수익성 확보 → 원가, 마진, 할인율을 고려한 최적의 가격 설정
  • 소비자의 가격 인지 향상 → 정상가, 할인가, 할인율을 명확하게 전달
  • 경쟁력 있는 가격 운영 → 시장 가격과 비교하여 최적의 판매가 유지
  • 프로모션 및 할인 전략 반영 → 시즌별 할인, 대량 구매 할인 등의 적용 가능

가격 설정 방식의 주요 요소

  • 기본 가격 설정 : 정상가(기본 가격) 및 판매가(실제 판매 가격) 입력
  • 할인 정책 적용 : 할인율(%) 또는 할인가(고정 금액) 설정
  • 옵션별 가격 조정 : 제품의 사이즈, 재질, 수량 등의 옵션에 다른 개별 가격 적용
  • 예외 처리 및 자동 계산 : 정상가 대비 판매가 검증, 할인율 자동 계산 등

가격 설정 방식의 구성 요소

기본 가격 입력

정상가 및 판매가 개념

  • 정상가 : 상품의 원래 가격(기본 가격)으로, 할인 전 기준이 되는 가격
  • 판매가 : 실제 소비자가 결제하는 가격 (할인 적용 후 가격)
  • 할인 적용 여부에 따라 ‘정상가 ≠ 판매가’ 또는 ‘정상가 = 판매가’가 될 수 있음

개당 가격(단위 가격) 설정

  • 상품 단위(개, 장, 세트 등)에 따른 가격 자동 계산
  • 입력한 가격을 수량 옵션과 연동하여 개당 가격 산출 가능
  • 예: 총 판매가 ÷ 수량 = 개당 가격

할인 설정

할인 표기 유무

  • 할인 미적용시 : 정상가와 판매가가 동일하게 표시됨 (할인율 표기 없음)
  • 할인 적용 시 : 정상가와 판매가의 차이를 할인율 또는 할인가로 표기

할인 계산 방식 (정상가 기준 vs 판매가 기준)

  • 정상가 기준 : 정상가를 기준으로 할인율(%) 또는 할인가(고정 금액)을 입력 → 판매가 자동 계산
  • 판매가 기준: 판매가를 기준으로 할인율(%) 또는 할인가를 입력 → 정상가 자동 계산

할인율 및 할인가 적용 방식

  • 할인율 입력 시 → 정상가에서 해당 % 만큼 차감하여 판매가 자동 계산
  • 할인가 입력 시 → 정상가에서 해당 금액만큼 차감하여 판매가 자동 계산
  • 판매가 입력 시 → 정상가 대비 할인율 자동 계산

 


가격 조정 기능

가격 더하기 및 빼기 기능

가격 추가(+) 및 조정 방식

  • 기존 가격에 추가 금액을 더하여 조정 가능
  • 특정 옵션(예: 포장, 추가 구성품 등)에 따라 가격을 개별적으로 증가
  • 예시: 기존 가격 10,000원 + 추가 금액 2,000원 → 최종 가격 12,000원

가격 차감(-) 및 조정 방식

  • 기존 가격에서 특정 금액을 차감하여 가격 조정 가능
  • 특정 조건(예: 프로모션, 특정 수량 이상 구매 시 할인)에 따라 가격 감소
  • 예시: 기존 가격 10,000원 - 차감 금액 1,000원 → 최종 가격 9,000원
  • 차감 금액이 현재 가격보다 커질 경우 자동으로 0원으로 보정

 

가격 보정 옵션

자동 가격 조정 기능을 통해 사용자가 보다 편리하게 가격을 설정하고, 일관된 가격 정책을 유지할 수 있도록 지원할 수 있다.

0원 / 100원 / 1,000원 / 10,000원 단위 보정

  • 입력한 가격을 특정 단위(10원, 100원 등)로 보정 가능
  • 가격을 일정한 기준에 맞춰 정리하여 소비자에게 더 직관적인 가격을 제공

절상, 절사, 반올림 방식

  • 절상: 기준 단위보다 작은 자리수를 올려 반영 (10,255원 → 10,300원)
  • 절사: 기준 단위보다 작은 자리수를 버려 반영 (10,255원 → 10,200원)
  • 반올림: 기준 단위의 절반 이상이면 올리고, 미만이면 버림 (10,255원 → 10,300원)

 


가격 입력 및 계산 예외 처리

가격 설정 과정에서 발생할 수 있는 입력 오류를 방지하고, 논리적으로 맞지 않는 값을 자동 보정하여 올바른 가격이 적용될 수 있도록 예외 처리를 수행

 

정상가보다 판매가가 높은 경우

  • 정상가보다 판매가를 높게 입력할 수 없음
  • → "판매가는 정상가보다 낮거나 같아야 합니다." 오류 메시지 표시
  • → 자동으로 정상가와 동일한 값으로 조정

할인율이 100%를 초과하는 경우

  • 할인율을 100% 이상 입력할 수 없음 (무료 제공이 아닌 이상)
  • → "할인율은 0~100% 사이의 값만 입력할 수 있습니다."
  • → 최대 할인율을 100%로 자동 조정

할인가가 정상가보다 높은 경우

  • 정상가보다 할인가가 더 크면 논리적으로 맞지 않음
  • → "할인 금액이 정상가보다 클 수 없습니다."
  • → 정상가와 동일한 값으로 자동 보정

계산 값이 0원 미만이 되는 경우

  • 정상가에서 할인가 또는 할인율을 적용한 후 가격이 0원 미만이 되면 오류
  • → "최종 가격은 0원 미만이 될 수 없습니다."
  • → 최저 금액을 0원으로 자동 설정

입력값 누락 및 유효성 검증

  • 가격 필드가 비어 있을 경우 입력 요청
  • → "가격을 입력해주세요." 오류 메시지 표시
  • 할인율, 할인가 입력 시 정상가 입력이 없으면 입력 불가
  • → "정상가를 먼저 입력해야 합니다."

 

UX 체크 포인트

할인율, 할인가 입력 시 정상가 입력이 없으면 입력 불가→ "정상가를 먼저 입력해야 합니다."

 

문제점

  • 정상가가 입력되지 않으면 할인율과 할인가를 입력할 수 없음 → 사용자의 입력 흐름을 강제로 제한
  • 정상가를 입력한 후 다시 할인율이나 할인가를 입력해야 함 → 불필요한 반복 작업 유발
  • 사용자 입장에서 할인율이나 할인가를 먼저 생각하고 입력하는 경우도 있음

개선된 방식

  • 할인율과 할인가 우선 입력을 허용
  • 정상가가 입력되지 않은 경우, 계산을 보류하고 자동으로 대기 상태 유지
  • 정상가가 입력되면, 할인율 및 할인가를 즉시 반영하여 판매가 자동 계산
  • 예시
    • 사용자가 할인율 20% 입력 → 아무 변화 없음 (대기 상태)
    • 사용자가 정상가 10,000원 입력 → 자동으로 판매가 8,000원 계산됨
    • 사용자가 할인율을 25%로 수정 → 판매가 즉시 7,500원으로 업데이트

 


 

UI 및 사용자 경험(UX) 개선 요소

입력 필드 간 연동 및 자동 계산 UX

  • 정상가, 판매가, 할인율, 할인가 필드가 서로 연동되어 입력값에 따라 자동 계산됨
  • 예)
    • 정상가 입력 → 할인율이나 할인가가 입력되어 있으면 판매가 자동 계산
    • 할인율 입력 → 정상가가 있으면 자동으로 판매가 계산
    • 할인가 입력 → 정상가가 있으면 자동으로 판매가 계산
  • 정상가 없이 할인율/할인가를 먼저 입력할 수 있으며, 정상가가 입력되는 순간 자동 계산됨

 

필드 비활성화 및 읽기 전용 처리 방식

  • 사용자가 입력한 값에 따라 자동 계산된 필드는 읽기 전용(Read-only) 처리
    • 예) 정상가 기준일 때 → 할인율 또는 할인가 입력 시, 판매가 필드는 자동 계산되어 읽기 전용
    • 예) 판매가 기준일 때 → 정상가가 자동 계산되며 읽기 전용
  • 입력이 완료되면, 계산된 필드에 시각적 피드백(색상 강조, 애니메이션 등) 추가

 

입력 오류 발생 시 피드백 제공 방식

  • 사용자가 논리적으로 맞지 않는 값을 입력할 경우 즉시 피드백 제공
    • 정상가보다 판매가가 높을 경우 → "판매가는 정상가보다 낮거나 같아야 합니다."
    • 할인율이 100%를 초과할 경우 → "할인율은 0~100% 사이만 입력 가능합니다."
    • 할인가가 정상가보다 높을 경우 → "할인가가 정상가보다 클 수 없습니다."
    • 계산 값이 0원 미만이 될 경우 → "최소 판매가는 0원 이상이어야 합니다."
  • 오류 발생 시 즉시 메시지 표시 + 잘못된 입력 필드 강조(빨간색 테두리 등)
  • 사용자 경험을 개선하기 위해 입력 후 자동 보정(올바른 값으로 자동 변경) 기능 적용

 

기대 효과

가격 설정 기능을 통한 효율적인 상품 관리

  • 옵션별로 가격을 유연하게 설정할 수 있어 다양한 상품 조합 관리가 가능
  • 할인율, 할인가, 수량별 할인 등을 적용하여 판매 전략을 최적화
  • 자동 계산을 통해 반복적인 수작업을 최소화하고, 가격 설정 시간을 단축

자동 계산 및 예외 처리로 인한 사용자 편의성 향상

  • 입력 필드 간 자동 연동 및 계산 기능으로 판매자가 쉽게 가격을 조정할 수 있음
  • 정상가 대비 판매가, 할인율, 할인가를 자동 계산하여 입력 오류 방지
  • 가격 입력 시 논리적 오류(정상가보다 높은 판매가, 100% 초과 할인 등) 발생 시 즉시 피드백 제공
  • 불필요한 제한을 최소화하여 유연한 가격 입력 경험 제공

 

댓글