단순한 UI에서 대화형 UI로의 발전

게시 됨: 2016-04-30

사용자로서 무엇이 필요합니까? 아마도 품질이 먼저이고 안도가 두 번째일 것입니다.

이전에는 작업을 완료하기 위해 줄을 서곤 했습니다. 이것은 변형되었고 우리는 작업을 완료하기 위해 데스크탑 PC를 실행하는 것으로 전환했고 우리를 위해 작업을 수행하는 편리한 스마트폰이나 휴대용 장치가 나왔습니다. 이제 폐하에게 명령을 내리기 위해 노트북을 켜거나 전화를 집지 않아도 하는 모든 작업이 필요하다고 상상해 보십시오.

꽤 신비로워 보이지만! 그러나 실제로 가능합니다.

기술에 관한 모든 것이 훌륭합니다. 예, 우리는 상황이 어떻게 형성되는지에 대해 아무런 거리낌이 없습니다. 그러나 우리가 만드는 기술이 아무리 직관적인 디자인 인터페이스를 만든다고 해도 실제 서비스 공급자와 같은 서비스를 제공할 수 없다는 점은 항상 남아 있습니다.

웹 디자인의 본질은 항상 덧없다는 것입니다. 침체가 없고, 모바일 기기의 숙취도 아직 끝나지 않았고, 웨어러블이 등장했습니다. 마찬가지로, 인터페이스 경험을 렌더링할 때 초기에는 단순한 그래픽 디자인이 있었지만 경쟁이 치열해지면서 마크업 변환으로 전환했고 사용자 경험과 사용자 인터페이스에 대한 큰 논쟁이 있었습니다.

논쟁이 잠시 동안 지속되었기 때문에 우리는 새로운 것이 올 것이라고 예상했습니다.

마치 내가 데자뷰를 느끼는 것과 같 으며 여기에 최신 대화형 UI가 있습니다. 대화형 UI는 디자이너가 앱과 사용자 간의 대화를 렌더링하는 사용자 인터페이스의 다음 단계입니다.

무엇 향후 계획? 왜 우리는 기술의 매니페스트 에 갈 수 없습니까?

(글쎄요.. 막 신조어를 만들었어요.)

조작이란 모바일 앱이나 웹 앱에 액세스할 때마다 소프트웨어에 액세스하거나 봇과 대화하는 것이 아니라 사람이 우리를 지켜보고 있는 것처럼 느끼는 것을 의미합니다.

더 이상 사용자 인터페이스를 디자인하지 않는 이유는 무엇입니까?

글쎄, 이것은 사용자 인터페이스와 사용자 경험에 대한 이 모든 소란 후에 어떻게 우리가 사용자 인터페이스가 전혀 필요하지 않다고 말할 수 있다는 것이 디자인 동아리에게 신성모독으로 들릴 수 있습니다. 사용자 인터페이스를 디자인하고 선택 항목과 버튼을 제공함으로써 우리는 제한된 서비스 제공자로 스스로를 묘사했습니다. 사용자가 표현하는 방식을 사용자가 묘사하는 방식을 분류하거나 제한할 수 없습니다.

이제 우리는 무엇을 합니까?

웹사이트 제작에서 로봇 제작으로 전환하고 사용자에게 개인 비서를 제공할까요?

게다가 약 20년 안에 로봇이 미국 노동자의 절반을 대체할 것이라는 옥스퍼드 대학도 증명했다. 글쎄요, 정확히 로봇은 아니지만, 더 이상 소수의 컨트롤을 묘사하는 데 제한되지 않는 새로운 인터페이스입니다.

인터페이스를 디자인하는 것은 이야기를 묘사하는 것과 같으며 인터페이스와 같은 완전한 기능의 로봇을 개발하려면 확실히 더 많은 노력이 필요합니다.

이 완전히 새로운 대화형 UI를 어떻게 사용할지 봅시다.

Photoshop의 시대를 마감하는 대화형 UI

생각해 볼 가치가 있는 생각. 애플리케이션의 사용자 인터페이스를 디자인하지 않으면 어떤 느낌이 듭니까? 웹사이트의 스타일, 색상, 타이포그래피를 선택할 수 없습니다. 또한, 대부분의 시간 동안 웹사이트에 게시할 것이기 때문에 다른 사람들의 규칙을 따라야 합니다.

모든 플랫폼에 음성으로 제어되는 인터페이스가 있다면 어떨까요?

디자인 인터페이스가 전혀 없고 시스템이 음성 인터페이스만 제공해야 하는 경우가 있을 수 있습니다.

