여러분은 가장 많이 쓰는 음식 배달 앱에서 발견부터 배달까지 이어지는 모든 상호작용에 대해 생각해 본 적이 있나요? 어떤 것들은 단순해 보일 수 있지만, 가장 기본적인 모션 디자인을 만드는 데에도 많은 노력과 팀워크가 들어갑니다. 그리고 그 모든 것의 최종 목표는 신뢰할 수 있으면서도 즐거운 앱 사용자 경험을 만드는 것입니다.

DoorDash에 인수된 인기 핀란드 음식 배달 앱 Wolt에서도 이는 분명히 사실입니다. 2014년 헬싱키에서 설립된 이 회사는 도시를 여러분의 휴대폰과 문 앞까지 가져오는 것을 목표로 합니다. 그리고 ProtoPie에서 Wolt 디자인 팀은 가장 진보된 아이디어까지도 손쉽게 현실로 구현할 수 있게 해 주는 도구를 찾았습니다.

최근 웨비나에서 Wolt의 모션 디자이너 Samu Rintala는 음식 배달 앱 디자인 워크플로에서 팀이 프로토타이핑을 어떻게 활용하는지에 대한 통찰을 공유했습니다. 아래 녹화본을 확인하시거나, 읽는 편이 더 좋다면 계속 스크롤해 보세요.

한눈에 보기

• Wolt 디자인 팀 소개

• Wolt의 제품 모션 디자인

• 제품 모션 디자인은 “커뮤니케이션”을 의미합니다

• 제품 모션 디자인은 “내비게이션”을 의미합니다

• 제품 모션 디자인은 “개성”을 의미합니다

• Wolt 앱에서의 모션 디자인 예시

• 매끄러운 음식 배달 앱 디자인 워크플로를 위해 Wolt 디자이너들이 협업하는 방법

• Wolt의 개발자 핸드오프

• Wolt 디자인 팀이 ProtoPie를 사용하는 이유

• ProtoPie의 모션 디자인 도구

• ProtoPie를 활용한 모션 디자인 사용 사례

• Wolt가 앞으로 ProtoPie를 어떻게 활용할 계획인지

Wolt 디자인 팀 소개

Wolt의 디자인 팀에는 40명 이상의 프로덕트 디자이너, 콘텐츠 디자이너, UX 라이터, 현지화 전문가, 벤치마킹 전문가, 사용자 리서처가 있으며, 여기에 Samu를 포함한 두 명의 모션 디자이너가 더해집니다.

디자인 팀은 소비자, 판매자, 배달 기사, 식료품, B2B, 업무용의 여섯 가지 주요 그룹을 대상으로 회사의 앱 디자인을 지원합니다.

Samu는 이들의 업무 대부분이 소비자 대상 앱에서 이뤄진다고 설명합니다. 그럼에도 불구하고, 모션과 관련해서는 모든 그룹을 똑같이 세심하게 다룬다는 점을 강조합니다. Wolt가 관여하는 모든 플랫폼에서 일관된 경험을 보장하는 것이 그들의 핵심 사명 중 하나입니다.

Wolt의 제품 모션 디자인

제품 모션 디자인은 일반적으로 애니메이션, 전환, 시각 효과를 활용해 디지털 제품이나 인터페이스 내에서 사용자 경험을 향상하고 정보를 전달하는 작업으로 정의할 수 있습니다. 이는 사용자를 안내하고, 피드백을 제공하며, 위계를 전달하고, 제품에 생동감과 역동성을 더하는 목적 있는 매력적인 움직임과 상호작용을 만드는 것을 포함합니다. 제품 모션 디자인의 목표는 사용성을 개선하고, 사용자를 즐겁게 하며, 정보를 효과적으로 전달하는 데 있으며, 궁극적으로는 전체 사용자 인터페이스와 사용자 여정을 향상하는 것입니다.

그렇다면 Wolt는 제품 디자인을 어떻게 정의할까요?

사람들은 제품 모션 디자인을 가리킬 때 UX 모션이나 인터랙션 디자인 같은 다른 이름을 사용하기도 하지만, 이들은 다소 차이가 있습니다.

Wolt 디자인 팀은 제품 모션 디자인을 커뮤니케이션, 내비게이션, 개성이라는 세 가지 핵심 요소로 정의합니다.

Wolt 디자이너들이 정의한 제품 모션 디자인.

그 의미를 자세히 살펴보겠습니다.

제품 모션 디자인은 “커뮤니케이션”을 의미합니다

