- 5whys
- mental model
- Zeigarnik Effect
- process flow
- UX Psychology
- 프레임 이해
- IKEA Effect
- 피그마 프로토타이핑
- Doherty threshold
- Jakob’s Law
- Goal-Gradient Effect
- 근접성의 법칙
- 밀러의 법칙
- 모바일 버튼 크기
- 넛지효과
- 제이콥의 법칙
- UX개선사례
- 피그마단축키
- UXUI리뷰
- 스파르타코팅 UXUI
- 공통영역의 법칙
- 모달의 개념
- 피그마 플러그인
- DataDriven
- UXUI개선
- 유저페르소나
- Fitts’s law
- 고객여정지도
- Mental model discordance
- UXUI부트캠프
목록Design Contents/UXUI (17)
Happiness!
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. Doherty threshold (도허티 임계) 도허티의 임계는 사용자와 컴퓨터 사이의 상호작용에서 가장 적절한 시간 범위를 지칭한다. 이는 사용자가 인터페이스에 반응하고 결과를 인지하는 데 걸리는 시간을 의미한다. 일반적으로, 사용자 경험을 향상시키기 위해서는 0.4초 이내로 인터랙션에 대한 응답이 이루어져야 한다. 1.1. 활용 사례 - 사용자의 주의 분산을 막고 생산성을 높이려면, 0.4초 이내로 피드백을 제공한다. - 애니메이션으로 로딩 중 사용자의 시선을 끌어 지루하게 느껴지지 않도록 한다. (스켈레톤, 블러업 등) - 정확하지 않아도 진행 표시줄을 보여주면, 사용자는 대기 시간에 좀 더 관대해진다. - 실제 작업이 빨리 완료되어도, 의도적으로 늦게 알리면 체감 가치를 높이고 신뢰를 형성하..
Toss is the most widely used financial app in Korea and has a very convenient UX. Having used Toss myself for over 3 years, i felt that the service was very usable and that a lot of design thinking was incorporated into the UI. You can find many examples of UX Psychology on Toss. This time, we looked at three types of UX Psychology incorporated into Toss. 1. Goal-Gradient Effect(목표 그라데이션 효과) The..
Due to inherently imperfect information processing abilities, humans take a shortcut in decision making called ‘heuristics’ to reduce errors when decisions are needed. It refers to a decisionmaking method in which decisions are made spontaneously and intuitively with limited information rather than through rigorous analysis of an issue or situation. 1. Mental model(멘탈 모델) A mental model is a des..
A flowchart is a diagram that depicts a process, system or computer algorithm. They are widely used in multiple fields to document, study, plan, improve and communicate often complex processes in clear, easy-to understand diagrams. Flowcharts, sometimes spelled as flow charts, use rectangles, ovals, diamonds and potentially numerous other shapes to define the type of step, along with connecting ..