UX/UI 디자인 워크숍 with AI

윤하린

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

01장:오리엔테이션
1.1인공지능과디자인
__1.1.1디자이너가AI활용을배워야하는이유
__1.1.2생성형AI의개념과디자인분야에서의활용현황
1.2AI와UX디자이너의협업
__1.2.1UX실무자들이생각하는AI와의협업
__1.2.2AI를사용할때꼭알아야할한가지:사실검증
__1.2.3AI와의협업을위한프로젝트주제선정방법
__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딥리서치(DeepResearch)를제대로활용하기위한프롬프트작성법
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.2AI퍼소나와인터뷰하기-SyntheticUsers
__3.2.1로그인및인터뷰종류선택
__3.2.2인터뷰배경및퍼소나정보입력하기
__3.2.3가상의사용자인터뷰결과확인하기
__3.2.4AI가상인터뷰결과를책임감있게사용하는방법
3.3클론AI인터뷰
__3.3.1GPT장기기억데이터로클론AI만들기
__3.3.2내면탐구인터뷰를통한클론AI만들기

04장:UX디자이너와AI의협업과정:UX모델링
4.1어피니티다이어그램
__4.1.1어피니티다이어그램준비하기
__4.1.2어피니티다이어그램정리하기(1)-GPT4o
__4.1.3어피니티다이어그램정리하기(2)-NotebookLM
__4.1.4인터뷰데이터분석하기-LilysAI
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(MermaidChart,DiagramShowMe)
__4.3.5유저저니맵시각화하기(2)-GPTs(Userjourneymapmaker,UXGPT)
__4.3.6유저저니맵시각화하기(3)-Claude
4.4UX모델링템플릿
__4.4.1미로(Miro)
__4.4.2피그잼(Figjam)

05장:UX디자이너와AI의협업과정:프로토타이핑및테스트
5.1스토리보드제작
5.2AI를활용한프로토타이핑
__5.2.1솔루션도출부터시각화까지:Claude
__5.2.2웹페이지생성AI:Relume,Readdy
__5.2.3모바일프로토타이핑AI:GalileoAI,Motiff
__5.2.4UI화면복제AI:Codia,VisilyAI
__5.2.5노코드웹/앱개발AI:Bolt.new
5.3프로토타입고도화:디자인애셋생성
__5.3.1구글확장프로그램,AIPRM:텍스트로프롬프트생성
__5.3.2구글확장프로그램,AIPRM:이미지로프롬프트생성
__5.3.3midjourney:텍스트와이미지프롬프트를조합하여디자인애셋생성
5.4AI를활용한테스트
__5.4.1사용성테스트-Klever
__5.4.2시선추적-AttentionInsight
__5.4.3A/B테스트-GPT4o,RapidA/B테스트
__5.4.4UI개선피드백-ChatGPT

06장:디자이너가꼭알아야할AI트렌드
6.1아첨하는AI와적대적AI
__6.1.1친밀한AI,아첨의위험
__6.1.2적대적AIvs.아첨형AI
6.2사용성테스트에참여하는AI
__6.2.1토스의휴리봇사례
__6.2.2인간사용자와유사하게답변하도록만드는프롬프트
6.3포커스그룹인터뷰:AI에이전트간의협업
__6.3.1AI에이전트간의소통과협업
__6.3.2AI에이전트토론시키기
6.4바이브코딩:AI에이전트토론프로그램만들기
__6.4.1CLI기반프로그램만들기
__6.4.2GUI기반프로그램만들기
__6.4.3바이브코딩시대에요구되는역량
6.5미래의디지털인터페이스변화:더이상앱이필요없는시대
6.6FigmaMake로주간회고서비스만들기
__6.6.1FigmaMake기본사용법
__6.6.2FigmaMake로주간회고프로그램만들기
__6.6.3FigmaMake의한계와활용법
6.7윤리적이슈를고려한AI와디자이너의파트너십
__6.7.1UX디자이너와AI의협업과정에서발생하는윤리적이슈3가지
__6.7.2AI와윤리적으로협업하기위해UX디자이너에게요구되는새로운역할3가지

★이책에서다루는내용★

AI디자인협업사이클실습
문제발견부터솔루션도출까지이어지는‘입력→생성→판단→실행’의협업프로세스를직접체득합니다.

프롬프트엔지니어링실전훈련
ChatGPT,Claude,Gemini를활용해구체적조건설정,맥락제시,정보요약,딥리서치프롬프트작성등AI에게원하는답을정확히이끌어내는방법을실습합니다.

AI사용자리서치자동화
GPTs와SyntheticUsers를활용해가상의사용자를생성하고인터뷰를진행하며,실제리서치처럼인사이트를도출하는과정을경험합니다.

UX데이터분석및모델링
NotebookLM,LilysAI,GPT-4o를이용해사용자데이터를빠르게분석하고,어피니티다이어그램과유저저니맵을자동으로완성합니다.

AI기반프로토타이핑과테스트
Claude,Galileo,Motiff,Bolt.new,AttentionInsight,Klever등을연계하여프로토타입을생성하고,시선추적및A/B테스트로디자인을검증합니다.

AI트렌드및실무확장
FigmaMake를활용한회고자동화,AI에이전트간협업,바이브코딩기반의확장형디자인실험등최신AI트렌드를실무관점에서학습합니다.