User Experience
사용자 경험(使用者經驗, User Experience 유저 익스피리언스[*], 간단히 UX)은 사용자가 어떤 시스템, 제품, 서비스를 직, 간접적으로 이용하면서 느끼고 생각하게 되는 총체적 경험을 말한다. 단순히 기능이나 절차상의 만족뿐 아니라 전반적인 지각 가능한 모든 면에서 사용자가 참여, 사용, 관찰하고 상호 교감을 통해서 알 수 있는 가치있는 경험이다. 긍정적인 사용자 경험의 창출은 산업 디자인, 소프트웨어 공학, 마케팅, 및 경영학의 중요 과제이며 이는 사용자의 니즈의 만족, 브랜드의 충성도 향상, 시장에서의 성공을 가져다 줄 수 있는 주요 사항이다. 부정적인 사용자 경험은 사용자가 원하는 목적을 이루지 못할 때나 목적을 이루더라도 감정적, 이성적으로나 경제적으로 편리하지 못하거나 부정적인 반응을 불러일으키는 경험을 하게 되는 경우 발생할 수 있다.
긍정적인 사용자 경험을 개발, 창출하기 위해서 학술적, 실무적으로 이를 만들어 내고자 하는 일을 사용자 경험 디자인이라고 하며 영역에 따라 제품 디자인, 상호작용 디자인, 사용자 인터페이스 디자인, 정보 아키텍처, 사용성 등의 분야에서 주로 연구 개발되고 있다. 그러나 사용자 경험은 다학제적이며 다분야의 총체적 시각에서 접근해나가야 하는 핵심적인 원리를 바탕으로 한다.
Categories
더 나은 회원가입/로그인 UX를 위한 팁들
간략한 요약:
- 첫번째 필드에 오토포커스
- 모바일용 특수 키보드 설정하기 (email, tel, url, num)
- 필드 값 즉시 검증하기
- Label들 클릭 가능 하게
- 암호 입력시 요구사항 표시(떠나면 제거)
- 암호 확인 가능하게 또는 두번 입력하게
- Sign In 과 Sign Up 같이 사용하지 말기 : Sign Up & Log In , Register & Sign in
- Sign in 과 Sign Up 간에 쉽게 변경 가능 하게
- Username 보다는 Email로 로그인 가능하게
- 암호 틀렸을 때 왜 틀렸는지 요구사항 알려주기
- 암호 리셋/찾기 창에서 기존에 입력한 이메일 가져오기
그밖의 의견:
- 이메일 입력창에 아이디/도메인 분리하지 말 것
- 암호에 대문자/특수문자/숫자 조합 강요하지 말 것
- 암호 길이 및 입력 가능 문자 제한하지 말 것
- 비밀번호 주기적으로 바꾸는 거 강요하지 말것
Brunch Book 디자인 독학하기
- 01화 회원가입을 쉽게 만드는 UI/UX 디자인은?
- 02화 UI 디자인을 위한 UX 원칙 5가지
- 03화 UI/UX 디자인 가이드_ 내비게이션 바
- 04화 (실무편) 회원가입을 쉽게 만드는 UI/UX 디자인은?
- 05화 전환율을 높이는 UI/UX 디자인은?
- 06화 데이터 기반 UI/UX 디자인은?
- [https://brunch.co.kr/@dalgudot/110](https://brunch.co.kr/@dalgudot/110)
- 08화 UI/UX 디자인 포트폴리오 제작기
- 09화 구매율 올리는 상세 페이지 UI/UX 디자인은?
- 10화 UI/UX 디자인 (웹) 포트폴리오 제작기
Documentation
- [강추] 스마트 시니어 세대의 문화향유를 위한 인지 반응 맞춤형 UI/UX 기술 개발 - 콘텐츠 서비스 시니어 모드 UI/UX 가이드라인
- http://www.initiondata.kr/SeniorUX/Senior%20UX_Spread.pdf
-
Senior_UX_Spread.pdf - 시니어 대상 서비스의 UI/UX 가이드라인으로 시니어 인지 반응 측정과 관련된 실험 결과 및 시니어 문화향유에 대한 현황 조사 결과를 반영하고 있으며 국내외의 접근성 관련 표준 자료, 관련 보고서, 연구 논문 등의 문헌 조사를 기반으로 작성되었다고 합니다.
- 전자정부 웹사이트 UI·UX 가이드라인 배포 및 활용 안내
- 행정안전부> 업무안내> 디지털정부혁신실> 정보화 표준·지침 자료실
- https://mois.go.kr/frt/bbs/type001/commonSelectBoardArticle.do?bbsId=BBSMSTR_000000000045&nttId=69451
-
Distribution_and_Utilization_Guidelines_for_E-Government_Website_UI_UX.pdf
See also
Favorite site
- Wikipedia (en) UX에 대한 설명
- [추천] 첫인상의 중요성 1
- 잘못 사용하고 있는 유행 UX 패턴
- 웹 사용성 - 사람들은 왼쪽에 훨씬 관심을 둔다
- (번역) 더 나은 폼 디자인하기
- Design Better Forms (원문)
- 텍스트 필드 & 폼 디자인 - UI 구성요소 시리즈. (Text fields, UX, Web Design)
- [추천] 옵션을 선택하세요 - 사용자 편의성을 고려한 옵션 디자인에 관한 글로 사례를 기반으로 좋고/나쁜 UI를 설명합니다. (번역)
- 터치와 클릭, 우리 깐부잖아. | TOAST UI :: Make Your Web Delicious!
- [추천] UX·UI 레벨 테스트
- Modern iOS Navigation Patterns · Frank Rausch
- Structural Navigation : Drill-Down, Flat, Pyramid, Hub-and-Spoke
- Overlay Navigation : High-Friction Modal, Low-Friction Modal, Non-Modal
- Embedded Navigation : State Change, Step-by-Step, Content-Driven
가이드라인
- 한국 디지털 정부서비스 UI/UX 가이드라인, KRDS로 발전 | GeekNews
- [원문] KRDS
- USWDS - 미국 연방정부용 디자인 시스템 | GeekNews
- Home – GOV.UK Design System - Gov.UK
- 전자정부 웹사이트 UI·UX 가이드라인 배포 및 활용 안내 | 행정안전부> 업무안내> 디지털정부혁신실> 정보화 표준·지침 자료실 2