1. 제품 모션 디자인은 피드백 측면에서 중요합니다.

Samu는 이를, 아무런 반응이나 인지를 보이지 않아 실제로 듣고 있는지 알 수 없는 사람과 대화하는 상황에 비유합니다. 이런 피드백의 부재는 좋은 경험을 만들어 주지 못합니다.

무언가가 일어나고 있고 진행되고 있음을 알려 주기 위해서는 피드백이 중요합니다. 어떤 터치에도 전혀 반응하지 않는 앱 UI를 상상해 보세요. 적어도 혼란스럽겠죠?

2. 명확성과 연출을 높여 줍니다.

Samu는 모션의 역할이 앱의 명확성을 떨어뜨리는 것이 아니라 높이는 것이라고 강조합니다. 그의 말에 따르면, 모션의 주요 기능은 사용자가 앱 안에서 일어나는 행동과 사건을 이해하고 파악하도록 돕는 것입니다.

3. 사용자를 교육합니다.

교육 또한 Wolt의 제품 모션 디자인에서 중요한 요소입니다. 그들은 모션을 사용해 사용자가 앱 UI를 따라가며 효과적으로 탐색하는 방법을 익히도록 안내합니다.

4. 체감 지연에 영향을 줍니다.

"좋은 모션 디자인은 사용자를 속일 수도 있습니다. 예를 들어 로딩이 진행 중이거나 무언가를 기다려야 할 때, 단순한 로딩 애니메이션만으로도 더 빠른 경험처럼 느끼게 만들 수 있습니다,"라고 Samu는 말합니다.

제품 모션 디자인은 “내비게이션”을 의미합니다

1. 공간 인식을 향상합니다.

공간 인식은 제품 모션 디자인의 중요한 요소입니다. 사용자는 앱 내에서 자신의 위치가 어디인지, 어떻게 그곳에 도달했는지, 그리고 어떻게 돌아가거나 나중에 화면을 다시 볼 수 있는지 명확히 이해해야 합니다.

2. 적절한 시점에 사용자의 주의를 끕니다.

이는 사용자에게 지금 무슨 일이 일어나고 있는지 알려 주는 교육과도 관련이 있습니다. 예를 들어 경고를 보여 주거나, 주문을 진행하려면 무엇인가를 추가해야 한다고 알려 주는 방식입니다.

3. 인지 부하를 줄입니다.

"결국 이 모든 단계는 사용자의 인지 부하를 줄여 줍니다,"라고 Samu는 말합니다.

제품 모션 디자인은 “개성”을 의미합니다

1. 앱의 개성을 일관되게 유지합니다.

움직임이 사람의 개성에서 중요한 부분을 차지하듯, 모션 디자인도 앱의 전체적인 개성에 기여합니다.

Wolt에서는 디자인 팀이 앱 UX에서 일관성의 중요성을 강조합니다. 확립된 원칙과 가이드라인을 따름으로써, 다양한 화면과 상호작용 전반에서 앱의 모션 디자인이 인식 가능하도록 유지합니다.

"일관성은 언제나 마음을 편하게 해 줍니다. 무엇인가를 했을 때 앱이 어떻게 반응할지 알고 있기 때문이죠,"라고 Samu는 말합니다.

2. 마음의 안정을 줍니다.

궁극적으로 Wolt의 제품 모션 디자인 목표는 사용자에게 마음의 안정을 제공하는 것입니다.

Samu는 이렇게 설명합니다. "마음이 편안하고, 내가 어디에 있고 무엇을 하고 있는지 알고 즐기고 있다면, 그 전체 경험이 곧 즐거움으로 이어집니다."

Wolt 앱에서의 모션 디자인 예시

이제 Wolt 디자이너들이 Wolt 앱에서 모션을 어떻게 활용하는지 예시를 살펴보겠습니다.

먼저 Wolt 앱에 몇 가지 있는 전환 효과부터 살펴보고, 그다음에는 더 작은 디테일들을 보겠습니다.

1. 스크롤 전환

Wolt 앱 내의 스크롤 전환.

Samu는 앞서 언급했듯 이런 종류의 전환에는 상당한 연출이 필요하다고 설명합니다. 헤더가 나타나는 정확한 시점과 나머지 요소들이 모두 사라지는 시점을 맞춰야 하기 때문에, 많은 요소와 중요한 타이밍이 필요하기 때문입니다. 이를 위해서는 위계 구조를 세심하게 계획하고, 적절한 순간에 애니메이션에 사용할 자산을 준비해 두는 것이 필요합니다.

