UI 프로토타이핑(Prototyping) · 개발 접근법의 하나로 새로운 요구사항을 도출하기 위한 수단입니다. · 개발자들과 사용자들의 의사소통 상의 효과를 증진하기 위한 시스템 개발 기법입니다. 소프트웨어 요구사항에 대해 소프트웨어 엔지니어가 해석한 것을 확인하기위한 수단입니다. · 개발 초기에 시스템의 모형을 간단히 만들어 사용자가 직접 사용해 보게 함으로써 기능의 추가, 변경 및 삭제 등을 즉각 반영하여 재구축하는 과정을 반복하면서 시스템을 개선할 수 있습니다. · 해당 프로젝트의 모든 기능 또는 일부 기능을 그리거나, 묘사하고 테스트(검토)하는 활동을 의미합니다. · 프로토타이핑은 새로운 요구사항을 도출하기 위한 수단으로, 또한 소프트웨어 요구사항에 대해 소프트웨어 엔지니어가 해석한 것을 확인하기..

Wireframe(와이어프레임) 작성 3단계 MVC 모델 기반의 Wireframe 작성 단계 설명 Estimates · 견적 단계 · 예산 수립, 작업일정등을 계획하기 위해 대략적인 견적을 냅니다. · 화면 흐름에 대한 계획을 수립합니다. · Model, Controller, API 에 대해 설계합니다. Functionality · 기능 단계 · 특정 엘리먼트 세트를 필요로 하는 화면들을 상세하게 목록화합니다. · 사용자의 행동 흐름을 재검토하여 불필요한 요소와 기능을 제거합니다. · 화면과 플로우에 맞게 컨트롤러를 디자인합니다. · Wireframe을 토대로 동선, 컨틀로러등 기본적인 레이아웃을 정의합니다. Usability and Design draft · 유용성과 디자인 초안 단계 · 사용성을 가다..

연계(인터페이스) 정의서 및 명세서 연계 항목, 연계 데이터 타입, 길이 등을 구성하고 형식을 정의하는 과정의 결과물로 연계(인터페이스) 정의서를 작성한다. 연계(인터페이스) 정의서에는 송신 시스템과 수신 시스템 간의 인터페이스 현황을 작성한다. 연계(인터페이스) 명세서는 연계(인터페이스) 정의서에 작성한 인터페이스 ID 별로 송수신하는 데이터 타입, 길이 등 인터페이스 항목을 상세하게 작성한다. 연계(인터페이스) 정의서 작성 양식 연계(인터페이스) 명세서 작성 양식

Mobile Interaction Design https://www.behance.net/gallery/22981559/Mobile-Interaction-Design

차트와 그래프 디자인 참고 사이트 https://plot.ly/

MENU TO CROSS ICON - ONE IDEA, 6 POSSIBILITIES 메뉴 크로스 아이콘을 만드는 6가지 방법 제시 http://lukyvj.github.io/menu-to-cross-icon/