Wireframe(와이어프레임) 작성 3단계

CODEDRAGON Development/UI&UX

반응형

 

 

 

Wireframe(와이어프레임) 작성 3단계

MVC 모델 기반의 Wireframe 작성

단계

설명

Estimates

·         견적 단계

·         예산 수립, 작업일정등을 계획하기 위해 대략적인 견적 냅니다.

·         화면 흐름에 대한 계획 수립합니다.

·         Model, Controller, API 대해 설계합니다.

Functionality

·         기능 단계

·         특정 엘리먼트 세트를 필요로 하는 화면들을 상세하게 목록화합니다.

·         사용자의 행동 흐름을 재검토하여 불필요한 요소와 기능을 제거합니다.

·         화면과 플로우에 맞게 컨트롤러를 디자인합니다.

·         Wireframe 토대로 동선, 컨틀로러등 기본적인 레이아웃을 정의합니다.

Usability and Design draft

·         유용성과 디자인 초안 단계

·         사용성을 가다듬고 앱의 Look 결정하는 단계입니다.

·         디자인의 디테일에 너무 많은 시간을 소모하지 않도록 주의해야 합니다.

·         데이터 모델과 컨트롤러, 레이아웃을 반복해서 검토하여 전체적인 뷰와 부분들로 나눕니다.