소상공인도 쉽게 쓸 수 있는 마케팅 SaaS, 사용성이 답이다
원클릭 마케팅 SaaS 개발 사례를 통해 배우는 사용성의 모든 것
📑 목차
- 사용성이란?
- 사용 적합성: 누가, 어디서, 어떻게
- 사용성의 정의: 효과적, 효율적, 만족감
- 기본적 속성 (필수)
- 부수적 속성 (추가)
- 사용 오류: 의도된 vs 의도되지 않은
- 소상공인 마케팅 SaaS에 적용하기
- 결론
1. 사용성이란?
정의
사용성(Usability)은 제품이나 서비스를 사용자가 얼마나 쉽고 효과적으로 사용할 수 있는가를 나타내는 척도입니다.
ISO 9241-11 표준에 따르면:
특정 사용자가 특정 목적을 달성하기 위해 제품을 효과적으로, 효율적으로, 만족스럽게 사용할 수 있는 정도
왜 소상공인 마케팅 SaaS에서 중요한가?
소상공인은 대부분:
- ❌ 마케팅 전문가가 아님
- ❌ IT/기술에 익숙하지 않음
- ❌ 시간이 부족함 (가게 운영으로 바쁨)
- ❌ 복잡한 매뉴얼 볼 여유 없음
따라서 "기능만 좋은" SaaS는 실패합니다.
예시:
❌ 기능만 있는 SaaS:
"AI 기반 고객 세그멘테이션으로 ROI 300% 향상!"
→ 소상공인: "세그멘테이션이 뭔데...?"
✅ 사용성 좋은 SaaS:
"단골 손님에게만 클릭 한 번으로 쿠폰 보내기"
→ 소상공인: "오, 이거 간단하네! 당장 써봐야지"사용성이 좋으면:
- 💚 처음 써보는 사람도 5분 안에 사용 가능
- 💚 복잡한 설명 없이 직관적으로 이해
- 💚 실수해도 쉽게 되돌릴 수 있음
- 💚 "이거 정말 편하다!"는 반응
2. 사용 적합성: 누가, 어디서, 어떻게
핵심 개념
사용성은 진공 상태에서 평가되지 않습니다.
같은 제품도:
- 누가 사용하는지 (사용자)
- 어디서 사용하는지 (사용 환경)
- 어떻게 설계되었는지 (사용자 인터페이스)
에 따라 완전히 다른 경험이 됩니다.
디지털 프로덕트의 사용
|
┌─────┼─────┐
| | |
사용 환경 사용자 사용자 인터페이스2-1. 사용자 (User) - "누가 쓰는가?"
소상공인 마케팅 SaaS의 주요 사용자들:
유형 A: 40-50대 카페 사장님
특징:
- 스마트폰 기본 사용 가능
- 카카오톡, 인스타그램은 쓸 줄 암
- 복잡한 용어 이해 어려움
- "간단하고 확실한" 것 선호
필요한 기능:
- 단골 손님에게 쿠폰 발송
- 새 메뉴 홍보
- 이벤트 알림
설계 방향:
✅ 해야 할 것:
• 큰 버튼 (최소 60px)
• 단순한 용어 ("고객 세분화" ✗ → "손님 나누기" ✓)
• 한 화면에 최소 기능만
• 튜토리얼 필수
• 전화 고객지원
✅ 하지 말아야 할 것:
• 작은 글씨
• 전문 용어 (CTR, ROI, Conversion 등)
• 여러 단계로 나뉜 복잡한 과정
• 매뉴얼만 제공유형 B: 20-30대 온라인 쇼핑몰 운영자
특징:
- 디지털 네이티브
- 여러 마케팅 도구 사용 경험
- 데이터 분석에 관심 많음
- "빠르고 강력한" 것 선호
필요한 기능:
- 상세한 고객 분석
- A/B 테스트
- 전환율 추적
- 자동화 설정
설계 방향:
✅ 해야 할 것:
• 고급 필터 옵션
• 상세 통계 대시보드
• 키보드 단축키
• API 연동
• 커스터마이징 가능
✅ 모드 분리 필수:
• 기본 모드 (40-50대용)
• 고급 모드 (20-30대용)
• 사용자가 선택 가능2-2. 사용 환경 (User Environment) - "어디서, 언제 쓰는가?"
환경 1: 가게 안, 바쁜 시간
상황:
카페 사장님이 손님 응대 중
급하게 오늘의 할인 이벤트를 보내야 함
제약사항:
• 시간: 30초 이내
• 손: 한 손만 사용 가능 (다른 손은 커피 만드는 중)
• 집중력: 매우 낮음 (손님 신경 쓰며)
• 기기: 스마트폰필요한 설계:
✓ 초대형 버튼 (80px 이상)
✓ 원클릭 발송
→ "단골 손님" 그룹에 사전 저장된 메시지 보내기
✓ 터치 피드백 (진동)
✓ 큰 성공 메시지
✓ 실수 방지 (확인 없이는 발송 안 됨)환경 2: 집, 저녁 시간, 여유있게
상황:
온라인 쇼핑몰 운영자가
다음 주 마케팅 캠페인 기획
제약사항:
• 시간: 충분함
• 손: 양손 자유롭게 (데스크톱)
• 집중력: 높음
• 기기: 노트북/데스크톱필요한 설계:
✓ 여러 탭 동시 작업 가능
✓ 복잡한 조건 설정 가능
✓ 미리보기 기능
✓ 상세한 통계 분석
✓ 여러 버전 비교2-3. 사용자 인터페이스 (UI) - "어떻게 설계되었는가?"
제품의 구체적인 설계가 사용성을 결정합니다.
UI 선택 1: 버튼 크기
| 버튼 크기 | 적합한 상황 | 부적합한 상황 |
|---|---|---|
| 큰 버튼 (80px) | 가게에서 급하게, 스마트폰 | 데스크톱 화면 낭비 |
| 중간 버튼 (60px) | 대부분 상황 | 거의 없음 ✅ |
| 작은 버튼 (40px) | 데스크톱, 고급 사용자 | 모바일, 급한 상황 |
UI 선택 2: 색상 대비
나쁜 예:
배경: 연한 회색 (#F0F0F0)
글씨: 조금 더 진한 회색 (#C0C0C0)
→ 60대 사장님: "글씨가 안 보여!"
→ 햇빛 아래 스마트폰: "아무것도 안 보임"좋은 예:
배경: 흰색 (#FFFFFF)
글씨: 검정 (#000000)
강조: 진한 파랑 (#0066CC)
→ 누구나 명확하게 읽을 수 있음
→ 어떤 환경에서도 잘 보임3. 사용성의 정의: 효과적, 효율적, 만족감
사용성은 세 가지 핵심 요소로 정의됩니다:
사용성
/ | \
/ | \
효과적 효율적 만족감3-1. 효과적 (Effective) - "목표를 정확히 달성하는가?"
정의: 사용자가 원하는 결과를 정확하게 얻을 수 있는가?
소상공인 마케팅 SaaS 예시
❌ 효과적이지 않은 경우:
상황: 단골 손님 50명에게 쿠폰 발송
결과:
• 50명 중 20명만 수신
• 왜 안 보내졌는지 이유 없음
• 고객센터에 문의해야만 알 수 있음
사장님: "어? 왜 30명은 안 갔지? 돈 낭비했네..."
→ 목표 미달성
→ 불신 발생
→ 서비스 이탈✅ 효과적인 경우:
상황: 단골 손님 50명에게 쿠폰 발송
결과:
┌─────────────────────────────┐
│ ✅ 쿠폰이 발송되었습니다! │
│ │
│ 📊 발송 결과: │
│ • 성공: 48명 (96%) │
│ • 실패: 2명 │
│ └─ 김철수님: 번호 변경됨 │
│ └─ 이영희님: 수신 거부 설정 │
│ │
│ 💡 다음 발송 전에 번호를 │
│ 확인해주세요! │
└─────────────────────────────┘
사장님: "아, 48명은 잘 갔고, 2명은 번호가 문제구나. 다음에 확인해야지!"
→ 목표 달성
→ 명확한 이해
→ 신뢰 형성3-2. 효율적 (Efficient) - "빠르고 적은 노력으로 달성하는가?"
정의: 목표를 달성하는 데 시간과 노력이 얼마나 드는가?
소상공인 마케팅 SaaS 예시
❌ 비효율적인 경우 (15분 소요):
1단계: 앱 열기
2단계: "메시지 보내기" 메뉴 찾기 (어디 있지?)
3단계: "새 메시지" 버튼 클릭
4단계: 수신자 선택 화면
5단계: 스크롤해서 "단골 손님" 찾기
6단계: 체크박스 하나하나 선택 (50명...!)
7단계: "다음" 클릭
8단계: 메시지 입력 화면
9단계: 메시지 작성
10단계: 쿠폰 첨부 방법 찾기 (어떻게 하지?)
11단계: 쿠폰 이미지 업로드
12단계: "미리보기" 확인
13단계: "발송" 버튼 찾기
14단계: "정말 보내시겠습니까?" 확인
15단계: 발송 완료
사장님: "아휴, 너무 복잡해... 다음엔 그냥 안 보내야지"
→ 포기율 높음
→ 재사용률 낮음✅ 효율적인 경우 (30초 소요):
1단계: 앱 열면 바로 보이는 메인 화면
┌─────────────────────────────┐
│ 🎉 빠른 발송 │
│ │
│ [👥 단골 손님에게 쿠폰 보내기] │ ← 크고 명확
│ │
│ 최근 발송 내역: │
│ • 어제: 신메뉴 소식 (48명) │
│ • 3일 전: 할인 쿠폰 (50명) │
└─────────────────────────────┘
2단계: 버튼 클릭 → 자동으로 단골 그룹 선택됨
3단계: 미리 만들어둔 쿠폰 템플릿 중 선택
4단계: "보내기" 클릭 → 완료!
사장님: "와, 진짜 30초 만에 끝났네! 매일 써야겠다"
→ 완료율 높음
→ 재사용률 높음
→ 입소문 확산효율성의 핵심:
- 클릭 수 최소화
- 자주 쓰는 기능을 메인에
- 이전 작업 기억 (자동 완성)
- 페이지 이동 최소화
3-3. 만족감 (Satisfaction) - "사용하면서 긍정적 감정을 느끼는가?"
정의: 사용 과정에서 편안함과 즐거움을 느끼는가?
소상공인 마케팅 SaaS 예시
❌ 만족감 낮은 경우:
문제점들:
• "발송" 버튼 눌렀는데 아무 반응 없음
→ "클릭이 안 된 건가? 다시 눌러야 하나?"
→ 불안감 😰
• 오류 발생: "Error 500: Internal Server Error"
→ "뭐가 문제지? 내가 뭘 잘못했나?"
→ 좌절감 😤
• 발송 후: 화면이 그대로, 아무 변화 없음
→ "진짜 보내진 건가? 확인이 안 되네..."
→ 의심 😕
• 실수로 잘못 보냄 → 취소/삭제 불가능
→ "어떡하지... 고객들한테 뭐라고 하지?"
→ 패닉 😱
사장님의 총평: "이거 쓰면 불안해... 다른 거 써야겠다"✅ 만족감 높은 경우:
좋은 점들:
• "발송" 버튼 클릭 즉시:
┌─────────────────┐
│ ⏳ 발송 중... │
│ ████████░░ 80% │
└─────────────────┘
→ "아, 지금 보내고 있구나!" 안심감 😌
• 오류 발생 시:
┌──────────────────────────────┐
│ ⚠️ 앗! 발송에 실패했습니다 │
│ │
│ 원인: 인터넷 연결이 끊겼습니다 │
│ │
│ 해결 방법: │
│ 1. WiFi 연결을 확인해주세요 │
│ 2. 다시 시도해주세요 │
│ │
│ [다시 시도하기] [나중에 하기] │
└──────────────────────────────┘
→ "아, WiFi 문제구나. 다시 해봐야지" 이해 😊
• 발송 성공 시:
┌──────────────────────────────┐
│ ✅ 쿠폰이 성공적으로 발송됐어요! │
│ │
│ 🎉 48명의 단골 손님이 받았어요 │
│ │
│ 📊 지난주보다 20% 더 많아요! │
│ │
│ 💡 보통 30분 내에 사용률이 │
│ 가장 높아요! │
└──────────────────────────────┘
→ "오! 완전 잘됐네! 기분 좋다" 기쁨 😄
• 실수로 잘못 보냄:
┌──────────────────────────────┐
│ 발송된 메시지: │
│ "내일 할인 쿠폰..." (48명) │
│ │
│ 방금 발송 (30초 전) │
│ │
│ [🗑️ 취소하기] [📊 통계 보기] │
└──────────────────────────────┘
"취소하기" 클릭 시:
┌──────────────────────────────┐
│ ✅ 메시지가 취소되었습니다 │
│ │
│ 아직 읽지 않은 46명의 메시지가 │
│ 삭제되었습니다 │
│ │
│ (이미 읽은 2명은 취소 불가) │
└──────────────────────────────┘
→ "휴, 다행이다. 실수해도 되는구나" 안도감 😮💨
사장님의 총평: "이거 진짜 편하다! 친구들한테도 추천해야지"만족감의 핵심:
- 즉각적인 피드백
- 명확한 오류 메시지
- 성공의 축하
- 실수 방지 및 복구 기능
- 긍정적인 톤
4. 기본적 속성 (필수)
기본적 속성은 반드시 있어야 하는 속성입니다. 없으면 제품이 실패합니다.
기본적 속성
├─ 효율성
│ ├─ 만족성
│ └─ 단순성
│
└─ 정확성
├─ 오류 사전 방지
├─ 오류 발생 감지
└─ 오류 회복성4-1. 효율성 (Efficiency)
A. 만족성 (Satisfactoriness) - "답답하지 않은가?"
정의: 사용자가 대기나 지체 없이 만족스럽게 사용할 수 있는가?
소상공인 마케팅 SaaS 예시:
❌ 낮은 만족성:
상황: 쿠폰 발송 버튼 클릭
문제:
• 5초 동안 아무 반응 없음
• 화면 멈춤
• 로딩 표시 없음
사장님의 행동:
→ "어? 안 되나?" (버튼 재클릭)
→ "왜 이래?" (앱 종료 시도)
→ "아휴, 이거 이상한데?" (다른 앱 검색)
결과: 서비스 이탈✅ 높은 만족성:
상황: 쿠폰 발송 버튼 클릭
즉각 반응:
• 0.1초 안에 버튼 색 변화 (클릭됨 표시)
• 0.2초 안에 로딩 애니메이션
• 1초 안에 "발송 중..." 메시지
• 2-3초 안에 완료
┌──────────────────┐
│ ⏳ 발송 중... │ ← 0.2초 안에 표시
│ ████████░░ 80% │ ← 실시간 진행률
│ 약 2초 남음 │ ← 예상 시간
└──────────────────┘
사장님: "빠르네! 좋아!" 😊
결과: 재사용 의향 상승구현 팁:
// 버튼 클릭 즉시 피드백
button.onclick = () => {
// 0.1초 안에 시각적 피드백
button.classList.add('clicked');
button.style.backgroundColor = '#0056b3';
// 0.2초 안에 로딩 표시
showLoadingSpinner();
// 실제 API 요청
sendCoupon();
};B. 단순성 (Simplicity) - "복잡하지 않은가?"
정의: 최소한의 단계로 목표를 달성할 수 있는가?
소상공인 마케팅 SaaS 예시:
❌ 복잡한 경우 (10단계):
복잡한 프로세스:
1. 메뉴에서 "마케팅" 찾기
2. "캠페인 만들기" 클릭
3. 캠페인 유형 선택 (SMS/이메일/푸시)
4. 캠페인 이름 입력
5. 수신자 그룹 선택
└─ "고객 관리"로 이동
└─ "그룹 만들기" 클릭
└─ 조건 설정
└─ 저장 후 돌아오기
6. 메시지 템플릿 선택
7. 메시지 내용 수정
8. 발송 시간 예약
9. 미리보기 확인
10. 최종 발송
소상공인: "너무 복잡해... 포기!"
→ 이탈률 80%✅ 단순한 경우 (3단계):
메인 화면:
┌────────────────────────────────┐
│ 🎉 빠른 쿠폰 발송 │
│ │
│ 1. 누구에게? │
│ [👥 단골 손님] [🆕 신규 손님] │
│ [🌟 VIP 손님] [📋 전체] │
│ │
│ 2. 무슨 쿠폰? │
│ [☕ 커피 무료] [🍰 디저트 50%] │
│ [🎁 직접 작성] │
│ │
│ 3. 언제? │
│ [▶️ 지금 바로] [⏰ 예약 발송] │
│ │
│ [💌 쿠폰 보내기] │
└────────────────────────────────┘
클릭 3번 → 완료!
소상공인: "오, 쉽네! 매일 써야겠다"
→ 완료율 95%단순성의 원칙:
- 3-클릭 법칙: 목표까지 최대 3번의 클릭
- 한 화면에 모든 것
- 사전 설정된 옵션 제공
- 불필요한 단계 제거
4-2. 정확성 (Accuracy)
A. 오류 사전 방지 (Error Prevention) - "실수하기 전에 막아주기"
정의: 사용자가 오류를 만들기 전에 미리 방지하는가?
소상공인 마케팅 SaaS 예시:
❌ 방지 없는 경우:
상황: "단골 손님" 선택 후 "삭제" 버튼 실수로 클릭
결과:
• 확인 없이 즉시 삭제됨
• 50명의 단골 명단이 사라짐
• 복구 불가능
사장님: "어? 내 단골 명단이...?!!" 😱
→ 패닉
→ 복구 요청 (불가능)
→ 서비스 신뢰도 폭락✅ 방지 있는 경우:
상황: "단골 손님" 선택 후 "삭제" 버튼 클릭
즉시 확인 창:
┌─────────────────────────────┐
│ ⚠️ 정말 삭제하시겠습니까? │
│ │
│ "단골 손님" 그룹 (50명)을 │
│ 삭제하려고 합니다 │
│ │
│ ⚠️ 주의: 삭제하면 30일 동안 │
│ 휴지통에 보관됩니다 │
│ │
│ [취소] [삭제하기] │
└─────────────────────────────┘
추가 보호:
• 삭제 버튼 위치: 화면 구석 (실수 클릭 방지)
• 삭제 버튼 색상: 빨강 (경고)
• 중요 기능 버튼: 파랑 (명확한 구분)
사장님: "아, 깜짝이야. 취소해야지"
→ 안전하게 취소
→ 신뢰감 상승오류 방지 방법:
1. 확인 모달: 중요한 작업 전 재확인
2. 위험 버튼 분리: 삭제 버튼은 멀리, 다른 색상
3. 기본값 제공: 안전한 선택이 기본
4. 입력 검증: 잘못된 값은 입력 불가
5. 시각적 경고: 위험한 작업은 빨간색
B. 오류 발생 감지 (Error Detection) - "문제가 생겼는지 알려주기"
정의: 오류가 발생했을 때 사용자가 즉시 알 수 있는가?
소상공인 마케팅 SaaS 예시:
❌ 감지 없는 경우:
상황: 쿠폰 발송 실패
문제:
• 오류 발생했지만 아무 표시 없음
• "발송 완료" 메시지만 표시됨
• 실제로는 0명에게 전송됨
사장님: "오늘 손님이 왜 이렇게 없지? 쿠폰은 보냈는데..."
→ 3일 후에야 문제 발견
→ 기회 손실
→ 고객 불만✅ 감지 있는 경우:
상황: 쿠폰 발송 실패
즉시 알림:
┌────────────────────────────────┐
│ ❌ 쿠폰 발송에 실패했습니다 │
│ │
│ 원인: 문자 발송 잔액이 부족합니다│
│ │
│ 현재 잔액: 50원 │
│ 필요 금액: 2,400원 (48명) │
│ │
│ 💡 해결 방법: │
│ 1. 잔액 충전하기 (추천) │
│ 2. 발송 인원 줄이기 │
│ │
│ [💳 충전하기] [나중에] │
└────────────────────────────────┘
사장님: "아, 잔액이 없었구나. 바로 충전해야지!"
→ 즉시 문제 해결
→ 기회 손실 방지오류 감지 원칙:
- 즉각적 알림 (팝업/알림)
- 명확한 원인 설명
- 구체적인 해결 방법 제시
- 다음 액션 제안
C. 오류 회복성 (Error Recovery) - "실수해도 되돌릴 수 있기"
정의: 오류가 발생했을 때 쉽게 복구할 수 있는가?
소상공인 마케팅 SaaS 예시:
❌ 회복 불가능한 경우:
상황: 잘못된 쿠폰을 발송함
문제:
• "단골 손님"에게 보내려 했는데 "전체 고객"에게 보냄
• 500명에게 발송 완료
• 취소/삭제 불가능
• 고객들이 혼란스러운 쿠폰 수신
사장님: "어떡하지... 고객들한테 사과 문자 보내야 하나...?"
→ 패닉
→ 비용 낭비
→ 고객 신뢰도 하락✅ 회복 가능한 경우:
상황: 잘못된 쿠폰을 발송함
즉시 조치 가능:
┌────────────────────────────────┐
│ 📤 발송 완료 │
│ │
│ "10% 할인 쿠폰" → 전체 고객 (500명) │
│ │
│ 방금 발송 (15초 전) │
│ │
│ 📊 상태: │
│ • 아직 열람 안 함: 485명 │
│ • 이미 열람함: 15명 │
│ │
│ 💡 아직 대부분이 안 읽었어요! │
│ │
│ [🗑️ 발송 취소] [📊 통계 보기] │
└────────────────────────────────┘
"발송 취소" 클릭 시:
┌────────────────────────────────┐
│ ✅ 취소 완료 │
│ │
│ 485명의 메시지가 삭제되었습니다 │
│ │
│ ⚠️ 이미 읽은 15명은 취소할 수 │
│ 없어요. 이 분들께 사과 쿠폰을 │
│ 보내시겠어요? │
│ │
│ [사과 쿠폰 보내기] [괜찮아요] │
└────────────────────────────────┘
사장님: "휴, 다행이다. 대부분 취소했네!"
→ 빠른 복구
→ 손해 최소화
→ 추가 대응까지 제안오류 회복 방법:
1. 즉시 취소: 발송 후 짧은 시간 내 취소 가능 (30초-5분)
2. 휴지통: 삭제한 항목 30일 보관
3. 버전 히스토리: 이전 버전으로 복구
4. 되돌리기 (Undo): Ctrl+Z 기능
5. 자동 백업: 자동으로 정기 백업
5. 부수적 속성 (추가)
부수적 속성은 있으면 더 좋은 속성입니다. 경쟁 우위를 만듭니다.
부수적 속성
├─ 의미성
│ ├─ 먼저 제시성
│ ├─ 이해 가능성
│ └─ 학습성
│
├─ 유연성
│ ├─ 사용자 주도권
│ ├─ 대체성
│ ├─ 다중성
│ ├─ 개인화
│ ├─ 연결성
│ └─ 예측 가능성
│
└─ 일관성
├─ 친숙성
└─ 일반화 가능성5-1. 의미성 (Meaningfulness)
A. 먼저 제시성 (First Presentation) - "중요한 것 먼저 보이기"
정의: 가장 중요한 정보가 눈에 띄게 배치되어 있는가?
소상공인 마케팅 SaaS 예시:
❌ 낮은 먼저 제시성:
메인 화면에 모든 기능이 동일한 크기:
┌────────────────────────────────┐
│ [고객 관리] [통계 분석] │
│ [쿠폰 발송] [이벤트 만들기] │
│ [설정] [도움말] │
│ [공지사항] [내 정보] │
└────────────────────────────────┘
소상공인: "뭐부터 해야 하지? 다 똑같이 생겼네..."
→ 혼란
→ 중요한 기능 못 찾음✅ 높은 먼저 제시성:
메인 화면에 중요도별 배치:
┌────────────────────────────────┐
│ │
│ 🎉 쿠폰 바로 보내기 │ ← 가장 크고
│ [단골 손님에게 쿠폰 발송] │ ← 강조됨
│ │
├────────────────────────────────┤
│ 오늘의 통계 📊 │ ← 중간 크기
│ • 쿠폰 사용: 12명 / 50명 │
│ • 신규 고객: 3명 │
└────────────────────────────────┘
│ 다른 기능 │ ← 작게
│ [고객 관리] [이벤트] [설정] │
└────────────────────────────────┘
소상공인: "아, 쿠폰 보내기가 제일 중요하구나. 바로 써봐야지!"
→ 명확한 우선순위
→ 즉시 핵심 기능 사용먼저 제시성 원칙:
- 사용 빈도 높은 기능 = 크게, 위에
- 중요도 높은 정보 = 강조, 색상
- 부가 기능 = 작게, 아래
B. 이해 가능성 (Comprehensibility) - "누가 봐도 이해되기"
정의: 용어와 표현이 일반인도 이해할 수 있는가?
소상공인 마케팅 SaaS 예시:
❌ 이해 불가능한 경우:
전문 용어 사용:
┌────────────────────────────────┐
│ CRM 통합 세그멘테이션 │
│ │
│ CTR: 3.2% │
│ CVR: 1.8% │
│ ROAS: 245% │
│ LTV: ₩125,000 │
│ │
│ [리타게팅 캠페인 실행] │
└────────────────────────────────┘
소상공인: "이게 무슨 외계어야...?" 😵
→ 이해 불가
→ 기능 사용 못 함
→ 앱 삭제✅ 이해 가능한 경우:
쉬운 용어 사용:
┌────────────────────────────────┐
│ 내 가게 현황 📊 │
│ │
│ 쿠폰을 받은 사람: 50명 │
│ 실제로 사용한 사람: 12명 (24%) │
│ │
│ 💰 쿠폰으로 벌어들인 돈: │
│ 15만원 (쿠폰 비용 대비 3배!) │
│ │
│ 평균 고객 가치: 125,000원 │
│ → 한 명당 평균 12만원 씀 │
│ │
│ [📢 다시 쿠폰 보내기] │
└────────────────────────────────┘
소상공인: "오, 이해했어! 쿠폰 효과가 좋네!" 😊
→ 완벽한 이해
→ 적극적 사용
→ 재구매 의향 상승이해 가능성 원칙:
| 전문 용어 | 쉬운 표현 |
|----------|----------|
| CTR (Click-Through Rate) | 클릭한 사람 비율 |
| CVR (Conversion Rate) | 실제 구매한 사람 비율 |
| ROAS (Return on Ad Spend) | 광고비 대비 수익 |
| 세그멘테이션 | 고객 나누기 |
| 리타게팅 | 다시 광고 보내기 |
| LTV (Lifetime Value) | 평균 고객 가치 |
C. 학습성 (Learnability) - "빨리 배울 수 있기"
정의: 사용자가 제품을 빠르게 배울 수 있는가?
소상공인 마케팅 SaaS 예시:
❌ 학습하기 어려운 경우:
첫 실행 시:
• 복잡한 메뉴 바로 표시
• 설명 없음
• 튜토리얼 없음
• 매뉴얼만 제공 (PDF 50페이지)
소상공인: "어디서부터 시작하지? 매뉴얼 읽어야 하나?"
→ 학습 비용 높음
→ 포기율 높음✅ 학습하기 쉬운 경우:
첫 실행 시 간단한 3단계 튜토리얼:
[1단계]
┌────────────────────────────────┐
│ 👋 환영합니다! │
│ │
│ 이 앱으로 쉽게 쿠폰을 보낼 수 │
│ 있어요. 3분이면 배울 수 있어요! │
│ │
│ [시작하기] [나중에] │
└────────────────────────────────┘
[2단계]
┌────────────────────────────────┐
│ 👥 먼저 손님을 등록해볼까요? │
│ │
│ 이 버튼을 눌러서 → [➕ 손님 추가]│
│ 이름과 전화번호만 입력하면 돼요 │
│ │
│ 💡 팁: 단골 손님을 먼저 등록하면 │
│ 쿠폰 보내기가 더 쉬워져요! │
│ │
│ [직접 해보기] [건너뛰기] │
└────────────────────────────────┘
[3단계]
┌────────────────────────────────┐
│ 🎉 쿠폰 보내는 방법 │
│ │
│ 이 큰 버튼만 누르면 끝! │
│ → [단골 손님에게 쿠폰 보내기] │
│ │
│ 30초면 완료돼요! │
│ │
│ [해보기] [나중에] │
└────────────────────────────────┘
소상공인: "오, 이거 쉽네! 바로 써봐야겠다"
→ 3분 만에 학습 완료
→ 즉시 사용 시작학습성 개선 방법:
1. 간단한 온보딩: 3-5단계 튜토리얼
2. 실습 중심: 직접 해보면서 배우기
3. 툴팁 제공: 처음 보는 기능에 설명
4. 점진적 노출: 고급 기능은 나중에
5. 비디오 튜토리얼: 30초-1분 영상
5-2. 유연성 (Flexibility)
A. 사용자 주도권 (User Control) - "내 방식대로 쓸 수 있기"
정의: 사용자가 시스템이 강제한 방식이 아닌 자신의 방식으로 사용할 수 있는가?
소상공인 마케팅 SaaS 예시:
❌ 유연성 낮은 경우:
고정된 템플릿만 제공:
┌────────────────────────────────┐
│ 쿠폰 템플릿 (수정 불가) │
│ │
│ "☕ [가게 이름]에서 드리는" │
│ "10% 할인 쿠폰입니다!" │
│ │
│ 유효기간: 7일 (변경 불가) │
│ │
│ [이대로 보내기] │
└────────────────────────────────┘
소상공인: "내 가게 스타일대로 못 쓰네... 딱딱해"
→ 개성 없음
→ 만족도 낮음✅ 유연성 높은 경우:
자유롭게 커스터마이징:
┌────────────────────────────────┐
│ 쿠폰 만들기 ✏️ │
│ │
│ 제목: [직접 입력] │
│ 예: "사장님이 쏩니다! 커피 한잔☕"│
│ │
│ 내용: [자유롭게 작성] │
│ 이모지 추가 🎉☕🍰💝 │
│ │
│ 할인율: [10%] [20%] [직접 입력] │
│ │
│ 유효기간: │
│ [1일] [3일] [7일] [직접 설정] │
│ │
│ 색상 테마: [🔴 빨강] [🔵 파랑] │
│ [🟢 초록] [직접 선택] │
│ │
│ [미리보기] [템플릿 저장] [보내기]│
└────────────────────────────────┘
소상공인: "내 가게 스타일대로 만들 수 있네! 재밌다"
→ 개성 표현
→ 만족도 높음
→ 브랜딩 가능B. 대체성 (Alternative Paths) - "다른 방법으로도 할 수 있기"
정의: 같은 목표를 다양한 방법으로 달성할 수 있는가?
소상공인 마케팅 SaaS 예시:
❌ 대체성 없는 경우:
손님 추가 방법: 오직 한 가지
• 손으로 하나씩 입력만 가능
과정:
1. "추가" 버튼 클릭
2. 이름 입력
3. 전화번호 입력
4. 저장
5. 다시 1번부터 반복...
50명 추가하려면: 200번의 클릭 😫
소상공인: "아휴, 너무 힘들어..."
→ 포기✅ 대체성 있는 경우:
손님 추가 방법: 5가지 제공
┌────────────────────────────────┐
│ 손님 추가하기 👥 │
│ │
│ 방법을 선택하세요: │
│ │
│ 1️⃣ [직접 입력하기] │
│ → 한 명씩 천천히 │
│ │
│ 2️⃣ [엑셀 파일 업로드] │
│ → 많은 인원 한 번에 │
│ │
│ 3️⃣ [전화번호부에서 가져오기] │
│ → 스마트폰 연락처 연동 │
│ │
│ 4️⃣ [카카오톡 친구 목록] │
│ → 카톡 친구 자동 추가 │
│ │
│ 5️⃣ [QR 코드로 고객이 직접 가입] │
│ → 고객이 스스로 등록 │
└────────────────────────────────┘
소상공인: "오, 여러 방법이 있네! 나한테 편한 걸로 하면 되겠다"
→ 선택의 자유
→ 효율성 증가C. 다중성 (Multiplicity) - "동시에 여러 작업 가능"
정의: 여러 작업을 동시에 진행할 수 있는가?
소상공인 마케팅 SaaS 예시:
❌ 다중성 없는 경우:
한 번에 한 가지만:
• 쿠폰 A 발송 중에는 쿠폰 B 준비 불가
• 통계 보는 중에는 쿠폰 발송 불가
• 모든 작업이 순차적
소상공인: "아, 기다려야 하네... 시간 낭비"✅ 다중성 있는 경우:
┌────────────────────────────────┐
│ 진행 중인 작업 📋 │
│ │
│ 1. "단골 쿠폰" 발송 중... │
│ ████████░░ 80% (2분 남음) │
│ [백그라운드에서 진행 중] │
│ │
│ 2. "신규 고객 환영" 예약됨 │
│ ⏰ 오후 3시 자동 발송 │
│ │
│ 3. "VIP 감사" 작성 중... │
│ 💾 자동 저장됨 (2분 전) │
│ │
│ 💡 다른 작업을 계속하셔도 │
│ 백그라운드에서 진행돼요! │
└────────────────────────────────┘
소상공인: "오, 여러 개를 동시에 할 수 있네!"
→ 효율성 극대화
→ 시간 절약D. 개인화 (Personalization) - "내 취향대로 설정"
정의: 사용자가 자신의 선호도에 맞게 제품을 커스터마이징할 수 있는가?
소상공인 마케팅 SaaS 예시:
❌ 개인화 없는 경우:
모든 사용자에게 동일:
• 화면 구성 고정
• 색상 변경 불가
• 알림 설정 불가
소상공인: "내 스타일이 아닌데..."✅ 개인화 있는 경우:
┌────────────────────────────────┐
│ 내 설정 ⚙️ │
│ │
│ 화면 테마: │
│ [☀️ 밝은 모드] [🌙 어두운 모드] │
│ [⏰ 자동 (시간대별)] │
│ │
│ 메인 화면 구성: │
│ 자주 쓰는 기능을 위로 배치 │
│ [ ] 쿠폰 발송 │
│ [ ] 고객 관리 │
│ [ ] 통계 보기 │
│ (드래그해서 순서 변경) │
│ │
│ 알림 설정: │
│ [✓] 쿠폰 사용 알림 │
│ [✓] 신규 고객 알림 │
│ [ ] 마케팅 정보 (끄기) │
│ │
│ 글씨 크기: │
│ [작게] [보통] [크게] [더 크게] │
│ │
│ 내 가게 정보: │
│ 가게 이름, 로고, 대표 색상 설정 │
│ → 모든 쿠폰에 자동 적용 │
└────────────────────────────────┘
소상공인: "내 스타일대로 다 설정할 수 있네!"
→ 만족도 증가
→ 장기 사용 의향 상승E. 연결성 (Connectivity) - "다른 서비스와 연동"
정의: 제품이 다른 서비스와 자연스럽게 연결되는가?
소상공인 마케팅 SaaS 예시:
❌ 연결성 없는 경우:
독립된 시스템:
• 고객 정보를 일일이 수동 입력
• 다른 앱과 연동 불가
• 데이터 이동 불편
소상공인: "내 POS 시스템이랑 연동되면 좋을 텐데..."
→ 불편함
→ 중복 작업✅ 연결성 있는 경우:
┌────────────────────────────────┐
│ 연동된 서비스 🔗 │
│ │
│ ✅ 연동 완료: │
│ │
│ 📱 카카오톡 │
│ → 카톡으로 쿠폰 발송 가능 │
│ │
│ 🛒 배달의민족 POS │
│ → 주문 고객 자동 등록 │
│ → 구매 금액 자동 반영 │
│ │
│ 📊 네이버 플레이스 │
│ → 리뷰 작성 고객에게 쿠폰 자동 │
│ │
│ 💳 신용카드 가맹점 시스템 │
│ → VIP 고객 자동 분류 │
│ │
│ 🔓 추가 연동 가능: │
│ [ ] 인스타그램 │
│ [ ] 쿠팡이츠 │
│ [ ] 요기요 │
└────────────────────────────────┘
소상공인: "오, 내가 쓰는 앱이랑 다 연동되네!"
→ 편의성 극대화
→ 자동화
→ 시간 절약F. 예측 가능성 (Predictability) - "어떻게 작동할지 예상 가능"
정의: 사용자가 행동의 결과를 예측할 수 있는가?
소상공인 마케팅 SaaS 예시:
❌ 예측 불가능한 경우:
버튼 동작이 매번 다름:
• 어떤 때는 "저장" 버튼이 파란색
• 어떤 때는 "저장" 버튼이 초록색
• 어떤 때는 클릭하면 즉시 저장
• 어떤 때는 클릭하면 확인창
소상공인: "이 버튼 누르면 뭐가 되는 거지...?"
→ 불안감
→ 실수 증가✅ 예측 가능한 경우:
일관된 버튼 규칙:
• 파란 버튼 = 항상 "저장/확인" (긍정적 행동)
• 회색 버튼 = 항상 "취소/돌아가기" (중립적)
• 빨강 버튼 = 항상 "삭제" (위험한 행동)
클릭 전 미리보기:
┌────────────────────────────────┐
│ 이 버튼을 누르면: │
│ │
│ 💌 "단골 손님" 50명에게 │
│ "10% 할인 쿠폰"이 │
│ 즉시 발송됩니다 │
│ │
│ 💰 예상 비용: 2,500원 │
│ │
│ [💌 지금 보내기] [취소] │
└────────────────────────────────┘
소상공인: "아, 이 버튼 누르면 50명한테 보내지는구나"
→ 명확한 예측
→ 안심하고 클릭5-3. 일관성 (Consistency)
A. 친숙성 (Familiarity) - "다른 앱처럼 익숙하게"
정의: 사용자가 다른 제품에서 배운 패턴을 적용할 수 있는가?
소상공인 마케팅 SaaS 예시:
❌ 친숙하지 않은 경우:
독특한 제스처:
• 삭제하려면 "두 손가락 동시에 5초 누르기"
• 저장하려면 "화면 가장자리를 3번 터치"
• 뒤로가기는 "기기 흔들기"
소상공인: "이게 무슨 조작법이야...?" 😵
→ 학습 비용 증가
→ 사용 포기✅ 친숙한 경우:
표준 제스처 사용:
• 삭제: 왼쪽으로 스와이프 (카카오톡, 아이폰 메일처럼)
• 저장: 화면 우측 상단 "저장" 버튼 (모든 앱의 표준)
• 뒤로가기: 화면 왼쪽에서 오른쪽으로 스와이프 (iOS 표준)
• 새로고침: 아래로 당기기 (인스타그램, 페이스북처럼)
소상공인: "오, 카톡이랑 똑같네! 쉽다!"
→ 즉시 사용 가능
→ 학습 비용 제로B. 일반화 가능성 (Generalizability) - "한 곳에서 배우면 다른 곳에서도"
정의: 한 부분에서 배운 규칙을 다른 부분에도 적용할 수 있는가?
소상공인 마케팅 SaaS 예시:
❌ 일반화 불가능한 경우:
페이지마다 규칙이 다름:
[쿠폰 발송 페이지]
• 파란 버튼 = "발송하기"
• 삭제는 "휴지통" 아이콘
[고객 관리 페이지]
• 파란 버튼 = "필터 적용"
• 삭제는 "X" 버튼
[통계 페이지]
• 파란 버튼 = "새로고침"
• 삭제는 긴 누르기
소상공인: "페이지마다 다 달라... 헷갈려!"
→ 매번 새로 학습
→ 실수 빈번✅ 일반화 가능한 경우:
모든 페이지에서 동일한 규칙:
공통 규칙:
• 파란 버튼 = 항상 "주요 액션" (저장, 발송, 확인)
• 회색 버튼 = 항상 "취소/뒤로"
• 빨강 아이콘 = 항상 "삭제"
• 오른쪽 상단 "⋮" = 항상 "더보기 메뉴"
[모든 페이지 동일]
┌────────────────────────────────┐
│ ← 뒤로 [제목] ⋮ 메뉴│ ← 상단 바 동일
│ │
│ [내용] │
│ │
│ [회색: 취소] [파랑: 주요 액션] │ ← 하단 버튼 동일
└────────────────────────────────┘
소상공인: "한 번 배우면 다 똑같네! 편하다"
→ 한 번만 학습
→ 모든 기능 사용 가능6. 사용 오류: 의도된 vs 의도되지 않은
사용자의 행위를 이해하면 더 나은 설계를 할 수 있습니다.
사용 오류
/ \
/ \
의도된 의도되지 않은
| |
| ┌───┴───┐
| | |
올바른 비정상 실수 과실
사용 사용 착오6-1. 의도되지 않은 오류 (사용자 실수)
A. 실수 (Slip) - "손가락이 미끄러짐"
정의: 머리로는 맞게 생각했는데 손이 잘못 움직인 것
소상공인 마케팅 SaaS 예시:
상황: "단골 손님"에게 쿠폰 보내려고 함
의도: "단골 손님" 선택
실제: 손가락이 미끄러져 "전체 고객" 클릭
결과: 1,000명에게 발송됨 (원래는 50명만)
소상공인: "어? 내가 분명 단골만 선택했는데...?"
→ 의도와 다른 결과
→ 비용 낭비✅ 개선 방안:
1. 버튼 크기 증대
┌────────────────────────────────┐
│ │
│ [👥 단골 손님 (50명)] │ ← 크고 여유있게
│ │
│ │
│ [🌐 전체 고객 (1,000명)] │ ← 충분한 간격
│ │
└────────────────────────────────┘
2. 확인 단계 추가
┌────────────────────────────────┐
│ 💌 발송 전 확인 │
│ │
│ 받는 사람: 전체 고객 (1,000명) │
│ │
│ ⚠️ 평소보다 많은 인원입니다! │
│ 정말 전체에게 보내시겠어요? │
│ │
│ [돌아가기] [네, 보낼게요] │
└────────────────────────────────┘
3. 터치 피드백
• 버튼 클릭 시 진동
• 색상 변화
• "선택됨" 표시B. 과실 (Mistake) - "기능을 오해함"
정의: 제품의 작동 방식을 잘못 이해한 것
소상공인 마케팅 SaaS 예시:
상황: 쿠폰 작성 중
사용자 생각: "자동 저장되겠지"
현실: "명시적으로 '저장' 버튼을 눌러야 함"
결과:
• 앱을 끄고 다시 들어옴
• 작성한 내용이 모두 사라짐
소상공인: "어? 내가 쓴 게...?!" 😱
→ 시간 낭비
→ 좌절감✅ 개선 방안:
1. 자동 저장 기능
┌────────────────────────────────┐
│ 쿠폰 작성 │
│ │
│ [내용 입력 중...] │
│ │
│ 💾 자동 저장됨 (방금 전) │ ← 명확한 표시
└────────────────────────────────┘
2. 나갈 때 경고
"저장하지 않은 변경사항이 있습니다"
[저장하고 나가기] [그냥 나가기]
3. 임시 저장
• 작성 중인 내용을 임시 보관
• 돌아오면 "이어서 작성하시겠어요?" 물어봄C. 착오 (Misunderstanding) - "규칙을 잘못 이해함"
정의: 제품의 전체 논리나 패턴을 잘못 파악한 것
소상공인 마케팅 SaaS 예시:
사용자의 잘못된 일반화:
경험 1: A 페이지에서 "파란 버튼" = 저장
경험 2: B 페이지에서 "파란 버튼" = 삭제
사용자 생각: "파란 버튼은 항상 저장이구나"
C 페이지에서:
• 파란 버튼을 저장이라고 생각하고 클릭
• 실제로는 "모두 삭제" 기능
• 모든 고객 정보 삭제됨
소상공인: "왜 삭제가 돼?! 저장 버튼 아니었어?!"
→ 극심한 혼란
→ 신뢰 상실✅ 개선 방안:
1. 일관된 색상 규칙
• 파란색 = 항상 긍정적 행동 (저장, 발송)
• 빨간색 = 항상 위험한 행동 (삭제)
• 회색 = 항상 중립/취소
2. 명확한 아이콘과 텍스트
┌────────────────────────────────┐
│ [💾 저장하기] ← 파란색 + 아이콘 + 텍스트
│ [🗑️ 삭제하기] ← 빨간색 + 아이콘 + 텍스트
│ [↩️ 취소] ← 회색 + 아이콘 + 텍스트
└────────────────────────────────┘
3. 위험 행동 확인
"정말 삭제하시겠습니까?"
"삭제된 데이터는 복구할 수 없습니다"6-2. 의도된 행위
A. 올바른 사용 - "제대로 이해하고 사용"
정의: 제품을 정확히 이해하고 의도대로 사용하는 것
소상공인 마케팅 SaaS 예시:
상황: VIP 고객에게만 특별 쿠폰 발송
사용자의 명확한 의도:
1. VIP 기준 이해: "월 10만원 이상 구매"
2. VIP 그룹 선택: 정확히 15명
3. 특별 쿠폰 선택: "30% 할인"
4. 발송 시점 설정: "오늘 오후 3시"
결과:
• 15명에게 정확히 발송됨
• 원하는 시간에 정확히 발송됨
• 목표 달성!
소상공인: "완벽하게 됐네! 만족스럽다" 😊✅ 개발자가 할 일:
이러한 올바른 사용을 최대한 지원:
1. 고급 필터 제공
┌────────────────────────────────┐
│ VIP 고객 선택 │
│ │
│ 조건 1: 월 구매액 ≥ 100,000원 │
│ 조건 2: 최근 방문 ≤ 30일 │
│ │
│ 📊 조건에 맞는 고객: 15명 │
│ │
│ [미리보기] [이 조건으로 발송] │
└────────────────────────────────┘
2. 결과 미리보기
"이 15명에게 30% 쿠폰이 발송됩니다"
3. 템플릿 저장
"VIP 고객 월간 쿠폰"으로 저장
→ 다음 달에 쉽게 재사용B. 비정상 사용 - "악의적이거나 규칙 위반"
정의: 알면서도 규칙을 어기거나 악용하는 것
소상공인 마케팅 SaaS 예시:
악의적 사용 사례:
1. 스팸 발송
• 무료 체험 계정으로 수만 명에게 스팸 발송
• 다른 사람의 쿠폰을 무단으로 복사
• 경쟁 가게 고객에게 혼란 주는 메시지 발송
2. 시스템 부하
• 1초에 100번 API 요청
• 무한 반복으로 서버 부하 유발
3. 악의적 데이터 조작
• 다른 사용자의 고객 정보 삭제 시도
• SQL Injection 공격 시도✅ 개발자가 할 일 (차단):
1. 사용량 제한
┌────────────────────────────────┐
│ ⚠️ 발송 제한 초과 │
│ │
│ 1일 최대 발송: 500명 │
│ 현재 발송: 500명 (100%) │
│ │
│ 내일 다시 시도하거나 │
│ 유료 플랜으로 업그레이드하세요 │
│ │
│ [업그레이드] [내일 다시] │
└────────────────────────────────┘
2. API Rate Limiting
// 1분에 최대 60회 요청
if (requestCount > 60) {
return "429 Too Many Requests";
}
3. 권한 기반 접근 제어
• Admin: 모든 기능 가능
• User: 자기 데이터만
• Viewer: 읽기만 가능
4. 모든 작업 로깅
• 누가, 언제, 무엇을 했는지 기록
• 의심스러운 활동 자동 감지
• 자동 계정 정지7. 소상공인 마케팅 SaaS에 적용하기
이제 모든 개념을 "소상공인을 위한 원클릭 마케팅 SaaS"에 종합적으로 적용해봅시다.
실전 시나리오: 쿠폰 발송 전체 흐름
✅ 1단계: 사용 적합성 고려
사용자 분석
| 사용자 유형 | 특징 | 필요 기능 |
|---|---|---|
| 40-50대 카페 사장님 | 기술 초보 | 큰 버튼, 쉬운 말, 튜토리얼 |
| 30대 소규모 식당 | 중급 사용자 | 기본 통계, 예약 발송 |
| 20대 온라인 쇼핑몰 | 고급 사용자 | 상세 분석, API, 자동화 |
환경 분석
| 환경 | 제약 | 설계 선택 |
|---|---|---|
| 가게 안, 바쁜 시간 | 30초, 한 손 | 초대형 버튼, 원클릭 |
| 집, 저녁, 여유 | 충분한 시간 | 상세 설정, 통계 |
| 이동 중, 스마트폰 | 약한 네트워크 | 오프라인 모드, 캐싱 |
✅ 2단계: 사용성 정의 적용
효과적 (목표 정확 달성)
목표: "단골 손님 50명에게 쿠폰 발송"
구현:
┌────────────────────────────────┐
│ ✅ 발송 완료! │
│ │
│ 📊 상세 결과: │
│ • 성공: 48명 (96%) │
│ • 실패: 2명 │
│ - 김철수님: 번호 변경됨 (안내 문자 발송)
│ - 이영희님: 수신 거부 (존중함) │
│ │
│ 💡 다음 발송 전에: │
│ - 김철수님 새 번호 확인하기 │
│ │
│ [다시 보내기] [통계 보기] │
└────────────────────────────────┘
→ 목표 96% 달성
→ 실패 이유 명확
→ 다음 액션 제안효율적 (빠르고 적은 노력)
시간: 30초 이내
클릭: 3번
[메인 화면 - 0초]
┌────────────────────────────────┐
│ 🎉 빠른 쿠폰 발송 │
│ │
│ [👥 단골 손님에게 쿠폰 보내기] │ ← 클릭 1
└────────────────────────────────┘
[자동 선택 - 5초]
• 단골 그룹 자동 선택 (50명)
• 최근 쿠폰 템플릿 자동 로드
[확인 - 10초]
┌────────────────────────────────┐
│ 💌 발송 확인 │
│ │
│ 받는 사람: 단골 손님 (50명) │
│ 쿠폰: "커피 무료" (저장된 템플릿) │
│ │
│ [수정] [보내기] │ ← 클릭 2
└────────────────────────────────┘
[발송 - 15초]
진행률 표시 → 완료
→ 총 30초 이내 완료
→ 클릭 3번 (수정 안 할 경우 2번)만족감 (긍정적 감정)
[발송 중 - 안심]
┌────────────────────────────────┐
│ ⏳ 쿠폰 발송 중... │
│ ████████████░░ 85% │
│ │
│ 지금까지: 42명 발송 완료 │
│ 남은 시간: 약 3초 │
└────────────────────────────────┘
[발송 완료 - 기쁨]
┌────────────────────────────────┐
│ ✅ 🎉 완료! │
│ │
│ 48명의 단골 손님이 │
│ 커피 무료 쿠폰을 받았어요! │
│ │
│ 📊 예상 효과: │
│ • 오늘 방문 고객 +30% │
│ • 예상 매출 +15만원 │
│ │
│ 💡 쿠폰은 보통 30분 안에 │
│ 가장 많이 사용돼요! │
│ │
│ [실시간 통계 보기] │
└────────────────────────────────┘
→ 불안감 제거
→ 성취감 제공
→ 구체적인 예측
→ 다음 액션 제안✅ 3단계: 기본적 속성 구현
효율성
만족성 (빠른 응답):
- 버튼 클릭 0.1초 안에 시각 피드백
- 로딩 1초 이내
- 진행률 실시간 표시
단순성 (최소 단계):
- 3-클릭으로 완료
- 한 화면에 모든 정보
- 불필요한 단계 제거
정확성
오류 사전 방지:
┌────────────────────────────────┐
│ ⚠️ 확인 │
│ │
│ "전체 고객" (1,000명)에게 │
│ 보내려고 하시네요 │
│ │
│ 평소 "단골 손님" (50명)에게만 │
│ 보내셨는데, 정말 전체에게 │
│ 보내시겠어요? │
│ │
│ 예상 비용: 50,000원 │
│ │
│ [아니요, 단골만] [네, 전체에게] │
└────────────────────────────────┘오류 발생 감지:
┌────────────────────────────────┐
│ ❌ 발송 실패 │
│ │
│ 원인: 잔액 부족 (현재: 500원) │
│ 필요: 2,500원 │
│ │
│ 해결책: │
│ 1. [💳 충전하기] (추천) │
│ 2. [📉 인원 줄이기] │
│ 3. [⏰ 나중에 하기] │
└────────────────────────────────┘오류 회복성:
┌────────────────────────────────┐
│ 발송된 쿠폰 │
│ "커피 무료" → 단골 손님 (50명) │
│ │
│ 방금 발송 (25초 전) │
│ │
│ 📊 상태: │
│ • 읽지 않음: 47명 │
│ • 이미 읽음: 3명 │
│ │
│ [🗑️ 취소하기] [📊 통계] │
└────────────────────────────────┘
취소 후:
"47명의 쿠폰이 취소되었습니다"
"이미 읽은 3명은 취소할 수 없어요"✅ 4단계: 부수적 속성 추가
의미성
먼저 제시성:
메인 화면 - 중요도별 배치:
[초대형 버튼 - 가장 중요]
🎉 쿠폰 바로 보내기
[중간 크기 - 중요]
📊 오늘의 통계
[작은 크기 - 부가]
[고객 관리] [설정] [도움말]이해 가능성:
| 전문 용어 | → | 쉬운 표현 |
|----------|---|----------|
| CTR | → | 클릭한 사람 % |
| Segmentation | → | 손님 나누기 |
| Conversion Rate | → | 실제 사용한 사람 % |
학습성:
- 3분 온보딩 튜토리얼
- 처음 보는 기능에 툴팁
- 30초 비디오 가이드
유연성
사용자 주도권:
- 템플릿 자유 수정
- 색상/이미지 커스터마이징
- 발송 시간 자유 설정
대체성:
- 손님 추가: 직접 입력 / 엑셀 업로드 / 카톡 연동
- 통계 보기: 표 / 차트 / PDF
개인화:
- 다크모드
- 글씨 크기 조절
- 자주 쓰는 기능 배치
연결성:
- 카카오톡 연동
- 배달의민족 POS 연동
- 네이버 플레이스 연동
일관성
친숙성:
- 카카오톡처럼 왼쪽 스와이프 = 삭제
- iOS처럼 화면 가장자리 스와이프 = 뒤로가기
일반화 가능성:
- 모든 페이지에서 파란 버튼 = 저장/확인
- 모든 페이지에서 빨강 버튼 = 삭제
✅ 5단계: 사용 오류 대응
실수 방지
큰 버튼 (80px) + 간격 (40px)
터치 피드백 (진동 + 색상)
확인 단계과실 방지
자동 저장 (3초마다)
나갈 때 경고
임시 저장착오 방지
일관된 색상 규칙
명확한 아이콘+텍스트
위험 행동 확인비정상 사용 차단
API Rate Limiting (1분 60회)
1일 발송 제한 (500명)
권한 기반 접근 제어
모든 작업 로깅최종 결과물 예시
┌─────────────────────────────────────┐
│ ☰ 쿠폰쿡 🔔 ⚙️ │ ← 헤더
├─────────────────────────────────────┤
│ │
│ 🎉 쿠폰 바로 보내기 │ ← 메인 기능
│ [👥 단골 손님에게 쿠폰 보내기] │ (초대형)
│ │
├─────────────────────────────────────┤
│ 📊 오늘의 실시간 통계 │ ← 중요 정보
│ • 쿠폰 사용: 12명 / 50명 (24%) │ (중간)
│ • 매출: 18만원 (+30%) │
│ • 신규 고객: 3명 │
├─────────────────────────────────────┤
│ 최근 발송 내역 │ ← 편의 기능
│ • 어제: "커피 무료" (48명) ✅ │ (작게)
│ • 3일 전: "디저트 50%" (35명) ✅ │
├─────────────────────────────────────┤
│ 다른 기능 │ ← 부가 기능
│ [고객 관리] [이벤트] [통계] [설정] │ (최소)
└─────────────────────────────────────┘8. 결론
사용성의 핵심 정리
사용 적합성 (누가, 어디서, 어떻게)
↓
사용성 정의 (효과적, 효율적, 만족감)
↓
기본적 속성 (효율성, 정확성) ← 필수!
↓
부수적 속성 (의미성, 유연성, 일관성) ← 경쟁력!
↓
사용 오류 대응 (실수/과실/착오 방지, 악용 차단)소상공인 마케팅 SaaS 성공 공식
1. 사용자를 알아라
- 40-50대 기술 초보자
- 시간이 없음
- 복잡한 건 싫어함
2. 환경을 고려하라
- 가게 안에서 급하게
- 스마트폰 한 손으로
- 30초 안에 완료
3. 세 가지를 지켜라
- 효과적: 정확히 작동
- 효율적: 빠르게 완료
- 만족감: 기분 좋게
4. 기본을 탄탄히
- 빠른 응답
- 단순한 흐름
- 오류 방지
- 오류 복구
5. 차별화를 더하라
- 쉬운 용어
- 여러 방법 제공
- 개인화 지원
- 다른 앱과 연동
최종 체크리스트
□ 40-50대도 3분 안에 배울 수 있는가?
□ 한 손으로 30초 안에 쿠폰 발송 가능한가?
□ 모든 버튼이 최소 60px 이상인가?
□ 전문 용어 없이 쉬운 말만 쓰는가?
□ 클릭 즉시 피드백(0.1초)이 있는가?
□ 자동 저장 기능이 있는가?
□ 중요한 행동 전에 확인 창이 뜨는가?
□ 잘못 보낸 쿠폰을 취소할 수 있는가?
□ 오류 발생 시 명확한 해결책을 제시하는가?
□ 카카오톡/배민 등과 연동되는가?
□ 모든 페이지의 버튼 색상이 일관되는가?
□ 1일 발송량 제한이 있는가?
□ 모든 작업이 로깅되는가?마지막 조언
"좋은 기능은 시작일 뿐, 좋은 사용성이 성공을 만든다"
소상공인을 위한 마케팅 SaaS는 기능의 싸움이 아닙니다.
사용성의 싸움입니다.
- 가장 많은 기능을 제공하는 것 ✗
- 가장 쉽게 쓸 수 있는 것 ✓
당신의 SaaS가 성공하려면:
- 60대 사장님도 3분 안에 쓸 수 있어야 하고
- 가게 안에서 바쁜 와중에도 30초 안에 쿠폰을 보낼 수 있어야 하며
- 실수해도 안전하게 되돌릴 수 있어야 하고
- 무엇보다, "이거 정말 편하다!"는 반응을 이끌어내야 합니다.
사용성에 투자하세요. 그것이 성공의 지름길입니다.
📚 참고 문헌
- ISO 9241-11: Ergonomics of Human-System Interaction - Usability
- Nielsen, J. (1993). Usability Engineering
- Norman, D. A. (2013). The Design of Everyday Things
- Krug, S. (2014). Don't Make Me Think, Revisited
끝.
이제 당신의 "소상공인을 위한 원클릭 마케팅 SaaS"를 사용성 최고로 만들어보세요! 💪
passionism