웹을 통해 새로운 창조를 꿈꾸는 인간 - kimdirector
www.kimdirector.co.kr Photo by unsplash.com
kimdirector
Creative Web & Mobile UI/UX Planner and Designer
Humans dreaming of new creation through the UI/UX





WEBDESK
Webdesign Report
HOME WEBDESK Webdesign Report
디자이너가 프로토타이핑을 배우는 3가지 이유
Posted by kimdirector | 2018.03.08 | Hit : 1302
디자이너  프로토타이핑  UI  UX 
목록보기이전보기
프로토타이핑이란 무엇인가?
 
프로토타이핑이란, 디자이너가 실제 작업물을 만들기 전에 테스트를 해보는 과정을 말합니다.
UX,UI 디자이너라면 웹이나 어플리케이션 등을 디자인 할 때 제대로 구동이 되는지 플로우를 체크하고 자신이 원하는 인터렉션을 자유롭게 테스트해볼 수 있는 과정이고, 제품 디자이너라면 목업을 만들어 실제 작업물의 형태를 예측해 볼 수 있는 단계라고 생각하시면 됩니다.
 

출처 : https://unsplash.com/search/design?photo=zuQDqLFavI4
 
이 과정을 통해, 최종 결과물에 발생할 수 있는 오차나 실수를 줄일 수 있습니다.
이렇게 프로토타이핑은 디자인 분야 전반적으로 활용되고 있는데요, 그렇다면 디자이너는 왜 프로토타이핑을 배워야 할까요?
 
 

 



UX/UI 디자이너는 프로젝트를 진행하는 과정에서 여러 분야의 사람과 함께 일하게 됩니다.
예를 들자면, 기획자와 개발자가 있을 수 있겠죠. 디자이너를 포함한 이 세 부류의 사람은 각자의 일에 맞춰서 프로젝트를 바라보고 생각하게 됩니다. 바로 그 점 때문에 서로 다른 생각을 말하고 서로의 의견을 이해하는데 많은 시간이 소요되게 됩니다.
 
 

프로젝트를 바라보는 기획자,디자이너,개발자의 생각의 차이

 
프로토타이핑을 통해 디자이너가 프로젝트에 대한 생각을 명확하게 보여준다면 이러한 커뮤니케이션에 드는 시간을 단축할 수 있게 됩니다. 각자의 의견을 말로 전달하는 것보다는 명확한 이미지로 제시하는 것이 이해가 빠르고 효과적이기 때문입니다.
 
 
 
 

 
프로토타이핑을 통해 디자이너는 개발 단계에 들어가기 전 자신의 아이디어를 반영한 최종 결과물을 빠르게 테스트해볼 수 있습니다. 이 과정에서 더 많은 아이디어를 테스트해 볼 수 있고 아이디어를 구체화하는 데 걸리는 시간을 단축시킬 수 있습니다. 또한 실제 서비스를 개발하기 전에 테스트를 해볼 수 있기 때문에 디자이너 스스로가 문제점을 발견하기 쉽습니다.
 
 

디자이너는 프로젝트를 진행하며 디자인 외에 반복작업이 필요할 경우가 많습니다.
대표적인 예를 들자면 가이드라는 과정이 있는데요, 실제 서비스를 동작하게 만들 수 있도록 디자이너가 개발자에게 디자인 작업물의 디테일한 수치와 컬러 등을 작성하여 전달하는 작업입니다. 구체적인 수치를 기입하고 정리해야 하는 과정이기 때문에 시간과 품이 많이 들게 되는데요, 프로토타이핑 툴에서 제공하는 플러그인 등의 다양한 기능을 활용하여 이러한 단순 반복 작업이나 수정 작업에 드는 시간을 단축하고, 디자인 자체에 좀 더 집중할 수 있게 됩니다.
 
 
 
 
[출처] 디자이너가 프로토타이핑을 배우는 3가지 이유 | 작성자 커넥트재단
Posted by kimdirector | 2018.03.08 | Hit : 1302
Origin https://blog.naver.com/connect_design/220881332182
Tags 디자이너  프로토타이핑  UI  UX 
Trackback http://www.kimdirector.co.kr/bbs/zerotb.php?id=webdesign&no=494

COMMENT
Commented by kimdirector
2018.03.08 12:47:15 X
보더 더 자세한 내용은 원문을 확인하시기 바랍니다.
위의 링크를 클릭핫기면 원문으로 이동 가능합니다.
목록보기 이전보기
WEBDESK
Design Review
Webdesign Report
Web Plan Report
Design Inspiration
Mobile Life
Web Standard
Recommend Site
Insight Story
Popular Contents
Category Cloud
About us Review Portfolio Design Review Leaders Story Mobile Work IT Information Web Identity Work Everyday Mobile Life Webdesign
Web Standard Homepage Work Web Plan Report Practical Use Tip Inspiration Download Recommend Site
Tags
모바일 HTML5 빅데이터 배경이미지 홈페이지 폰트 게임 미래 성능 UI 포트폴리오 Draft 일러스트 GIF 이메일 개발자 프로젝트 웹사이트 웹디자이너 보안 퍼블리셔 관리 저작권 커뮤니케이션 Parallax Scrolling 동국대학교 브랜드 kimdirector 문화코드 무료 iOS 웹디자인 단축키 오토믹 인트라넷 소프트웨어뱅크 디자인 Design 로고디자인