brunch

UX/UI 프로토타입을 생성AI 미드저니로 만들기

by 유훈식 교수

미드저니로 UX/UI를 생성하는 과정은 아래의 단계를 통해서 이루어졌습니다. 실제 상세 내용 및 화면은 맨 아래 유튜브 영상을 통해서 확인하실 수 있습니다.


1. 넷플릭스 UI의 문제:

탐색과 내비게이션 문제

추천 알고리즘의 문제

복잡하고 압도적인 UI 디자인

다양한 디바이스에서의 호환성 문제


2. 사용자 여정 맵:

노션 AI를 활용하여 사용자 여정 맵을 작성

여러 질문을 통해 문제 정의와 공통점 도출


3. AI 프롬프트를 통한 작업 진행:

UX/UI 솔루션 아이디어 도출

프로토타입 시안 생성을 위한 명령어 사용

AI PM(채취 확장 프로그램) 도입으로 키워드 입력 간편화


4. 와이어프레임 아이디어와 레이아웃:

플레이리스트 및 옵션 수정 기능에 대한 아이디어 노출

태도와 상단 영역, 플레이리스트 부분 등의 레이아웃 고민


5. 카피 생성:

플레이리스트 이름 및 기타 정보에 대한 카피 생성

꼬리 질문을 활용하여 세부 사항 파악


6. 프로토타입 제작:

초기 시안 선택 및 아이디어 시각화

최종적인 프로토타입 구현을 통한 솔루션 시연

https://youtu.be/EdBVIyyDFxo

#UX #UI #미드저니 #디자인

keyword
작가의 이전글UX 컨셉 발굴을 위한 AI 생성 활용 방법을 알아보자