아티클 및 UX•UI 디자인 요소 정리
최근 읽게 된 한 블로그 글에서 UX/UI 레벨 테스트를 다루는 걸 보았고, 좋은 글이라 생각하여 나 또한 정리를 해보려 한다.
❓ UX/UI 디자인 레벨 테스트란..
❗ UX/UI 디자인 레벨 테스트는 개인의 UX/UI 디자인 역량을 평가하는 과정으로, 실무 능력과 문제 해결 능력을 중심으로 평가하여 본인의 현재 수준(초급, 중급, 고급)을 파악하고 발전 방향을 설정하는 데 유용한 검사입니다.
이 글에 참고한 UX/UI 레벨 테스트는 문제 기반의 테스트로 하단의 링크에서 직접 해보실 수 있습니다.
참고한 블로거의 글을 간략히 정리
1. 긴 글은 왼쪽 정렬이 읽기 편하다
- 긴 글의 경우 왼쪽 정렬을 사용하면 독자가 다음 줄의 시작점을 쉽게 찾을 수 있어 가독성이 향상된다.
2. 중요한 정보를 강조하라
- 크기, 위치, 색상, 면적 등을 활용하여 중요한 정보를 강조하면 사용자가 핵심 내용을 빠르게 파악할 수 있다.
3. 줄 간격은 150% 이상으로
- 줄 간격을 150% 이상으로 설정하면 텍스트가 빽빽하지 않아 읽기 편해진다.
4. 상호작용을 나타내는 색상은 버튼과 링크에만 사용하라
- 상호작용을 나타내는 색상은 버튼과 링크에만 사용하여 사용자가 클릭 가능한 요소를 쉽게 식별하도록 한다.
5. 옵션이 적으면 라디오 버튼을 사용하라
- 선택 옵션이 적을 때는 드롭다운 메뉴보다 라디오 버튼을 사용하면 한눈에 선택지를 파악하기 쉬워진다.
6. 플레이스홀더를 레이블 대신 사용하지 말라
- 플레이스홀더를 레이블 대신 사용하면 사용자가 입력 필드의 목적을 혼동할 수 있으므로, 레이블을 명확히 표시해야 한다.
7. 기본 옵션을 지정하라
- 사용자가 자주 선택하는 옵션을 기본값으로 설정하면 입력 과정을 단축시킬 수 있다.
8. 사용자에게 수치심을 주는 표현을 피하라
- 사용자에게 불쾌감을 줄 수 있는 단어나 부정적인 표현을 피하고, 긍정적이고 친절한 언어를 사용하여 사용자에게 더 나은 환경을 제공한다.
9. 필수 정보는 항상 보이게 하라
- 필수 입력 정보는 항상 화면에 표시하여 사용자가 놓치지 않도록 합니다. 예) 비밀번호 입력 조건
10. 레이블 텍스트에 유의하라
- '예', '아니오'와 같은 모호한 레이블 대신, '이메일 수신 동의', '이메일 수신 거부'와 같이 명확한 레이블을 사용하여 사용자의 혼란을 줄입니다.
출처: https://velog.io/@wns450/UX-UI-%EB%A0%88%EB%B2%A8%ED%85%8C%EC%8A%A4%ED%8A%B8-%EC%A0%95%EB%A6%AC
UX UI 레벨테스트 정리
유저 경험을 고려한 UI/UX 기준점들을 정리해보자
velog.io
마무리하며
UX/UI 디자인은 프로젝트의 시작부터 종료까지 모든 과정을 사용자 관점에서 설계하는 작업이다.
결국, UX/UI 디자인은 사용자의 문제를 해결하고 기대 이상의 경험을 제공하는 것을 목표로 하며, 이를 위해 체계적이고 세심한 접근이 필수적이라고 느껴졌다.