2. 상태 전환

아래는 컴포넌트 내의 간단한 상태 전환입니다.

Wolt 앱 내의 상태 전환.

3. 퀵 피커

"작은 디테일은 우리에게 아주 큰 부분입니다,"라고 Samu는 말합니다. "저는 항상 디테일 속에 신성이 있다고 생각합니다. 그래서 이런 것들이 전체 경험에서 매우 크게 합쳐져 충분히 가치가 있습니다."

여기서는 사용자가 식료품점에서 항목을 장바구니에 추가할 때, 손가락 아래 숫자가 움직이는 작지만 매우 중요한 상호작용의 예를 볼 수 있습니다.

작지만 중요한 상호작용의 예로, 사용자가 제품을 장바구니에 추가할 때마다 항목 수가 애니메이션으로 바뀝니다.

"직접 손과 휴대폰으로 테스트하지 않으면 생각하지 못하는 것들이 있습니다,"라고 Samu는 덧붙입니다.

4. 화살표 등장

"여기에서 나머지 카테고리를 볼 수 있습니다. 화살표가 옆에서 아주 부드러운 움직임으로 나타납니다,"라고 Samu는 설명합니다.

작은 디테일이 어떻게 사용자 경험을 더 매끄럽게 만드는지 보여 주는 또 다른 예시입니다.

5. 기본 이미지 캐리어

"이 아주 기본적인 이미지 캐리어에서도 진행 상태 표시기 같은 작은 디테일을 넣고 싶었습니다,"라고 Samu는 말합니다.

핵심은 언제나 작은 디테일에 있습니다.

6. 일러스트레이션

Samu는 앱에 들어 있는 수많은 일러스트레이션의 중요성을 강조하며, 그것들을 매우 가치 있으면서도 시각적으로 만족스러운 요소로 봅니다. 일반적으로 이 일러스트레이션들은 사용자에게 특정 메시지를 효과적으로 전달하는 데 활용됩니다. 오류 메시지의 역할을 하더라도, 매력적인 일러스트레이션이 함께 들어가면 더 쉽게 받아들여집니다.

일러스트레이션은 Wolt 앱 UI의 큰 부분을 차지합니다.

"이 중 일부는 소비자 대상 앱에조차 없습니다,"라고 Samu는 말합니다. "판매자 앱과 배달 기사 앱에도 이런 종류의 일러스트레이션이 정말 많습니다. 우리는 모든 것이 보기 좋기를 원하기 때문에, 앱 전반에서 많은 모션의 장점이 활용되고 있습니다."

매끄러운 음식 배달 앱 디자인 워크플로를 위해 Wolt 디자이너들이 협업하는 방법

아래 그림은 Wolt의 앱 프로토타이핑 디자인 워크플로에서 디자이너, 엔지니어, 그리고 다른 이해관계자들 사이의 커뮤니케이션과 협업이 어떻게 오가며 진행되는지를 보여 줍니다.

Wolt의 크로스팀 협업.

모션 외에도 Wolt의 디자이너들은 모든 프로젝트 단계에서 팀원들이 사용자 흐름, 인터페이스 디자인, 화면 전환을 다듬는 데 도움을 줍니다.

Samu는 모션 디자이너로서 자신의 역할이 중간에 위치하며, 전환 과정의 여러 단계에서 도움을 주는 것이라고 설명합니다. 그는 프로젝트 초기에 참여하는 것을 선호한다고 말하는데, 그래야 가장 큰 수준의 지원을 제공할 수 있기 때문입니다. 또한 초기 참여는 향후 과제에 모션을 효과적으로 통합하는 방법에 대해 팀과 충분히 논의할 수 있게 해 줍니다. 협업을 통한 계획과 전략 수립에 더 많은 시간이 생기기 때문입니다.

그는 덧붙입니다. "물론 언제든 도움을 줄 수 있지만, 엔지니어링이 시작되기 전에 모든 것을 설계하고 모션 작업까지 시작하는 것이 언제나 가장 좋습니다. 실제로 작동하게 하려면 코드 변경이 필요한 경우도 있기 때문이죠."

마지막 단계이자 그들의 역할에서 가장 중요한 부분 중 하나는 핸드오프입니다.

Wolt의 개발자 핸드오프

Wolt 디자이너들은 핸드오프 과정에 맞춤형 접근 방식을 사용하며, 여기에는 다음이 포함됩니다.

• 의도한 모션을 보여 주는 미리보기 영상 링크. 개발자가 원하는 결과를 이해하고 타임라인에서 무엇이 일어나야 하는지 확인할 수 있습니다.

