#
서비스 기획
2022-12-21

프로토타이핑 유용팁

오늘은 Figma에서 프로토타이핑을 할때 유용한 팁들을 공유해볼까 해요.

Figma의 강점이라고 할 수 있는 프로토타이핑은 처음하실때 시간이 많이 걸리게 되는데,

유용한 팁들을 사용하고 플로우를 이해하면 시간도 단축하고 보게 되는 사람도 보기 더욱 편할거에요.

먼저 말씀드리고 싶은 팁은 상단바 등의 경우에요.

저도 처음에는 상단바를 일일이 이어주거나 아예 안 이어놓는 경우가 있었어요.

일일이 이어주는 상황에서는 시간이 오래걸리고 이어놓지 않는 상황에서는 좀 더 자유롭게 이동하지 못해요.

이럴 때 상단바의 경우 대부분의 페이지에서 공통되므로 각 줄을 복사해서 다른 프레임의 화면에 붙여넣게 되면

그 프레임안에서도 목적 페이지가 동일한채로 붙여넣어져요.

다음의 팁은 프로토타이핑의 플로우 얘기에요.

프로토타이핑을 할때 이리 갔다 저리갔다 흐름이 뒤죽박죽이 돼버리면 보는 사람의 입장에서 이 페이지는 갑자기 왜 나왔지?

하는 경우가 발생해요.

내용을 가려 이해하기 힘들 수 있지만 예시로 든 화면은 회원가입부터 로그인, 그리고 로그인 후의 화면으로 이어지는

흐름의 사진이에요.

사용자가 페이지를 이용할때 대부분의 경우 회원가입-로그인-홈-페이지 이용 의 단계를 거치기 때문에

사용자가 직접 사용하는 듯한 느낌의 흐름으로 이어주는게 가장 좋다고 생각해요.

유익했다면! 이어서 읽어보기:)
벤치마킹하며 기획한다는 것

벤치마킹하며 기획한다는 것은 어떤 의미일까요?

Figma - Figjam를 통한 플로우 차트 그리기

Figjam으로 플로우 차트는 어떻게 그릴까요?

데이터 스토리텔링이란?

데이터 스토리텔링이란?

지금 바로 밸류랩스와
성공적인 협력을 시작해보세요.
Subscribe to our newsletter.
Thank you! Your submission has been received!
Oops!! Something went wrong while submitting the form.