- 피그마단축키
- UXUI리뷰
- 밀러의 법칙
- UX Psychology
- Mental model discordance
- process flow
- 공통영역의 법칙
- 피그마 프로토타이핑
- 고객여정지도
- 제이콥의 법칙
- 프레임 이해
- DataDriven
- Zeigarnik Effect
- UXUI개선
- Goal-Gradient Effect
- UXUI부트캠프
- 피그마 플러그인
- 모바일 버튼 크기
- 넛지효과
- 모달의 개념
- 근접성의 법칙
- IKEA Effect
- 5whys
- Jakob’s Law
- Fitts’s law
- 스파르타코팅 UXUI
- mental model
- Doherty threshold
- UX개선사례
- 유저페르소나
목록2024/01 (14)
Happiness!
AARRR 지표: 미국의 사업가이자 투자자인 데이브 맥클루어가 스타트업의 성장을 위해 개발한 분석 프레임워크이며, 그로스 해킹의 근간이 되고 있다. Acquisition(고객유치) : 사용자들이 다양한 채널을 통해 우리 서비스를 처음 접하게 됨 Activation(활성화) : 긍정적인 경험으로 우리 서비스를 활발하게 이용하게 됨 Revenue(수힉화) : 사용자들의 서비스 이용이 매출로 연결됨 Retention(유지) : 사용자들이 지속적으로 우리 서비스를 이용함 Referral(추천) : 사용자들이 우리 서비스를 주변에 공유하고, 추천함 2. Activation(활성화) AARRR의 두번째 '활성화는'는 사용자가 서비스를 계속해서 사용하게 되는 단계이다. 활성화 단계에서는 사용자가 지속적으로 서비스를 ..
AARRR 지표: 미국의 사업가이자 투자자인 데이브 맥클루어가 스타트업의 성장을 위해 개발한 분석 프레임워크이며, 그로스 해킹의 근간이 되고 있다. Acquisition(고객유치) : 사용자들이 다양한 채널을 통해 우리 서비스를 처음 접하게 됨 Activation(활성화) : 긍정적인 경험으로 우리 서비스를 활발하게 이용하게 됨 Revenue(수힉화) : 사용자들의 서비스 이용이 매출로 연결됨 Retention(유지) : 사용자들이 지속적으로 우리 서비스를 이용함 Referral(추천) : 사용자들이 우리 서비스를 주변에 공유하고, 추천함 1. Acquisition (고객 유치) AARRR의 첫번째 '고객 유치'는 사용자가 우리 서비스를 처음 접하게 되는 단계이다. 고객 유치 단계에서는 페이스북, 구글,..
팝업: 화면 위에 새로운 화면을 띄우는 것 1. 기존 브라우저 위에 독립적인 브라우저를 갖는 것 (새로운 레이어가 올라가는 것) 2. 브라우저 옵션에서 컨트롤 할 수 있는 것 모달: 사용자가 행동을 취하기 전까지 뒤에 가려진 화면을 조작할 수 없는 것 1. 브라우저 위에 브라우저를 띄울 수 있는 것 (대부분 부모-자식 관계) 2. 브라우저 옵션과 관계 없이 띄울 수 있는 것 3. Dim처리가 있어 부모 페이지는 사용할 수 없는 것 ❗️주의. 모달(Modal)은 UI의 이름이 아니라, UI를 분류하는 기준 중 하나 모달에는 시작(모달을 진입하게 하는 컴포넌트)과 끝(Cancel, Send, Save, OK, X etc.)이 존재한다. 따라서, 모달(자식)에 진입한 사용자는 서비스 흐름에서 벗어나, 모달 내..
모달의 정의 - 모달은 사용자가 행동을 취하기 전까지 뒤에 가려진 화면을 조작할 수 없는 것을 뜻함 - 즉, 사용자가 원래 쓰고 있던 화면을 잠가버리고, 사용자가 모달 UI 내부의 어떤 액션을 하기 전까진 풀어주지 않음 - 모달(Modal)이라는 건 UI의 이름이 아니라, UI를 분류하는 기준 중 하나 라이트 박스의 정의 - 모달 UI에서 반투명한 층을 라이트박스(Lightbox)라고 함 - 모달 UI를 사용할 때는 일반적으로 ‘뒤에 가려진 화면은 사용할 수 없다’는 걸 보여주기 위해 반투명한 층을 만들어 줌 - 스크림(Scrim; 천 또는 장막), 딤드(Dimmed; 흐려진), 딤레이어(Dim Layer), 오버레이(Overlay) 등으로도 불림 레이어 팝업의 정의 - 레이어 팝업은 새로운 창을 띄우는..
💡 디자인씽킹 사용자에 대한 이해를 기반으로 문제를 찾고 제품을 만들어 검증하는 프로세스 논리적으로 제품을 만들 수 있도록 도와주는 프레임워크 중 하나 디자인씽킹은 5단계로 구성 1. 공감하기 Empathy 인터뷰나 관찰 등의 다양한 방법으로 사용자와 공감대를 맞추고, 그들의 경험을 완전히 이해하기 위한 노력을 하는 단계 공감지도 (Empathy Map) : 6개의 도표를 채우며 사용자의 숨겨진 어려움과 욕구를 유추할 수 있도록 도와주는 시각화 도구 (참고) https://www.toolo.org/sub/tool_detail.php?idx=15 2. 문제 정의하기 Define 공감으로 얻은 정보를 해석해 사용자가 불편함을 느끼는 지점을 발견하는 단계 공감으로 얻은 정보를 해석해 사용자가 불편함을 느끼는 ..
1. 플러그인 플러그인이란 피그마 자체 기능으로 지원하지 않는 기능을 실행하게 해주는 일종의 확장 프로그램 1-1. Material Design Icons 머터리얼 디자인 아이콘 플러그인을 활용해서 원하는 아이콘을 사용 https://www.figma.com/community/plugin/740272380439725040/Material-Design-Icons Material Design Icons | Figma Community Instant easy access to the entire Material Design Icons library: 35,000+ icons in PNG and SVG at your fingertips. Search icons by name or scroll through th..