brunch

매거진 생성AI와 UXUI디자인

라이킷 46 댓글 1

You can make anything
by writing

C.S.Lewis

계정을 잊어버리셨나요?

by 유훈식 교수 Oct 19. 2023

사용자조사 없이 생성AI로 UX 리서치를 수행하는 시대

생성 AI가 변화시키는 UX/UI/GUI 디자인의 변화

생성 AI는 UX/UI/GUI 디자인 분야에도 획기적인 변화를 가져오고 있다. 기존의 UX/UI 디자인 프로세스는 사용자 조사 데이터와 디자이너의 통찰력에 의존하였으나, 생성 AI의 도입으로 ChatGPT와 같은 거대 언어 모델(LLM: Large Language Model)을 통해서 사용자 데이터를 수집하고 분석하는 것이 가능해졌다. 그리고 이러한 데이터를 고객경험지도나 사용자 작업 흐름으로 정리하는 것 역시 자동화할 수 있게 되었다. UI를 자동으로 생성해 주는 생성 AI가 등장했으며 이미지 생성 AI를 통해서 GUI도 빠른 시간에 초기 아이디어를 시각화할 수 있게 되었다. 이러한 생성 AI를 통한 변화의 파장은 UX/UI 디자인 과정을 넘어 이제 팀 구성 및 업무 프로세스 등 디자인 전반에 영향을 미치게 될 것이다. UX/UI/GUI 디자인 관련된 몇 가지 사례를 통해서 이러한 변화와 미래에 대해서 살펴보자..

이미지 생성 AI로 디자인하는 GUI 결과물들

GUI는 소프트웨어의 인터페이스에서 시각적인 경험을 담당한다. GUI가 전달하는 시각적 경험과 인지된 감성은 소프트웨어에 대한 전반적인 사용자 경험에 큰 영향을 미치고, 사용자가 정보를 올바로 인식할 수 있도록 돕고 사용성을 높여 주기도 한다.

이미지 생성 AI 미드저니는 이미 GUI에 대한 다양한 데이터를 학습했기 때문에 손쉽게 GUI에 대한 예시 이미지들을 생성할 수 있다. 다음의 결과물들은 미드저니에 아래와 같은 프롬프트를 입력하여 얻은 결과물들이다. 햄버거와 피자와 같은 배달 음식을 판매하는 서비스의 새로운 애플리케이션을 디자인할 때 참고할 수 있는 결과물을 다양하게 만들어 본 작업이다.

Prompt: food delivery app, user interface, Figma, Behance, HQ, 4K, clean UI

배달 음식 서비스의 GUI 예시 (by Midjourney)

자세히 살펴보면 이미지에 들어가는 텍스트가 구체적으로 형성되지 않는 것을 알 수 있고, 다른 UI 소프트웨어와 연동이 되지 않기 때문에 최종 결과물로 이 자료를 쓸 수 없는 것을 알 수 있다. 하지만 이전의 GUI 작업 때는 기존에 출시된 GUI 사례들을 다양하게 찾아봐야 하는 과정이 필요했는데 이제는 이미지 생성 AI를 통해서 참고할 수 있는 다양한 GUI 이미지 제작에 활용할 수 있게 된 것이다.

애플리케이션의 앱 아이콘의 경우도 생성이 가능하다. 앱 아이콘의 경우 형태가 단순하고 텍스트가 들어가지 않기 때문에 미드저니를 통해서도 아주 훌륭하고 구체적인 결과물을 얻을 수 있는 것을 볼 수 있다. 아래와 같은 프롬프트를 입력하여 햄버거 관련 애플리케이션의 아이콘을 생성하도록 해보았다.

Prompt: icon for iOS app in high resolution, burger, high quality, HQ

햄버거 App 아이콘 GUI 예시 (by Midjourney)

시각적인 이미지를 단순화해서 아이콘을 생성하는 것 역시 프롬프트만 조금 변경하면 쉽게 시도해 볼 수 있다. 직접적으로 포토샵이나 일러스트레이터 같은 툴을 쓰지 않고 텍스트 프롬프트의 변경 만으로 다양한 GUI 사례들을 만들어볼 수 있는 것이다.

Prompt: icon for iOS app in high resolution, burger, high quality, minimalism, flat design

단순한 느낌으로 제작된 App 아이콘 GUI 예시 (by Midjourney)

인터뷰 없이 UX Research를 할 수 있는 시대가 온다?

UX 디자이너들은 주로 사용자를 직접 관찰하고 인터뷰해서 그들의 데이터를 기반으로 인사이트를 도출해서 UX 콘셉트를 디자인했다. 그런데 이제 생성 AI로 사용자 조사를 대체할 수 있다는 서비스들이 등장하고 있다. Qualtrics는 Experience Management(XM) 분야의 전문 소프트웨어 기업이다. 2023년 9월에 발표한 세미나에서는 AI를 통합한 CustomerXM 시스템을 통해 프런트라인의 경험 관리 지원 방법을 발표했습니다.

Qualtrics의 서비스 소개 화면 중 일부

세미나에서 Qualtrics 담당자는 ‘고객 및 직원에게 질문할 필요 없이 이해할 수 있습니다.’라고 발표했다. 대부분의 UX 디자이너들이 '인터뷰와 설문'을 UX 리서치의 핵심이라고 생각하는 상황에서 충격적인 도전이다. 이는 직접적인 사용자 인터뷰와 설문이 그들의 의견과 요구사항을 알아내는 가장 직접적인 방법이기 때문이다. 그런데 이제는 사용자에게 직접 질문하지 않고도 그들의 경험과 생각을 파악할 수 있다는 것이다.

Qualtrics의 서비스 소개 화면 중 일부

