달력

6

« 2020/6 »

  • 7
  • 8
  • 9
  • 10
  • 11
  • 12
  • 13
  • 14
  • 15
  • 16
  • 17
  • 18
  • 19
  • 20
  • 21
  • 22
  • 23
  • 24
  • 25
  • 26
  • 27
  • 28
  • 29
  • 30
  •  
  •  
  •  
  •  


 

 

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

MVC 모델 기반의 Wireframe 작성

단계

설명

Estimates

·         견적 단계

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

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

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

Functionality

·         기능 단계

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

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

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

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

Usability and Design draft

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

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

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

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

 

 



Posted by codedragon codedragon

댓글을 달아 주세요