[디자인부트캠프] DAY44. AI 활용한 데이터 분석_ AI와 디자인프로세스_상

 

PART1. 오늘의 내용

디자인 프로세스_ 더블 다이아몬드

디자인 프로세스를 거치면서 AI를 활용할 수 있다. 

 

해당 과정마다 위의 ai툴을 이용할 수 있다.

 

생성형 AI와 디자인 프로세스 

 

1. Discover 발견 단계 

 

1) Chat GPT 

- 사용자 인터뷰 분석, 서베이 요약, 아이디어 브레인스토밍

- 명확한 프롬프트로 인사이트 정리 가능

 

2) Claude

- 긴 문서 요약 및 정보 구조화에 강점

- UX 리서치 계획 수립, 인터뷰 질문 설계 등 지원 

 

3) Perplexity 

- 실시간 검색 + 정보 요약 기능

- UX 트렌드/ 경쟁사/ 업계 동향 파악에 유용

 

4) Consensus

-UX 관련 논문 및 연구 기반 정보 요약 

- 근거 자료 확보에 적합

 

5) Storm AI(유료)

- 자동화된 브레인스토밍 및 아이디어 시각화 툴

- 팀 아이디어 회의에 활용

 

6) Synthetics Users (유료)

- AI 기반 가상 사용자 인터뷰 생성

- 초기 아이디어 테스트, 다양한 사용자 반응 시뮬레이션 

 

7) Notably 

- 인터뷰/ 음성 기록 자동 분석

- UX 인사이트 문서화, 회의 기록 정리에 적합 

 

8) Wondering (유료) 

- 자동화된 글로벌 사요앚 리서치 플랫폼

- 개념 검증, 문맥 분석에 활용

 

 

2. Define 단계

 

1) Persona Gen

- 사용자의 페르소나를 자동으로 생성하는 도구

- 사용자 특성, 목표, 행동 패턴 등을 시각화

 

2) Uxpressia

- 사용자 여정 맵을 시각적으로 구성할 수 있는 도구

- 감정 곡선, 행동, 접점 등을 구조화

 

3) GitMind

- 마인드맵 형태로 사고 흐름과 아이디어 정리를 지원

- 문제 도출 및 정보 구조화에 유용

 

4) Whimsical

- 플로우차트, 맵, UX 다이어그램을 생성할 수 있는 시각 도구

- 사용자 흐름 및 서비스 구조 정리에 적합

 

5) Boards

- 사용자 조사 및 인터뷰 데이터를 시각화하고

페르소나로 전환하는 도구

 

6) Story Boarder AI

- 사용자 시나리오를 스토리보드 형태로 자동 시각화

- 문제 상황이나 경험 흐름을 이미지 중심으로 정리

 

3. Development 단계

 

1) Maze

- 기능: 사용자 행동 분석 + 설문 인사이트 도출

- 활용: 프로토타입 연결 실사용자 피드백 자동 수집

- 포인트: 반복 테스트로 사용성 개선에 탁월

 

2) VisualEyes

- 기능: 시각적 관심 예측 + 시선 추적 분석

- 활용: A/B 테스트로 사용자 반응 사전 예측

 - 포인트: 시간•비용 절감 + 시각적 인사이트 제공

 

3) Clueify

- 기능: 시각적 반응 정량화 (정확도 92%)

- 활용: 어떤 디자인 요소가 주목받는지 평가

- 포인트: 디자인 결정에 객관적 근거 제공

 

4) Webflow

- 기능: 시각적 코딩 없이 웹 구현

- 활용: 웹 디자인 퍼블리싱까지 원스톱

- 포인트: 디자이너 주도 웹 구축 가능

 

5) Framer

기능: 고해상도 웹사이트 생성 + 텍스트 기반 설계

활용: 빠른 프로토타입 제작 + 실제 배포

포인트: 초보자도 고품질 결과물 구현 가능

 

6) Bubble

기능: 노코드 앱 제작 + 인터랙션 구현

활용: Al 프롬프트로 앱 로직 생성

포인트: 기획 > 앱 구현까지 빠르게 가능

 

7) Frontly

기능: 이미지/디자인 HTMLCSS 코드 자동 변환

활용: 디자이너가 만든 UI 개발 코드로 전환

포인트: 디자인-개발 간 협업 강화

 

8) Quest

기능: Figma 디자인 React 코드 자동 변환

활용: 개발 없이 디자인을 코드화

포인트: 비개발자도 구현력 확보

 

9) Builder

기능: 드래그앤드롭 + 콘텐츠 자동 생성

활용: 마케팅/커머스용 랜딩페이지 구축

포인트: 빠른 수정•테스트에 강력

 

 

 

결론! 

 

결국 중요한 것은 도구보다 사용자의 문제를 제대로 이해하고 해결하려는 디자이너의 태도와 질문력

+실시간

- AI시대에서의 디자이너의 역할이 재정의 

 

 

 

- 정성적인 데이터의 분석/ 통합/ 작성이 가능해짐

 

https://www.thefountaininstitute.com/blog/chat-gpt-ux-design

How to Use Chat GPT in Your Design Process: 11 Advanced UX Tasks

 

- 텍스트 프롬프트 엔지니어링의 4가지 유형

 

페르소나 기법 유형 

생성AI를 가상의 인물로 정의해서 보다 좋은 답변을 생성하는 방법

 

예시 기법 유형 

생성AI에게 특정 예시들을 함께 전달해서 보다 좋은 답변을 생성하는 방법

 

형식 기법 유형

생성AI에게 내가 원하는 결과의 형식을 요청해서 보다 정확한 답변을 생성하는 바업

 

사고 기법 유형

생성AI에게 다양한 사고 방식을 제시해서 답변을 추론해서 얻도록 하는 방법

 

- 형식기법: ChatGPT Prompt Frameworks 

 

Growth marketing specialist로 활용 중인 khizer Abbas ChatGPT에 활용할 수 있는 

텍스트 프롬프트 형식에 대한 유형을 5가지로 정리 하였음. 

 

 

- Nearing human baselines across generative modalities

 

https://www.specialeinvest.com/blog/synthetic-data-faking-it-until-making-it

Synthetic Data : Faking it until Making it | Speciale Blog

 

https://www.slideteam.net/data-information-knowledge-wisdom-structure-with-decision-risk.html?lang=Portuguese

 

https://www.relume.io/

Relume — Websites designed & built faster with AI | AI website builder

 

 

PART2. 오늘의 과제

- Relume, Galileo ai 이용

로딩페이지에 치과에 맞는 로딩스피너를 포함하라고 했더니... 

 

또 signup화면도 아쉽다. 

 

카드뉴스 형식의 레이아웃은 깔끔하게 나타내는 것 같다. 

 

내가 이미 만든 와이어프레임 기반으로 

지피티를 이용해 프롬프트를 짜고 

스티치에 입력한 결과다. 

 

아직 아쉬운 점이 많고, 잘 나타내는 화면/ 어색한 화면이 딱 나뉘어진다. 

좋은 점으느 카드뉴스 기반 레이아웃이나, 컴포넌트 세트 만들기 빠를 것 같고

관련 사진 자료를 빠르게 얻을 수 있다는 점 !

 

 

- GE완료

 

 

- 데일리 UI는 게시판에 따로 업로드