UX 디자인

Eugenius1st·2022년 8월 25일
0

CSS

목록 보기
34/47
post-thumbnail
post-custom-banner

UX디자인

좋은 UX를 만드는 요소


좋은 UX를 만들려면 무엇을 고려해야 할까요? 피터 모빌(Peter Morville)의 벌집 모형은 이 질문에 대한 답을 줍니다. 이 모형에서 제시한 UX의 7가지 요소를 알아봅시다.

1. 유용성(Useful) : 사용 가능한가?

유용성은 제품이나 서비스가 목적에 맞는, 사용 가능한 기능을 제공하고 있는가에 관한 요소

2. 사용성(Usable) : 사용하기 쉬운가?

사용성은 제품이 본연의 기능을 제공하는 것을 넘어서 사용하기 쉬운가에 관한 요소

3. 매력성(Desirable) : 매력적인가?

매력성은 말 그대로 제품이 사용자들에게 매력적인가에 대한 요소

4. 신뢰성(Credible) : 신뢰할 수 있는가?

신뢰성은 사용자가 제품이나 서비스를 믿고 사용할 수 있는가에 관한 요소

5. 접근성(Accessible) : 접근하기 쉬운가?

접근성은 나이, 성별, 장애 여부를 떠나서 누구든지 제품이나 서비스에 접근할 수 있는가에 관한 요소

6. 검색 가능성(Findable) : 찾기 쉬운가?

검색 가능성은 사용자가 원하는 기능이나 정보를 쉽게 찾을 수 있는가에 관한 요소

7. 가치성(Valuable) : 가치를 제공하는가?

가치성은 위에서 언급된 모든 요소들을 총합하여 고객에게 가치를 제공하고 있는가에 관한 요소

피터 모빌의 벌집 모형은 UX를 위해서 고려해야 할 7가지 요소를 제시해줌과 동시에, 아래 이미지처럼 그래프를 활용하여 UX를 얼마나 고려했는지, 혹은 사용자가 얼마나 좋은 UX를 경험했는지 평가하기 위한 척도로도 사용될 수 있다.

User Flow

사용자 흐름(user flow)은 사용자가 제품에 진입한 시점을 시작으로 취할 수 있는 모든 행동을 뜻하며, 보통 아래 이미지처럼 다이어그램을 그려서 정리한다.

직사각형 :

사용자가 보게 될 화면 ( ex. 회원 가입 페이지, 로그인 페이지 … )

다이아몬드 :

사용자가 취하게 될 행동 ( ex. 로그인, 버튼 클릭, 업로드 … )

화살표 :

직사각형(화면)과 다이아몬드(행동)를 연결시켜주는 화살표
이 외의 요소를 필요에 따라 추가하여 사용해도 좋지만, 이 세 가지 요소는 거의 필수적으로 사용하게 됩니다. 이 요소들을 활용하여 사용자가 보게될 화면과 취할 수 있는 행동을 최대한 꼼꼼하게, 빠짐 없이 작성하면 된다.

User Flow 다이어그램을 그리면 좋은 이유

사용자 흐름 다이어그램을 그려보면 다음과 같은 장점이 있습니다.

  • 사용자 흐름 상 어색하거나 매끄럽지 않은 부분을 발견하여 수정할 수 있음
  • 있으면 좋은 기능을 발견하여 추가하거나 없어도 상관 없는 기능을 발견하고 삭제할 수 있음

User Flow 다이어그램 도구

제이콥 닐슨의 10가지 사용성 평가 기준 (Jakob’s Ten Usability Heuristics)

여기서, Heuristic(휴리스틱)이란?
'체험적인'이라는 뜻으로, 완벽한 지식 대신 직관과 경험을 활용하는 방법론을 말합니다.

1. 시스템 상태의 가시성 (Visibility of system status)

2. 시스템과 현실 세계의 일치 (Match between system and the real world)

3. 사용자 제어 및 자유 (User control and freedom)

4. 일관성 및 표준 (Consistency and standards)

5. 오류 방지 (Error prevention)

6. 기억보다는 직관 (Recognition rather than recall)

7. 사용의 유연성과 효율성 (Flexibility and efficiency of use)

8. 미학적이고 미니멀한 디자인 (Aesthetic and minimalist design)

9. 오류의 인식, 진단, 복구를 지원 (Help users recognize, diagnose, and recover from errors)

10. 도움말 및 설명 문서 (Help and documentation)

사용성 평가 기준 활용하기

사용성 평가 기준은 서비스중인 애플리케이션을 평가하기 위한 목적으로도 사용할 수 있지만, 제품 설계 단계에서 더 완성도있는 애플리케이션을 기획하기 위해서도 사용할 수 있다. 제품을 설계하는 과정에서 위 10가지 원칙을 지속적으로 확인하여 사용성과 효율성을 크게 높일 수 있다.

profile
최강 프론트엔드 개발자가 되고싶은 안유진 입니다
post-custom-banner

0개의 댓글