• 모션 디자이너의 연락처 정보. 연락처를 공유하면 구현 과정에서 디자이너와 개발자 간의 원활한 소통이 가능해지며, 특히 일부 디자인이 코드로 구현하기 어려운 경우에 유용합니다.

• 색상으로 구분된 UI 요소. 타임라인에는 매칭된 색상 코드와 상호작용 이름, 그리고 easing, duration, delay 같은 UI 요소와 속성이 포함됩니다.

핸드오프는 ProtoPie가 본격적으로 활용되는 단계 중 하나이기도 하며, 상호작용 녹화를 통해 자연스럽게 핸드오프를 수행할 수 있습니다.

Wolt의 핸드오프 과정.

Samu는 ProtoPie의 핸드오프 기능이 인상적이라는 점은 인정하지만, 앞으로 쉽게 찾아볼 수 있도록 디자인 옆에 별도 페이지로 모션 문서를 두는 방식을 선호합니다. 그럼에도 Samu는 상호작용 녹화를 자주 활용해 왔으며, 녹화된 상호작용을 Figma 파일로 복사해 붙여 넣는 과정이 크게 빨라진다고 말합니다.

그는 자세히 설명합니다. "값을 왔다 갔다 확인할 필요 없이, 그냥 여기서 빠르게 복사해 붙여 넣고 우리 모션 컴포넌트로 Figma 핸들을 만들어 나가면 됩니다."

Wolt 디자인 팀이 ProtoPie를 선택한 이유

"기본적으로 우리는 ProtoPie를 주로 모션 디자인에 사용합니다,"라고 Samu는 말합니다. "저에게는 Figma 밖의 모든 작업에 쓰는 기본 도구이고, 사실상 ProtoPie만 사용합니다."

Samu는 Wolt에서 일한 기간 내내 ProtoPie를 사용해 왔다고 말합니다. 그는 모션, 프로토타이핑, 혹은 개발과 프로그래밍 기초를 경험한 사람이라면 누구나 쉽게 시작할 수 있다는 점이 매우 좋았다고 느꼈습니다. 이는 ProtoPie의 고급 기능을 이해하는 데도 큰 도움이 됩니다. 물론 도구를 사용하기 시작하는 데 반드시 필요한 것은 아닙니다.

"전반적으로 저는 제품 모션용으로 ProtoPie를 정말, 정말 추천합니다. 쉽게 작업할 수 있는 정말 많은 모션 가능성을 제공하거든요,"라고 Samu는 말합니다. "작은 테스트에도 아주 유용하다고 생각합니다."

Samu는 과거에 다른 모션 디자인 도구도 사용해 본 적이 있지만, 그가 ProtoPie를 더 선호하는 이유는 크게 두 가지입니다.

• 기기 기반 테스트. 앱 제품 모션 디자인에서는 실제 휴대폰으로 테스트하는 것이 필수입니다. 마우스와 키보드만으로는 정확한 느낌을 얻을 수 없기 때문입니다. 휴대폰으로 타이밍과 상호작용을 확인하는 것이 중요합니다.

• 작업 과정의 깔끔함. 여러 연결을 배치해 큰 난장판을 만들지 않고도, 하나의 씬 안에서 많은 것을 구현할 수 있습니다.

ProtoPie의 모션 디자인 도구

다음은 Wolt 디자인 팀이 ProtoPie에서 모션 디자인에 의존하는 기능들입니다.

Wolt 디자이너들이 사용하는 ProtoPie의 주요 기능.

1. 수식

“수식은 기본적으로 ProtoPie 안에서 사용할 수 있는 코드의 함수와 비슷합니다,”라고 Samu는 말합니다. “우리는 보통 조건문과 변수와 함께 사용합니다. 어떤 수식을 변수에 저장해 조건으로 사용하고, 그 값을 다른 변수에 넣는 방식이죠.”

그는 덧붙입니다. “ProtoPie 안에서 이런 긍정적인 순환 구조는 엄청난 이점을 제공해서, 모션의 많은 부분을 자동화해 실제 동작 방식을 더 잘 이해할 수 있게 해 줍니다.”

2. 체인 및 범위 트리거

“체인과 범위 트리거는 제가 가장 좋아하는 기능 중 일부입니다,”라고 Samu는 말합니다. “체인으로 연결하거나 몇 가지 값에 따라 무언가를 하게 만들 수 있어서, 단순한 트리거만으로도 많은 모션을 구현할 수 있습니다.”

