brunch

You can make anything
by writing

C.S.Lewis

by 유훈식 교수 May 18. 2024

UX/UI 디자인 프로세스 단계별로 활용 가능한 AI

UX 디자인 프로세스에 각 단계별로 어떤 AI도구를 사용해야 하나요

많은 분들이 저에게 하는 질문 중 하나인 것 같습니다. UX/UI 디자인 전 과정에 AI를 도입하기 원하는 디자이너들은 각 단계별로 어떤 AI가 유용할지 고민이 될 수 밖에 없습니다. UX 프로세스를 아래의 6단계로 구분해서 각 단계별로 유용한 도구들을 추천해보겠습니다. (*각 AI 도구들 이름에는 모두 링크를 걸어 두었습니다.)



UX 디자인 프로세스에서 AI 사용하는 방법:


EMPATHIZE STEP

대규모 언어 모델을 사용하여 데스크 리서치  인터뷰 연구 수행
AI 사용하면 대규모로 발생한 설문 조사  여론 조사 결과를 기반으로 대다수의 사용자 행동 데이터와 요구 사항에 대한 실제 통찰력을  빠르게 얻을  있습니다.


ChatGPT: 개인 연구 인턴 및 인터뷰 질문으로 사용될 수 있습니다. 올바른 프롬프트 기술을 사용하면 ChatGPT에 질문을 하면 적절한 답변을 얻을 수 있습니다. 예를 들어, “당신은 15년의 경험과 주요 비즈니스 통찰력을 갖춘 숙련된 연구원입니다. 귀하의 임무는 — ” 책상 조사를 위한 정량적 데이터를 쉽게 얻을 수 있습니다.

Notably AI: 모범 사례와 AI를 사용하여 더 빠른 연구를 수행하는 연구 강화 플랫폼입니다. 이는 사용할수록 더욱 스마트해지는 연구 저장소를 만드는 것과 같습니다. 이는 임상, 학술, 제품 및 시장 조사에 널리 사용됩니다.

Consensus: AI를 사용해 연구 논문에서 통찰력을 찾는 검색 엔진입니다. 이 도구의 결과는 실제 연구 보고서에서 수집된 증거를 기반으로 하기 때문에 신뢰성이 매우 높습니다. 또한 전문가의 논문을 즉시 요약하기 위해 GPT-4를 사용합니다.

Remesh AI: AI를 사용하여 개념 테스트 및 시장 조사를 위한 정량적 데이터의 질적 통찰력을 얻고 동시에 최대 천 명과의 실시간 청중 대화를 기반으로 빠르고 실행 가능한 통찰력을 얻어 더 나은 결정을 내릴 수 있도록 지원하는 플랫폼입니다.

Synthetic Users: 실제 사용자의 행동과 선호도를 복제하는 AI 참가자를 대상으로 연구를 수행하는 데 사용할 수 있는 도구입니다. 실제 사용자를 참여시키는 데 드는 시간과 비용을 줄이고 연구 프로세스를 더 유연하게 제어할 수 있습니다.


DEFINE STEP

AI 통해 사용자 페르소나스토리여정 매핑을 생성합니다.


UserDoc: 상세한 사용자 스토리, 수용 기준, 페르소나 및 사용자 여정을 생성하는 AI 도구입니다. 프로젝트 요구 사항을 통합하기 위한 게임 체인저 AI 도구입니다.

PersonaGen: 잠재 고객의 데이터를 분석하기 위해 사용자 페르소나를 생성하는 AI 도구로, 이를 통해 감성적으로 지능적인 개별화된 캠페인을 만들 수 있습니다.

Uxpressia: 고객, 직원, 사용자 및 구매자 페르소나를 빠르게 맞춤화할 수 있는 AI 기반 온라인 페르소나 메이커입니다.

GitMind: 마인드 매핑, 순서도 생성 및 화이트보드 기능을 제공하는 AI 기반 도구입니다. 웹 탐색, 앱 가이드 및 FAQ를 지원하도록 설계되었습니다.

Krock Storyboard: 사용자 스토리의 CSV 테이블을 업로드하고 연필 스케치, 수채화 등 다양한 스타일로 시각적으로 놀라운 스토리보드를 쉽게 생성할 수 있는 온라인 AI 도구입니다.


IDEA STEP

AI 사용하여 와이어프레임을 빠르게 생성하고 사용자 정의합니다.


Uizard: 텍스트 프롬프트에서 모형을 생성하고, 앱이나 웹사이트의 스캔한 스크린샷을 편집하고, UI 구성요소를 드래그 앤 드롭하여 비전을 실현하는 데 사용할 수 있는 원스톱 대상 도구입니다. 또한 브레인스토밍, 아이디어 워크숍, 디자인 스프린트도 수행합니다.

Visily: 팀이 앱 와이어프레임을 쉽고 빠르게 생성할 수 있게 해주는 와이어프레임 소프트웨어입니다. 손으로 그린 앱 와이어프레임을 충실도가 높은 모형으로 변환할 수 있는 AI가 내장되어 있습니다.

Whimsical AI: 사용자가 AI를 통해 즉시 새로운 아이디어를 생성하고 워크플로 수준을 높일 수 있도록 마인드 맵, 순서도, 와이어프레임, 스티커 메모 및 문서 템플릿을 제공하는 플랫폼입니다.

WireGen: 생성하려는 디자인에 대한 설명을 가져와 몇 분 안에 와이어프레임을 생성하는 AI Figma 플러그인입니다. 이는 수동 와이어프레임 프로세스에서 시간과 노력을 절약하고 창의적인 측면에 더 집중하려는 디자이너에게 적합합니다.


