0. 개요
학습 목표
- 개선 UI 완료 작업 (with 러버블)
- 배포 완료 (with vercel)
- 결과물 보고서 작성
학습 내역
-
개선 UI 최종 완성
-
결과 보고서 작성
👇
1. 개념 정리
1.1 스마트 네비게이션
정의: 사용자의 현재 상태와 목표를 고려해, 단순히 ‘메뉴 클릭’ 이상의 맞춤형 경로를 제공하는 네비게이션 방식
특징:
- 사용자의 맥락(Context)과 행동 패턴을 반영한다.
- 불필요한 화면 전환을 줄이고, 원하는 기능에 빠르게 도달하도록 돕는다.
- 추천 경로나 바로가기 등을 활용해 효율성을 높인다.
예시: 전자상거래 앱에서 사용자가 장바구니에 상품을 담으면, 자동으로 결제 화면이나 배송 옵션 선택 화면을 제안하는 기능
1.2 사용자 경험 개선 (UX Improvement)
정의: 제품이나 서비스를 사용하는 과정에서 느끼는 전반적인 만족도, 편리함, 직관성을 향상시키는 모든 활동
특징:
- 단순히 UI(화면 디자인) 개선이 아니라 심리적 만족, 사용 흐름까지 포함한다.
- 사용자 행동 데이터를 기반으로 문제점을 찾고 개선한다.
- 접근성(Accessibility)과 일관성(Consistency)을 중요시한다.
예시: 앱에서 버튼 위치를 손가락이 닿기 쉬운 곳에 배치하거나, 불필요한 클릭 단계를 줄여주는 것
1.3 프로그레스 추적 (Progress Tracking)
정의: 사용자가 현재 진행 상태를 직관적으로 확인할 수 있게 도와주는 기능
특징:
- 시각적 요소(예: 진행 바, 체크리스트, 단계 아이콘)를 사용한다.
- 사용자의 동기부여를 높이고 중도 이탈을 줄인다.
- 진행 상황에 따른 피드백을 제공할 수 있다.
예시: 회원가입 절차에서 "1/3 완료 → 2/3 완료" 같은 단계 표시
1.4 단계별 완료 조건 (Step Completion Criteria)
정의: 특정 단계가 ‘완료’로 인정되기 위한 필수 요건
특징:
- 각 단계별로 명확한 목표를 설정한다.
- 조건 충족 여부가 다음 단계 진입 가능 여부를 결정한다.
- 사용자에게 진행 방향을 안내하고 오류를 방지한다.
예시: 결제 단계에서 카드번호·유효기간·CVC를 모두 입력해야만 “결제하기” 버튼이 활성화되는 구조
1.5 실시간 검증 (Real-Time Validation)
정의: 사용자가 입력하거나 선택한 정보를 즉시 확인해, 잘못된 값을 빠르게 알려주는 기능
특징:
- 오류를 조기에 발견해 수정 부담을 줄인다.
- 사용자와 시스템 간의 상호작용 속도를 높인다.
- 긍정적 피드백(예: 초록색 체크 표시)을 활용해 심리적 안정을 준다.
예시: 비밀번호 입력 시 “8자 이상”, “특수문자 포함” 조건을 입력하는 순간 바로 체크해 보여주는 기능
2. 과제 요구사항
- PM 코스 및 강의 등록 과정의 진행 상황을 한눈에 확인할 수 있는 통합 대시보드 필요
- 단계별 진행 현황과 완료 조건을 명확하게 정의
- 필수 입력값 누락 방지를 위한 실시간 검증 기능 요구
- 반복 작업과 재작업을 최소화할 수 있는 워크플로우 개선
- 신규 PM도 쉽게 사용할 수 있는 직관적 UI/UX 설계 필요
3. 과제 내용
- 현행(As-Is) 등록 프로세스의 문제점 분석 및 개선 방향 도출
- To-Be 워크플로우 설계: 진행 시각화, 할 일 안내, 원클릭 이동 구조 마련
- 핵심 기능 정의: 스마트 네비게이션, 프로그레스 추적, 단계별 완료 조건, 실시간 검증, 사용자 경험 개선
- 코스, 기수, 강의장, 상품 등 도메인 정의 및 비즈니스 규칙 수립
- 시연 화면 설계 및 입력 필드 검증 기능 강화
3.1 결과물 보고서
4. 결과
- 작업 완료 시간 단축 (평균 20% 이상)
- 재작업률 절반 이상 감소
- 신규 PM 온보딩 시간 30% 단축
- 필수값 누락 오류 70% 감소
4.1 정량적 성과
| 구분 | 개선 효과 | 수치 |
|---|---|---|
| 작업 완료 시간 | 전체 등록 프로세스 평균 소요 시간 단축 | 20% 이상 감소 |
| 재작업률 | 필수값 누락/중복 입력으로 인한 재작업 감소 | 50% 이상 감소 |
| 신규 PM 온보딩 | 신규 PM이 업무 적응까지 걸리는 시간 단축 | 30% 단축 |
| 데이터 품질 | 필수값 누락 및 입력 오류 | 70% 감소 |
4.2 정성적 성과
- 사용자 만족도 상승: PM 설문 조사에서 업무 편의성과 효율성 체감도가 크게 향상됨
- 업무 프로세스 표준화: 코스·기수·강의장·상품 등록 절차가 일관되게 정리되어 누구나 동일한 기준으로 업무 수행 가능
- 업무 스트레스 완화: 오류 및 반복 작업이 줄어들면서 담당자의 피로도와 스트레스 감소
- 시스템 활용도 증가: 직관적인 UI/UX 덕분에 신규 사용자도 빠르게 적응, 기존 사용자 역시 업무 효율을 체감하며 시스템 사용률이 높아짐
0 장기적 효과: 업무 효율화와 데이터 품질 확보로, 향후 신규 기능 확장 및 대규모 운영에도 안정적으로 대응 가능
5. 과제 회고 (느낀점)
실제 운영되고 있는 기업의 백오피스 ui/ux를 개선하는 작업은 흔치않은 경험인데, LMS를 직접 들여다보고 개선점을 찾는 과정이 굉장히 신기하고 유익했습니다.
단순히 화면 디자인을 바꾸는 수준이 아닌 백오피스가 어떤 원리로 동작하는지, 그리고 업무 효율성을 높이기 위해 어떤 부분을 개선해야 하는지 깊이 고민할 수 있었습니다.
특히, 코스/강의 진척도 같이 기능을 새로 추가할 때 input 대비 ouput이 충분히 의미 있는가라는 관점에서 기획을 검토하는 과정이 가장 기억에 남습니다. 단순히 보이는 결과뿐만 아니라 유지보수와 운영의 편의성, 인력 등까지 고려해야 한다는 점을 알게 되었습니다.
그동안 읽어주셔서 감사합니다.
*본 후기는 [웅진씽크빅X스코프랩스] AI를 활용한 DT 기획자 과정(Blog) 리뷰로 작성 되었습니다.
