피그마 슬라이드로 벤치마킹보고서를 시각화 및 정리했습니다.


🧠 1. 한 주 동안 학습했던 개념 정리

이번 주에는 본격적인 역기획 분석 실습과 함께 피그마 툴 학습을 병행했습니다.

① 역기획 분석에서는

  • 단순한 기능 모사나 요약이 아닌,
  • "왜 이렇게 구성했을까?", "이 기능의 UX적 목적은 무엇일까?"라는 기획자적 질문을 던지는 사고 방식을 훈련했습니다.

역기획을 할 때 주목해야 할 관점은 다음과 같습니다:

  • 사용자가 이 흐름에서 느낄 감정/의도된 행동 유도는 무엇인가?
  • UI의 위치나 구성은 어떤 행동 패턴을 반영했는가?
  • 핵심 기능은 어디에 있고, 왜 해당 방식으로 구현되었을까?
  • 서비스의 전체 흐름 속에서 구조-기능-UX가 어떻게 연결되는가?

이런 식으로 UI/UX 레이어 너머의 기획 의도와 맥락을 읽는 연습을 했습니다.


📍 2. 과제 수행 내용 작성

이번 주는 피그마 툴 익히기도 함께 진행했습니다. 아래는 주요 기능 정리표입니다.

분류 툴 이름 (아이콘) 위치 주요 기능

기본 툴바 프레임 툴 (#, F) 왼쪽 상단 슬라이드(화면) 생성 및 사이즈 조절
  텍스트 툴 (T) 왼쪽 상단 텍스트 상자 생성 및 글자 입력
  Place Image/Video 왼쪽 상단 컴퓨터의 이미지를 슬라이드에 첨부
사이드바 레이어 패널 왼쪽 슬라이드 내 요소 목록 확인 및 선택
  페이지 패널 왼쪽 여러 슬라이드 페이지 관리 (추가, 삭제, 이름 변경)
디자인 패널 Fill (채우기) 오른쪽 도형, 텍스트의 배경색 및 글자색 변경
  Text (텍스트) 오른쪽 폰트, 크기, 굵기, 정렬 등 텍스트 스타일 조절
  Alignment (정렬) 오른쪽 상단 요소를 슬라이드 기준으로 정렬 (수평/수직 중앙 정렬 등)
  Style (스타일) 오른쪽 자주 쓰는 색상이나 폰트 스타일 저장
키보드 단축키 그룹화 (Ctrl + G, Cmd + G) - 여러 요소를 하나의 덩어리로 묶기
  다중 선택 (Shift) - 여러 요소를 동시에 선택
사진 첨부 드래그 앤 드롭 - 파일을 마우스로 끌어다 놓기
  Place Image/Video 왼쪽 상단 컴퓨터 파일에서 이미지 선택 후 첨부

이 기능들을 바탕으로, 기본적인 슬라이드 템플릿 구성과 인터랙션 흐름도 그리기를 연습했습니다.


📌 3. 회고 및 느낀 점

이번 주에 가장 크게 느낀 점은
**“비슷한 서비스를 직접 분석하고 따라해보는 것만으로도 아이디어 확장이 쉬워진다”**는 점이었습니다.

예전에는 “감”에 의존해서 아이디어를 뽑았다면,
이제는 다른 서비스의 구조를 분석하고,
“왜 이런 구조인가?”, “사용자는 여기서 어떤 행동을 유도받을까?”를 계속 묻다 보니
내가 만들고 싶은 서비스의 기능 우선순위, 배치 방식, 흐름에 대한 근거가 생기더라고요.

피그마도 처음엔 어렵다고 느꼈지만,
툴이 제공하는 기능이 명확해서 익숙해지면 금방 사용할 수 있었어요.
무엇보다 조사한 내용을 시각적으로 정리할 수 있어서 앞으로도 많이 활용할 예정입니다.


🔖 본 후기는 [웅진씽크빅X스코필랩스] AI를 활용한 DT 기획자 과정(Blog) 리뷰로 작성되었습니다.

+ Recent posts