고 충실도 및 저 충실도 프로토 타이핑:무엇을,어떻게,왜?

사실,”고 충실도”와”저 충실도”라는 용어는 1980 년대 말 록큰롤의 사운드와 연주 기술을 설명하기 위해 록 음악에 처음 사용되었습니다.세월이 흐르면서 웹/앱 디자인에도 적용되어 프로토 타입에 내장 된 다양한 수준의 세부 사항과 기능을 나타냅니다.

그러나 그들 사이의 실제 차이점은 무엇이며,더 나은 디자인이나 사용자 연구를 위해 고 충실도 또는 저 충실도 프로토 타입을 어떻게 그리고 왜 선택해야합니까?

다음에서는 고 충실도 및 저 충실도의 기본 사항과 차이점을 안내하고 더 나은 디자인 또는 사용자 연구를 위해 우수한 프로토 타입을 만들기 위해 왜 그리고 어떻게 선택하는지 설명합니다.

목차:

• 첫째,프로토 타입이란 무엇입니까
• 고 충실도 프로토 타입이란 무엇입니까
• 고 충실도 프로토 타입과 저 충실도 프로토 타입의 차이
• 더 나은 디자인을 위해 하이파이 또는 로우 파이 프로토 타입을 선택하는 방법과 이유
• 웹/앱 디자인

첫째,프로토 타입이란 무엇입니까?

“프로토타입은 개념 또는 프로세스를 테스트하기 위해 만들어진 제품의 초기 샘플,모델 또는 릴리스입니다. 의미론,디자인,전자 및 소프트웨어 프로그래밍을 포함한 다양한 상황에서 사용되는 용어입니다.”—-위키 백과에서.

프로토타입은 디자이너들이 디자인 아이디어를 디지털 및 유형 모델로 변환하는 데 도움이 된다. 그들은 부품 또는 모든 사용자 정의,상호 작용 및 사용자 정의 흐름을 직접 테스트하여 실행 가능하고 실행 가능한지 여부를 확인할 수 있습니다.

또한 팀의 요구가 다양하기 때문에 저 충실도 프로토 타입 또는 고 충실도 프로토 타입을 만들어 다양한 목적으로 디자인 아이디어를 테스트합니다.

낮은 충실도 프로토 타입이란 무엇입니까?

로우 테크,로우 파이 또는 로우 파이 프로토 타입으로 알려진 저 충실도 프로토 타입은 기능,구조,프로세스에 초점을 맞추고 웹/앱의 가장 간단한 프레임 워크와 요소를 제공하는 반제품 프로토 타입입니다. 초기 단계에서 사용자 요구를 수집하고 분석하기 위해 디자인 아이디어를 테스트 가능한 유형 아티팩트로 변환하는 데 자주 사용됩니다.

그런 다음 고 충실도 프로토 타입이란 무엇입니까?

첨단 기술,하이파이 또는 하이파이 프로토 타입으로 알려진 고 충실도 프로토 타입은 기능,상호 작용 및 세부 사항이 많은 최종 제품에 매우 가까운 포괄적이고 대화 형 프로토 타입입니다. 웹/앱 디자인이 여전히 존재할 수있는 잠재적 인 문제를 발견하기 위해 나중에 유용성 평가에서 자주 사용됩니다.

고충실도 프로토타입과 저충도 프로토타입의 차이

아직도 저충도 프로토타입과 고충도 프로토타입의 차이점을 모르십니까? 걱정하지 마세요! 다음은 저파이 프로토타입에 대해 자세히 알아볼 수 있는 3 가지 실제 저파이 프로토타입 예제입니다.

1. 저 충실도 모션 프로토타입 예제

이 로우 파이 프로토타입은 사용자 인터페이스 세부 사항에 너무 집중하지 않고 두 번째 메뉴 동작을 명확하게 보여줍니다.

2. 웹 사이트 빌더에 대한 낮은 충실도 프로토 타입 예제

페이지 레이아웃,내비게이션 시스템 및 사용자 상호 작용의 흐름을 너무 많은 사용자 인터페이스 세부 사항없이 명확하게 보여줍니다. 설계자가 가정을 테스트하고 보이지 않는 문제를 신속하게 찾을 수 있도록 도와줍니다.

3.로파이 프로토 타입 예제 입찰

