- 프레임 이해
- DataDriven
- UX개선사례
- 5whys
- UXUI리뷰
- process flow
- 유저페르소나
- UXUI부트캠프
- 피그마 프로토타이핑
- UX Psychology
- 모바일 버튼 크기
- 피그마단축키
- Goal-Gradient Effect
- 제이콥의 법칙
- 넛지효과
- Jakob’s Law
- Mental model discordance
- UXUI개선
- 모달의 개념
- mental model
- Fitts’s law
- 공통영역의 법칙
- 밀러의 법칙
- Zeigarnik Effect
- Doherty threshold
- 스파르타코팅 UXUI
- 피그마 플러그인
- 근접성의 법칙
- 고객여정지도
- IKEA Effect
목록Design Contents (28)
Happiness!
모바일 버튼 크기 규격은 사용자 인터페이스(UI) 디자인에서 중요한 요소다. 적절한 버튼 크기는 사용자 편의성, 접근성, 디자인 효과에 영향을 미친다. 1. 사용자 편의성: 버튼 크기가 너무 작으면 사용자가 누르기 어려울 수 있다. 특히 손가락이 큰 사용자나 시력이 나쁜 사용자에게는 더욱 어려울 수 있다. 버튼 크기가 너무 크면 화면 공간을 많이 차지하여 다른 요소들이 밀려나거나 보기 어려워질 수 있다. 적절한 버튼 크기는 사용자가 손가락으로 쉽게 누를 수 있고, 화면 공간을 효율적으로 활용할 수 있도록 한다. 2. 접근성: 다양한 사용자들이 모바일 기기를 사용할 수 있도록 접근성을 고려하는 것이 중요하다. 웹 콘텐츠 접근성 지침(WCAG)에서는 버튼 크기와 관련하여 다음과 같은 권장사항을 제시한다. -..
UX(User Experience)와 UI(User Interface) 개선은 신규 고객 확보에 중요한 역할을 한다. 긍정적인 UX/UI 경험은 사용자에게 긍정적인 영향을 미치며, 이는 결국 신규 고객 확보로 이어진다. 1. 첫인상 향상: 사용자는 처음 접하는 사이트 또는 앱의 UX/UI를 통해 서비스에 대한 첫인상을 형성한다. 매력적이고 사용하기 쉬운 UX/UI는 사용자에게 긍정적인 첫인상을 심어주고, 서비스 이용에 대한 기대감을 높인다. 반대로, 불편하고 복잡한 UX/UI는 사용자에게 부정적인 첫인상을 심어주고, 서비스 이용을 포기하게 만들 수 있다. 2. 사용자 참여도 증가: 긍정적인 UX/UI 경험은 사용자의 참여도를 높인다. 사용자는 사용하기 쉽고 즐거운 서비스를 계속 이용하고 싶어하며, 다양한..
유저 인터페이스는 보통 아래 네가지 분류에 해당한다. 1. Input Controls 2. Navigation Components 3. Informational Components 4. Containers ▹ Input Controls은 유저가 시스템에 정보를 입력할 수 있도록 한다. (주로 회원가입, 프로필 관리 등에 사용되는 UI 요소) ▹ Navigational Components는 유저가 제품 또는 웹사이트에서의 이동을 안내한다. (IOS의 탭 바, 안드로이드의 햄버거 메뉴 등) ▹ Informational Components는 유저에게 정보를 제공한다. ▹ Containers는 관련된 컨텐츠들을 함께 묶어놓는 역할을 한다. 1. 인풋 필드 (Input Field) 사용자가 문자나 숫자 정보를 작..
1. 네이티브앱 네이티브앱은 스마트폰의 OS가 제공하는 툴과 언어들 기반으로 하기에 높은 사양의 그래픽과 성능을 가진다. 그만큼 앱의 구동 속도도 빠르다. 스마트폰 전체에 접근할 수 있는 권한을 가질 수 있기에 주소록과 캘린더 등 고유의 정보도 사용할 수 있다. 그러나, 구글이나 아이폰 등 OS별로 앱을 개발해야 하기에 앱을 만들 때 기간이나 비용이 많이 드는 편이다. 이러한 단점을 극복하고자 ‘웹앱'(Web App)이 탄생했다. 2. 웹앱 : 모바일 웹을 통해 특정 홈페이지에 들어가기만 해도 앱처럼 구현되는 일종의 유사 앱이다. 실제로 웹앱은 굳이 스마트폰에 앱을 설치할 필요가 없다. 웹앱은 웹 기술만을 이용해 풀 스크린 모드와 애니메이션 효과, 터치 상호작용, 비동기 통신, 로컬 저장소 등을 구현한다..
유저 리서치는 서비스 또는 사용성을 개선하기 위해 진행한다.유저 리서치 방법론으로는 심층 인터뷰가 있다.유저 리서치 방법은 정성적, 정량적인 방법 또는 사용자의 행동, 태도 두 가지 기준으로 나눌 수 있다.심층 인터뷰는 정성적인 방법이자, 사용자의 태토를 알 수 있는 유저 리서치 방법이다.닐슨 노먼 그룹이 만든 3차원 프레임 워크*를 통해 유저리서치 방법의 종류를 구분할 수 있다.*여러 사용자 리서치 방법을 사용자의 행동과 태도, 접근 방식, 사용 맥락의 기준으로 나눈 차트이다.유저 리서치 방법에 대한 자세한 내용은 뉴스젤리의 포스팅에서 확인심층 인터뷰를 하는 이유?인터뷰를 통해 사용자가 서비스 사용 시 느끼는 감정을 파악하고 서비스의 문제점을 찾기 위함이다. 궁극적으로는 문제점을 찾아 개선 방향을 도출..
피그마에서 가장 1) 자주 쓰고, 2) 유용한 단축키 기준으로 정리했다. 복사 Cmd(Ctrl) + C 잘라내기 Cmd(Ctrl) + X 붙여넣기 Cmd(Ctrl) + V 선택 복사 Option(Alt) + Drag 속성 복사 Cmd(Ctrl) + Alt + C 속성 붙여넣기 Cmd(Ctrl) + Alt + V 오토레이아웃 만들기 Shift + A 오토레이아웃 해제하기 Cmd(Ctrl) + shift + G 스타일에 맞춰 붙여넣기 Cmd(Ctrl) + shift + V 볼드 Cmd(Ctrl) + B 이탤릭 Cmd(Ctrl) + I 밑줄 Cmd(Ctrl) + U 폰트 사이즈 조정 Cmd(Ctrl) + shift + 폰트 두께 조정 Cmd(Ctrl) + option + 자간 조절 Option(Alt) + 행..
AARRR 지표 및 Activation의 설명에 대해서는 이전 페이지에서 확인할 수 있다. https://happiness-designer.tistory.com/18 AARRR 지표 2. Activation #넛지효과 AARRR 지표: 미국의 사업가이자 투자자인 데이브 맥클루어가 스타트업의 성장을 위해 개발한 분석 프레임워크이며, 그로스 해킹의 근간이 되고 있다. Acquisition(고객유치) : 사용자들이 다양한 채 happiness-designer.tistory.com 가까이 배치된 요소들은 서로 연관이 있는 그룹으로 인식하는 법칙을 #근접성의 법칙라고 한다. 아래의 예시로 보면, 컨텐츠 영역의 각 섹션 안의 요소들을 서로 근접하게 배치했다. 주요 서비스는 하단 네비게이션 메뉴에 보여주고 있다. #..
AARRR 지표 및 Activation의 설명에 대해서는 이전 페이지에서 확인할 수 있다. https://happiness-designer.tistory.com/18 AARRR 지표 2. Activation #넛지효과 AARRR 지표: 미국의 사업가이자 투자자인 데이브 맥클루어가 스타트업의 성장을 위해 개발한 분석 프레임워크이며, 그로스 해킹의 근간이 되고 있다. Acquisition(고객유치) : 사용자들이 다양한 채 happiness-designer.tistory.com 인간이 한 번에 기억할 수 있는 항목은 일반적으로 7개 정도라는 법칙을 #밀러의 법칙이라고 한다. 한편, 공통 영역 내에 요소들이 배치되어 있으면 그룹으로 인식하는 법칙을 #공통영역의 법칙이라고 한다 아래의 예시로 보면, 한 화면에서..