모든 사용자 인터페이스는 대화입니다

최근에 대화 디자인에 관한 온라인 클리닉에 참석했습니다. 이벤트 발표에서 주최자는 대화형 디자인은 사용자에게 적시에 올바른 정보를 제공하는 것이라고 말했습니다. 저에게는 그것이 모든 인터페이스의 목표입니다. 그것보다 더 근본적인 것은 없습니다.

그리고 이러한 정보를 바탕으로 조치를 취할 기회가 필요합니다. 좋은 인터페이스를 분해하면 항상 존재하는 주요 구성 요소는 정보 와 액션 입니다.

메시징 앱을 예로 들어 보겠습니다. AI 기반 봇에게 간단한 질문을 하고 후속 질문을 추가할 수도 있습니다. 그러면 봇의 자연어 처리가 인계받아 브랜드 메시지와 프롬프트로 응답하여 조치를 취하는 데 도움이 됩니다.

디지털 혁신 서비스 및 행동 개입은 지난 10년 동안 대화형 인터페이스에서 큰 발전을 가져왔습니다. 다음은 잠재적인 질문 목록을 제공하여 사용자가 조치를 취하도록 유도하는 챗봇 대화의 예입니다.

이미지 제공: Stream Creative

그래서 다음에 대해 이야기해 보겠습니다. 음성 비서, 자동화된 메시징 플랫폼 및 비디오 게임과 같은 대화형 사용자 인터페이스에서 UI 디자이너가 배울 수 있는 것. 하지만다른 인터페이스에 대해서도 생각하는 새로운 방식을 촉발합니다. 그것은 우리의 정신 모델을 바꿉니다.

Facebook과 Facebook Messenger는 이 모델을 가지고 놀았으며 이 공간에서 그들이 보여준 혁신은 매우 인상적이었습니다. Facebook 메신저는 주제어를 사용하여 챗봇이 다른 핵심 용어나 구문으로 응답할 수 있는 핵심 용어를 만듭니다. 그러나 대화형 인터페이스를 만들기 위해 노력하는 회사는 그들만이 아닙니다.

채팅이 아닌 다른 인터페이스를 대화로 생각하기 시작하면 완전히 새로운 시각을 갖게 됩니다. UI 화면의 각 요소를 주어진 시간에 사용자에게 제공하는 정보, 사용자에게 묻는 질문 또는 사용자가 제공하는 답변으로 본다면 UI는 대화가 됩니다.

모든 대화에는 대화의 방향에 따라 시작, 흐름 및 끝점이 다르듯이 좋은 UI도 마찬가지입니다.

How Can We, As 디자이너 여러분, 더 나은 인터페이스를 만드시겠습니까?

UI 디자이너는 자신의 툴킷에 대화를 안내하고 흐름을 즐겁게 만들 수 있는 모든 종류의 도구를 가지고 있습니다. 또는 필요할 때 불쾌합니다. 모든 토론이 좋을 필요는 없습니다. 때때로 사람들에게 경고하거나 그들이 무시하고 싶어할 수 있는 것을 지적해야 합니다.

‍ 열린 대화 모델 은 게임 산업에서 사용되는 모델입니다. 게임 산업은 세계에서 가장 수익성이 높은 비즈니스 중 하나이기 때문에 동일한 원칙과 정신 모델을 비즈니스 웹사이트와 웹 애플리케이션에 사용할 수 있는지 확인하기 위해 어떻게 디자인하는지 살펴볼 가치가 있습니다.

이러한 종류의 상호 작용은 Facebook과 같은 기업 웹 사이트의 채팅 창에서 발생하는 대부분의 채팅 도우미 대화와 다릅니다. 대화 도우미는 많은 사람들이 고객 디지털 서비스 팀에 연락할 때 기대하게 된 증강 현실을 만듭니다.

그리고 인간 언어 기술의 향상과 건강 기술의 혁신으로 많은 사람들이 기초적인 의료를 받아들이기 시작했습니다. 대화형 인터페이스에서 경미한 건강 문제를 관리합니다. 건강 목적을 위한 대화형 인터페이스는 아직 초기 단계이지만 COVID-19 팬데믹 동안 도약했습니다.

대화형 사용자 인터페이스는 빠르게 변화하고 있으며 UI 디자이너인 우리는 따라잡아야 합니다. 모든 사용자 인터페이스가 대화라면 사람들을 깔때기로 몰아넣지 말고 열린 상태로 유지하고 더 많이 들어야 합니다.