이러한 변화의 배경에는 생성 AI의 발전이 큰 역할을 하고 있다. 특히, AI가 정량적 데이터 분석에서만 활용되던 것에서 벗어나 사용자의 동기나 행동, 심지어는 생각까지 깊은 이해하는 정성적 영역의 분석에 활용이 가능하게 되었기 때문이다. 예를 들어, 특정 브랜드가 신제품을 출시하면 유튜버들의 언박싱 비디오를 통해서도 고객들의 반응을 빠르게 파악할 수 있다. 이는 비디오 내용을 자동으로 텍스트로 변환하고, 표정이나 어조 등을 분석하는 기술이 발전했기 때문이다.

물론 이러한 조사의 경우 아직 데이터의 편향이나 충분한 타당성을 보장하지 못하는 부분이 있기 때문에 100% 신뢰하며 사용하기는 어려운 부분이 있다. 하지만 향후 생성 AI 기술이 더욱 발전한다면 사용자 조사에 큰 도움을 줄 수 있을 것이다.

UI를 자동으로 생성해 주는 AI 도구들: Framer AI & Galileo AI

피그마와 경쟁하는 프레이머가 생성 AI 기능을 추가한 웹사이트 제작 툴로 발전했다. 원하는 웹 디자인을 간단한 문장 형태의 프롬프트로 입력하면, 해당 웹사이트의 콘셉트 및 UI를 자동으로 생성해 주게 되었다.

원래 프로토타이핑을 위한 코드 기반 서비스로 시작된 프레이머는 현재 웹 제작의 전 과정을 지원하는 종합적인 툴로 발전했다. 더 나아가 이제는 GUI 디자인, 인터랙션 프로토타이핑 외에도 CMS와 호스팅 서비스까지 포함하며, AI를 통해 더욱 UI 디자이너에 대한 지원을 확장하게 되었다.

Framer AI에서 프롬프트 입력 장면

프레이머 사용자는 새 파일을 생성한 후 'Start with AI' 버튼을 클릭하여 원하는 디자인에 대한 설명을 입력할 수 있으며, 상세하게 입력할수록 더 정교한 결과물을 얻을 수 있다. 프롬프트 입력 후 'Start'를 클릭하면, 사용자의 요구 사항에 맞는 웹사이트 레이아웃이 자동으로 구성된다. 지금은 기본적인 원페이지 웹사이트나 프로모션 웹사이트 형태로 생성되고 있다. 세부적인 디자인 요소들도 사용자의 취향에 맞게 수정이 가능하다.

Framer AI에서 프롬프트 입력 후 생성된 결과 화면

이 외에도 UI 디자인을 도와주는 도구는 Galileo AI가 있다. 생성 AI 기반의 Galileo AI 역시 텍스트로 프롬프트를 입력하면 UI에 대한 디자인 결과물을 생성한다. 아직 공식 출시가 되지 않아 직접적인 사용은 어렵지만 공개된 콘셉트 영상과 소개를 보면 Galileo AI가 UI 디자인을 생성하기 위해 대규모의 UI 디자인 이미지를 학습했다는 것을 알 수 있다. UI 디자인에서 많은 디자이너들이 사용하고 있는 Figma로 연동해서 편집할 수 있다고 한다. UI뿐만 아니라 애플리케이션 내부에서 사용되는 일러스트레이션이나 이미지도 자동으로 생성해 준다.

https://youtube.com/shorts/GZNdUyx-B78?si=dXa4Y-wmvQYGD9ri

Galileo AI 콘셉트 영상 (출처 – Galileo AI 유튜브 채널)

공식 출시가 되어 사용을 해봐야 알겠지만 텍스트로 다양한 콘셉트의 UI를 바로 생성할 수 있다는 것과 결과물을 Figma로 연동해서 바로 수정 및 최종적인 결과물로 만들어낼 수 있다는 것을 볼 때 UI 디자인에 새로운 변화를 가져올 것은 분명하다.

생성 AI가 UX/UI/GUI 디자인 분야에 미치는 영향

앞에서 본 것과 같이 이제 생성 AI는 UX/UI/GUI 디자인 분야에도 큰 영향을 미치고 있다. 이미지 생성 AI를 통해서 GUI 콘셉트를 생성하는 것을 넘어 사용자경험 설계를 위한 리서치를 대신 수행해 줄 것이다. 또한 UI를 자동 생성하여 최종적인 결과물로 바로 출시할 수 있도록 하는 것 역시 가능해지고 있다. 크게 3가지 정도 생성 AI가 미칠 영향을 언급하며 이번 장을 마친다.

첫째 디자인 자동화와 효율성의 향상이다. 생성 AI는 디자이너들이 기본적인 레이아웃, 요소 구성, 색상 조합 등을 자동으로 생성할 수 있게 도와준다. 이로 인해 디자이너는 초기 단계의 반복 작업에서 시간을 절약하고, 더 창의적이고 중요한 작업에 집중할 수 있게 될 것이다.

둘째 생성 AI를 통한 사용자 조사 및 분석의 활용 증가이다. 사용자 조사를 생성 AI를 통해서 할 수 있다는 것은 정말 혁신적이다. 진실되고 의미 있는 데이터 수집과 분석이 가능해지는 시점이 오면 이런 방식은 UX 디자이너들에게 큰 도움을 줄 것이다.

셋째는 빠른 프로토타이핑과 테스팅이다. 생성 AI는 빠른 프로토타이핑 및 자동화된 사용자 테스팅을 가능하게 하여 사용자의 반응과 행동에 대한 데이터를 보다 빠르고 대량으로 수집할 수 있게 할 것이다. 이는 실시간으로 최종적인 결과물에 반영되어 보다 사용자에게 높은 사용성을 갖춘 결과물을 제시할 수 있게 될 것이다.

https://youtu.be/5KyElTNIFlI