UX 유의어도 함께 검색했어요 · 사용자 경험, UI/UX, 리서치, UX 라이팅
서비스 디자인과 UX 디자인의 차이를 정리한 글
와이어프레임·플로우 다이어그램으로 애자일 UI/UX 디자인 프로세스를 시각화한 비핸스 작업물
UI·UX 디자인 영감 사이트를 큐레이션한 북마크 모음 Evernote.Design
일관성·명확성·간결성·유용성 등 UX 라이팅 4대 원칙을 실제 사례와 함께 설명한 글
UX 디자인 개념을 재정의하고 퍼소나·A/B 테스트를 소개한 글
토스 유저 리서치 팀 인터뷰, 사용자 맥락을 파고드는 리서치 방식
UX 기획의 첫 단계인 사용자 리서치 개념을 소개하는 패스트캠퍼스 유튜브 강의
비전공자를 위해 UX 디자인 기초를 풀어낸 브런치 매거진
비전공자를 위한 UX 케이스 스터디 방법을 Drop 앱 예시로 안내한 글
'사용자 경험' 용어의 기원을 도널드 노먼 이전까지 추적한 번역 글
UX 리서치 회사 디비디랩이 앱 UI/UX를 진단·분석해 올리는 블로그
수십억 명의 사용자를 위한 제품을 만들며 얻은 인사이트와 경험을 정리한 글
행동경제학 관점에서 UX 디자인을 풀어낸 UI Lab(홍석희)의 발표 자료
국내 디자이너 대상 2019년 디자인 툴 사용 설문(WhatTools) 결과를 정리한 브런치 글
무한 스크롤과 페이지네이션을 상황별 장단점으로 비교한 UX 가이드
프로덕트 디자이너와 UI/UX 디자이너의 역할·개념 차이 정리
UX 비전공 출신 기획자가 입문~고급 단계별로 추천하는 UX 필독서 목록
인터랙션 디자인의 개념과 인터랙션 디자이너에게 필요한 역량을 소개한 글
UI 실무 5년차 저자가 실체 없는 용어처럼 쓰이는 'UX 디자인'을 비판적으로 짚은 글
UX/UI 관련 문답을 나누는 카카오톡 오픈채팅방 입장 링크
서비스·UX를 다루는 바이널 X(VINYL X)의 전문 블로그
UX 디자이너가 실무에서 마주치는 용어 70가지를 해설한 뷰저블 아티클
IoT·VR/AR·모바일 금융 등 다양한 분야의 UX 컨설팅 사례와 방법론을 담은 라이트브레인 소개 자료
인터랙션 디자이너의 역할과 마이크로 인터랙션을 다룬 김민선의 From.Designer 발표 자료
1024px 원본과 MakeAppIcon 등으로 iOS·안드로이드 앱 아이콘 사이즈를 만들고 관리하는 법을 다룬 글
디자인 시스템·스타일 가이드·패턴 라이브러리 사례와 아티클·도구를 큐레이션한 갤러리 사이트
UX 디자인에 휴리스틱을 활용하는 법과 닐슨 10대 평가 원칙
사용성 테스트의 중요성과 유형·실행 방법을 설명한 글
사용자 경험 관점에서 SNS 서비스를 분석한 글(연재 1편)
당근마켓 사례로 본 리스트 페이지 UI/UX 개선안
버튼·셀렉트박스 등 UI 요소와 디자인 시스템·웹 접근성을 다루는 UI/UX 디자인 블로그
폼 입력의 플레이스홀더 텍스트 문제점과 레이블 대안을 제시한 글
국내 사용률·개발 차이를 근거로 UI/UX 기준 OS를 정하는 법을 다룬 안드로이드·iOS 비교 벨로그 글
관심사 기반 SNS 빙글의 몰락 원인을 UI/UX·운영 관점에서 분석
디자이너가 알아둘 개발 제약(뷰포트·폰트·SafeArea 등) 기본 정리
롯데온의 실패 원인을 통합몰 관점에서 분석한 UI/UX 사례
네이버·다음·네이트·구글 메일 서비스의 UI/UX 설계 철학 비교
UI·UX 아티클과 학습 자료를 주제별로 모은 노션 링크 모음
사용자를 불리하게 유도하는 다크 패턴 8가지 유형을 대기업 사례로 설명한 글
쿠팡 UX 리서처가 말하는 리서치의 역할과 협업 문화
국내 IT 업계 UX 리서치 현황을 조사한 오픈서베이 2021 리포트
필드 스터디·아이트래킹 등 UX 리서치 기법 12가지를 GIF로 소개한 번역글
쿠팡 UX 리서처가 팟캐스트 '디자인 테이블'에서 나눈 UX 리서치 이야기
모바일 앱 UX 라이팅 최적화의 기초 개념과 원칙을 정리한 Adjust 가이드 아티클
사용자 시나리오·페르소나·스토리보드 작성법에 집중한 서비스 기획서 가이드 4편
틴더 스와이프 인터페이스에 적용된 UX 심리학 법칙 분석
AI가 UX를 바꾸는 세 영역과 방향성을 짚은 글
비전문가도 화면설계부터 UI/UX·구글 애널리틱스까지 따라가는 소셜벤처용 서비스 기획 입문 가이드
순간 검색·적응형 메뉴 등 UI/UX 실무 용어를 사례로 풀어낸 용어집 2편
SW 프로젝트 산출물 작성·UI/UX 적용·단계별 수행 가이드를 제공하는 NIPA 개발 도우미 사이트
랜섬웨어·내부유출에 대응하는 ECM 기반 PC 문서중앙화 솔루션 소개 자료(엑스소프트, 2019)
UI에서 툴팁을 효과적으로 쓰는 원칙과 사용 시 주의점
모바일 UX 기초인 터치 제스처 9가지를 소개한 글
힉스·제이콥·밀러 등 UX 설계에 쓰는 심리학 법칙 5가지 정리
기존 UX와 AI UX의 차이를 자동화·주도권 관점에서 비교한 글
저자가 모은 UX/UI·디자인 도서 약 150권 목록
UX와 BX(브랜드 경험)의 관계와 균형을 다룬 글
디바이스 밀도에 따른 이미지 깨짐 문제와 8배수·SVG·나인패치 해결법을 설명하는 UI/UX 가이드
투썸플레이스 앱 '투썸하트' 개편(v3.0) UI/UX 분석과 개선점
UI/UX에서 심미성이 사용성과 첫인상에 미치는 영향 고찰
UI/UX·웹디자인 벤치마킹에 유용한 레퍼런스 사이트 23곳 모음
iOS·안드로이드 공식 가이드 기반 모바일 UI/UX 설계 원칙 모음 1편
서비스 기획이 UI/UX에 매몰돼 본질을 잃는다고 비판한 글
UX 기획자·UI/UX 디자이너가 되기 위한 준비와 역량을 안내한 글
회원 전환율을 높이는 가입/로그인 화면 구성법을 다룬 UI/UX 설계 가이드(팁스터)
색각이상자를 배려한 색상 사용 등 웹 접근성 가이드라인을 정리한 네이버 NULI 글
모바일 디자인에서 그리드 시스템의 필요성과 유연한 적용 관점
카카오임팩트와 MYSC가 협력하여 사회문제 해결을 위한 문제정의 과정을 4단계(Touching, Sensing, Mapping, Defining)로 나누어 설명하고, 5 Whys, 이해관계자 분석, 인터뷰, 관찰, 데스크 리서치, 정보 그룹화, 페르소나, 2x2 매트릭스 등 다양한 도구…
UX 컨설턴트 전민수의 브런치 홈 — UX 리서치·기획 글 650여 편
사진·일러스트·영상 등을 무료로 내려받는 이미지 사이트 픽사베이
국립중앙박물관 소장품 20만여 점을 국적·시대·재질별로 검색하는 온라인 아카이브
매일 우수 웹사이트를 선정하는 CSS 디자인 어워드, 디자인 벤치마킹에 유용한 사이트
크라우드 펀딩 플랫폼을 비교하고 주요 사이트 링크를 모아 소개한 블로그 글
서비스 문구를 매끄럽게 다듬는 UX 라이팅 실전 팁 7가지를 소개하는 아웃스탠딩 기고문
디자이너를 위한 UX 라이팅 입문 — 마이크로카피 개념과 명확·간결·유용성 3원칙
UI·UX 기획의 새 영역으로 떠오른 UX 라이팅의 개념·중요성과 에이전시 실무 적용을 짚은 아티클
UX 라이팅을 잘 쓰기 위한 7가지 원칙(직관적·사실적·보편적 등)을 정리한 뮤자인 아티클
UX 라이팅의 정의와 실무를 구독자 질문에 답하며 설명한 아티클 — '목표 지표를 달성하는 글쓰기'
구름 프로덕트 디자이너들이 2개월간 사내 UX 라이팅 가이드라인을 만든 제작기 — 퍼소나·톤앤보이스·3원칙 도출
IT 기획자·UX 라이터 Joo Jun의 브런치 홈 — UX 라이팅 관련 글 70여 편 모음
토스 UX 라이터 인터뷰 — 어려운 금융 용어를 쉬운 문구로 바꾸는 UX 라이팅의 역할과 일하는 방식
① 사업자는 전자상거래 및 통신판매에서의 표시ㆍ광고, 계약내용 및 그 이행 등 거래에 관한 기록을 상당한 기간 보존하여야 한다. 이 경우 소비자가 쉽게 거래기록을 열람ㆍ보존할 수 있는 방법을 제공하여야 한다.
② 제1항에 따라 사업자가 보존하여야 할 거래기록 및 그와 관련된 개인정보(성명ㆍ주소ㆍ전자우편주소 등 거래의 주체를 식별할 수 있는 정보로 한정한다)는 소비자가 개인정보의 이용에 관한 동의를 철회하는 경우에도 「정보통신망 이용촉진 및 정보보호 등에 관한 법률」등 대통령령으로 정하는 개인정보보호와 관련된 법률의 규정에도 불구하고 이를 보존할 수 있다. → 따라서 현재 전자상거래법상 거래기록의 보존 의무가 있으나, 이를 사업자가 본인인증 의무를 부여하는 것으로 해석하기는 어려움. → 19세 미만 사용자 (청소년) 에 대해서는 법적 보호와 연령 기반 접근 제어를 위해 본인인증이 더욱 중요하게 적용됨. (보호자 동의 절차가 포함되는 경우도 있음)
본인인증은 시스템에 정당한 사용자가 접근했는지를 확인하는 절차로, 서비스 보안과 사용자 정보 보호를 위해 필수적으로 고려되어야 함. 단, 서비스의 목적과 민감도에 따라 인증 절차의 적용 필요 여부 및 수준을 합리적으로 판단하는 것이 중요.
본인인증 : ‘사용자가 진짜 본인이 맞는지?’ 확인하는 절차이며, 실명기반으로 법적 효력이 필요한 경우 본인인증을 필수로 진행
본인인증 특징
점유인증 : ‘사용자가 특정기기를 소지하며 있고 실제로 사용하고 있는지?’ 일회성으로 확인하는 절차이며, 개인정보 외에 해당 PC/모바일 기기를 물리적으로 갖고있거나 접근이 가능한지 증명하는 방식
점유인증 특징 → 인증하는 과정에서 실명확인은 생략 → 현재는 본인인증 + 생체 점유인증 조합으로 활용하여 2단계 인증을 구성하는 추세
인증 구현 방식
약관 동의 및 개인정보 수집 구조 UX/UI 설계
본인인증 프로세스 설계
가입 완료 후 데이터 연동 및 보안 강화
CI/ DI의 차이점
장바구니 변경 후 n시간 후” 방식으로 트리거 변경
하루 1회, 사용자 기준 발송 제한
버퍼링(지연 큐) 처리
한국소프트웨어산업협회는 2019년까지 자격증 유무, 경력 연차 등에 따라 공식적인 등급 기준을 발표했으나, 현재는 공식 등급 체계가 존재하지 않습니다. 다만 여전히 실무에서는 다음과 같은 예전 기준이나 각 업체 내부 등급 규정을 참고해 등급을 사용하는 경우가 있습니다.
등급 경력 연차 기준 참고 단가 (월)
초급 3년 300 ~ 400만 원
중급 37년 400 ~ 550만 원
고급 7년 이상 550 ~ 700만 원
※ 위 금액은 **프리랜서 계약 기준(3.3% 원천징수 전)**으로, 커뮤니티(맥비기획톡방 등)에서 2024년 하반기에 오간 실제 사례를 기반으로 한 범위입니다. ※ 실제 단가는 프로젝트 성격(공공/민간), 난이도, 기간, 클라이언트 예산, 업무 역할 등에 따라 유동적입니다.
협회는 매년 IT 근로자 노임단가를 발표하고 있으며, 다음은 주요 직무별 2024년 기준 단가입니다.
직무 월 단가 (원) 일 단가 (원) 시간 단가 (원) IT 기획자 11,597,656 562,993 70,374 IT PM 9,145,473 443,955 55,494 UI/UX 기획·개발자 6,727,260 326,566 40,821
※ 이 단가는 공공 프로젝트 기준으로, 나라장터 입찰 등에서 참고 자료로 사용됩니다. ※ 민간 프로젝트에서는 이보다 낮거나 높은 단가로 협의가 이뤄질 수 있습니다. ※ 계약 당사자 간의 합의에 따라 월 단가 고정 계약 방식도 일반적입니다.
전자정부 UI/UX가이드에 의하면 푸터는 브랜드영역에 있어야 하는 항목이고, 사이트 목적에 따라 필수적으로 푸터에 넣어야 되는 항목들이 존재합니다.
따라서 웹사이트의 푸터는 페이지마다 반드시 적용되어야 하는 것은 아닙니다. 푸터는 사용자가 탐색 과정에서 확인하지 못한 내용을 다시 확인할 수 있도록 도와주는 역할을 하지만, 모든 페이지마다 동일한 내용이 반복되지 않아도 됩니다. 특정 정보나 서비스에 대한 접근성을 높이고, 사용자의 다음 행동을 유도하기 위한 목적으로 사용될 수 있기 때문에 웹사이트의 목적과 사용자의 편의성을 고려하여 적절하게 적용되어야 합니다.
웹사이트 기능별로 필요한 푸터 항목을 아래와 같이 정리할 수 있습니다:
이 구성을 통해 웹사이트의 목적과 사용자 요구를 충족시키면서 법적 요구사항도 준수할 수 있습니다. 한국디자인시스템
해당 부분은 회사/조직별로 다르며, R&R 정리 및 협업 프로세스 협의를 통해 가장 최선의 방법을 찾아나가야 함. 아래 내역은 참고하시기 바라며, RACI 프레임워크 참조한 적용도 좋은 방법임
기획자의 기획서가 과도한 완성형으로 전달되면 디자이너는 경험 개선 여지를 찾기 어려움 → 와이어프레임은 정답이 아님. 더 나은 서비스를 위해 변동될 수 있음을 모두가 인지.
[서비스 제안 & 요구사항 도출]
[서비스 기획]
[와이어프레임]
[UI 디자인]
[피드백 / 수정]
[개발 전달 (핸드오프)]
[공동 리뷰 & 개선]
[Release 기준 정리]
- 프로세스
[요구사항 정의] → [IA 구조 작성 ]→ [UX 구조 검토] → [와이어프레임 작성]→ [UI 디자인 및 비주얼 구성] → [기획자-디자이너 상호 피드백] → [최종안 확정] → [개발 진행 ] → [추가 이슈 반영 & 업데이트]
- 커뮤니케이션 가이드
- 피그마 코멘트 활용 기준
- 모든 피드백은 @이름 태그 + 목적 명시 → 개발자가 양쪽의 의도 파악하는 것도 가능.
- 기획자 : 기능 목적 및 기획 의도 공유
- 디자이너 : 개선 사유 및 의도 공유
(예시)
@디자이너 기존에 정의된 팝업 대신 다른 형태의 팝업이 필요한 이유가 뭔가요?
@기획자 여기서 다른 형태의 팝업을 띄우는 것은 유저에게 다른 액션을 유도하기 위함입니다
- 정기 Sync 및 일일 스크럼을 통해 지속 업데이트
- 각 기능별 기획 의도 vs 실제 구현 내용 비교 가능하도록 UI QA 기준 정리
- 기능 QA & 디자인 QA 일정도 반영 필요
- Tip : Figma dev mode 이용 시 개발자와의 효율적 커뮤니케이션 가능 (유료)
당신의 조직이 기획자 주도 조직이라면?
→ 기획자가 기능 명세 및 IA 구조, 플로우 구성, UX 디자이너에게 피드백 우선권과 리디자인 권한을 부여해야 함
당신의 조직이 디자이너 중심 조직이라면?
→ IA는 디자이너가 가져가고, 기획자는 비즈니스 로직과 기능 명세에 집중해야 함 raci 프레임워크
맥비톡방 현직 기획자들의 실무 의견을 정리한 내용입니다. 정답이 하나로 정해진 영역은 아니니 상황에 맞게 참고하세요.
두 파트로 나누면 정리가 쉽습니다.