이 응용 프로그램의 주요 레이아웃과 요소 게재 위치를 표시 할 수있는 또 다른 좋은 예(모크 플러스에서 만든,쉽고 빠르고 스마트 프로토 타입 도구)입니다. 요소 세부 사항이 없더라도 설계자는 초기 단계에서 잠재적인 문제를 감지하고 해결하는 데 도움이 됩니다.

봤어? 사용자 인터페이스 세부 정보가 없어도 로우 파이 프로토 타입은 디자인 아이디어를 전달하고 웹/앱의 주요 기능,구조,흐름 및 상호 작용을 쉽게 보여줄 수 있습니다. 그것은 디자이너에게 많은 혜택을 제공합니다.

충실도가 낮은 프로토타입의 장점:

• 저렴한 비용. 낮은 충실도 프로토 타입의 비용은 매우 낮습니다.
• 빠른. 모든 인터페이스 세부 사항에 초점을 맞추지 않고 디자이너는 디자인 아이디어를 따르고 몇 분 안에 간단하고 테스트 가능한 프로토 타입을 만들 수 있습니다.
• 시연,협업 및 반복이 쉽습니다. 너무 많은 사용자 인터페이스 세부 사항이 없으면 로우 파이 프로토 타입은 많은 전문 기술을 필요로하지 않습니다. 그리고 더 많은 사람들이 같은 프로젝트에 참여하고 공동 작업을 할 수 있습니다. 또한 디자이너가 공동 작업 중에 프로토타입을 쉽게 변경하고 반복할 수 있습니다.
• 피드백을 쉽게 얻을 수 있습니다. 저 충실도 프로토 타입은 휴대 및 시연하기 쉽기 때문에 설계자는 다른 사람들(팀 구성원 및 이해 관계자 포함)과 직접 공유하여 디자인 피드백을 수집 할 수 있습니다.
• 잠재적 인 문제를 쉽게 감지하고 해결할 수 있습니다. 충실도가 낮은 프로토 타입을 통해 디자이너는 웹/앱의 사용자 흐름,상호 작용 및 탐색 메뉴를 쉽게 테스트 할 수 있습니다. 설계자가 잠재적인 사용자 인터페이스/사용자 인터페이스 문제를 신속하게 감지하고 해결하는 것이 좋습니다.

낮은 충실도 프로토타입의 단점:

• 제한된 사용자 인터페이스 세부 정보/애니메이션/상호 작용. 아이디어를 신속하게 전달하기 위해 제한된 사용자 인터페이스 세부 정보,기능,애니메이션 및 상호 작용 등으로 낮은 충실도의 프로토 타입을 만드는 경우가 많습니다. 따라서 다른 디자이너 또는 팀 구성원이 웹/앱 디자인을 완전히 이해하는 것은 좋지 않습니다.
• 테스트 결과는 제한적이고 부정확합니다. 충분한 설계 세부 사항이 없으면 충실도가 낮은 프로토 타입은 어느 정도 실제 사용자 시나리오를 정확하게 시뮬레이션 할 수 없습니다. 테스트 결과 또한 필연적으로 영향을 받고 부정확합니다. 불필요하게 프로토 타입이 나중 단계에서 극적으로 수정 될 때,테스트 결과는 완전히 다를 수 있습니다,말할 수 있습니다.

그래서,당신은 단지 몇 가지 디자인 아이디어를 얻을 경우,간단한 프로토 타입을 제시 논의하고 파고 전에 다른 디자이너 또는 팀 구성원과 협력 할,낮은 충실도 프로토 타입은 당신을 위해 완벽합니다.

의 차이점은 무엇입니까? 작업 목록 고 충실도 프로토타입 예제

이 고 충실도 프로토타입은 사용자 인터페이스의 세부 사항을 보여줄 뿐만 아니라 사용자 흐름과 상호 작용을 명확하게 표시합니다. 설계자는 매우 작은 세부 사항을 쉽게 확인하고 테스트하여 여전히 몇 가지 문제가 있는지 확인할 수 있습니다.

2. 고 충실도 프로토 타입 예제

3. 제품 디자인 고 충실도 프로토 타입 예제

고 충실도 프로토 타입을 사용하면 풍부한 색상,버튼,사진,아이콘,애니메이션,상호 작용 및 자세한 내용으로 디자인 아이디어를 전달할 수 있습니다.

