UX 디자인 검수란?
카테고리
[디자인]
태그
UX
가이드
문서 작성법
요약
UX 디자이너들은 사용자에게 긍정적인 경험을 주기 위해 다양한 부서와 이해관계자들과 협업하며 자신의 디자인과 비지니스 전략이 일치하는지 확인합니다. 협업은 좋은 디자인으로 이어질 수 있지만 디자인의 일관성 문제, 접근성의 격차 등의 어려움을 겪을 수 있습니다. 이런 이유로 정기적인 디자인 검수를 계획하여 제거해야할 차이들을 찾고 측정하고 해결하는 것이 중요합니다.
디자인 검수란?
- 디자인 검수란 품질 보증 (Quality Assurance, 많이들 알고 있는 'QA')을 의미함. UX 관점에서 프로덕트가 접근성, UI 컴포넌트의 일관성 및 디자인 통합 요구사항을 충족하는지 평가함. 이 과정을 통해 디자이너들은 이전에 발견하지 못했던 이슈나 다음 디자인 스프린트에서 해결되어야할 이슈를 찾을 수 있다.
디자인 검수 과정에서 발견되는 흔한 이슈들
- 스크린 리더 사용자에게 필요한 이미지 대체 텍스트 누락
- 일관성 없는 폰트 타입 및 사이즈 사용
- 네비게이션 링크 누락
- 업데이트가 안된 구 콘텐츠
- 적절하지 않은 컴포넌트 사용 패턴
- 접근성 요건을 충족하지 않는 브랜드 컬러와 동떨어진 컬러 사용
- 레이아웃의 기준이 없어 컴포넌트 배치가 어수선하고 삐딱함
디자인 검수는 언제 해야 할까?
- 최대한 자주, 정기적으로 할 것.
- 디자인 검수를 미루면 미룰수록 이슈가 문제를 만들 가능성이 높아져 디자인 과정에서 해결하기 어려워짐.
웹사이트 디자인 검수 시 사용되는 방법들
10가지 사용성 휴리스틱
1) 시스템의 가시성
2) 현실세계와 부합 하도록 설계
3) 사용자에게 적절한 통제권을 부여
4) 일관성과 표준성 높이기
5) 사용자 실수 방지
6) 적은 인지적 노력
7) 유연하고 효과적인 사용성
8) 심미적이고 미니멀한 디자인
9) 사용자 스스로 오류를 인지하고 벗어날 수 있도록 설계
10) 충분한 도움말 제공
( 각 항목에 대한 더 자세한 내용 아래 아티클들 참고해보시면 좋아요.
- 닐슨&노먼 그룹 아티클 참고: http://abit.ly/0v8cec
- 국문은 이 브런치 추천 드립니다: https://brunch.co.kr/@hyoi0303/53 )
접근성 가이드라인
- 모든 사람들이 디자인을 사용할 수 있도록 설계되는 건 중요하다.
- 회사 내부에 접근성 지침이 없다면 'W3C 접근성 표준'을 참고 하는 것도 방법이다. (https://abit.ly/4njwod)
프로토 타이핑 도구를 활용해 UI 컴포넌트의 연속성과 일관성 유지하기
- 프로토타이핑 도구를 활용한 사용성 테스트를 통해 UI 구성 요소 패턴을 테스트 하기
스타일 가이드 라인 준수
- 프로덕트의 look&feel 과 Tone&Manner 에 대한 지침을 제공하는 문서를 잘 지키면 일관된 사용자 경험을 제공할 수 있다.
UX 검수 템플릿
- UX 검수 템플릿을 구축하여 팀에게 인사이트를 제공하는 것이 중요하다. 아래 항목들을 스프레드 시트의 열 제목 사용해서 각 문제들을 평가해보기.
1) 문제 설명: 무엇이 문제인지
2) 문제 위치: 문제가 어디서 발생하는지
3) 사용성 휴리스틱: 어떤 휴리스틱 요건이 충족되지 않는지?
4) 접근성: 접근성 문제인가? 예/아니오
5) 사용자에게 미치는 영향도: 얼마나 심각한 영향인지? 높음/중간/낮음
6) 디자인 수정 규모: 수정하는데 노력은 얼마나 드는지? 높음/중간/낮음
7) 개발 규모: 디자인 수정을 위해 개발 리소스는 얼마나 드는지? 높음/중간/낮음
8) 우선 순위: 위의 항목들 결과를 토대로 전체 우선 순위 설정하기
UX 검수로 얻는 인사이트
- UX 검수에서 가장 가치 있는 부분은 팀에서 다양한 관점으로 논의하고 합의한 UX 평가 기준으로 프로덕트을 평가 할 때 이루어 진다. 문제에 대한 계획을 좀 더 수월하게 할 수 있다.
디자인 검수란?
- 디자인 검수란 품질 보증 (Quality Assurance, 많이들 알고 있는 'QA')을 의미함. UX 관점에서 프로덕트가 접근성, UI 컴포넌트의 일관성 및 디자인 통합 요구사항을 충족하는지 평가함. 이 과정을 통해 디자이너들은 이전에 발견하지 못했던 이슈나 다음 디자인 스프린트에서 해결되어야할 이슈를 찾을 수 있다.
디자인 검수 과정에서 발견되는 흔한 이슈들
- 스크린 리더 사용자에게 필요한 이미지 대체 텍스트 누락
- 일관성 없는 폰트 타입 및 사이즈 사용
- 네비게이션 링크 누락
- 업데이트가 안된 구 콘텐츠
- 적절하지 않은 컴포넌트 사용 패턴
- 접근성 요건을 충족하지 않는 브랜드 컬러와 동떨어진 컬러 사용
- 레이아웃의 기준이 없어 컴포넌트 배치가 어수선하고 삐딱함
디자인 검수는 언제 해야 할까?
- 최대한 자주, 정기적으로 할 것.
- 디자인 검수를 미루면 미룰수록 이슈가 문제를 만들 가능성이 높아져 디자인 과정에서 해결하기 어려워짐.
웹사이트 디자인 검수 시 사용되는 방법들
10가지 사용성 휴리스틱
1) 시스템의 가시성
2) 현실세계와 부합 하도록 설계
3) 사용자에게 적절한 통제권을 부여
4) 일관성과 표준성 높이기
5) 사용자 실수 방지
6) 적은 인지적 노력
7) 유연하고 효과적인 사용성
8) 심미적이고 미니멀한 디자인
9) 사용자 스스로 오류를 인지하고 벗어날 수 있도록 설계
10) 충분한 도움말 제공
( 각 항목에 대한 더 자세한 내용 아래 아티클들 참고해보시면 좋아요.
- 닐슨&노먼 그룹 아티클 참고: http://abit.ly/0v8cec
- 국문은 이 브런치 추천 드립니다: https://brunch.co.kr/@hyoi0303/53 )
접근성 가이드라인
- 모든 사람들이 디자인을 사용할 수 있도록 설계되는 건 중요하다.
- 회사 내부에 접근성 지침이 없다면 'W3C 접근성 표준'을 참고 하는 것도 방법이다. (https://abit.ly/4njwod)
프로토 타이핑 도구를 활용해 UI 컴포넌트의 연속성과 일관성 유지하기
- 프로토타이핑 도구를 활용한 사용성 테스트를 통해 UI 구성 요소 패턴을 테스트 하기
스타일 가이드 라인 준수
- 프로덕트의 look&feel 과 Tone&Manner 에 대한 지침을 제공하는 문서를 잘 지키면 일관된 사용자 경험을 제공할 수 있다.
UX 검수 템플릿
- UX 검수 템플릿을 구축하여 팀에게 인사이트를 제공하는 것이 중요하다. 아래 항목들을 스프레드 시트의 열 제목 사용해서 각 문제들을 평가해보기.
1) 문제 설명: 무엇이 문제인지
2) 문제 위치: 문제가 어디서 발생하는지
3) 사용성 휴리스틱: 어떤 휴리스틱 요건이 충족되지 않는지?
4) 접근성: 접근성 문제인가? 예/아니오
5) 사용자에게 미치는 영향도: 얼마나 심각한 영향인지? 높음/중간/낮음
6) 디자인 수정 규모: 수정하는데 노력은 얼마나 드는지? 높음/중간/낮음
7) 개발 규모: 디자인 수정을 위해 개발 리소스는 얼마나 드는지? 높음/중간/낮음
8) 우선 순위: 위의 항목들 결과를 토대로 전체 우선 순위 설정하기
UX 검수로 얻는 인사이트
- UX 검수에서 가장 가치 있는 부분은 팀에서 다양한 관점으로 논의하고 합의한 UX 평가 기준으로 프로덕트을 평가 할 때 이루어 진다. 문제에 대한 계획을 좀 더 수월하게 할 수 있다.🧑🏻⚕️ 요약자
관심 분야
타겟 오디언스
공유 날짜
2022/03/22
5 more properties