PROTOTYPE STEP

AI 기반 이미지  색상 생성기를 사용한 시각적 요소


Colormind: AI를 사용하여 사진, 영화, 대중 예술의 색상 스타일을 학습하는 UI 프로젝트용 색상 구성표 생성기입니다.

Khroma: AI를 사용하여 색상을 학습하고 무한한 팔레트를 만드는 디자인용 색상 도구입니다. 사용자는 강력한 알고리즘을 사용하여 색상 조합을 검색, 저장 및 생성할 수도 있습니다.

Designs AI: AI로 로고, 배너, 모형을 2분 만에 생성할 수 있는 온라인 플랫폼입니다. AI와 제목 및 본문 글꼴 페어링을 실험할 수 있는 스마트 글꼴 추천 기능이 있습니다.

Midjourney: 프로젝트의 이미지 및 그래픽 생성을 위한 최고의 AI 도구 중 하나입니다. 사용자의 입력을 프롬프트로 받아 작동하며 1분 안에 4개의 이미지를 출력으로 생성합니다. Midjourney에서 생성된 콘텐츠의 정확성은 디자이너가 앱/웹사이트에 멋진 시각적 요소를 제공하는 데 많은 도움이 될 수 있습니다.

Adobe Firefly: 텍스트를 이미지로 생성, 생성 채우기(이미지 내부 영역 편집), 3D를 이미지로 변환 등과 같은 다양한 작업을 수행하는 Adobe의 생성 AI 도구입니다.


TEST STEP

디자인을 테스트하고 AI로부터 귀중한 피드백을 받습니다.


Clueify: 사용자가 볼 위치와 디자인을 어떻게 인식하는지 이해하는 데 도움이 되는 Figma 플러그인입니다. AI가 시선 추적 분석을 도와줍니다. 이를 통해 사용자 행동은 한 번의 클릭만으로 이전보다 사용성 테스트 프로세스를 더 쉽게 만들 수 있습니다.

VisualEyes: 93% 정확한 예측 기술로 시선 추적 연구 및 선호도 테스트를 시뮬레이션하여 사용자 테스트 통찰력을 제공하는 AI 기반 도구입니다

Maze: AI/머신러닝을 활용하여 UI 테스트에 따라 디자인의 결함을 식별하고 사용자 행동에 대한 귀중한 통찰력을 제공하는 플랫폼입니다.


IMPLEMENT

Figma Designs부터 Code with AI까지 제품에 생명을 불어넣는 것입니다.


Builder: React, Vue 및 HTML을 지원하는 AI 기반 디자인을 코드로 변환하는 도구입니다.

Quest: Figma 디자인을 픽셀 단위의 완벽한 웹페이지로 변환하는 AI이기도 합니다. 자동 레이아웃을 사용하여 Figma에서 적절하게 디자인하면 Quest는 모든 것을 완벽하게 반응하게 만듭니다.

Fronty: 디자이너가 디자인 화면의 특정 이미지나 스크린샷에서 소스 코드를 몇 분 만에 생성하는 데 사용할 수 있는 변환 AI 도구입니다.

Figma to Webflow: 정적 Figma 디자인을 깔끔하고 생산 가능한 Webflow HTML 및 CSS 코드로 변환하고 웹플로우 상호 작용을 추가할 수 있게 해주는 플러그인입니다.


AI UI/UX 디자이너에게 어떤 영향을 끼치고 있을까요?

AI가 생성하는 데이터는 정확하지 않은 부분이 있고 불완전합니다. 하지만 이런 단점에도 불구하고 AI가 글로벌 비즈니스 시장을 급격하게 성장시키고 있다는 사실은 부정할 수 없습니다. 그리고 프로덕트 디자이너로서 우리는 전자상거래, 핀테크, 자동차 등 모든 영역의 제품에서 즐거운 경험을 디자인하도록 스스로 훈련합니다.


또한 AI가 인터넷에서 사용할 수 있는 것으로부터 학습한다는 사실을 부인할 수 없습니다. 이는 AI가 웹사이트의 모든 최고 등급 UI의 디자인 패턴을 식별하기 위해 다른 AI를 훈련하기 시작한다면 어떨까에 대한 대화의 문을 열어줍니다.


결론은 수익성이 있는 모든 회사는 최소한의 비용으로 특정 작업을 완료할 수 있는 방법을 찾고 있다는 것입니다. 그리고 AI를 올바르게 사용하면 특정 작업에서 디자이너의 의존성을 확실히 없앨 수 있습니다. 따라서 이 새로운 시대에 적응하여 AI로 기술을 발전시키는 사람이 되는 것은 모두 디자이너의 몫입니다.


AI 디자인 (UX/UI) 오픈 채팅방

https://open.kakao.com/o/gu8o45gf 


AI-Powered Design Lab 유튜브 채널

https://www.youtube.com/@aidesigntv/featured


인공지능 디자인협회 AI x UX/UI Design (무료) 세미나 뉴스레터 신청

* 확인 메일이 안 보이면 스팸함을 확인해주세요.

https://aidesign.stibee.com 


#AI #생성AI #디자인 #디자이너 #UX #UI #사용자경험디자인 #사용자경 #프로세스




* 위의 글은 아래의 아티클을 번역하여 재정리한 글입니다.

https://blog.gofynd.com/how-does-ai-impact-ux-design-process-in-2023-6fb2522f0c12


매거진의 이전글 AI 시대에 진화하는 디자이너의 역할: 패러다임 전환
브런치는 최신 브라우저에 최적화 되어있습니다. IE chrome safari