보기에는 매우 쉬운 상황처럼 보일 수 있지만, 보이는 것만큼 쉽지는 않습니다. 올바른 색 구성표 선택, 개체 및 기능 배치와 같은 디자인의 모든 번거로움이 더 이상 장애물이 되지 않을 것이라고 생각할 수도 있습니다. 글쎄, 이제 당신은 당신의 모든 기능을 훨씬 더 어려운 일을 통해 볼 수 있도록 해야 합니다. 또한 단어를 매우 신중하게 선택하고 사용자와 의사 소통할 때 말하는 내용과 어조를 확인해야 합니다.

말은 상처를 입히거나 치유하는 강력한 힘을 가지고 있으므로 이미지 백업 없이 웹사이트를 표현할 수 있는 모든 단어가 있으므로 매우 신중하게 사용해야 합니다.

모든 디자인 이론과 인지 분석은 대화형 UI로 전환되어 더 이상 적용할 수 없게 되면서 사라졌습니다. 이는 우리가 Photoshop을 논쟁의 여지가 없는 왕이 더 이상 발판을 가지고 있지 않다고 여겼음을 의미합니다. 이제는 사용자에게 다가가기 위해 스토리라인을 조각해야 하기 때문입니다.

이것은 HTML, CSS 및 JavaScript로 작업하는 것을 좋아하는 사람들에게는 환영할만한 소식이 아니며 작업하는 것을 싫어하는 사람들에게는 바보 같은 소식입니다.

이제 필요한 것은 논리를 작성하는 텍스트 편집기와 웹사이트의 수정을 통합하는 스크립트뿐입니다. 기복을 찾기 위해 Twin과 같은 도구가 필요할 수도 있습니다.

이 외에도 언어 관리를 위한 Wit.ai와 같은 봇 코딩에 필요한 도구와 라이브러리가 있으며 Botkit은 Slack 플랫폼과 통합되며 Beep Boop을 호스팅합니다.

시작하는 방법?

디자인과 관련하여 디자이너가 전달하고자 하는 것이 무엇인지 또는 앱이 무엇에 관한 것인지 쉽게 이해할 수 있습니다. 그러나 무슨 일이 일어나는지 당신이 말하는 것을 묘사하는 인터페이스가 없습니다. 사용자가 웹사이트에 처음 방문했을 때 어떤 인상을 받게 될까요? 빈 화면이 나타나지만 모든 웹사이트에서 얻을 수 있는 컨트롤로 구성되어 있지는 않습니다. 메뉴, 설정 및 전원 버튼에 대한 2~3개의 컨트롤만 있으면 다른 작업을 시작할 수 있습니다.

그것은 매트릭스에 있는 것과 같으며 다른 수준으로 당신을 데려가기 위해 문을 통해 당신을 안내하는 목소리가 있습니다. 즉, 광대한 목초지에서 길을 잃거나 버림받았다는 느낌을 받지 않도록 사용자에게 먼저 자신을 소개해야 합니다. 따라서 사용자에게 귀하가 그들을 위해 있음을 알리십시오. 긴 연설을 하지 말고 간단하고 명료하게 유지하고 한 두 줄로 완전한 설명을 하도록 노력하십시오.

대화형 UI를 적용할 때 두 가지 유형의 사용자가 발생한다는 점을 기억해야 합니다.

  • 앱을 진행할 생각이 없으신 분
  • 앱이 자신을 위해 무엇이든 할 수 있다고 생각하는 또 다른 사람

즉, 모든 페이지를 효율적으로 안내하여 두 사용자를 모두 처리해야 합니다.

어떤 사용자가 당신에게 이상한 일을 해달라고 요청하면 당신이 무엇인지, 당신이 그들을 위해 무엇을 할 수 있는지 알려야 합니다.

빈 화면만 표시하지 마십시오.

검색 가능성은 앱용 GUI를 설계할 때 중요한 요소입니다. 이제 사용자가 자신의 앱에 익숙하다는 것을 알고 있는 사람들을 위해 원하는 것은 무엇이든 표현할 수 있습니다.

따라서 누군가가 앱을 처음 사용하는 경우 모든 옵션과 아이콘이 매우 명확한지 확인해야 합니다.

이 작은 아이콘이 배치된 이유를 설명하기 때문에 사용자가 작업을 수행하기가 매우 쉽고 이러한 아이콘이 설명하기에 충분하지 않다고 생각되면 사용자가 배치할 때 표시되는 일부 우선적인 콘텐츠를 배치할 수 있습니다. 그 위에 마우스. 이렇게 하면 스마트폰을 사용하지 않을 때 받은 알림을 알 수 있습니다.

