brunch

You can make anything
by writing

C.S.Lewis

by 유훈식 교수 May 27. 2023

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

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


1. 넷플릭스 UI의 문제:  

    탐색과 내비게이션 문제  

    추천 알고리즘의 문제  

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

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


2. 사용자 여정 맵:  

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

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


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

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

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

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


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

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

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


5. 카피 생성:  

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

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


6. 프로토타입 제작:  

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

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

https://youtu.be/EdBVIyyDFxo

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

작가의 이전글 UX 컨셉 발굴을 위한 AI 생성 활용 방법을 알아보자
브런치는 최신 브라우저에 최적화 되어있습니다. IE chrome safari