Prototyping 프로토타이핑

발표자 : 홍대의

CodeAcross 2016 / Code for Incheon

App Development Cycle

예시 ) 내손안의 서울살림

아이디어 회의

기획

프로토타이핑

내손안의 서울살림 http://openfinance.seoul.go.kr/seoulhand/main/index.html#/

1. Idea • 1.1 Brain storming

• 문제를 찾아보세요 • 사소한 것 부터 하세요 • 작은 것 부터 하세요• 내가 경험한 것 부터 하세요• 절대 비판하지 말고 아이디어를 더하세요 .

• 1.2 Research• 실망하지 마세요• 약간만 더 나으면 됩니다• 조금 다른 방식을 찾아보세요• 기억하지 말고 기록하세요 .

• Objective • 서비스명 • 한줄설명• 기획문서

2.Prototyping

주의할점 • 유치한 그림이라고 무시하지 마세요 .

• 미래의 서비스의 방향을 결정짓는 중요한 일입니다 .

• 기획의도를 이해하세요 • 아름다운 예술작품 의견 교환의 도구 • 필요한 부분부터 • 핵심을 명확하게 • 일단 해보기 수정을 전제하고 그리는 그림

핵심적인 화면 구성 - 이름 - 컨셉 설명- 각 화면별 이름- 화면 구성요소- 화면별 레이아웃 : 와이어 프레임

다른 앱들은 어떻게 표현했나 참고

UI Flow

사용자 사용에 따른 페이지 전환 - 메뉴 구성과 흐름 - 간단한 디자인 컨셉 반영- 이동 및 동작 설명- 키보드 ? 터치 ? 버튼 ?

UX

실제 느낌 , 동작의 일관성- 빠진 부분 - 사용자 테스트

Design Look & Feel

https://vimeo.com/68531561

https://vimeo.com/20179865

발표 예시

Time Table• 1:00 • 2:00