3. 컴포넌트

그는 보내기 및 받기 트리거도 프로토타입 내의 서로 다른 컴포넌트 간 커뮤니케이션을 가능하게 해 주며, 메인 씬에서 다양한 종류의 동작을 매끄럽게 트리거할 수 있어 매우 유용하다고 말합니다.

4. 라이브 키보드

“라이브 키보드는 프로토타이핑에 정말 좋고, 시간을 절약해 주며 더 실제처럼 느껴지게 해 줍니다,”라고 Samu는 말합니다. “휴대폰으로 테스트하면서 텍스트 필드에 포커스를 주면, 실제로 휴대폰의 키보드가 열립니다. 그래서 상호작용할 수 없는 무언가로 흉내 낼 필요가 없어서 큰 도움이 됩니다.”

5. Lottie 파일

“물론 Lottie 파일도 ProtoPie 안에서 재생할 수 있어서, 일러스트레이션과 타이밍 측면에서 큰 도움이 됩니다,”라고 Samu는 말합니다.

6. Figma용 ProtoPie 플러그인

“Figma 통합은 필수입니다,”라고 그는 말합니다. “이게 없다면 사실상 아무 일도 일어나지 않을 겁니다.”

ProtoPie를 활용한 모션 디자인 사용 사례

여기서는 Samu가 ProtoPie를 사용해 Wolt 앱 UX를 위해 만든 디자인 사례를 살펴보며, 아주 단순한 요소만으로도 놀라운 결과를 얼마나 쉽게 만들 수 있는지 보여 드립니다.

1. 체인 트리거를 사용한 벌레 같은 애니메이션

체인 트리거를 사용한 벌레 같은 애니메이션.

“이 작은 벌레는 사실 단 하나의 체인 트리거로 만들었습니다,”라고 Samu는 말합니다. “이 이미지 컨테이너의 스크롤 오프셋과 연결되어 있습니다.”

그는 시스템을 만든 뒤에는 이를 개발자에게 전달하는 것이 쉬웠다고 말합니다. 이 프로젝트에서는 핸드오프 테스트로 상호작용 레시피만 사용했는데, 아주 잘 작동했다고 합니다.

2. Lottie 지원을 활용한 애니메이션

Lottie 지원을 활용한 애니메이션.

Samu는 정적인 이미지 형식으로 애니메이션의 타이밍을 맞추려 한다면 매우 어려울 것이라고 설명합니다. ProtoPie의 Lottie 파일 지원은 정확한 타이밍을 가능하게 하여, 씬 간 부드러운 전환과 상호작용을 구현할 수 있게 해 줍니다.

“여기서는 Lottie의 타이밍을 얻어서, 다음 씬으로 넘어가기 전에 조건으로 사용할 수 있습니다,”라고 그는 말합니다. “이런 종류의 기능은 이런 식의 네이티브 지원을 받을 수 없었다면 불가능했을 겁니다.”

3. Lottie 지원을 활용한 범위 트리거

Samu는 LottieFiles 지원과 함께 쓰는 범위 트리거의 장점도 강조합니다.

“이런 종류의 모션 테스트를 할 때 훨씬 더 나은 맥락을 제공합니다. 여기서는 범위 트리거가 실제로 이 진행 바와 연결되어 있기 때문이죠,”라고 그는 말합니다. “끝에 도달하면 범위 트리거가 완료를 인식하고 나머지 모션을 모두 실행합니다. 저는 이런 순간들에 대해 제대로 된 맥락을 제공한다고 생각합니다. 즉, 실제 애니메이션이 일어나기 전에 사용자가 하는 것과 비슷한 정도의 작업을 직접 해 봐야 한다는 뜻이죠.”

4. Figma 통합을 활용한 하이파이 앱 프로토타입

Figma에서 ProtoPie로 디자인을 내보내 하이파이 프로토타이핑을 하면, Samu는 정적인 화면들을 최종 음식 배달 앱 UX와 거의 똑같아 보이는 프로토타입으로 빠르게 되살릴 수 있음을 보여 줍니다.

라이브 키보드와 Lottie 같은 동적 요소를 활용하면, 프로토타입의 충실도와 사용자 경험에 대한 전체적인 이해도도 높일 수 있습니다.

5. 지도 상호작용

ProtoPie로 만든 사실적인 지도 상호작용.

몇 가지 트리거만으로, Samu는 ProtoPie가 휴대폰 자체에서 사실적인 지도 상호작용을 가능하게 하여 프로토타입이 실제와 같은 느낌을 주도록 만든다는 점을 보여 줍니다.

