inflearn logo
강의

강의

N
챌린지

챌린지

멘토링

멘토링

N
클립

클립

로드맵

로드맵

지식공유

[입문] 예민한 UX 디자인

UX 설계 > Prototype

와이어프레임과 low Fidelity

해결된 질문

826

yura402

작성한 질문수 3

0

프로토 타입 중에 low fidelity가 있다고 설명하셨는데, 와이어프레임도 더블다이아몬드 모델 중에 첫번째 다이아몬드에서 화면 구성을 간단하게 하는 거라고 알고 있어요

그럼 와이어프레임과 low fidelity의 차이점은 무엇인가요?

웹 디자인

답변 1

1

전민수

프로토타이핑은

1. 러프 스케치,
2. 스케치,
3. 화면 설계 관점: 외어어프레임(낮은/중간/높은 수준의 화면 설계),
4. 상호 작용 관점: 프로토타이핑(낮은 수준/중간/높은 수준) 총 4개가 있어요. 

더블 다이아몬드로 보면 첫번째 그림에는,
1. 러프 스케치,
2. 스케치, 
3. 상황에 따라 와이어프레임(낮은 수준) > 아직 퍼소나 UX 컨셉, 방향성 도출되지 않은 단계에서 와이어프레임보다느 스케치로 그리는게 더 좋습니다. 만약 애자일 프로젝트 혹은 데이터 드리븐으로 보면 스케치 단계를 생략하고 낮은 수준의 와이어프레임 그리는 것도 가능합니다.

더블다이아몬드 두번째 그림에는
1. 스케치: 이해관계자 공유 및 크리틱 목적
2. 와이어프레임(낮은/중간/높은 수준): 화면 설계에 대한 검토 목적  
3. 프로토타이핑(낮은 수준/중간 /높은 수준) : 인터랙션에 대한 검토 목적 

정리하면 로우 피델리티는 
러프 스케치, 스케치, 낮은(중간) 수준의 와이어프레임, 낮은(중간) 수준의 프로토타이핑 

하이피델리티는 높은 수준의 와이어프레임과 높은 수준의 프로토타이핑을 의미합니다.  

프레임과 분리되는 현상

0

545

1

스타일 및 텍스트박스 관련 문의드립니다.

0

1622

2

오토 레이아웃 질문입니다

0

423

1

네비 상단

1

383

1

탭메뉴가 실행이 안됩니다 ㅠ

1

344

1

마지막 강의 js파일로 바꿀 시 스크롤 프레임 렉? 버벅임?

0

1021

2

2. 왼쪽 드롭다운 네비게이션(2가지 타입) - HTML+CSS+JQUERY 완성본 어디서 다운 가능합니까?

1

340

1

슬라이드

1

303

1

텍스트박스 크기변경할때

0

1432

1

슬라이드

1

449

1

하단 홈바 픽스드포지션 할 때

0

514

1

책 질문드립니다.

0

373

1

서비스 고도화 관련 질문

0

362

1

UX 원칙 질문

0

377

1

MVP 관리하는 법 질문

0

338

1

어피니티 다이어그램 질문입니다.

0

500

1

Contextual Inquiry 한 자료는 어떻게 정리 하나요

0

258

1

Contextual Inquiry는 몇명정도 하는게 좋을까요?

0

243

1

사전 방지성의 원리 질문

1

407

2

차이점

0

255

1

UX.UI

0

274

1

커서도 반응성의 하나라고 볼 수 있나요?

0

237

1

포트폴리오 질문

0

246

1

랜딩페이지 전략 도서 관련하여..

1

294

1