brunch

You can make anything
by writing

C.S.Lewis

AI에 투명성을 더하는 Notice 디자인

#AI Notice #Gen AI #Conversational UX

ChatGPT의 등장은 디자인 업계에도 새로운 변화를 가져왔습니다. 가장 흥미로운 변화 중 하나는 바로 '대화형 UX'입니다. 대화형 UX는 AI와 자연스럽게 대화할 수 있게 하는 디자인 방식으로, 빠르게 진화하고 있는 AI의 특성을 담아 계속 발전하고 있습니다.

이 분야는 일반적인 UX 디자인을 넘어 스켈터랩스 디자인 팀이 현재 집중하고 있는 분야입니다. 단순히 AI와 대화하는 것뿐만 아니라, 사용자와 기술 간의 상호작용을 더욱 강화시키는 노력을 하고 있습니다. 
저희는 생성형 인공지능(Generative AI)을 활용한 제품에서 나타나는 새로운 UX 패턴을 살펴보고, 우리의 디자인에 어떻게 적용할 수 있을지 고민해 보고자 합니다.


[생성형 인공지능 UX 패턴 시리즈]

1편 AI에 투명성을 더하는 Notice 디자인 (현재 글)

2편 - AI의 신뢰도를 높여주는 Citation

3편 - AI 사용이 쉬워지는 Product Education

4편 - 체감 대기 시간을 줄여주는 AI Loading

5편 - 결과물의 완성도를 높여주는 AI 프롬프트 UX




처음으로 살펴볼 주제는 AI에 투명성을 더하는 AI Notice 패턴입니다.
AI가 우리의 일상에 깊숙이 자리를 잡으며, 인간의 삶에 미치는 영향력은 더욱 커지고 있습니다. 
그렇다면 이러한 결정은 언제 믿고, 언제 의심해야 할까요?
AI Notice 패턴은 바로 이런 질문에 답을 제공합니다. 



AI Notice 패턴이란?


우리가 보는 정보가 AI에 의해 생성되었다는 사실을 알려주는 것으로, '이건 AI가 만든 거예요!'라는 태그 같은 역할을 합니다. 이러한 접근 방식은 사용자들이 AI가 제공하는 정보를 단순히 받아들이는 것이 아니라, 한번 더 비판적으로 생각해 볼 수 있도록 유도합니다. 

AI가 유용한 정보를 제공하긴 하지만, 항상 완벽하지 않다는 것을 인지하게 함으로써 사용자들이 더 나은 결정을 내리는 데 도움을 줄 수 있습니다. 

▲ Notion AI



AI Notice 패턴의 특징


AI Notice 패턴은 특정 행동을 유도하거나 정보를 제공할 때 적절하게 활용됩니다. 

이 패턴의 주요 특징들은 다음과 같습니다.


1. 창의적이고 자동화된 AI 기능을 상징하는 아이콘

AI Notice 패턴에서 가장 눈에 띄는 것은 아이콘입니다. 이러한 아이콘은 사용자가 직접 AI를 사용하여 결과를 생성할 수 있다고 알려주기도 하며, 해당 내용이 AI에 의해 생성됐음을 전달하는 데에도 사용됩니다.
마법 지팡이나 반짝이는 별 모양과 같은 아이콘은 AI의 창의적이고 자동화된 기능을 상징하며, 사용자가 인터페이스를 직관적으로 이해하는 데 도움을 줍니다.



2. 작업의 진행 상황을 파악할 수 있는 상태 표시

Generative AI 서비스는 일반적인 서비스보다 로딩 시간이 길어질 수 있습니다. 이때 사용자는 로딩 애니메이션과 같은 인디케이터를 통해 작업의 진행 상황을 알 수 있습니다. 
특히 Generative AI 서비스의 인디케이터는 현재 진행 중인 작업의 세부사항을 실시간 텍스트로 업데이트하는 방식으로 제공하여 작업의 상태를 더 잘 이해할 수 있게 도와줍니다.
이러한 표시는 응답이 제대로 처리되고 있는지, 오류가 생겼거나 연결이 끊어진 상태는 아닌지 쉽게 파악할 수 있어 사용자 경험을 긍정적으로 유지하는데 기여하고 있습니다.

▲ 데이터 수집 중 → 데이터 분석 중 → 결과 생성 중, 실시간 작업 상태를 제공하는 ChatGPT와 cue
▲ Bard 예시


 

3. 사용자가 AI의 한계를 인지하도록 돕는 설명

Generative AI 인터페이스는 일반적인 사용자 인터페이스보다 많은 설명이 필요합니다. 종종 AI가 예측하기 어려운 결과를 제공하기 때문입니다. 사용자가 혼란스러워하거나 오해할 수 있는 상황을 방지하기 위해, 사용자 경험에 방해되지 않도록 작은 글씨(Caption)를 사용하여 간략한 설명을 덧붙입니다.
비록 추가적인 설명이 많을수록 AI의 한계를 드러내는 것처럼 보일 수도 있지만, 오히려 긍정적인 방향으로 작용할 수 있습니다. 사용자가 AI의 한계를 이해하면 기대치를 적절히 설정하는 데 도움이 됩니다.

