UIUX 디자인 도출 및 휴리스틱 평가하기

---

UIUX 디자인 도출 및 휴리스틱 평가하기

 

안녕하세요.

오늘 포스팅에서는 UIUX 디자인 도출 및 휴리스틱 평가하기에 대해 알려드리겠습니다.

주옥같은 내용들이 있으니 꼭 끝까지 잘 읽고 따라와 주시면 감사하겠습니다.

그럼 바로 시작하겠습니다!

728x90

01. 디자인 및 시각적 요소 도출하기

1) 디자인트렌드 및 비주얼 컨셉 도출에 관련한 서적 및 다양한 정보

2) 아이디어 발상에 도움이 되는 자료

3) Good GUI, PUI, AUI 디자인에 관한 자료

4) 다양한 사용자의 라이프스타일 및 행태분석 자료

5) GUI가 구현될 플랫폼의 사양 및 제약 조건 자료

6) UI/UX 및 GUI디자인 전반에 대한 트렌드

7) 트렌드분석 방법론

8) HCI(Human Computer Intereaction)

9) 페르소나 도출 및 사용자 요구사항 추출 기법

10) 시각적인 그래픽 요소에 대한 사용성

11) 플랫폼 (모바일 환경과 PC환경 차이 등)

 

1. 디자인 요소를 도출해야 한다.

2. 탁월한 사용자 경험을 제공해야 한다.

(1) "누가 사용할 것인가?"에 대해서 검토해야 한다.
(2) "사용자들이 무엇을 원하는가?"
(3) "그들은 (물건을) 어떻게 쓰는가?"
(4) 그들이 좀 더 쉽고 편리하게 (물건을) 쓸 수 있게 하려면 어떻게 해야 할까?
(5) 그들이 (물건을) 쓰도록 만들려면 어덯게 해야 할까?

3. 시각적인 콘셉트를 도출해야 한다.

(1) 사용자들의 세부적인 니즈를찾아야 한다.
(2) 시각적 콘셉트 도출을 위한 구분을 해야 한다.
(3) 니즈를 규명하고 각 니즈 간의 상관관계를 이해해야 한다.
(4) 프레임과 스토리보드를 통해 작성해봐야 한다.

4. 사용자 그룹 구분의 중복과 누락을 피해야 한다.

(1) 사용자의 세그멘테이션의 중복을 고려해야 한다.
(2) 중복과 누락에 대한 철저한 검토 하에 이루어져야 한다.
(3) 사용자들의 니즈를 규명하는데 철저히 이루어져야 한다.

 

02. 휴리스틱(Heuristic) 평가 수행하기

휴리스틱 평가는 반복적인 디자인 개발과정을 거치는 어플리케이션, 웹 서비스 등 복잡한 시스템에 대한 사용자 인터페이스 개발 시 사용성과 관련된 문제를 조기에 발견해내기 위한 방법으로 사용성에 대한 노은 이해도를 갖춘 전문가들이 사용자 인터페이스를 평가하는 방법이다. 사용성 평가에 사용되는 여러 기준 중 제이콥닐슨의 10대 사용성 리스트를 기준을 ㅗ준비된 사용자리서치 결과 또는 웹사이트, 웹서비스에 대해 평가를 수행하여 본다.

1. 휴리스틱 평가의 장단점

[장점]

-상대적으로 비용이 저렴한 방법으로 디자인에 대해 신속한 피드백을 제공할 수 있다.
-설계의 초기 단계에 피드백을 받을 수 있다.
-올바른 휴리스틱 평가는 디자이너가 문제를 해결하는데 필요한 최선의 기준이 되어 줄 수 있다.
-다른 사용성 테스트 방법들과 병행할 수 있다.
-사용성 테스팅이 핵심적인 문제에 집중하도록 할 수 있다.

[단점]

-효율적인 평가를 위해서는 많은 지식과 전문성을 필요로 한다.
-이러한 전문가를 찾기 어려운 경우도 있다.
-여러 전문가의 평가 결고를 종합해야 한다.
-중요 이슈를 놓치고 중요하지 않은 이슈만이 파악될 수도 있다.

반응형

2. 사용성 현황 평가를 수행한다

(1) 사용성 현황 평가 자료 수집
-사용성리서치 결과물 또는 웹 사이트, 웹 서비스, 오픈소스 웹 어플리케이션 등을 선택해 사용자가 목적으로 하는 작은 작업 (예: 사용자는 로그인을 수행하려 한다. 사용자는 OO정보를 검색하여 한다.) 식별하여 목록으로 작성한다.
(3~5개 정도의 행위를 식별하여 본다.)

 

-해당 행위의 시작부터 종료까지 예외 사항 또는 오휴를 포함한 화면을 수집하고 흐름에 따라 나열한다.

-수집된 화면상의 UI요소들과 그 기능을 표기한다. (이미지 위에 직접 표기하거나 별도로 화면별 목록을 작성)

 

 

3. 휴리스틱 평가

-앞서 준비한 목록의 사용자 작업들에 대해 위의 평가를 반복한다.
-작업별 평가의 평균으로 해당 웹사이트 등의 전체 사용성 평가를 기록한다.
-준비된 평가 대상이 여러개인 경우 대상별 평가를 수행하고 대상들을 비교하여 본다.
-동일 평가대상에 대해 여러 사람이 평가를 한 경우 평가자들 간의 평가 결과 차이를 비교하고 그 이유를 토론하여 본다.

 

UIUX 페르소나와 디자인 작업 순서

 

모바일 UI/UX의 기본적인 특성과 디자인 원칙