Wireframe(와이어프레임) 작성 3단계
CODEDRAGON ㆍDevelopment/UI&UX
반응형
Wireframe(와이어프레임) 작성 3단계
MVC 모델 기반의 Wireframe 작성
단계 |
설명 |
Estimates |
· 견적 단계 · 예산 수립, 작업일정등을 계획하기 위해 대략적인 견적을 냅니다. · 화면 흐름에 대한 계획을 수립합니다. · Model, Controller, API 에 대해 설계합니다. |
Functionality |
· 기능 단계 · 특정 엘리먼트 세트를 필요로 하는 화면들을 상세하게 목록화합니다. · 사용자의 행동 흐름을 재검토하여 불필요한 요소와 기능을 제거합니다. · 화면과 플로우에 맞게 컨트롤러를 디자인합니다. · Wireframe을 토대로 동선, 컨틀로러등 기본적인 레이아웃을 정의합니다. |
Usability and Design draft |
· 유용성과 디자인 초안 단계 · 사용성을 가다듬고 앱의 Look을 결정하는 단계입니다. · 디자인의 디테일에 너무 많은 시간을 소모하지 않도록 주의해야 합니다. · 데이터 모델과 컨트롤러, 레이아웃을 반복해서 검토하여 전체적인 뷰와 부분들로 나눕니다. |
'Development > UI&UX' 카테고리의 다른 글
GUI(Graphical User Interface) (0) | 2019.04.28 |
---|---|
프로토타이핑의 장점/단점 (0) | 2019.04.21 |
Kakao Oven - 새 계정 생성 (0) | 2019.04.16 |
Behance - 세계 최대 규모의 온라인 크리에이티브 커뮤니티 (0) | 2019.04.15 |
디지털 프로토타이핑 진행 (0) | 2019.04.15 |