프로토타입 템플릿
제품 프로토타입을 만들고, 유용성 테스트를 수행하고, 이해관계자 피드백을 수집합니다.
프로토타입 템플릿 소개
프로토타입이란 무엇인가요?
프로토타입은 제품의 실제 모형입니다. 프로토타입은 시각 디자인 등의 최종 디테일에 매몰되지 않고, 구조, 사용자 흐름 및 인터페이스 디테일(예: 버튼 및 메뉴)을 정의합니다.
클릭 스루 모델을 사용하여 프로토타입을 만들면 제품이나 서비스에 대한 사용자 경험을 가능한 한 실제(예: 웹 사이트 또는 앱)에 가깝게 테스트할 수 있습니다. 프로토타입 디자인은 제품이나 서비스를 구축하기 전에 이루어지며, 이를 통해 장애 요소를 조기에 발견하여 비용을 절감할 수 있습니다. 이는 일반적으로 화살표 또는 링크로 연결된 일련의 화면 또는 아트보드와 유사합니다. 프로토타입은 시스템에서 가장 일반적인 방법이나 경로를 탐색하는 데 도움이 됩니다.
팀원들은 프로토타입 기능을 사용하여 디자인 개념이 실제로 얼마나 사용자 친화적인지 파악할 수 있습니다.
실제 소프트웨어를 모방하여 사용자 컨텍스트 및 작업 흐름을 이해합니다.
사용자 시나리오, 요구 사항 및 페르소나를 테스트하고 증명하기 위한 시나리오를 생성합니다.
사용 적합성 시험 단계에서 상세한 제품 피드백을 수집합니다. 이러한 피드백은 귀하의 팀과 비즈니스 이해 관계자들로부터 제공 받아야 합니다.
프로토타입은 사용자 요구를 정의하는 협력적이고 반복적인 방법입니다. 충실도가 높은 단계에서 프로토타입은 사용자 연구를 비즈니스 목표와 일치시킵니다. 충실도가 낮은 단계에서는 프로토타입을 사용하여 팀의 시간과 비용을 절약합니다.
프로토 타입 사용 시점
팀은 프로토타입을 사용하여 디자인 프로세스 중 프로토타입 제작 및 테스트 단계에서 사용자에 대해 자세히 알아봅니다. 이 두 단계에는 제품이나 서비스의 축소 버전을 실험하고 생성한 다음 테스트하여 솔루션을 최상의 상태로 개선하는 작업이 포함됩니다.
프로토타입은 팀원들이 추상적인 아이디어보다 실질적인 결과를 생각하도록 장려합니다.
높은 충실도의 프로토타입(실제 제품에 최대한 가깝게 느껴지는 상호 작용형 템플릿)을 이해 관계자 참여 및 구매의 도구로 사용할 수 있습니다. 완제품과 유사한 프로토타입은 사용자가 디자인에 대해 어떻게 상호작용하고 느낄지에 대한 팀원들의 자신감을 쌓는 데 도움이 됩니다. 또한 현실적인 프로토타입 템플릿을 사용하면 팀이 보다 정확한 피드백을 수집할 수 있습니다. 이를 통해 팀은 개발 프로세스 초기에 장애 요소나 비현실적인 기대치를 해결할 수 있습니다.
자신만의 프로토타입 만들기
프로토타입 기능은 사용자에 대한 귀중한 인사이트를 얻을 수 있는 빠르고 쉬운 방법입니다. 작업이 정상 궤도에 오르기 위해서는 무엇을 테스트하고 있는지 기억하고 있어야 하고, 사용자의 요구를 염두에 두고 프로토타입을 제작해야 합니다. 자신만의 프로토타입을 만드는 것은 간단합니다. Miro의 시각 협업 플랫폼은 팀과 함께 작성하고 공유할 수 있는 완벽한 캔버스입니다. 먼저 Miro의 프로토타입 템플릿을 선택합니다.
다음을 통해 시작하세요.
귀하의 디자인 개념을 정의합니다. 팀과 함께 아이디어를 선택하여 이를 더욱 발전시키세요. 스토리보드를 고려하세요. 작동 방식에 대한 큰 그림을 이해하고 팀원들에게 보다 잘 설명하세요.
사용자 흐름을 계획합니다. 이제 제품 또는 서비스와의 가능한 사용자 상호 작용과, 사용자가 이들 사이에서 만드는 연결을 매핑할 수 있습니다. 프로토타입 계획 단계는 또한 다음과 같은 질문을 할 시점입니다. 가능한 상호 작용은 무엇일까요? 제품이나 서비스는 사용자를 위해 어디에서 시작하고 끝나나요? 사용자가 답변하려는 질문은 무엇인가요? 어떤 가정을 하고 있으며, 무엇을 테스트하고 싶나요?
모든 화면을 만들고 연결합니다. 모든 주요 상호 작용 화면을 와이어프레이밍하세요. 메뉴, 버튼, 기호, 이미지 등의 인터페이스 요소를 추가하세요. 귀하가 만든 마인드 맵을 따라 링크, 핫스팟, 스크롤 기능 및 엔드포인트를 도입하여 요소들을 상호 작용형으로 생성하세요. 프레젠테이션 모드[https://help.miro.com/hc/en-us/articles/360017731073-Presentation-Mode]로 전환하거나 PDF 파일을 내보내기 하여 프로토타입을 테스트할 수 있습니다.
사용자 및 이해 관계자와 공유합니다. 해결하려는 문제가 있는 사용자에게 사용 적합성 테스트를 실행합니다. 학습하고 반복하면서 비즈니스 이해 관계자와 공유할 수 있는 축약 메모를 통해 초기 피드백을 받으세요. 본 문서는 내부 사용 목적으로 학습 내용을 문서화하고, 진행 상황을 추적하여 비즈니스 목표를 달성하는 데 도움이 됩니다!!
프로토타입을 만들려면 어떻게 하나요?
프로토타입은 디자인과 사용자 흐름을 손으로 스케치하는 것처럼 간단히 만들 수도 있고, 프로토타입 도구를 사용하여 사용자 테스트에 적합한 보다 사실적인 수준으로 만드실 수도 있습니다. Miro의 프로토타입 템플릿을 사용하면 완성품을 닮은 프로토타입을 만들어 사용자 테스트 단계에서 더욱 정확한 피드백을 수집하실 수 있습니다.
어떤 것이 좋은 프로토타입인가요?
좋은 프로토타입은 디자인하시는 앱이나 웹사이트의 실제 기능과 흡사해야 하고 여러 다른 영역이 서로 어떻게 연결되는지 보여줄 수 있어야 합니다. 사용자 경험을 더 잘 이해할 수 있고 피드백을 기반으로 어디를 조정해야 하는지 파악할 수 있다면 좋은 프로토타입입니다. 좋은 프로토타입 디자인은 사용자가 최종 제품과 어떤 상호 작용을 하고 어떤 느낌을 받을지에 대해 자신감을 갖게 해줍니다.
앱 와이어프레임 템플릿
다음에 경우 적합합니다:
UX Design, Wireframes
앱을 만들 준비가 되었습니까? 이 기능이 어떻게 작동하고 사용자가 어떻게 상호 작용할지는 상상만 하지 말고 와이어프레임이 보여주도록 하십시오. 와이어 프레임은 각 화면의 기본 레이아웃을 만드는 기술입니다. 이상적으로 프로세스 초기에 와이어프레임 작업을 수행하면 각 화면이 무엇을 달성하는지 파악하고 중요한 이해 관계자의 동의를 얻은 후 디자인과 콘텐츠를 추가함으로써 시간과 비용을 절약할 수 있습니다. 또한 사용자의 여정 측면에서 사물을 생각함으로써 보다 설득력 있고 성공적인 경험을 제공할 수 있습니다.
저충실도(Low-fidelity) 프로토타입 템플릿
다음에 경우 적합합니다:
Design, Desk Research, Wireframes
저충실도 프로토타입은 제품 또는 서비스의 실용적인 초기 비전의 역할을 합니다. 이러한 간단한 프로토타입은 최종 제품의 기능 중 몇 가지 만을 공유합니다. 프로토타입은 광범위한 개념을 테스트하고 아이디어를 검증하는데 가장 좋습니다. 저충실도 프로토타입은 제품과 UX 팀이 빠른 반복과 사용자 테스트에 집중해 제품 또는 서비스 기능을 연구하고 향후 디자인에 반영하는데 도움을 줍니다. 콘텐츠, 메뉴, 사용자 흐름을 스케치하고 매핑하는데 초점을 맞추면 디자이너와 디자이너가 아닌 팀원 모두가 디자인과 아이데이션 프로세스에 참여할 수 있도록 해줍니다. 연결된 대화형 스크린을 제작하는 대신, 저충실도 프로토타입을 사용하면 사용자의 요구 사항, 디자이너 비전과 이해 관계자들의 목표 조정에 대한 통찰에 중점을 둡니다.
원격 디자인 스프린트
다음에 경우 적합합니다:
Design, Desk Research, Sprint Planning
디자인 스프린트는 4일 또는 5일 동안 프로토타입을 디자인, 반복 및 테스트하는 집중적인 프로세스입니다. 디자인 스프린트는 작업 프로세스에서 벗어나 새로운 관점을 찾고 고유한 방식으로 문제를 식별하고 솔루션을 신속하게 개발하기 위해 수행됩니다. Google에 의해 개발된 디자인 스프린트는 팀이 특정 문제를 조정하고, 여러 솔루션을 생성하고, 프로토타입을 만들고 테스트하며, 짧은 시간 내에 사용자로부터 피드백을 받을 수 있도록 하기 위해 만들어졌습니다. 이 템플릿은 원래 비즈니스 중심 설계 컨설팅 회사인 JustMad에서 만든 것으로 전 세계 분산된 팀들이 활용하고 있습니다.
아이폰 앱 템플릿
다음에 경우 적합합니다:
UX Design, Desk Research, Wireframes
전 세계 스마트폰 사용자의 놀라운 퍼센트가 아이폰(기존 고객 및 잠재 고객 포함) 을 선택했으며, 이러한 사용자는 앱을 매우 좋아합니다. 하지만 아이폰 앱을 처음부터 설계하고 만드는 것은 매우 힘들고 노력이 많이 드는 작업 중 하나입니다. 여기에서는 그와 달리 이 템플릿을 사용하여 쉽게 만들 수 있습니다. 디자인을 사용자 정의하고, 대화형 프로토콜을 만들고, 공동작업자와 공유하고, 팀으로 반복하며, 궁극적으로 고객이 좋아할 아이폰 앱을 개발할 수 있습니다.
온라인 그리기 도구 템플릿
다음에 경우 적합합니다:
UX Design, Desk Research, Design Thinking
유망한 아이디어를 본격적으로 추진하기 전에 상위 수준에서 살펴보고 그것이 어떻게 기능하고 목표를 얼마나 잘 충족하는지 알아보세요. 그것이 바로 스케치로 할 수 있는 일입니다. 본 템플릿은 웹 페이지 및 모바일 앱 스케치, 로고 디자인, 이벤트 계획 등 시제품 제작의 초기 단계에 사용할 수 있는 강력한 원격 협력 도구를 제공합니다. 그런 다음 팀과 스케치를 쉽게 공유하고, 스케치를 변경하고 이를 구축하기 전에 각 단계를 저장할 수 있습니다.