고성능 프로토타입의 장점:

• 풍부한 디자인 세부 사항. 고 충실도 프로토 타입은 더 본사 사진,색상,애니메이션,아이콘,버튼 및 기타 요소로 내장되어 있습니다. 모든 요소는 실제 웹 사이트/앱에있는 것처럼 정확하게 설계되었습니다.
• 더 나은 시각 효과. 훌륭한 색 구성표,생생한 애니메이션,레이아웃 등을 통해 고 충실도 프로토 타입은 종종 저 충실도 프로토 타입보다 더 나은 시각 효과를 갖습니다.
• 보다 정확한 테스트 결과. 풍부한 세부 사항,고 충실도 프로토 타입은 실제 웹/응용 프로그램처럼 보인다. 설계자는 실제 사용자 시나리오를 시뮬레이션하고 상호 작용,사용자 흐름,요소 효과 및 색 구성표뿐만 아니라 사용자 구성표를 포함하여 가능한 모든 측면에서 제품을 쉽게 테스트 할 수 있습니다. 테스트 결과 또한 훨씬 더 정확합니다.
• 보다 효과적인 피드백. 물론,다른 디자이너 및 팀 구성원과 공유 된 후,수신 된 피드백은 기존의 문제를 해결하는 것이 더 효과적이다.
• 고객과 이해 관계자에게 더 매력적입니다. 디자이너가 최종 웹/앱이 어떻게 작동하고 더 많은 고객,이해 관계자 및 투자자를 유치 할 수 있는지 명확하게 제시하는 것도 좋습니다.

고 충실도 프로토 타입의 단점:

• 더 높은 비용. 고 충실도 프로토 타입은 종종 전문적인 프로토 타이핑 도구를 사용하여 만들어야합니다. 낮은 충실도 프로토 타입에 비해,그것의 비용은 확실히 훨씬 높다.
• 변경하고 반복하기가 어렵습니다. 일부 변경이 이루어지면 고 충실도 프로토 타입의 일련의 페이지 또는 요소도 동시에 수정해야합니다. 이것은 번거롭고 시간이 많이 걸릴 수 있습니다.

따라서,고성능 프로토타입은 여러분과 여러분의 팀이 아주 작은 사용자 인터페이스/사용자 인터페이스 문제를 찾고 해결할 수 있도록 매우 기능적이고 상호 작용적이며,최종 설계 단계에서 더 많은 주주와 고객을 확보할 수 있습니다.

더 나은 디자인을 위해 하이파이 또는 로우 파이 프로토 타입을 선택하는 방법과 이유는 무엇입니까?

위에서 언급했듯이 고 충실도와 저 충실도는 성공적인 디자인을 만드는 데 매우 다른 역할을하므로 다른 구매 또는 다른 디자인 단계에서도 사용하는 것이 좋습니다.

1.초기 설계 단계에서 충실도가 낮은 프로토타입이 더 나은 이유는 무엇입니까?

분명히,낮은 충실도 프로토타입은 최종 제품의 높은 수준의 개념에 더 초점을 맞추고 잠재적 인 문제를 발견하고 초기 단계에서 해결할 수 있도록 도와줍니다.

그것은 당신과 당신의 팀이 파고 전에 올바른 디자인 테마와 방향을 선택하고 따랐다는 것을 보장하는 데 도움이됩니다.

따라서 초기 설계 단계에서 귀하와 귀하의 팀이 아이디어를 시각화 된 프로토 타입으로 신속하게 번역하고 반복 횟수를 단축하며 사용자 피드백을 수집하는 것을 목표로 할 때 충실도가 낮은 프로토 타입이 훨씬 더 나은 선택입니다.

간단히 말해서,저파이 프로토타입을 사용할 적절한 시기는 언제입니까?

• 디자인 아이디어가 떠올라 빠르게 유형 모델로 전환하고자 할 때
• 가능한 한 빨리 파트너와 디자인 아이디어를 토론하고 싶을 때
• 디자인 아이디어가 실현 가능한지 테스트하고 사용자의 요구를 충족시키고 싶을 때
• 다른 팀원들로부터 피드백을 받고 싶을 때

고 충실도 프로토 타이핑이 끝나는 디자인 단계에서 더 나은 이유는 무엇입니까?

