프로토타입이 모바일 UI 디자인 재앙을 막을 수 있는 6가지 방법
게시 됨: 2015-10-29디지털 프로토타입의 가치는 무엇입니까? 코드의 첫 줄을 작성하기 전에 페이지 전환에서 상호 작용에 이르기까지 사용자 경험을 완전히 매핑하면 귀중한 시간과 예산을 절약할 수 있을 뿐만 아니라 잠재적인 위기를 피할 수도 있습니다. 서류상으로는 좋아 보이지만 화면에서는 제대로 번역되지 않는 모바일 UI 디자인부터 팀 사기를 저하시키면서 최종 제품의 품질을 떨어뜨리는 프로젝트 관리 SNAFU에 이르기까지 대화형 프로토타입으로 해결할 수 있는 골칫거리가 많습니다.
디자이너, 개발자 및 기업가에 따르면 디지털 프로토타이핑이 모바일 UI 디자인을 저장할 수 있는 6가지 귀중한 방법을 살펴보겠습니다.
프로토타입은 모든 이해 관계자를 동일한 페이지에 표시하는 데 도움이 됩니다.
클라이언트, 계정 관리자, 디자이너, 개발자, 테스터 및 사용자를 하나로 묶는 힘은 무엇입니까? 디지털 프로토타입은 주간 UX 뉴스레터도 발행하는 NYC의 UX 디자이너 Sarah Doody(@sarahdoody)가 말합니다.
“모바일 앱 디자인에서 프로토타이핑은 팀이 아이디어를 신속하게 구현하여 관련된 모든 사람이 제품 개발 프로세스 초기에 아이디어를 검토하고 기여할 수 있도록 도와주기 때문에 매우 중요합니다. 팀이 종종 직면하는 큰 도전 과제는 너무 많은 가상의 이야기와 토론입니다. 프로토타입을 통해 팀은 실질적인 것에 대해 이야기할 수 있으며, 이는 더 나은 토론, 아이디어 및 협업을 촉진합니다.
모바일 UI 디자이너의 균형 작업은 앱이 사용자에게 제공할 수 있는 가치와 비즈니스 목표 또는 기회를 식별하는 것입니다. 프로토타입이 준비되면 사용자와 아이디어를 검증하는 도구이자 프로젝트에서 작업하는 모든 사람이 예상되는 기능과 기능에 대해 같은 페이지를 얻을 수 있도록 돕는 대화 도구의 역할을 합니다.
모바일 UI 디자인 프로세스에서 프로토타이핑이 제거되면 기업은 최종 사용자에게 가치를 제공하지 못하는 완전한 기능의 앱을 만드는 데 수천 달러와 시간을 투자하게 됩니다.”
프로토타입은 디자이너와 개발자 간의 HR 재해를 방지할 수 있습니다.
디자이너와 개발자는 친구가 될 수 있습니까? 표준화된 테스트 및 전문 인증을 위한 학습 솔루션을 제공하는 전자 학습 앱 플랫폼인 Pocket Prep(@pocketprep)의 공동 설립자이자 CEO인 Peter Murphy에 따르면
— 디자이너가 실제와 같은 디지털 프로토타입을 만드는 경우 제공됩니다.
그 프로토타입이 없으면 둘 사이의 관계가 위험해질 수 있다고 Murphy는 말합니다.
“프로토타이핑은 UI와 UX 간의 응집력을 구축하는 데 도움이 됩니다. 대화형 앱 프로토타입을 통해 디자이너는 앱이 어떻게 보일지 그 이상을 표현할 수 있습니다. 또한 앱의 흐름 방식을 표현할 수 있습니다. 종종 예산이 있는 회사는 손으로 스케치와 다이어그램을 포함하는 간단한 와이어프레임 또는 메모 모음을 선호하여 프로토타이핑 프로세스를 포기합니다. 디자이너의 좋은 의도는 거기에 있지만 개발 단계가 시작되면 평평해집니다.
최근 Android 앱 점검에서 앱은 온라인 프로토타입 서비스를 사용하여 조롱되었으며 새로운 디자인은 멋지게 보였습니다. 우리의 소규모 팀은 일부 누락된 화면이 어떻게 되는지에 대해 많은 질문을 했지만 디자인 팀은 디자인, 제스처 및 흐름이 Android 모범 사례를 따를 것이라고 확신했습니다. 앗! 디자인 팀이 프로토타입을 개발 팀에 넘겼을 때 모든 끈이 풀렸고 앱 비즈니스의 가장 핵심적인 세부 사항을 놓쳤습니다.
앱의 의도된 복잡성 수준에 관계없이 대화형 프로토타입을 생성하면 많은 설계 및 개발 재해를 예방할 수 있습니다. 여전히 와이어프레임과 생명이 없는 모형은 앱이 실제보다 더 직관적임을 암시할 수 있습니다. 사용자 초상화를 탭하면 무엇을 합니까? 제스처는 어떻습니까? 뒤로 버튼을 탭하면 사용자가 어디로 이동합니까? 악마는 항상 세부 사항에 있으며 프로젝트 요구 사항이 실제로 얼마나 복잡한지 알 수 있는 시간을 내어 사용자 경험을 매핑할 때만입니다.
'디자이너가 개발자가 할 수 있는 것과 할 수 없는 것을 이해하지 못하는 것과 같습니다!'
Pocket Prep은 기술 붐이 일고 있는 시애틀의 도시에 기반을 두고 있기 때문에 우리는 종종 긴 앱 개발 대화에 몰두합니다. iOS 9의 출시와 함께 우리는 최근에 예정된 iOS 앱 디자인 개편에 대한 질문을 받았습니다. 동네 게임 스튜디오의 개발자 친구가 우연히 '개발자는 디자이너를 싫어한다! 우리는 항상 서로 싸웁니다. 적어도 내가 일하는 곳에서. 디자이너가 개발자가 할 수 있는 것과 할 수 없는 것을 이해하지 못하는 것과 같습니다!'
이것이 상세하고 완벽하게 완성된 앱 프로토타입이 필요한 정확한 이유입니다. 그것 없이 가는 것은 반 식사를 주문하고 웨이트리스가 그들이 원하는 다른 모든 것을 텔레파시로 알기를 기대하는 레스토랑 손님과 같습니다. 대화형 프로토타입은 절대적으로 필요하지만 앱의 한계에 대한 확실한 이해를 대신할 수는 없습니다. 디자인 팀과 개발 팀 사이에는 항상 시너지 효과가 있어야 합니다. 핵심은 팀을 퇴보시키고 피할 수 있는 길고 긴 재작업을 야기하는 재난을 예방하는 것입니다.”
당신을 위해 추천 된:
인도 스타트업에 대한 반 영리 조항은 무엇을 의미합니까?
Edtech Startup이 인도 인력의 기술 향상 및 미래 준비를 돕는 방법...
이번 주 새로운 시대의 기술 주식: Zomato의 문제는 계속되고 EaseMyTrip은 Str...
인도 스타트업, 자금 조달을 위해 지름길 선택
디지털 마케팅 플랫폼 Logicserve, INR 80 Cr 자금 지원, LS Dig...
Lendingtech Space에 대한 갱신된 규제 조사에 대해 경고하는 보고서
프로토타입을 사용하면 클라이언트나 사용자가 싫어하는 모바일 UI 디자인을 만들지 않아도 됩니다.
Cassie Byers는 비주얼 디자이너이고 Kenna Hasson은 이벤트 주최자와 이벤트 참가자를 한 곳에서 통합하는 온라인 마켓플레이스인Events.com(@eventsdotcom)의 UX 디자이너입니다. 그들에게 디지털 프로토타입의 가장 큰 가치는 클라이언트와 테스터로부터 자세한 피드백을 받는 것입니다.
Byers는 다음과 같이 말합니다. 원하는 만큼 '나쁜' 프로토타입을 만들 수 있습니다. 모든 사람이 같은 페이지를 볼 수 있도록 도와줍니다. 시각 디자인이나 개발에 곧바로 뛰어드는 것은 가능한 모든 풍경에 대해 생각할 충분한 시간을 주지 않습니다.”
Hasson은 다음과 같이 덧붙입니다. “정직한 피드백을 수집하는 데 이보다 더 좋은 방법은 없습니다. 사람들은 아직 최종 단계가 아니라 진행 중이라고 생각하는 것을 볼 때 우려를 표명하는 데 덜 주저합니다.”
Byers는 프로토타이핑 프로세스가 UX 위기를 여러 번 피하는 데 도움이 되었다고 말합니다. “어쨌든 프로토타입이 필요한 이유입니다. 나는 모든 상호 작용을 생각할 수 있도록 실행 가능한 프로토타입을 선호합니다. 이것은 또한 최종 모바일 UI 디자인 전에 사용자 테스트를 수행하는 좋은 방법입니다.”
Hasson은 동의합니다. "버튼 배치에서 인터랙션 디자인에 이르기까지 우리는 매일 프로토타입에서 사용자 경험 문제를 식별합니다."
"모바일 UI 디자인 프로세스에서 대화형 프로토타입을 제거하는 것은 계약자가 평면도 없이 집을 짓는 것과 같습니다."라고 Byers는 말합니다. "세부 사항을 추가하기 전에 프레임워크를 배치해야 합니다."
"그것은 재앙이 될 것입니다!" 바이어스는 덧붙인다. "프로토타입이 없었다면 상호 작용, 설계에 대해 협업하거나 실행 가능한 사용자 테스트를 수행할 방법이 없었을 것입니다."
대화형 프로토타입을 사용하면 예산 및 대역폭 재해를 방지할 수 있습니다.
모바일 앱 계정 관리자는 안심하십시오. 대역폭이 제한된 팀의 프로젝트 범위를 지정할 때 프로토타입을 사용하면 훨씬 쉽게 작업할 수 있습니다. 이것은 주문형 소프트웨어 개발 회사인 Gigster(@trygigster)의 CEO인 Roger Dickey의 주요 성과 중 하나입니다.
“내 경험에 따르면 프로토타이핑은 수천은 아니더라도 수백 시간의 개발 시간을 절약할 수 있습니다. 많은 기술 창업자들은 앉아서 코드를 작성하는 자신이 편한 일을 하는 것을 선호합니다. 대신 클릭 가능한 프로토타입을 빠르게 만들 수 있다면 제품을 잠재 사용자에게 제공하고 즉각적인 피드백을 얻을 수 있습니다. 이렇게 하면 사람들을 정말 흥분시키는 무언가가 생길 때까지 반복할 수 있습니다. 그런 다음 앉아서 아름다운 코드를 작성하는 데 집중할 수 있습니다."
프로토타입은 지식 격차를 극복하는 데 도움이 될 수 있습니다.
Greg Archbald는 소규모 기업부터 미국 최대의 독립 운영업체에 이르기까지 다양한 고객을 보유한 석유 및 가스 기술 회사인 GreaseBook(@GreaseBook)의 설립자이자 CEO입니다. Archbald는 경쟁이 치열한 산업에서 고객이 요구하는 것을 이해하는 데 있어 프로토타이핑이 생명을 구할 수 있다고 말합니다.
“우리는 유전과 매우 긴밀하게 협력하지만 유전의 전문가는 아닙니다. 우리가 알고 있는 모든 것은 고객과의 대화를 통해 전화나 온라인으로 흡수됩니다.
프로토타이핑은 당신이 상상할 수 있는 것보다 더 많은 시간을 절약했습니다. 프로토타이핑 도구를 사용하여 비코더(저와 같은)도 앱이 계획된 대로 정확히 보이고 작동하는 앱을 만들 수 있습니다. 이것은 우리 고객과의 좋은 턴어라운드 시간을 제공할 뿐만 아니라(보통 다음날!), 매우 불쾌하고 매우 값비싼 재해를 좌절시켰습니다. 개발자에게 완성된 제품을 보여주기 때문에 개발자와의 커뮤니케이션이 쉬워집니다.
이 모든 프로토타이핑은 우리가 경쟁에서 앞서 나가는 데 도움이 됩니다. 경쟁은 일반적으로 우리보다 훨씬 크고 자금도 훨씬 좋습니다. 그리고 우리가 측면에서 시작하는 모든 새로운 프로젝트는 초기에 투자한 매우 적은 돈과 시간으로 프로토타입을 만들 수 있습니다(때로는 판매하기도 함).
견고한 프로토타이핑 소프트웨어를 사용하면 더 이상 변명의 여지가 없습니다. 비즈니스 성장(또는 새로운 비즈니스 시작!)을 가로막는 모든 것은 당신의 상상력입니다.”
때로는 프로토타입이 안전 재난을 피하는 데 도움이 될 수도 있습니다.
모바일 앱이 항상 삶을 더 편리하고 즐겁게 만드는 방법만은 아닙니다. 캠퍼스 안전 및 보안 서비스인 AppArmor(@AppArmorMobile)의 David Sinkinson에게 모바일 UI 디자인 프로토타입을 테스트하는 것은 사람들을 위험으로부터 보호하는 중요한 구성 요소입니다.
“우리 회사는 종종 프로토타입을 사용하여 제품을 테스트하지만 실제로는 UX 및 디자인 문제를 확인하기 위해 고객에게 제공합니다. 예를 들어, App Armor는 캐나다, 미국 및 호주 전역의 대학, 대학 및 사립 기관을 위한 맞춤형 모바일 안전 애플리케이션을 만듭니다. 그러나 각 앱은 고유한 커뮤니티의 요구 사항을 충족하도록 사용자 지정됩니다. 이것은 미학(로고, 색상 등)과 문자 그대로의 와이어프레임 모두에 해당됩니다.
우리 앱은 비상시에 사용하기 위한 것이기 때문에 이러한 프로토타입을 테스트하는 것이 절대적으로 중요합니다. 긴급 상황에서는 초가 중요하므로 모바일 UI 디자인이 최대한 사용자 친화적으로 최적화되지 않으면 사용자가 더 위험에 처하게 됩니다. 덜 심각하지만 파트너 기관과 협력하여 디자인을 구축하면 더 높은 다운로드를 보장하는 경향이 있습니다.”
스마트 프로토타이핑은 스마트 비즈니스입니다
모바일 UI 디자인의 견고한 디지털 프로토타입은 앱의 전반적인 크리에이티브 프로세스의 중요한 구성요소입니다. 하지만 좋은 프로토타입을 만드는 요소는 무엇일까요? 완성품과 닮을수록 좋습니다. 즉, 앱의 전반적인 흐름과 디자인뿐만 아니라 애니메이션, 전환 및 상호 작용을 가능한 한 생생하게 만드는 것입니다. 그렇게 하면 개발자는 베타가 완료되었을 때의 모양과 느낌을 정확히 알 수 있습니다.
원래 10월 23일 Proto 블로그에 게시되었습니다.