6. 트리거와 컴포넌트

컴포넌트는 Samu의 디자인 과정에서 매우 중요한 역할을 합니다. 그는 컴포넌트 안의 트리거를 활용해 재사용 가능한 상호작용을 만들고, ProtoPie의 상호작용 라이브러리를 통해 다른 사람들도 쉽게 접근하고 통합할 수 있게 합니다.

그는 컴포넌트를 사용하는 것이 엄청난 시간 절약 기회라고 말합니다. 또한 작은 컴포넌트일수록 시간 절약 효과가 더 분명하며, 이를 하나씩 쌓아 가면 절감되는 시간이 누적되어 매우 커진다고 설명합니다. 따라서 그는 이 방식을 적극 권장합니다.

7. 빠른 반복 작업

Samu는 ProtoPie에서 얼마나 빠르게 반복하고 테스트할 수 있는지 설명하기 위해 웹 인터페이스의 간단한 예시를 보여 줍니다.

그는 이렇게 설명합니다. “이 드롭다운을 만들었고, 일단 완성하자 몇 번이고 쉽게 복제해서 개발자와 엣지 케이스에 대해 이야기할 수 있었습니다. 예를 들면 그 애니메이션이 얼마나 확장 가능한지, 더 많은 요소가 있을 때 오프셋이 어떻게 작동하는지 같은 것들이죠.”

8. ProtoPie의 오프스크린

종종 간과되는 ProtoPie의 창의적인 사용 사례 중 하나는 오프스크린 기능인데, Samu는 이를 “앱의 매우 강력한 부분”이라고 설명합니다.

ProtoPie의 창의적인 사용 사례.

“지금 화면에서 애니메이션되고 있는 이 회색 사각형은 보통 화면 밖에 있어야 합니다,”라고 그는 설명합니다. “하지만 여기서는 이 프로토타입의 플러스/마이너스 버튼을 위해 자연스러운 타임아웃이 필요했습니다.”

화면 밖에 존재하는 요소도 애니메이션할 수 있음을 보여 주면서, 자연스러운 타임아웃과 페이드 효과를 만드는 데 얼마나 유용한지 증명합니다.

9. 단순한 펄싱 점

작게 펄스하는 점 같은 애니메이션에서도, Samu는 모든 것을 Figma에서 내보내 ProtoPie에서 애니메이션합니다. 단순히 ProtoPie 안에서 애니메이션하는 것을 좋아하기 때문입니다. 또한 하나의 앱 안에서 모든 디자인 요소에 접근할 수 있다는 편리함도 높이 평가합니다.

Wolt가 앞으로 ProtoPie를 어떻게 활용할 계획인지

Wolt가 앞으로 ProtoPie를 어떻게 활용할 계획인지.

현재 Wolt는 ProtoPie를 모션 디자인에 사용하고 있지만, 팀의 다른 구성원들도 앞으로 이를 활용할 수 있도록 흥미로운 계획을 가지고 있습니다.

모든 디자이너를 위한 상호작용 라이브러리를 갖춘 디자인 시스템을 구축함으로써, Samu는 초기 탐색 단계에서도 하이파이 프로토타이핑과 테스트 가능성을 확장할 계획이라고 말합니다.

“이런 종류의 테스트는 우리가 올바른 방향으로 가고 있는지 훨씬 더 잘 증명해 줍니다,”라고 Samu는 말합니다. “아직도 제품의 꽤 기본적인 부분을 사용하고 있다는 점에서 우리에게 매우 미래 지향적이라고 생각합니다. 그리고 음성 상호작용이나 앞으로 사용할 수 있을 것 같은 다양한 기능이 가능하다는 점이 정말 마음에 듭니다.”

마지막으로 그는 이렇게 덧붙입니다. “더 많은 디자이너가 합류하면 ProtoPie에서 하는 일도 더 많아질 것이고, 그래서 더 많은 하이파이 프로토타이핑과 사용자 테스트도 할 수 있을 겁니다. 이제 ProtoPie에서는 그것도 가능하니까요.”

ProtoPie로 고급 앱 프로토타이핑을 손쉽게 시작해 보세요

ProtoPie는 Wolt의 디자이너들과 전 세계 수천 개 기업이 아이디어 구상부터 테스트까지 아이디어를 현실로 만드는 쉬운 방법을 제공합니다. 지금 바로 함께하고 ProtoPie를 무료로 사용해 보세요!