대화형 사용자 인터페이스란 무엇입니까?

A 대화형 사용자 인터페이스 (CUI)는 기술을 사용하여 실제 사람과의 유기적인 대화를 시뮬레이션하는 디지털 사용자 인터페이스입니다. 과거에 컴퓨터는 사용자의 행동을 컴퓨터가 이해할 수 있는 명령이나 주요 용어로 변환하기 위해 텍스트 기반 사용자 인터페이스와 그래픽 인터페이스 모두에 이 대화 요소를 기반으로 했습니다. 인터페이스에 대해 이야기하지만 이것을 보는 좋은 방법은 대화의 렌즈를 통해서입니다.

제가 다녔던 클리닉에서는 안타깝게도 대화형 디자인의 예로 챗봇에만 집중했습니다. 사람들이 대화형 디자인에 대해 이야기할 때 가장 먼저 생각하는 것이 가상 비서와 챗봇이라는 점을 이해하지만 실제로는 논의의 작은 부분일 뿐입니다.

대화형 디자인은 UI 디자인의 많은 영역에 존재합니다. 챗봇과 자동화된 개인 비서는 대화형 사용자 인터페이스의 중요한 기능이지만 확실히 유일한 기능은 아닙니다.

그렇다면 UI 디자이너가 활용할 수 있는 대화형 인터페이스의 다른 기능은 무엇입니까? 부수자down.

대화형 사용자 인터페이스의 실제 응용

이제 대화형 사용자 인터페이스가 무엇인지 다루었으니, 이제 실제 세계에서 어떻게 사용할 수 있는지에 대해 이야기할 시간입니다.

사용자 대화 인터페이스에는 다양한 실제 응용 프로그램이 있습니다. UI 디자이너는 자연어를 가장하여 대화형 경험을 만들거나, 소셜 네트워크 분석을 사용하여 채팅 도우미 또는 대화 도우미를 코딩하거나, 상호 작용을 장려하는 매력적인 그래픽 사용자 인터페이스를 만들 수 있습니다.

우리 대부분은 Facebook Messenger의 프롬프트 응답에 익숙합니다. 인간의 자연스러운 언어를 사용하는 기능과 Facebook Marketplace 및 Facebook Messenger의 가상 비서 역할을 합니다.

Facebook은 소셜 네트워크 분석을 통해 채팅 기능을 사용하여 커뮤니티를 만들고 커뮤니티 그룹이 응답을 유도하고 대화를 장려함으로써 기능할 수 있도록 합니다. .

Nike는 최근 대화형 AI인 Snaps와 협력하여 Jordan 브랜드를 홍보하는 메시지에 응답했습니다. 아래에서 이 대화의 예를 확인하세요.

Ad Week의 이미지 제공

역사적으로 챗봇은 기업이 간단한 질문과 작업을 대화 소프트웨어로 오프로드하는 방법으로 사용되었습니다. , 고객 서비스 팀에서 시간을 빼앗기지 않고.

인간 언어 기술, 핵심 용어 및 주제 용어를 사용하여 회사는챗봇이 모든 간단한 질문을 처리하도록 허용하고 보다 복잡한 문제에 대해서는 고객을 고객 서비스 직원에게 안내합니다.

Siri는 대화형 음성 인터페이스의 훌륭한 예입니다. 2011년에 출시된 Siri는 Apple의 디지털 음성 비서 버전입니다. 그녀는 가장 기본적인 질문과 몇 가지 복잡한 질문에 답할 수 있는 개인 비서 역할을 합니다. 그녀는 또한 전화를 받고, 문자를 보내고, 미리 알림을 설정하는 등의 작업을 할 수 있습니다.

Siri와의 대화 경험은 실제 인간 대화와 유사하게 느껴집니다. 그리고 Siri에 액세스할 수 있는 것은 미국이나 유럽 국가뿐만 아니라 21개 언어를 말할 수 있고 국가별로 올바른 언어를 결정할 수 있습니다. 다른 회사들도 2014년에 출시된 최신 음성 인터페이스 중 하나인 Amazon의 Alexa와 같은 유사한 인터페이스를 만들었습니다.

또한 아이콘과 같은 그래픽 인터페이스를 사용하여 시각적 인터페이스 상호 작용을 구성하는 특정 그래픽 사용자 인터페이스를 고려하십시오. 메뉴 또는 버튼을 사용하여 잠재고객과 '대화'합니다.

