🔍 UX Design

👀 좋은 UX를 만드는 요소

아래의 피터모빌의 벌집 모형에서 제시한 UX의 7가지 요소를 고려해야 한다.

해당 모형은 아래와 같이 UX 평가를 위한 척도로도 사용될 수 있다.

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

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

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

제품이 본연의 기능을 제공하는 것을 넘어서 사용하기 쉬운가에 관한 요소로, 가능한 단순하면서 직관적이고 사용하기 쉬운 제품이나 서비스를 만들어야 한다.

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

제품이 사용자들에게 매력적인가에 대한 요소로, 디자인이 보기에 좋은지, 이미지 및 브랜딩 등의 여러 요소들이 사용자에게 긍정적인 감정을 불러일으킬 수 있는지, 사용자들이 해당 제품이나 서비스를 이용하고 싶어 하는지가 중요하다.

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

사용자가 제품이나 서비스를 믿고 사용할 수 있는가에 관한 요소로, 장기적으로는 믿을 수 있는 브랜드 이미지를 구축하는 것이 좋다.

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

나이, 성별, 장애 여부를 떠나서 누구든지 제품이나 서비스에 접근할 수 있는가에 관한 요소로, 누구라도 비슷한 수준의 정보를 얻을 수 있도록 장치를 구비해 놓는 노력 등이 접근성을 높여준다.

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

사용자가 원하는 기능이나 정보를 쉽게 찾을 수 있는가에 관한 요소로, 내비게이션 바, 정보 검색 기능을 넣거나 콘텐츠를 직관적으로 배치하는 것은 검색 가능성을 높일 수 있다.(ex. 유튜브)

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

위에서 언급된 모든 요소들을 총합하여 고객에게 가치를 제공하고 있는가에 관한 요소로, 가능한 모든 요소를 고르게 고려하는 것이 좋고, 사용자들이 공통적으로 중요하게 생각하는 요소를 찾아냈다면 그 요소에 집중하는 것도 UX를 효율적으로 개선하는 전략이다.

👀 User Flow

사용자가 제품의 진입한 시점을 시작으로, 취할 수 있는 모든 행동을 의미하며, 보통 아래와 같이 다이어그램으로 정리한다.

✔ User Flow Diagram 작성법

기본적으로 세 가지 요소를 사용하며 각 요소는 아래와 같다.

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

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

• 화살표 : 직사각형(화면)과 다이아몬드(행동)를 연결시켜주는 화살표

✔ User Flow Diagram의 장점

• 사용자 흐름 상, 어색하거나 매끄럽지 않은 부분을 발견하여 수정함으로써, UX를 개선할 수 있다.

• 있으면 좋은 기능을 발견하여 추가하거나, 없어도 상관 없는 기능을 발견하고 삭제함으로써 개발 단계에서 불필요한 자원을 소모하는 일을 방지할 수 있다.

⚙ User Flow Diagram 도구

• miro

• FigJam

Reference: 코드스테이츠