단계

설명

비즈니스 전략

·         비즈니스 목표와 비전의 이해, 브랜드 전략, 시장·경쟁사 분석 등 UX 리서치

디자인 전략 수립

·         사용자분석, 요구사항 도출, 페르소나(persona), 사용자 인터뷰 등

UX 디자인 컨셉

·         사용자 테스트, 아이데이션, 컨셉 모델 등

UX 디자인 개발 수행

·         스토리보드, 와이어프레임, 키스크린, UI 개발, 사용자 테스트 등

구분

설명

최소한의 변수로 테스트

·         제어할 수 있을 정도의 변수를 이용하여 테스트를 진행해야 합니다.

·         많은 변수를 설정하여 테스트 할 경우 사용자의 혼란을 일으킬 수 있습니다.

현실적인 요소는 신경 쓰지 않기

·         테스트에 해당하는 변수만 신경을 씁니다.

·         프로토타입 테스트의 목적은 특정한 부분에 대한 유저의 반응과 가치 인식을 확인하는 것입니다.

테스트 할 부분만 동작

·         테스트의 핵심요소외 의 요소는 모두 제거합니다.

유저의 피드백과 행동 패턴도 관찰

·         테스트를 통해 사용자의 행동 패턴(화면 이동 패턴) 파악이 가능합니다.

인터페이스

(interface)

·         인간과 사물의 중개자 역할을 합니다.

·         제품의 보이지 않는 기능을 시각적으로 보여줍니다.

·         문 손잡이는 인터페이스에 해당됩니다.

인터랙션

(interaction)

·         인터페이스와 사용자 사이에 일어나는 어떤 행위나 상호작용의 과정을 의미합니다.

·         사람이 문을 열고 들어가는 행위는 인터랙션에 해당됩니다.

구분

방법

아날로그 프로토타이핑

·         화이트보드,

·         펜과 종이,

·         포스트잇등을 이용

https://codedragon.tistory.com/7463

디지털 프로토타이핑

·         파워포인트,

·         아크로뱃,

·         비지오,

·         옴니그래플,

·         악슈어,

·         HTML 등을 이용

https://codedragon.tistory.com/7418

방식

설명

CUI

·         Character User Interface

·         커맨드라인인터페이스

·         키보드를 통해 명령어를 입력하면 컴퓨터가 작업을 수행하여 화면에 글자로 결과를 표시해 주는 방식입니다. 대표적으로 dir, cd, copy 등이 있습니다.

·         마우스 없이 키보드만으로 프로그램을 실행할 수 있는 인터페이스 입니다.

https://codedragon.tistory.com/8997

GUI

·         Graphic User Interface

·         그래픽유저인터페이스

·         CUI와 달리 글자뿐만 아니라, 마우스와 키보드를 이용하여 그래픽을 이용하여 사용자에게 이해하기 쉬운 모양으로 정보를 제공하는 아이콘등을 키보드나 마우스로 클릭하여 프로그램을 실행할 수 있는 인터페이스 입니다.

https://codedragon.tistory.com/8513

단계

설명

1

웹서버의 역할을 정확히 이해하고 웹서버의 종류를 조사하여 특징을 정리한다.

2

다양한 웹 클라이언트의 종류와 웹브라우저의 호환성을 확인한다.

3

웹서버를 구축하는 프로그램이나 방법을 조사한다.

4

편집도구의 종류를 조사하고 작성한다.

5

작성한 HTML문서를 실행한다.

구분

테스트 내용

1

최근의 브라우저와 구형 브라우저에서 작동하는가?

2

이미지를 끄거나 지원하지 않아도 내용에 접근이 가능한가?

3

텍스트 브라우저에서도 동작하는가?

4

상세한 메타데이터를 포함하고 있는가?

5

브라우저 창 크기의 범위 안에서 사이트가 잘 작동하는가?

6

CSS를 끄거나 지원하지 않아도 내용에 접근이 가능한가?