미드저니 AI로 UX 시나리오 보드 제작하기
UX 시나리오 보드란 무엇인가?
UX 시나리오 보드(Scenario Board)는 사용자가 특정 환경에서 제품이나 서비스를 어떻게 사용하고, 어떤 경험을 하게 되는지를 단계별로 정리한 시각적 자료입니다. 흔히 영화나 애니메이션 제작에서 ‘스토리보드’와 유사한 개념으로, UX/UI 디자인에서도 사용자의 ‘행동 흐름’을 구체적으로 파악하고 문제점을 발견하며, 혁신적인 아이디어를 도출하는 과정에서 폭넓게 활용됩니다. 일반적으로 UX 시나리오 보드를 만드는 이유는 다음과 같습니다.
사용자 관점 이해: 가상으로 시나리오를 구성해보면서 ‘사용자 입장’에서 불편함이나 강점을 파악할 수 있습니다.
팀 커뮤니케이션 개선: 팀원들과 같은 그림을 공유하기 때문에, 논의나 피드백에 훨씬 유리합니다.
초기 디자인 방향성 확보: 너무 추상적인 아이디어에서 구체적인 디자인 방향을 잡기 전에, 비주얼로 먼저 검증해 볼 수 있습니다.
시나리오 보드 1: 가상세계에서 친구들과 생일 축하하기
첫 번째 시나리오 보드는 ‘가상현실(Virtual Reality) 세계’에서 사용자(남성)가 친구들과 함께 생일을 축하하는 흐름을 담고 있습니다. UX 디자이너는 이 과정을 통해, 가상 세계의 파티 경험이 실제 생일 파티와 어떻게 다른지, 어떤 상호작용이 필요한지를 구체적으로 도출할 수 있습니다.
1) 인물 생성
Prompt : Korean Young Man, White Background
해석: 기본적으로 한국인 젊은 남성을 흰색 배경 위에 배치해 달라는 요청입니다.
활용: 가장 기본이 되는 사용자 캐릭터를 얻기 위한 이미지 생성 단계입니다. 이 이미지를 기준으로 이후 VR 환경에서 변화될 캐릭터를 구상할 수 있습니다.
2) 인물 스타일 생성
Prompt : a Man by Toulouse-Lautrec --cw 20
해석: 19세기 프랑스의 화가 '툴루즈 로트렉'의 스타일로 그려진 남성을 요청합니다. --cw 20을 통해 콘텐츠 가중치를 20으로 높여, ‘남성’이라는 주제가 더 뚜렷하게 드러나도록 합니다.
활용: 실제 사진이 아닌 일러스트 기반의 느낌을 원할 때 적용하기 좋습니다. 터치나 색감이 독특해, 시나리오 보드에 예술적 감각을 불어넣을 수 있습니다.
3) 가상 세계에 들어가는 인물 이미지 생성
Prompt : a Man holds VR equipment in hand, spacious and bright living room, city skyline seen from window --cw 20 --sw 50 --ar 16:9
해석: ‘남성이 VR 장비를 들고 있는’ 장면을 요청합니다. 배경은 ‘탁 트이고 밝은 거실’이며, 창 밖으로는 도시 전경이 보이도록 지정했습니다.
파라미터 설명:
--cw 20: 캐릭터 인물 참고 수치를 20으로 설정해서 얼굴은 동일하게 적용하되 다양한 주변 요소들이 반영될 수 있도록 합니다.
--sw 50: 스타일 가중치를 50으로 설정하여 스타일 일관성을 유지하면서도 유연하게 새로운 스타일이 적용될 수 있도록 합니다.
--ar 16:9: 가로/세로 비율을 16:9로 지정하여 시나리오 보드나 프레젠테이션에 활용하기 용이하게 합니다.
활용: 가상 세계로 들어가려는 사용자, 즉 VR 기기를 착용 직전의 상황을 시각화해 줍니다.
4) 가상 세계에서 활동하고 있는 인물 이미지 생성
Prompt : a Man wearing Cyberpunk style clothing, neon-colored lines with glowing black jackets and metal decorations, in virtual world, futuristic high-rise buildings and neon lights --ar 16:9 --sw 50 --cw 10
해석: 여기서는 이미 VR 장비를 착용하고 가상의 사이버펑크 스타일 세계로 들어간 인물을 표현하고 있습니다. 네온 라인, 빛나는 블랙 재킷, 메탈 장식, 미래적 고층 빌딩, 그리고 네온 라이트 등이 묘사됩니다.
활용: 사용자에게 가상 세계가 어떠한 비주얼과 분위기를 주는지 보여주는 장면입니다. UX 시나리오 상, 사용자 동선이나 UI 요소들이 어디에 노출되는지를 상상해볼 수 있습니다.
5) 친구들과 생일 축하를 하고 있는 이미지 생성
Prompt : a Man wearing Cyberpunk style clothing, neon-colored lines with glowing black jackets and metal decorations, A futuristic virtual party room, neon lights and hologram decorations, spacious and colorful space, a giant digitally decorated cake, a variety of virtual rides and comfortable seating, Happy Birthday, Neon Light Style Virtual Cake, Virtual Avatar Friends Singing --ar 16:9 --sw 50 --cw 10
해석: 미래 지향적인 파티룸, 네온 조명, 홀로그램 장식, 거대한 디지털 케이크, 여러 가지 놀이 기구 등 풍성한 요소를 추가해 가상세계 파티 분위기를 극대화합니다.
활용: 이 이미지는 “가상 세계 파티”가 실제 파티와 무엇이 다른지, 사용자들에게 어떤 추가 경험을 제공할 수 있는지를 보여주는데 탁월합니다.
Prompt : a Man wearing Cyberpunk style clothing, neon-colored lines with glowing black jackets and metal decorations, Virtual Party Room, Happy Birthday, Neon Light Style Virtual Cake, Virtual Avatar Friends Singing --ar 16:9 --sw 50 --cw 10
해석: 위와 동일한 맥락이지만, 디테일을 조금 줄여 프롬프트를 간단화했습니다.
활용: 굳이 세부 묘사를 다 넣지 않아도, Midjourney의 해석에 따라 충분히 멋진 사이버펑크 파티 장면을 얻을 수 있습니다.
팁: 가상세계에서의 생일 파티라는 테마는 사용자들이 VR 상호작용, 캐릭터 커스터마이징, 미니게임, 배달 연계(가상 케이크+실제 케이크 등) 등을 어떻게 경험하는지 파악하는 데 도움이 됩니다. 이 시나리오 보드로부터 UX/UI 디자이너는 어떤 기능을 앱/웹에 포함시켜야 할지, 어떤 인터페이스가 필요할지 뚜렷하게 구상할 수 있습니다.
시나리오 보드 2: 증강현실세계에서 친구(가족)들과 생일 축하하기
두 번째 시나리오 보드는 ‘증강현실(AR) 환경’에서의 생일 축하입니다. 가상현실과 달리, 증강현실은 실제 물리적 공간 위에 디지털 이미지를 겹쳐 보여주는 기술이므로, 사용자가 주거 공간에서 가족들을 초대하거나, 원격지에 있는 친구들과 함께 놀 수 있습니다.
1) 인물 생성
Prompt : Korean Young Man, White Background
시나리오 보드 1과 마찬가지로, 가장 기본이 되는 인물 이미지를 먼저 생성합니다. 여기서는 ‘화이트 배경 위 한국인 젊은 남성’이라는 동일한 설정으로 진행합니다.
2) 인물 스타일 생성
Prompt : a man by Toulouse-Laurec
시나리오 보드 1과 유사하게 툴루즈 로트렉 스타일을 활용할 수 있습니다. 혹은 실제 사진 느낌을 원한다면 이 단계를 생략하거나, 다른 아티스트 스타일을 시도해도 됩니다.
3) 증강현실 세계에서 가족들을 초대하는 모습
Prompt : A cozy modern living room where a man wearing AR glasses connects to a virtual party. A futuristic digital interface floats around him, showing invitations from family members. A warm and welcoming atmosphere with natural lighting through large windows. --ar 16:9 --sw 15 --cw 10
해석: AR 글라스를 착용한 남성이 가상 파티에 접속하는 장면, 공중에 띄워진 미래지향적 디지털 UI(가족 초대 UI), 따뜻하고 현대적인 거실, 자연광
활용: 증강현실 기기(스마트 글라스 등)를 활용하여 멀리 떨어진 가족들에게 초대 메시지를 보내는 상황을 시각적으로 표현합니다. UX/UI 디자이너는 이 장면에서 기기의 UI 요소 위치, 초대장 디자인, 알림 방식 등을 구체적으로 구상할 수 있습니다.
4) 증강현실 세계에서 생일 축하하기
Prompt : a man in A virtual reality party room, Cyberpunk-style space filled with festive decorations, including balloons. Avatars of diverse family members gather, chatting and laughing together. --ar 16:9 --sw 15 --cw 10
해석: AR 글라스를 통해 가상의 파티룸이 현실 세계 위에 겹쳐 보이는 장면을 연출합니다. 사이버펑크 느낌의 파티룸이지만, 여전히 ‘풍선’ 등 파티적인 요소를 포함하여 즐거운 분위기를 부각합니다.
활용: 실제 거실이나 방에 디지털 파티룸이 합성된 이미지를 얻을 수 있으며, 다양한 가족 아바타가 모여 대화와 웃음을 나누는 모습을 시각화합니다.
Prompt : a man in A virtual reality party room filled with festive decorations, including balloons and a large digital banner saying 'Happy Birthday.' Avatars of diverse family members gather, chatting and laughing together. --ar 16:9 --sw 15 --cw 10
해석: 축하 문구인 “Happy Birthday”가 크게 걸린 디지털 배너를 강조함으로써, 파티 분위기를 더욱 직관적으로 드러냅니다.
활용: AR 생일 파티에서 사용될 UI 요소(예: 생일 배너, 케이크, 기프티콘, 표정 이모티콘 등)를 고민해볼 수 있습니다. 실제 물리 공간에는 간단한 파티 소품만 두고, AR 오브젝트를 통해 더욱 풍성한 파티를 구현하는 컨셉을 구상할 수 있습니다.
팁: VR 시나리오와 달리 AR 시나리오는 실제 물리적 공간에 디지털 요소가 합성되므로, 사용자가 공간감을 어떻게 인식하고, 어떤 UI 레이어가 어디에 위치해야 하는지를 고려하는 것이 중요합니다. 또한 가족 등 여러 명이 함께 참여할 때, 서로의 동작과 대화가 어떻게 증강될지를 상상해볼 수 있습니다.
시나리오 보드를 활용한 UX/UI 디자인 확장 방법
1. 사용자 여정(User Journey)와 연결
시나리오 보드는 단순한 이미지 나열로 끝나서는 안 됩니다. 사용자 여정(User Journey) 상에서 각 장면이 언제 발생하고, 사용자가 어떠한 목표를 가지고 움직이는지 타임라인 형태로 정리하면 훨씬 명확해집니다.
2. 페르소나(Persona) 설정
“Korean Young Man”이라는 설정처럼 기본적인 캐릭터를 생성했지만, 여기에 연령, 직업, 성격, 디지털 사용 능력 등을 덧붙인 ‘페르소나’를 설정해보면 더 구체적인 UX/UI 요구사항을 도출할 수 있습니다.
3. 세부 UI 요소 설계
VR이나 AR 시나리오를 구성할 때, 어떤 아이콘/버튼/메뉴가 필요하고 어디에 배치할지를 생각해야 합니다. 예를 들어 AR 파티 초대장 UI는 어떤 형태여야 할지, 사용자에게 어떻게 알람을 보내야 할지, 가상 파티룸의 맵 또는 안내 인터페이스는 어떠해야 할지 등을 고민할 수 있습니다.
4. 스토리텔링과 감정 흐름
시나리오에서 사용자와 친구(또는 가족)가 어떻게 감정적으로 반응하는지도 중요합니다. 파티를 시작하기 전의 기대감, 메시지를 받고 모이는 과정의 설렘, 실제 파티 중 즐거움, 파티 이후의 후속 액션(사진·영상 공유, 기프트 교환 등)까지 감정 변화를 고려하면 훨씬 풍부한 UX를 설계할 수 있습니다.
5. 실제 테스트 및 프로토타이핑
Midjourney로 만든 이미지를 근거로, 사용성 테스트나 프로토타입 제작에 돌입하면 좋습니다. 가상환경이나 AR환경은 특히 기술적인 부분(데바이스 제약, 네트워크 안정성 등)을 고려해야 하므로, 초기 아이디어를 시각화한 뒤 빠르게 검증 과정을 거치는 것이 바람직합니다.
결론 및 팁
시나리오 보드는 UX/UI 디자인 과정에서 사용자와의 접점을 구체화하고, 팀원들과 비전을 공유하는 매우 강력한 도구입니다. 특히 Midjourney와 같은 AI 이미지 생성 툴을 사용하면, 초급 디자이너라도 상대적으로 짧은 시간에 높은 퀄리티의 시각 자료를 얻을 수 있습니다. 이는 곧 디자인 아이디어의 검증 속도를 높이고, 커뮤니케이션 비용을 절약하며, 창의적인 대안을 탐색하는 데 큰 도움이 됩니다.
마무리로, Midjourney를 활용한 시나리오 보드 제작 시 고려해야 할 팁을 정리해보겠습니다.
1. 프롬프트는 구체적일수록 좋다
단순히 “사이버펑크 파티룸” 정도로 끝내기보다는, 원하는 요소들(“네온 라이트, 홀로그램 케이크, 아바타” 등)을 구체적으로 써주면 훨씬 원하는 이미지에 가깝게 생성됩니다.
2. 지나치게 장황하면 의도와 다른 이미지가 나올 수 있다
Midjourney가 텍스트를 해석하다가 일부 요소를 생략하거나, 무작위로 강조하는 경우가 생길 수 있습니다. 필요한 부분과 불필요한 부분을 잘 나누어, 여러 번 시도해보며 최적의 프롬프트를 찾아가는 것이 중요합니다.
3. 결과물은 후속 편집이 필요할 수 있다
Midjourney가 생성한 이미지는 완벽하지 않을 수 있습니다. 표정이 부자연스럽거나, 옷차림이 어색할 수 있습니다. 이때는 포토샵 등 그래픽 툴을 사용해 후속 편집을 가볍게 해주면 완성도를 높일 수 있습니다.
이 글에서는 Midjourney를 활용한 시나리오 보드 제작 예시로서, 가상현실(VR) 세계와 증강현실(AR) 세계에서의 ‘생일 축하’를 다뤄보았습니다. 각각의 시나리오에서 인물을 생성하고, 스타일을 적용하며, 상황(환경)과 액션(사용자 행동)을 설정하는 방법까지 프롬프트 예시를 구체적으로 제시했습니다.
초급 디자이너라도 위 예시 프롬프트를 따라 해보면서 자신의 프로젝트 주제에 맞게 일부 키워드만 바꿔본다면, 손쉽게 다양한 시나리오 이미지를 빠르게 얻을 수 있을 것입니다. 예를 들어, “생일 축하” 대신 “원격 협업”, “가상 여행” 등으로 키워드를 바꿔보면, 전혀 새로운 맥락의 UX/UI 시나리오를 구성하는 것도 가능합니다. 가장 중요한 것은 이 시나리오 보드를 통해 ‘사용자는 어떤 맥락에서 어떤 경험을 하고 어떤 문제를 겪을 수 있는가’를 파악하는 것입니다. 그리고 그 발견점을 바탕으로 실제 서비스 디자인과 UI 구성요소, 상호작용 방식을 설계해 나가는 것이 UX/UI 디자이너의 역할입니다.
* AI를 활용한 UX/UI 디자인에 대한 다양한 정보와 소통을 원하는 분은 오픈 채팅방에서 함께 많은 디자이너 분들과 만나실 수 있습니다 : )
AI-DTQ 자격과정에 대한 교육 프로그램 안내
https://onoffmix.com/ch/aidesign