조직 수준에서 이러한 시각적 요소는 웹사이트나 앱을 통해 사용자를 안내하는 역할을 합니다. 하지만 곰곰이 생각해 보면 기기와 사용자 간의 대화도 만들어내고 있습니다.

다음은 이것이 어떤 모습일 수 있는지에 대한 좋은 예입니다. Apple은 아이콘을 사용합니다.기기를 통해 사용자를 안내하는 iPhone 홈 화면.

Pinterest의 이미지 제공

또한 많은 국가에서 원격 의료 목적으로 챗봇이 사용되기 시작했습니다. 이 건강 행동 사용자 경험의 적용은 아마도 대화형 인터페이스의 가장 획기적인 사용일 것입니다.

이 새로운 대화형 인터페이스 혁신이 당신을 놀라게 할 수도 있지만 건강 목적으로 사용되는 챗봇의 추세는 실제로 시작되고 있습니다. . 대화식 사용자 인터페이스를 사용하여 건강 문제를 처리하고 해결하는 것은 인간의 건강과 안전이라는 주제의 중요성으로 인해 주목할만한 대화식 디자인에 대한 혁신적인 접근 방식입니다.

대화식 디자인을 활용하는 국립 보건원 온보드 환자에게 챗봇은 대화형 사용자 인터페이스의 채팅 도우미 기능이 신뢰할 수 있는 상호작용 방법으로 확립되었음을 보여줍니다. HIPPA를 준수하고 완전히 기밀인 원격 의료 챗봇을 가능하게 하는 새로운 소프트웨어도 개발되었습니다.

UI 디자인에 대한 또 다른 흥미로운 영감의 원천은 비디오 게임입니다. 비디오 게임 디자이너가 대화형 인터페이스를 사용하여 플레이어와 상호 작용합니다.

비디오 게임의 대화형 사용자 인터페이스

비디오 게임 인터페이스에는 일반적으로 플레이어가 디지털 환경을 탐색하고목표 달성. 이러한 탐색의 예로는 라이프 바, 세계 지도, 포인트 카운터 등이 있습니다.

대화형 인터페이스의 개념이 UI 디자이너에게 어떻게 도움이 되는지 이해하기 위해 지금 플레이하고 있는 비디오 게임의 UI 디자인을 살펴보겠습니다. 지금 내 아이들: Brawl Stars.

게임을 모르는 사람들을 위한 Brawl Stars는 온라인 멀티플레이어 배틀로얄 스타일의 게임입니다. 핀란드 비디오 게임 회사인 Supercell에서 제작했으며 2018년 출시 이후 큰 성공을 거두었습니다.

대단히 인기 있는 게임으로 제 아이들과 친구들이 모두 플레이하고 있습니다. 최근에 그들과 함께 플레이하자고 저를 초대했고 지금은 푹 빠졌습니다.

주요 게임 모드인 보석 잡기는 폐쇄된 전투 경기장에서 3대3 슛 앤 히트 게임입니다. 목표는 10개의 보석을 가장 먼저 수집하고 15초 동안 유지하는 것입니다.

작동 방식은 다음과 같습니다. 몇 초 안에 다시 생성되는 상대를 죽일 수 있습니다. 그리고 모두 독특한 외모, 기술 및 무기를 가진 다양한 Brawlers 중에서 선택할 수 있습니다. 이기면 Brawlers의 업그레이드를 구매하고 새로운 Brawlers를 얻을 수 있는 코인을 수집합니다. 아주 간단하죠?

게임의 홈 화면 시각적 인터페이스의 각 요소에 대해 이야기하면서 대화형 인터페이스로서의 비디오 게임에 대한 아이디어를 살펴보겠습니다.

이 홈에는 많은 일이 일어나고 있습니다. 제공하도록 설계되었습니다.플레이어에게 적시에 올바른 정보를 제공하고 조치를 취할 수 있도록 합니다. 대화형 디자인.

이미지 제공: Brawl Stars

인터페이스의 몇 가지 요소를 자세히 살펴보겠습니다. 동전으로 업그레이드 를 구입할 수 있는 상점이 있음을 알 수 있습니다. 매일 게임에 로그인하면 수집할 수 있는 작은 선물이 상점에 있습니다.