고 충실도 프로토 타입은 종종 웹/앱의 세부 사항과 기능에 많은 관심을 기울이기 때문에 설계자가 웹/앱 디자인의 타당성을 테스트하고 최종 디자인 단계에서 더 많은 사용자/이해 관계자를 유치하는 것이 좋습니다.

간단히 말해서,하이파이 프로토타입을 사용하는 가장 좋은 시기는 언제입니까?

• 제품의 시각적 디자인이 완료된 경우
• 사용자 인터페이스 요소,색 구성표 및 페이지 복사본 등과 같은 웹/앱 세부 정보를 테스트하려는 경우
• 상호 작용,워크플로,사용자 흐름,전환 애니메이션,시각 효과 등을 테스트하려는 경우 전체 사용자 인터페이스 세부 정보가 포함된 디자인 아이디어
• 사용자

더 나은 디자인을 위한 올바른 프로토타이핑 도구를 선택하는 방법은 무엇입니까?

아무리 당신이 고 충실도 또는 저 충실도 프로토 타입을 선택 여부,유일한 목적은 바로,당신의 환상적인 디자인 아이디어를보다 생생하게 제시하고 우수한 웹/응용 프로그램 프로토 타입을 구축하는 것입니다? 대답이”예”인 경우 다음 단계는 올바른 프로토 타이핑 도구를 선택하는 것입니다.

하지만 여전히 방법을 몰라? 여기 당신의 참고를 위한 몇몇 끝은 있다:

• 가격. 가격은 항상 당신이 낮은 인터넷 또는 높은 인터넷 프로토 타이핑 도구를 선택하기위한 가장 중요한 요소입니다. 그러나,그것은 당신이 고려 해야 하는 유일한 요소. 저렴하거나 비싼 가격은 아무것도 나타내지 않습니다. 당신이 필요로하는 것은 당신에게 가장 적합한 것입니다.
• 학습 곡선. 귀하와 귀하의 팀이 새로운 도구를 배우는 데 걸리는 시간은 올바른 프로토 타이핑 도구를 선택하는 동안 항상 중요합니다. 따라서 도구의 새로운 기능을 탐색하는 데 시간을 낭비하지 않으려면 더 쉬운 도구를 선택하는 것이 가장 좋습니다.
• 사용법. 요즘에는 완전히 다른 기능을 제공하는 프로토 타이핑 도구가 많이 있습니다. 귀하와 귀하의 팀에 가장 적합한 것을 선택하려면 제품 설계 과정에서 정확히 필요한 기능을 아는 것이 가장 좋습니다. 다른 부에서 너의 팀원의 진짜 필요를 미리 알아내는것은 이렇게,너를 위해 필요하다.
• 팀워크. 디자인 아이디어를 토론하고 적시에 다른 팀 구성원의 피드백을 얻으려면 대부분의 디자이너/디자인 팀은 팀워크를 지원하는 프로토 타이핑 도구를 선택하는 것을 선호합니다. 너는 또한 저것을 필요로 하는가? 당신이 할 경우,당신과 당신의 팀이 온라인으로 자유롭게 의사 소통과 공동 작업을 할 수있는 도구가 더 나은 옵션입니다.
• 충실도. 프로토 타이핑 도구를 선택하는 동안 음,그것은 또한 고려 충실도를 취할 필요가있다.
• 통합. 고려해야 할 또 다른 요소는 프로토 타이핑 도구가 설계 프로세스에 얼마나 잘 맞는지 확인하는 것입니다. 요즘,사용자가 설계하는 동안 자주 도구를 전환해야하는 경우,많은 프로토 타이핑 도구는 스케치,추신,페이스 북,슬랙 등과 같은 다른 도구와 통합됩니다..

전반적으로,이 팁이 올바른 도구를 선택하는 데 도움이되기를 바랍니다.

3 최고의 낮은 충실도 프로토 타이핑 도구

다음은 참조를위한 3 최고의 낮은 충실도 프로토 타이핑 도구는 다음과 같습니다:

종이와 펜

가장 빠르고 간단한 도구로,펜과 종이는 쉽고 빠르게 아이디어를 그리는 데 도움이,또한 팀 간의 내부 토론을 촉진 할 것이다 회원. 때때로 그리기 위해 프로토 타이핑 소프트웨어를 사용해야하는 경우에도,나는 보통 먼저 내 아이디어를 명확히하기 위해 펜과 종이를 사용하는 것을 선호합니다.

