UX/UI 디자인 워크숍 with AI

윤하린

HCI(Human-Computer Interaction, 인간-컴퓨터 상호작용) 분야 연구를 하며 생성 AI와 UX 디자이너가 효과적으로 협업할 수 있는 프로세스를 비롯하여 인공지능 시대에서 UX/UI 디자이너가 나아갈 방향성과 역량에 대한 통찰을 다양한 콘텐츠를 통해 전달하고 있습니다. 요즘 IT(https://yozm.wishket.com/magazine/@design_nonri/)에서 디논이라는 닉네임으로 활동하며 관련 글과 콘텐츠를 찾아볼 수 있습니다.

• ▣ 01장: 오리엔테이션
• 1.1 인공지능과 디자인
• __1.1.1 디자이너가 AI 활용을 배워야 하는 이유
• __1.1.2 생성형 AI의 개념과 디자인 분야에서의 활용 현황
• 1.2 AI와 UX 디자이너의 협업
• __1.2.1 UX 실무자들이 생각하는 AI와의 협업
• __1.2.2 AI를 사용할 때 꼭 알아야 할 한 가지: 사실 검증
• __1.2.3 AI와의 협업을 위한 프로젝트 주제 선정 방법
• __1.2.4 앞으로 사용할 AI 도구의 종류
•  
• ▣ 02장: UX 디자이너와 AI의 협업 과정: 데스크 리서치
• 2.1 프롬프트 엔지니어링
• __2.1.1 구체적인 조건 작성하기
• __2.1.2 필요한 조건에 대한 정보 얻기
• __2.1.3 맥락 제시하기
• __2.1.4 전문 용어에 대한 정의를 사전에 제시하기
• __2.1.5 하이퍼파라미터 튜닝하기
• __2.1.6 특정 정보 제외하기
• __2.1.7 추가 프롬프트를 입력하여 원하는 답변 얻기
• __2.1.8 딥 리서치(Deep Research)를 제대로 활용하기 위한 프롬프트 작성법
• 2.2 디지털 에스노그라피와 소셜 리스닝
• __2.2.1 에스노그라피
• __2.2.2 소셜 리스닝 (1) - Perplexity
• __2.2.3 소셜 리스닝 (2) - Listly와 Claude
•  
• ▣ 03장: UX 디자이너와 AI의 협업 과정: AI 사용자 인터뷰
• 3.1 가상의 AI 퍼소나 인터뷰 - GPTs
• __3.1.1 가상의 AI 퍼소나 대상 자동 인터뷰 생성
• __3.1.2 가상의 AI 퍼소나 대상 직접 인터뷰 진행
• 3.2 AI 퍼소나와 인터뷰하기 - Synthetic Users
• __3.2.1 로그인 및 인터뷰 종류 선택
• __3.2.2 인터뷰 배경 및 퍼소나 정보 입력하기
• __3.2.3 가상의 사용자 인터뷰 결과 확인하기
• __3.2.4 AI 가상 인터뷰 결과를 책임감 있게 사용하는 방법
• 3.3 클론 AI 인터뷰
• __3.3.1 GPT 장기 기억 데이터로 클론 AI 만들기
• __3.3.2 내면 탐구 인터뷰를 통한 클론 AI 만들기
•  
• ▣ 04장: UX 디자이너와 AI의 협업 과정: UX 모델링
• 4.1 어피니티 다이어그램
• __4.1.1 어피니티 다이어그램 준비하기
• __4.1.2 어피니티 다이어그램 정리하기 (1) - GPT 4o
• __4.1.3 어피니티 다이어그램 정리하기 (2) - NotebookLM
• __4.1.4 인터뷰 데이터 분석하기 - Lilys AI
• 4.2 사용자 모델링: 유저 퍼소나
• __4.2.1 최종 퍼소나 설정하기
• __4.2.2 퍼소나 이미지 생성하기
• __4.2.3 서비스 링크 기반 퍼소나 생성하기
• __4.2.4 퍼소나 생성을 통해 마케팅 전략 세우기
• 4.3 경험 모델링: 유저 저니맵
• __4.3.1 유저 저니맵 내용 생성하기 (1) - GPT-4o
• __4.3.2 유저 저니맵 내용 생성하기 (2) - GPTs
• __4.3.3 수정과 공유가 가능한 표로 만들기
• __4.3.4 유저 저니맵 시각화하기 (1) - GPTs(Mermaid Chart, Diagram Show Me)
• __4.3.5 유저 저니맵 시각화하기 (2) - GPTs(User journey map maker, UX GPT)
• __4.3.6 유저 저니맵 시각화하기 (3) - Claude
• 4.4 UX 모델링 템플릿
• __4.4.1 미로(Miro)
• __4.4.2 피그잼(Figjam)
•  
• ▣ 05장: UX 디자이너와 AI의 협업 과정: 프로토타이핑 및 테스트
• 5.1 스토리보드 제작
• 5.2 AI를 활용한 프로토타이핑
• __5.2.1 솔루션 도출부터 시각화까지: Claude
• __5.2.2 웹 페이지 생성 AI: Relume, Readdy
• __5.2.3 모바일 프로토타이핑 AI: Galileo AI, Motiff
• __5.2.4 UI 화면 복제 AI: Codia, Visily AI
• __5.2.5 노코드 웹/앱 개발 AI: Bolt.new
• 5.3 프로토타입 고도화 : 디자인 애셋 생성
• __5.3.1 구글 확장 프로그램, AIPRM : 텍스트로 프롬프트 생성
• __5.3.2 구글 확장 프로그램, AIPRM : 이미지로 프롬프트 생성
• __5.3.3 midjourney : 텍스트와 이미지 프롬프트를 조합하여 디자인 애셋 생성
• 5.4 AI를 활용한 테스트
• __5.4.1 사용성 테스트 - Klever
• __5.4.2 시선 추적 - Attention Insight
• __5.4.3 A/B 테스트 - GPT 4o, Rapid A/B 테스트
• __5.4.4 UI 개선 피드백 - ChatGPT
•  
• ▣ 06장: 디자이너가 꼭 알아야 할 AI 트렌드
• 6.1 아첨하는 AI와 적대적 AI
• __6.1.1 친밀한 AI, 아첨의 위험
• __6.1.2 적대적 AI vs. 아첨형 AI
• 6.2 사용성 테스트에 참여하는 AI
• __6.2.1 토스의 휴리봇 사례
• __6.2.2 인간 사용자와 유사하게 답변하도록 만드는 프롬프트
• 6.3 포커스 그룹 인터뷰: AI 에이전트 간의 협업
• __6.3.1 AI 에이전트 간의 소통과 협업
• __6.3.2 AI 에이전트 토론시키기
• 6.4 바이브 코딩: AI 에이전트 토론 프로그램 만들기
• __6.4.1 CLI 기반 프로그램 만들기
• __6.4.2 GUI 기반 프로그램 만들기
• __6.4.3 바이브 코딩 시대에 요구되는 역량
• 6.5 미래의 디지털 인터페이스 변화: 더 이상 앱이 필요 없는 시대
• 6.6 Figma Make로 주간회고 서비스 만들기
• __6.6.1 Figma Make 기본 사용법
• __6.6.2 Figma Make로 주간 회고 프로그램 만들기
• __6.6.3 Figma Make의 한계와 활용법
• 6.7 윤리적 이슈를 고려한 AI와 디자이너의 파트너십
• __6.7.1 UX 디자이너와 AI의 협업 과정에서 발생하는 윤리적 이슈 3가지
• __6.7.2 AI와 윤리적으로 협업하기 위해 UX 디자이너에게 요구되는 새로운 역할 3가지