재생 버튼을 사용하여 게임 모드를 전환할 수 있습니다. 현재 Gem Grab이 선택된 것을 확인할 수 있습니다.

왼쪽 하단에는 플레이 중 모은 코인에 대한 보상을 받을 수 있는 Brawl Pass가 있습니다. 여기에서 추가 코인을 얻을 수 있는 새로운 퀘스트도 찾을 수 있습니다. 경고는 플레이어에게 새로운 퀘스트가 있음을 알려줍니다.

UI가 디자인된 방식은 플레이어에게 제시된 정보에 따라 조치를 취할 수 있는 옵션을 제공합니다. Brawl Star의 인터페이스는 많은 옵션을 제공하여 이를 수행합니다. 이는 우리가 웹사이트 및 웹 앱에서 볼 수 있는 많은 인터페이스와는 근본적으로 다른 모델입니다.

온라인 사용자를 안내하기 위해 구매 유입경로를 사용하는 이 전통적인 모델은 선택할 수 있는 옵션을 하나만 제공함으로써 사용자가 사전 설계된 흐름 또는 유입경로를 통해 강제하려고 합니다. 우리는 소비자로서 이러한 흐름에 익숙해졌지만그것이 디지털 소비자 상호 작용에 접근하는 가장 좋은 방법이라는 의미는 아닙니다.

브롤스타의 게임 인터페이스는 완전히 반대입니다. 상호 작용 모드는 강제 구매 깔때기보다 "자신의 모험을 선택"하는 것입니다. 이로 인해 사용자 또는 플레이어는 자신의 여정과 흐름을 선택할 수 있는 훨씬 더 많은 자유를 갖게 됩니다.

사용자에게는 한 번에 많은 옵션이 제공되므로 적절한 시간을 선택할 수 있는 권한이 부여됩니다.

따라서 사용자에게 더 많은 옵션을 제공함으로써 적시에 올바른 정보를 제공한다는 약속을 전달합니다. 게임 디자이너는 하나의 흐름을 염두에 두지 않고 사용자가 그 순간에 필요로 하거나 원하는 것에 따라 자연스럽고 유기적인 흐름을 허용합니다.

더 많은 앱이 웹 기반이 됨에 따라 지배적인 모범 사례 유입경로적 사고와 달리 사용자가 경로를 더 많이 제어할 수 있는 이 모델을 탐색하는 것이 좋습니다.

그리고 기억해야 할 중요한 사항 사람과 컴퓨터의 상호작용이 엄격한 용어 기반 토론을 만들기 위해 일반적인 핵심 용어나 주제 용어를 사용하는 채팅 도우미나 대화 도우미를 통해 항상 수행될 필요는 없습니다. 그보다 훨씬 더 유기적일 수 있습니다!

청중에게 제공하는 것만으로도 대화형 사용자 인터페이스를 만들 수 있습니다.options.

전체 Brawl Stars 인터페이스는 대화입니다

Brawl Stars를 플레이한다면 플레이어의 행동은 인터페이스가 플레이어에게 묻는 질문에 대한 응답이라는 것입니다.

이를 설명하기 위해 다음과 같은 챗봇 디자인 인터페이스가 적시에 동일한 정보를 제공하고 플레이어가 동일한 정보를 받도록 할 수 있습니다. action.

이 챗봇 인터페이스는 대부분의 사람들이 대화형 인터페이스로 보는 것입니다. 그러나 이것은 사용자가 수행해야 하는 동일한 종류의 작업에 대한 또 다른 폼 팩터일 뿐입니다. 브롤스타즈의 인터페이스와 챗봇은 무엇보다 적시에 올바른 정보를 전달하고 사용자가 동일한 작업을 수행할 수 있도록 합니다.

챗봇과 같은 대화형 인터페이스가 지금 많은 주목을 받고 있습니다. 인간의 언어 기술은 더욱 발전했으며 활성 사용자가 로봇과 대화하기를 원하는 시기입니다. 인터페이스 디자인의 완전히 새로운 영역이 열리고 있습니다.

대부분의 챗봇 소프트웨어의 경우 양 당사자가 사용하는 언어를 선택할 수 있으므로 미국, 아시아, 유럽 국가 및 기타 국가에서 도움을 받아 동일한 인터페이스를 사용할 수 있습니다. 번역 소프트웨어. 따라서 전 세계로 커뮤니티 그룹을 확장합니다.