찬성:

• 완전 무료
• 빠른
• 쉬운 시작

단점:

• 스마트한 상호작용과 애니메이션 없음
• 모든 아이디어를 명확하게 보여줄 수는 없습니다.
• 모든 세부 사항에 대해 토론하고 테스트할 수는 없습니다.

모크플러스

모크플러스는 최근 몇 년 동안 많은 관심을 받고 있는 강력한 저 충실도 프로토타입 도구입니다. 그것은 당신이 대화 형 프로토 타입,테스트,공유로 디자인 아이디어를 번역하고 쉽게 그들을 반복 할 수 있습니다. 팀 협업 및 관리 기능은 작업 효율성을 쉽게 향상시키는 데 도움이됩니다.

찬성:

• 200 개 이상의 사전 구축 된 구성 요소와 3000 미리 디자인 된 아이콘 제공
• 간단한 드래그 앤 드롭으로 상호 작용 만들기
• 페이지와 프로토 타입을 내보낼 수있는 많은 옵션을 제공합니다
• 수많은 샘플 및 프로젝트 제공
• 온라인 또는 모바일에서 프로토 타입을 공유하고 테스트 할 수있는 다양한 방법 제공
• >
• 스케치 통합

단점:

• 완전 무료

발사믹모형

바사믹은 화이트보드에서 디자인 아이디어를 직접 스케치할 수 있는 간단한 저 충실도 프로토타이핑 도구입니다. 당신은 단지 구조와 디자인의 전반적인 개념에 초점을 맞출 때 정말 유용합니다.

단점:

• 내장된 수작업 사용자 인터페이스 라이브러리 제공

:

• 디자인을 프로토타이핑하는 동안 기본적인 상호 작용 부족

2 최고의 고 충실도 프로토 타이핑 도구

마블 앱

마블 앱은 온라인으로 와이어 프레임,프로토 타입 및 모형을 공동으로 만드는 것을 지원하는 강력한 고 충실도 프로토 타이핑 도구입니다. 그것은 당신이 직접 이미지를 업로드하고 신속하게 대화 형 프로토 타입을 만들 수 있도록 애니메이션을 추가 할 수 있습니다.

목플러스 클라우드

목플러스 클라우드는 제품 관리자,디자이너 및 개발자가 자동 사양,자산 및 코드 스 니펫과 온라인으로 함께 작업 할 수있는 전문 온라인 디자인 협업 도구입니다.

또한 올인원 고 충실도 프로토 타이핑 도구로 사용됩니다. 또한 풍부한 상호작용 명령을 추가하여 인터랙티브하고 충실도가 높은 프로토타입을 만들 수 있습니다.

제품 팀의 경우 새로 생성 된 프로토 타입을 하나의 링크로 공유하고 실시간으로 피드백을 얻을 수도 있습니다.

요컨대,요즘은 훨씬 더 많은 사용자를 유치하기 위해 가능한 한 많은 사용자의 요구를 충족시키기 위해 많은 프로토 타이핑 도구가 만들어집니다. 로우 파이와 하이 파이 프로토 타이핑 도구 사이에는 명확한 경계가 보이지 않습니다.

따라서 올바른 프로토타이핑 도구를 선택하려면 테스트를 위해 더 많은 도구 옵션을 선택하는 것이 가장 좋습니다.

마무리

낮은 피델리티와 높은 피델리티 프로토타이핑의 차이점이 무엇이든,더 나은 디자인이나 사용자 연구를 위해 낮은 피델리티 또는 높은 피델리티 프로토타이핑을 선택하는 방법과 이유와 상관없이,더 쉽고 빠른 프로토타이핑 도구인 모크플러스와 같은 좋은 프로토타이핑 도구는 종종 아름다운 인터페이스와 좋은 사용자 경험을 가진 훌륭한 웹/앱을 만드는 데 많은 의미가 있습니다. 이 기사가 어쨌든 당신에게 영감을 줄 수 있기를 바랍니다.

당신은 또한 같은 수 있습니다:

프로토타이핑의 장점은 무엇입니까? 그것을 최대한 활용하는 방법?

프로토타이핑 툴 팀 협업:액슈어 대 모크플러스

와이어프레임 대 모크업 대 프로토타입&프로토타이핑 툴 선택