▲ 위쪽부터 순서대로 Canva, Loop, Notion, Bard, ChatGPT, Google SGE의 Caption UI



AI Notice 패턴의 한계와 개선 방향


아이콘, 상태 표시, 캡션 설명을 활용하여 사용자에게 AI의 작동 방식에 대한 투명성을 제공하는 것은 사용자가 AI를 보다 효율적으로 활용하는 데 도움이 됩니다. 그러나 이런 방식이 항상 완벽한 해결책을 제공하는 것은 아닙니다.

▲ 너무 많은 정보가 담긴 Agent GPT



1. 정보의 과부하

너무나 반복적인 알림은 사용자의 작업 흐름을 방해하고, 알림에 무감각해져 실제로 유용한 경고를 큰 관심 없이 무시하게 만들 수도 있습니다.


2. 신뢰도 감소

일부 사용자는 경고의 문구를 잘못 해석할 수 있습니다. 이러한 오해는 AI에 대한 전반적인 신뢰도를 감소시키며, AI가 제공하는 모든 정보나 추천에 대해 계속해서 의심하게 만들 수 있습니다. 






이러한 한계를 인지하고 AI Notice 패턴을 더욱 효과적으로 디자인하기 위한 방법은 다음과 같습니다.


1. 적절한 정보 제공

AI Notice 패턴을 적용할 때는 필요한 정보와 경고를 적절하게 제공하는 것이 중요합니다. 너무 많은 정보는 사용자에게 혼란을 줄 수 있으므로, 중요하고 필요한 정보에 집중하고, 정보 제공의 빈도와 양을 조절해야 합니다.


2. 명확하고 간결한 메시지

AI Notice의 메시지는 명확하고 간결하게 제공되어야 합니다. 복잡하거나 기술적인 언어보다는 사용자가 쉽게 이해할 수 있는 언어를 사용해야 합니다.


3. 사용자 맞춤형 접근

사용자의 행동과 선호에 기반하여 AI Notice 패턴을 조정할 수 있어야 합니다. 사용자가 자신의 선호에 따라 빈도나 상세도를 조정하거나, 피드백을 수집하여 패턴을 개선할 수 있습니다.



▲ AI Notice 패턴을 이용한 사고 과정

우리는 AI와 대화를 시작할 때 AI Notice 패턴을 처음 마주하게 됩니다. 이 패턴은 사용자에게 AI의 존재와 역할을 드러내며, 어떻게 우리와 상호작용할지 인식시킵니다. 이러한 인식은 AI와의 대화에서 사용자가 가지는 기대치와 이해도의 기초를 마련합니다.

그다음으로 사용자와 AI 간의 신뢰 형성으로 이어집니다. 사용자가 AI의 작동 방식과 한계를 이해함으로써, AI가 제공하는 정보와 제안에 대한 신뢰가 자연스럽게 구축됩니다. 이 신뢰는 사용자가 AI를 보다 효율적으로 활용할 수 있게 해 줍니다.

마지막으로, AI Notice 패턴은 비판적 사고를 촉진하는 중요한 역할을 합니다. 이 패턴을 통해 사용자는 AI의 제안이나 결정을 단순히 받아들이는 것이 아니라, 자신의 생각과 판단을 통해 깊이 있게 고려할 수 있게 됩니다. 이는 AI와의 상호작용을 단순한 명령 수행을 넘어서, 보다 의미 있는 협력과 소통으로 발전시킬 수 있습니다.

이러한 방식으로 AI Notice 패턴은 사용자와 AI 간의 상호작용을 시작하는 데 있어 핵심적인 역할을 하며, 이것은 우리가 AI를 이해하고, 효과적으로 활용하는 데 중요한 기반을 마련합니다.




그렇다면, BELLA QNA는 어떤 AI Notice 패턴을 제공할까요?


벨라 큐나는 사용자 경험을 최우선으로 여깁니다. 2024년 3월 기준, 스켈터랩스 디자인팀은 AI Notice의 중요성을 충분히 인식하고 있으며, 이를 사용자의 서비스 이용에 전혀 방해가 되지 않는 형태로 보여주기 위한 다양한 방안을 모색 중입니다. 현재 여러 테스트를 거치며 최적의 방법을 찾아가고 있으며, 이를 통해 사용자에게 더욱 향상된 서비스를 제공할 수 있을 것으로 기대하고 있습니다. 조만간 새롭게 도입될 AI Notice 기능에 많은 기대와 관심 부탁드립니다.






참고 자료 

UX: Designing for Copilot | DIS214H

Behind-the-Design: Meet Copilot

Emerging UI/UX Patterns in Generative AI: A Visual Guide

Google Bard UX Analysis: A quick review for Enhancing the AI Interface






스켈터랩스 블로그에서 대화형 AI에 대해 더 알아보세요.



[생성형 인공지능 UX 패턴 시리즈]


작품 선택

키워드 선택 0 / 3 0

댓글여부

afliean
브런치는 최신 브라우저에 최적화 되어있습니다. IE chrome safari