UXUI 가이드라인 분석 : 번개장터

 

Description
번개장터의 ‘내것찾기’ 캠페인을 UXUI 관점에서 분석했다.
Human Interface Guidelines와 Material Design 원칙을 토대로 화면별 구성과 인터랙션을 비교하며, 브랜드 메시지가 어떻게 시각적 경험으로 구현되는지 살펴본다.
잘된 점과 아쉬운 점을 함께 정리해, 감정이 있는 UI가 어떻게 브랜드를 기억하게 만드는지 탐구했다.

---

목차

1. 들어가며 – 브랜드 경험을 디자인으로 풀어보다
2. 내가 분석한 앱과 선택한 이유
3. 눈에 띈 UI 요소 3가지
4. Human Interface Guidelines & Material Design 가이드 요약
5. 번개장터 화면별 분석
6. UXUI적으로 잘된 점과 아쉬운 점
7. 마무리 – 감정이 있는 UI, 브랜드를 기억하게 한다

---

1. 들어가며 – 브랜드 경험을 디자인으로 풀어보다

UXUI 디자인을 공부하면서, 단순히 ‘예쁘게 잘 만든 앱’보다 ‘가치가 전달되는 앱’에 눈이 간다.
이번에는 내가 평소 자주 사용하는 중고거래 플랫폼 번개장터를 사례로,
그 안에서 발견한 UI 구성과 디자인 원칙을 Human Interface Guidelines(HIG)과 Material Design 관점으로 정리해보았다.

“사용자는 버튼보다 의미를 클릭한다.”
번개장터의 ‘내것찾기’ 캠페인은 이 말의 좋은 예시였다.

---

2. 내가 분석한 앱과 선택한 이유

📱 앱명: 번개장터
🕹 선택 이유:

• 평소 자주 사용하는 중고거래 플랫폼이며,
• ‘새것 아닌 내것찾기’라는 슬로건을 통해 브랜드 감성 + UI 일관성을 동시에 경험할 수 있었기 때문.

---

3. 눈에 띈 UI 요소 3가지

1. 앱 진입 로딩 화면 – 슬로건 중심 비주얼
   • “새것 아닌 내것 찾기”라는 문구가 브랜드 철학을 한눈에 전달한다.
2. 관심탭 온보딩 모달 – 기능 안내 구조
   • 팝업 형태로 사용자의 첫 행동을 안내하며 CTA가 명확하게 구성되어 있다.
3. 내것찾기 이벤트 탭 – 강한 색상 대비의 CTA 버튼 쿠폰
   • ‘내것찾기 쿠폰팩 100,000원’, ‘받기’ 버튼이 즉각적인 행동 유도를 만든다.

---

4. 관련 가이드라인 요약

구분	주요 포인트	공식 가이드 링크
HIG – Alerts/Dialog	사용자 주의를 끌 때는 단순하고 명확한 문장, 명확한 CTA 제공	Apple HIG – Alerts
HIG – Tab Bar	주요 목적지 3~5개로 구성, 직관적인 아이콘 사용	Apple HIG – Tab Bars
Material – Dialogs	Onboarding은 짧고 집중된 메시지 전달, 선택지 명확히	Material Design – Dialogs
Material – Buttons	명확한 대비, 48dp 터치 영역 확보	Material Design – Buttons
Material – Navigation Bar	하단 네비게이션에 3~5개의 주요 목적지만 포함	Material Design – Navigation Bar
Material – Color	접근성 확보를 위해 최소 명암비 4.5:1 이상 권장	Material Design – Color

---

5. 번개장터 화면별 분석

① 앱 진입 로딩 화면 – “새것 아닌 내것찾기”

• 잘된 점: 감성적인 슬로건을 통해 브랜드의 정체성과 차별점을 명확히 표현했다.
• HIG 관점: 타이포그래피의 위계가 명확하며, 사용자의 첫 시선을 정확히 유도했다.
• 아쉬운 점: 노란색 텍스트 대비가 충분하지 않아 다크 모드나 저시력 환경에서 접근성이 낮을 수 있다.

---

 

② 관심탭 온보딩 화면 – 첫 사용자를 위한 안내

• 잘된 점: ‘다음 / 건너뛰기’ 버튼을 명확히 구분해 탐색 부담을 줄였다.
• Material Design 관점: 모달의 크기, 시각적 중심, CTA의 대비 모두 규칙에 맞게 설계됨.
• 아쉬운 점: 배경 오버레이(딤) 효과가 약해 시각적 집중도가 떨어진다.
  → 블러나 반투명 오버레이를 적용하면 더 효과적일 것 같다.

---

 

③ 내것찾기 / 숨은내것찾기 탭

• 잘된 점: CTA(‘받기’, ‘참여하기’)의 색상 대비가 강렬해 즉각적 행동 유도. 보조 버튼은 중립톤(그레이, 화이트)을 사용해 행동의 위계가 명확하다.
• Material Design Buttons 규칙에 따라 클릭 가능 영역이 충분하며, 하단 탭바의 구조도 5개 항목 이내로 유지됨.
• 명암비는 7.78 : 1 로 WCAG(웹 콘텐츠 접근성 가이드라인) 매우 우수한 접근성 등급에 해당한다.
• 아쉬운 점: 색상 대비와 접근성 측면에서는 매우 우수하지만,
  라임그린 버튼이 화면 내 여러 배너나 포인트 컬러와 동일 계열로 반복 사용되다 보니
  사용자의 주시 포인트가 분산될 가능성이 있다.
  → 주요 CTA 영역 외의 장식적 요소나 포인트 문구에서는 채도를 낮추거나 중립톤으로 보조색을 분리하면
  행동 유도 버튼의 집중도가 더 높아질 것이다.

---

6. UXUI적으로 잘된 점 & 아쉬운 점

요소	잘된 점	아쉬운 점
로딩 화면	브랜드 메시지 전달력 강함	색상 대비 부족으로 접근성 낮음
온보딩 모달	구조 명확, CTA 구분 우수	배경 집중도 약함
이벤트 탭	행동 유도 강함, 구조 일관성	버튼 색상 위계 불분명

---

7. 마무리 – 감정이 있는 UI, 브랜드를 기억하게 한다

번개장터의 ‘내것찾기’ 캠페인은 단순히 프로모션이 아니라 '브랜드 철학을 UI로 번역한 사례'라고 느꼈다.
색상, 문구, 인터랙션이 모두 '소유보다 관계'라는 메시지를 일관되게 전달하고 있었다.

UXUI 디자인의 목적이 단순히 ‘편리함’이라면, 브랜드 디자인의 목적은 ‘공감’이다.
그 두 가지가 조화로울 때, 사용자는 제품을 쓰는 것이 아니라 ‘기억하게’ 된다.

오늘의 TIL — “좋은 UI는 기능을 돕고, 좋은 브랜드는 감정을 돕는다.”