6주차 강의
01. 레퍼런스 분석
1) 레퍼런스 분석이란?
여러 가지 사례를 상세하게 분류해 생각해 보고 도움이 될만한 부분을 찾아보는 과정
-
얻고 싶은 정보를 기준으로 다양한 사례를 수집하고 세부 요소들로 쪼개어 살펴봅니다.
-
세부 요소들을 관찰하면서 좋은 점과 나쁜 점, 그리고 그 이유를 찾고 생각해 봅니다.
-
분석을 통해 얻은 인사이트를 정리합니다.
2) 레퍼런스 분석은 왜 하나요?
레퍼런스 분석을 통해 스스로 생각하는 힘을 기를 수 있습니다.
-
UX/UI 디자이너는 시장과 사용자의 문제를 발견하고, 여러 고민을 통해 해결책을 제시하는 사람입니다.
-
레퍼런스를 분석하는 과정에서 디자인에 대한 영감을 얻고 좋은 디자인을 구분하는 지식을 쌓을 수 있습니다.
-
좋은 사용성을 가진 디자인과 나쁜 UX 패턴을 가진 디자인을 고민해 보면서 사고력을 기를 수 있어요.
-
이 과정에서 쌓은 영감과 지식을 디자인할 때 적용할 수 있고 결국엔 본인의 디자인 능력을 높이는 길이 됩니다.
3) 레퍼런스 분석하는 방법
-
화면 구조 분석 : 화면이 각각 어떤 요소들로 구성되어 있는지 분해해 보는 단계
-
디자인 원칙 기반 분석 : UI 요소들을 디자인 원칙들을 기준으로 분석해 보는 단계
-
쪼개본 UI 요소들을 디자인 원칙에 대입해 보면서 사용성이 높은지, 심미적으로 아름다운지 등 다양한 관점에서 디자인을 평가
-
나쁜 점도 타산지석의 사례로 삼을 수 있으니 좋은 점과 나쁜 점 모두 다양하게 찾아보기
-
이 단계의 핵심은 주장과 그에 알맞은 논리적인 근거를 찾는 것
-
-
인사이트 정리하기 : 분석한 내용들로 얻은 인사이트를 정리해 내 것으로 만드는 단계
-
본인의 제품에 참고하거나 적용하면 좋을 만한 것들을 그룹화해서 정리
-
한 단계 더 나아가 아쉬운 점이나 나쁜 사례를 어떻게 더 나아지게 할 수 있을지 개선점까지 생각해보기
-
02. UX/UI 디자인 패턴
1) UX/UI 디자인 패턴이란?
디지털 제품, 주로 앱이나 웹에서 자주 사용되는 디자인 요소
-
다수의 제품에서 공통으로 볼 수 있는 UX/UI 디자인 패턴은 보편적인 범위 내에서 디자인하고 동작하는 것이 좋음
-
사용자는 기존의 경험과 학습된 내용을 바탕으로 행동하기 때문
✅ 자주 사용되는 UX/UI 디자인 패턴
1. 온보딩
2. 로딩
3. 검색
4. 회원가입
5. 리스트
6. 카드
7. 캐러셀
2) 온보딩
온보딩은 사용자가 제품을 처음 만나는 과정의 경험
- 온보딩이라는 단어의 원래 뜻은 '조직 내 새로 합류한 사람이 빠르게 조직의 문화를 익히고 적응하도록 돕는 과정'
- 제품에서 온보딩은 서비스를 처음 만나는 사용자가 기능을 잘 이해하고 가치를 느낄 수 있도록 돕는 과정
🔔 온보딩이 중요한 이유
시장에 나와 있는 앱은 평균적으로 앱 설치 후 3일 이내에 DAU의 77%가 이탈한다.
사용자가 제품에 대한 첫인상을 긍정적으로 기억하고 계속해서 다시 찾도록 하려면 온보딩을 잘 설계하는 것이 중요하다.
✅ 온보딩 종류
1) 튜토리얼
2) 가치 보여주기
3) 개인화 설정하기
3) 로딩
로딩은 앱이나 웹에서 화면이 그려지는 동안 사용자가 잠깐 기다려야 할 때 보여주는 화면
🔔 좋은 로딩 화면이란?
- 가능한 빨리 콘텐츠를 표시
- 콘텐츠를 로드 중이고 완료하는 데 시간이 얼마나 걸릴지 명확하게 전달
- 로딩 시간이 불가피하게 길어지면 사람들이 기다리는 동안 볼 수 있는 내용을 제공하는 것이 좋다.
✅ 로딩의 종류
1) 스피너 아이콘 혹은 애니메이션 활용
2) 프로그레스 바
3) 스켈레톤
4) 검색
사용자가 원하는 정보를 빠르게 찾을 수 있도록 키워드로 정보를 찾는 방법
- 정보의 양이 많은 서비스라면 검색 기능을 추가해 사용자의 빠른 정보 탐색을 도울 수 있음
🔔 좋은 검색 화면이란?
- 키워드에 대해 사용자가 원하는 결과를 보여줄 수 없을 때는 다른 행동을 할 수 있도록 유도하기. ex) 추천 콘텐츠 제공, 다른 키워드로 검색 유도 등
- 자동 완성 기능을 사용해 오타를 방지하고 연관된 내용을 함께 찾을 수 있도록 돕기
✅ 검색 화면의 종류
1) 기본 검색 화면 ex) 유튜브, 구글, 네이버, 이마트몰
2) 연관 상품 추천 / 연관 검색어 노출 ex) 오늘의집, 지그재그, 마이리얼트립 / 네이버, 당근, 인스타그램
3) Empty view : 검색 결과가 없을때 ex) 무신사, 배달의 민족, 지그재그
인사이트
- 레퍼런스 분석의 중요성과 필요성
- 가장 기본적이면서 효과적인 공부법