그러나 로봇과 대화한다는 것은 그저 빈 화면을 응시한다는 의미다. 또한 모든 기회를 확인하고 관련되지 않은 모든 디스플레이 기능을 확인하는 것은 로봇의 책임이 됩니다.

연락처 또는 잠재 사용자를 사용하여 로봇과 함께 작업하는 것이 편안한지 여부를 확인하고 로봇을 제안할 작업을 물어보십시오. 그런 다음 기록의 매우 명확하고 설명적인 버전과 로봇의 작업 및 작업을 완료하기 위해 무엇을 할 것인지를 제공해야 합니다.

다음 단계로 더 나아갈 수 있고 도움말을 얻을 수 있는 곳을 사용자에게 설명할 수 있습니다. 예를 들어 전체 FAQ 페이지 또는 전체 설명서를 알려줍니다.

소개 후에는 점진적인 수준으로 교육을 이수해야 합니다. 성공적인 상호 작용을 완료한 후 설명을 약간 줄여서 앱을 더 효율적으로 만들 수 있습니다.

그런 다음 사용자 상호 작용을 계속 확인하고 반응에 따라 설명을 공식화할 수 있습니다. 더 많은 옵션과 함께 더 나아가기 위한 팁을 언급하는 데 실패하지 마십시오. 주의를 기울이고 설명을 반복해서 하면 일이 지루해질 수 있습니다.

제안을 할 때 적극적으로 행동하십시오. 예를 들어, 알림 알람에 불과한 또 다른 로봇이 아니라 기능을 확장하고 다른 작업도 수행하는 로봇이 되십시오.

물론 로봇은 리마인더 알람보다 훨씬 더 직관적입니다. 리마인더는 당신에게 상기시켜 줄 뿐만 아니라 사람들과 대화를 시작하기 때문입니다.

"어때 잘 지내. 아침을 먹었고, 그렇지 않다면 아침 11시에 회의에 가야 하므로 배부르게 먹도록 하세요.”

로봇이 대화를 시작할 때 매우 관련성이 있어야 하므로 솔루션을 제공하는 동안 주의하십시오. 그렇지 않으면 스팸으로 끝납니다. 그와 함께 사용자가 대화에서 쉽게 벗어날 수 있는지 확인하십시오.

앱에 대화형 UI가 필요합니까?

음성 메시지가 전체 플랫폼을 어떻게 처리할 수 있는지 궁금할 수도 있지만, 이는 음성으로 제어되는 Amazon Echo와 같은 플랫폼이 있기 때문에 가능합니다. 이와 함께 WeChat 및 기타 기술을 수용하기 위해 한 걸음 더 나아간 다른 여러 앱이 있습니다.

대화형 UI가 곧 화제가 될 것이라는 것을 알고 있지만 탐색, 검색 및 다중 선택과 같은 특정 작업은 일반 인터페이스를 사용하여 효율적으로 수행됩니다. 따라서 이러한 서비스를 렌더링할 때 굳이 대화형 UI를 채택할 필요가 없습니다.

우리는 어디에 도달했습니까?

점차적으로 사용자는 대화형 로봇에 익숙해지고 이 사용자 인터페이스를 더 좋게 만들기 위한 아이디어도 내놓을 것입니다. 사용자 경험에 대한 전체 토론이 아니었다면 전체 사용자 인터페이스를 디자인 페이지에서 수정으로 변경하는 지점에 도달하지 않았을 것입니다.

1~2년 후에 대화형 UI의 기능을 개선하는 방법, 주요 트렌드 또는 대화형 UI 경험을 개선하는 방법에 대해 논의할 수 있습니다.

현재로서는 Conversational UI에 대한 구체적인 내용이 없지만, 이것이 웹 디자인 세계를 360도 전환할 다음 디자인 혁명이 될 가능성이 높습니다.

그것의 길고 짧은!

기술은 나날이 더 똑똑해지고 더 똑똑해짐으로써 우리를 나날이 게으르게 만들고 있습니다. 기술은 끊임없이 새로운 진보적 이정표를 달성하고 정체된 적이 없기 때문에 우리가 상상했던 일이 지금처럼 가능합니다.

나는 당신의 두뇌에 요리에 대한 많은 질문이 있다는 것을 알고 있습니다.

나와 같은 일이 일어나고 있으므로 공유하십시오!