고객 성공 사례

3

분 소요

Politecnico di Milano가 교실에서 ProtoPie를 활용하는 방법

Paolo Perego 강사가 학생들이 ProtoPie를 사용해 프로토타이핑과 인터랙션 디자인을 어떻게 배우는지에 대해 소개합니다.

Julie Ko, Growth Marketer

얼마 전, 우리는 이탈리아와 유럽에서 가장 명성 높은 기술 대학 중 하나인 밀라노 공과대학교 디자인 학과의 강사인 파올로 페레고와 연락을 취했습니다. 그는 인터랙션 디자인의 기초를 가르치기 위한 인터랙티브 프로토타이핑 솔루션이 필요했습니다. 그리고 몇 달이 지난 지금, 파올로는 학생들과 ProtoPie를 사용한 경험을 공유하고 싶어 합니다.

파올로가 ProtoPie를 발견한 방법

프로토타이핑 도구가 필요했던 파올로의 한 친구가 우연히 ProtoPie를 추천했습니다. 파올로는 체험판으로 시작했고, ProtoPie가 학생들과 그들이 인터랙션 디자인을 공부하는 방식에 얼마나 큰 가치를 지닐지 곧바로 깨달았습니다.

“저는 곧바로 동료들에게 디지털 디자인 수업에서 ProtoPie를 주요 인터랙티브 프로토타이핑 도구로 사용해야 한다고 설득했습니다.”라고 파올로 페레고는 말합니다. “이 수업이 디지털 사용자 인터페이스와 모바일 앱의 상호작용 프로토타이핑에 초점을 맞추고 있기 때문에, ProtoPie는 우리에게 가장 적합한 솔루션임이 입증되었습니다.”

학생들이 ProtoPie를 사용하는 방법

수업 전반에 걸쳐 파올로는 학생들에게 사용성과 분석을 중시하면서 앱을 처음부터 설계하는 방법을 가르칩니다.

먼저 파올로는 학생들에게 분석의 중요성을 가르치는 데 중점을 둡니다. “분석은 좋은 디자인의 기초가 되어야 합니다. 그래서 저는 학생들에게 가능한 한 많은 사용 사례를 조사하고 장단점을 따져 보게 합니다.”라고 파올로는 계속 말합니다. 그는 정성적·정량적 분석과 사용자 분석의 기초를 가르칩니다.

각 사용 사례의 문제점을 파악한 뒤에는 그것을 어떻게 개선할지 고민하는 것이 전부입니다. 학생들은 디자인을 개선하기 위해 몇 차례의 아이데이션 과정을 거칩니다. 이러한 아이디어를 더 구체화하기 위해 파올로는 Figma로 간단한 클릭-스루 프로토타입을 만들라는 과제를 냅니다.

가장 재미있는 부분은 마지막입니다. 학생들은 UI뿐 아니라 사용자가 앱과 어떻게 상호작용할지도 더 깊이 생각해야 합니다. 학생들은 ProtoPie로 실제와 같은 고충실도 프로토타입을 만들어 곧바로 휴대폰에서 사용할 수 있습니다. 파올로는 이렇게 설명합니다. “Figma에서 디자인을 가져올 수 있었기 때문에 전반적으로 매우 편리한 경험이었습니다. 학생들은 두 도구를 모두 사용하며 배울 수 있습니다. UI 디자인에는 Figma를, 인터랙션 디자인에는 ProtoPie를 사용하죠. 두 마리 토끼를 한 번에 잡는 셈입니다.”

파올로의 학생들이 만든 프로토타입의 몇 가지 예입니다.


Prototype showing text input


카테리나 카빌리니, 디레타 미콜 토비아, 이레네 자나르디, 마르타 치테리오, 마르타 미나초 제작


Prototype showing scrolling


조르지아 피아첸티니, 자코포 윌리엄 데 데나로, 미켈라 알레산드렐로, 리카르도 데이비드, 사라 안드레아니 제작

ProtoPie가 이상적인 프로토타이핑 도구인 이유

파올로가 ProtoPie를 선택한 이유는 배우고 사용하기가 매우 쉽기 때문입니다. 그와 학생들은 코딩 없이 기능적이고 현실적인 프로토타입을 만들 수 있습니다. 파올로와 학생들은 ProtoPie의 독특한 개념 모델이 학생들이 쉽게 이해할 수 있게 해 준다고 믿습니다. 상호작용 아이디어를 실제로 구현하는 것은 시간문제일 뿐입니다.

또한 학생들은 프로토타입에 스마트 기기 센서를 통합할 수 있다는 점을 즐깁니다. “프로토타입에 카메라 기능을 추가하거나 키보드로 텍스트를 입력하는 기능은 다른 도구에서는 찾을 수 없는 기능입니다.”라고 파올로는 말합니다.

Pro 플랜을 사용하면 학생들이 자신의 프로토타입을 쉽게 공유하고 프로젝트에서 협업할 수 있습니다. 학생들은 다른 학생들이 자신의 프로토타입에서 사용할 수 있는 컴포넌트를 직접 만듭니다. 또한 즉각적인 피드백은 학생들 간의 소통을 촉진합니다. “협업하고 프로토타입을 효율적으로 만드는 가장 쉬운 방법입니다.

인터랙션 라이브러리와 인터랙션 레시피는 우리의 협업 작업에 더욱 큰 도움이 됩니다. 다음 학기에는 학생들에게 이러한 기능을 소개할 계획입니다.”

“UX 디자인, 인터랙션 디자인, 프로토타이핑 교육자들에게 ProtoPie를 프로토타이핑 도구로 강력히 추천합니다. 학생들이 더 잘 배울 수 있으니, 결국 여러분도 더 나아질 것입니다.”