웹 양식의 끝

웹 양식은 성가시고 비효율적이며 사람들을 두려움으로 가득 채웁니다. 실제로 웹 양식 작성을 좋아 하는 사람이 있습니까? 그럼에도 불구하고, 그들은 가장 중요한 온라인 상호 작용을 만들거나 깨뜨릴 수 있는 "필요한 악"입니다.

웹 양식은 여전히 ​​대부분 오래된 종이 양식을 기반으로 합니다. 30년이 지났지만 우리는 여전히 같은 정보를 계속해서 양식에 입력하고 있습니다.

고맙게도 주요 변화가 진행 중입니다. 지금부터 5년 후, 우리는 구직 신청서, 신용 카드 신청서를 작성할 때 개인 데이터를 입력할 때 사용했던 어색하고 느리며 실망스러운 방식을 공포에 떨게 될 것입니다. 전자 상거래 계산 처리, 계정 등록 등 정보 입력이 필요한 거의 모든 작업을 처리합니다. 이러한 상호 작용의 중요성에도 불구하고, 상호 작용을 가능하게 하는 형식의 디자인은 종종 매우 빈약하게 생각됩니다.

결론은 데스크톱이든 모바일이든 오늘날 대부분의 웹 양식은 단순히 끔찍한 사용자 경험이라는 것입니다. Nielsen Norman Group, Baymard Institute(전자 상거래) 및 Luke Wroblewski(Interaction Design Association의 공동 설립자)와 같은 UX 업계 전문가의 수많은 책, 연구, 기사 및 백서에도 불구하고 많은 조직, 심지어 생명의 근원이 의존하는 조직도 있습니다. —웹 양식 ux 디자인 모범 사례를 따르지 마십시오.

이는 수십억 달러의 수익 손실로 이어집니다.

놀랍게도 수십억 달러 규모의 전자 상거래의 거대 기업인 Amazon은 배송 및 매장 픽업, 신용 카드 정보, 유효성 검사 오류, 더. 그런 열악한 UX로 인해 얼마나 많은 비즈니스가 손실됩니까?

오늘날 대부분의 웹 양식은 답답하고 작성 속도가 느리며 사용성을 가장 마지막에 두고 있습니다.

시간과 인지 부담 측면에서 온라인 양식은 큰 골칫거리가 되는 경향이 있습니다. 압도적으로 오류가 발생하기 쉽고 기본값, 자동 완성 및 자동 서식이 부족합니다. 그들은 입력 오류를 심하게 처리합니다. 독특한 디자인 사고 방식이 필요하고 사용성 문제가 다른 모바일 양식에 대해서는 이야기하지 않습니다.

조직은 종종 거래를 완료하는 데 필요하지 않은 경우에도 사용자로부터 너무 많은 정보를 수집하려고 합니다. 기부 양식은 기부자의 이익을 고려하지 않고 자체 통계를 위해 기부자 프로필 데이터를 수집해야 한다고 주장하기 때문에 종종 가장 큰 범죄자입니다. 힘들게 번 동전을 누군가에게 주려고 할 때 현금을 들고 기다려야 한다는 말을 들었다고 상상해보세요. 고맙지 만 사양 할게.

모바일 양식(계정 등록, 체크아웃 등)은 고유한 UX 문제와 과제로 가득 차 있습니다. 화면이 작고 풀사이즈 키보드가 없어서 입력이 불편합니다. 사람들은 UI 요소를 탭하고 스와이프하기 위해 손가락 끝을 사용해야 합니다. 텍스트 입력은 전용 미니 키보드가 있는 장치에서도 특히 느리고 오타가 많습니다.

작은 화면은 주어진 시간에 볼 수 있는 옵션이 더 적다는 것을 의미하므로 사용자는 장면 뒤에서 시스템의 멘탈 모델을 구축하기 위해 단기 기억에 의존해야 합니다.

진화하는 웹 양식

웹 양식은 진화 단계의 한가운데에 있습니다. 완전히 새로운 패러다임의 탄생을 앞두고 우리는 고통스럽고, 투박하고, 지루하고 반복적인 "양식에 입력" 초기 단계와 Touch ID, 음성 인쇄, 컴퓨터 비전, 얼굴 인식 및 홍채 스캔은 개인 데이터의 잠금을 해제하고 필요한 모든 정보를 필요한 시스템에 원활하고 안전하게 제공합니다.

UX 디자이너는 경험을 개선하고 웹 양식 작성과 관련된 고통을 줄이기 위해 끊임없이 노력하고 있지만 이 중간 단계에서는 여전히 궁극적인 "진통제" 솔루션이 아닌 "비타민"만 제공하고 있습니다.

보다 사용자 친화적이고 원활한 사용자 경험을 제공하기 위해 일부 최신 양식 디자인은 기존 양식과 유사하지 않은 인터페이스를 구현하여 몇 가지 좌절감을 없애려고 합니다. 그들은 우리의 삶을 훨씬 더 쉽게 만드는 데 성공했지만 여전히 갈 길이 있습니다.

자동 완성이 구출되다

Google의 Chrome 브라우저와 자동 완성 기능은 보다 효율적인 양식 완성을 위해 오랫동안 기다려온 신의 선물이었습니다. 빠른 웹 양식 작성을 위해 신용 카드를 포함하여 자주 입력하는 개인 데이터를 안전하게 저장합니다. Google의 최근 연구에 따르면 Chrome의 자동 완성 기능을 비활성화하면 제출되는 양식이 25% 감소했습니다. 연구에 따르면 이 경험이 없으면 일부 사용자는 양식 작성을 완전히 포기합니다.

놀라다! 양식에 지루한 입력은 사람들이 피하고 싶어하는 것입니다.

고통을 덜어주는 비밀번호 관리자

수백 개의 온라인 계정에 대한 암호를 지속적으로 검색하고 입력하는 것은 귀찮은 일입니다. 암호 관리자는 몇 년 전에 구출되어 현재 널리 사용됩니다. 1Password와 Dashlane은 몇 번의 클릭이나 탭으로 웹사이트와 앱의 암호화된 비밀번호를 안전하게 저장하고 자동으로 채우는 두 가지 선도적인 솔루션입니다.

소셜 로그인으로 등록 끝

WebHostingBuzz에서 수집한 연구에 따르면 사용자의 86%가 새 계정을 만들어야 하는 번거로움이 있다고 보고합니다. 소셜 로그인을 사용하면 등록할 필요가 없습니다. 페이스북, 구글+, 링크드인, 트위터 등 소셜네트워크서비스(SNS)의 기존 정보를 활용한 SSO(Single Sign-On) 방식이다. 사용자 이름과 암호의 필요성을 줄여 등록을 늘리고 진입 장벽을 최소화합니다.

모바일 장치 기술로 양식 부담 완화

자주 사용하는 값 ​​저장 및 검색, 전화 기능(카메라, GPS, 음성, 연락처 목록)을 사용하여 양식을 미리 채우고 자동 형식 데이터(미국 주를 미리 선택하는 우편 번호 기반).

또한 필요한 입력 유형에 따라 키보드를 변경할 수 있습니다. 첫 글자를 기준으로 제안/자동 완성 기능을 사용할 수 있으며, 전화번호와 신용카드 번호를 자동으로 포맷할 수 있습니다.

웹 양식 동향

논의한 바와 같이 전통적인 웹 양식 디자인은 오래된 종이 기반 모델을 따릅니다. 그래서 그들은 너무 비슷하게 보입니다. 이전에는 다른 방법으로 개인 데이터를 수집하는 기술이 없었지만 오늘날에는 가능합니다. 기존의 웹 양식을 완전히 떠나기 위한 노력의 일환으로 디자이너는 사용자에게 깔끔한 UI와 텍스트 입력 위치를 나타내는 밑줄이 그어진 영역을 제시하고 있습니다. 이렇게 하면 양식을 작성하는 것이 더 자연스럽고 데이터 입력처럼 느껴지지 않습니다.

또 다른 추세는 사용자 입력을 보다 대화식으로 요청하여 보다 인간적인 상호 작용을 만드는 것입니다. 보다 정교한 챗봇 및 기타 입력 방식의 미래 세계의 선구자로, 사용자 입력 필드를 자연스럽게 흐르는 문장과 질문으로 엮는 것을 포함합니다.

머신 토크백: 챗봇과 자동화 에이전트의 부상

일반적으로 봇은 인스턴트 메시징을 애플리케이션 인터페이스로 사용하는 인공 지능 플랫폼입니다. 챗봇은 양식을 작성하도록 요청하여 사용자에게 부담을 주는 대신 상호 작용을 보다 자연스럽고 대화식으로 만들어 이러한 부담을 덜어줍니다. 일부 봇은 AI가 아니라 채팅을 통해 대화를 통해 멋진 사용자 경험을 제공하는 실제 인간입니다.

예를 들어 간단한 여행 예약을 완료하는 데 걸리는 시간은 같을지라도 상호 작용이 대화형이고 덩어리로 분할되기 때문에 인지 부담이 줄어들고 경험이 향상됩니다.

이제 여행자는 Facebook 메신저 앱을 사용하여 하얏트 호텔을 예약하거나 하얏트 팀과 실시간 채팅을 통해 특정 휴일에 예약 가능한지 여부와 같은 자유로운 형식의 질문을 할 수 있습니다.

보험은 자동화 에이전트의 등장으로 혼란에 빠질 준비가 된 또 다른 산업입니다. Facebook은 누구나 챗봇을 개발하고 배포할 수 있도록 메신저 플랫폼을 제공함으로써 자동화된 보험 에이전트의 문을 열었습니다.

영국의 Jack Insurance가 바로 그 일을 합니다. 웹 디자이너, 개발자, 일러스트레이터와 같은 웹 전문가와 프리랜스 창작자를 위한 간단한 비즈니스 보험을 제공하기 위해 만들어졌습니다.

그러나 챗봇 등으로 양식 작성 경험을 반창고하는 것은 절반에 불과합니다. 사람들이 계속해서 많은 개인 데이터를 반복적으로 제공해야 하기 때문에 장기적으로는 작동하지 않을 것입니다.

문제를 만들 때 사용한 것과 같은 종류의 사고 방식으로는 문제를 해결할 수 없습니다. – 알버트 아인슈타인

"비타민" 단계에서 진정한 진통제로 넘어가기 위해서는 다르게 생각하고 새로운 패러다임으로 크게 도약해야 합니다.

AI의 부상: 미래의 사용자 친화적인 데이터 수집

힘들고 반복적인 여름 휴가를 예약하는 과정을 거치지 않은 사람이 어디 있겠습니까? 최근 계획을 세웠을 때 3개의 항공사, 12개의 호텔, 2개의 렌터카 회사, 공항 교통편... 같은 이름, 주소, 신용 카드 번호, 상용 고객 클럽 번호, 전화 번호, 이메일로 수많은 양식을 반복해서 작성했습니다. 주소 ... 그 과정은 완전히 영혼을 죽이고 완전히 우스꽝 스럽습니다.

Google은 스트레스가 해소되지 않는다고 보고합니다. 레저 여행자의 69%는 여행을 예약하는 동안 최적의 가격을 찾지 못하거나 최선의 결정을 내리지 못하고 있다고 걱정합니다. 게다가 90%의 시간 동안 동일한 정보로 끝없는 양식을 작성하는 열악한 사용자 경험과 우리는 엄청나게 좌절하고 스트레스를 주는 프로세스에 대해 이야기하고 있습니다. Chrome의 자동 완성 기능과 앞서 언급한 기타 편의 사항에도 불구하고 경험은 여전히 ​​고통스럽고 지루합니다.

장기적인 UX 비전은 웹 양식을 계속 완성하는 것이 아니라 완전히 없애는 것입니다.

앞서 언급했듯이 모바일에서 사용할 수 있는 기술의 배열로 인해 GPS, 지문(Touch ID), 음성 인쇄 및 인식, 홍채 스캔, 얼굴 인식, 컴퓨터 비전, AI 비서 및 챗봇, 피할 수 없는 개인 데이터 수집 성공적인 온라인 거래를 위해 발생하는 모바일 퍼스트 혁신입니다. 따라서 데스크톱 사이트는 모바일 장치의 기술 역량을 활용하여 정교한 ID 인증을 수행할 수 있습니다.

이름, 집 주소, 직장 주소, 전화번호, 마일리지, 생년월일 등 개인에 관한 모든 것을 매우 안전하게 저장하는 개인 데이터 저장소가 있는 이상적인 미래를 상상해 봅시다. 이 개인 데이터 저장소는 다음과 같은 방법으로 잠금 해제할 수 있습니다. 생체 인증, 보안 질문 및 마스터 비밀번호의 조합. 잠금이 해제되고 액세스 권한이 부여되면 사용자가 정보를 입력하지 않고도 사이트 또는 앱에서 필요한 모든 정보에 액세스할 수 있습니다.

플랫폼 및 장치에 따라 볼트 잠금을 해제하는 데 다양한 방법과 대체가 사용될 수 있습니다. 사용자가 데이터를 입력하지 않아도 되도록 시스템은 챗봇이나 음성 인식 및 자연어 처리 옵션이 있는 기타 대화형 UI를 사용하여 간단한 질문을 합니다. 음성 입력이 실용적이지 않은 경우 키보드 입력이 가능합니다.

한 걸음 더 나아가, 이 개인 데이터 저장소는 다른 저장소(예: 파트너 또는 배우자의 저장소)와 연결될 수 있으며 소유자의 동의가 있으면 관련 정보에 액세스하기 위해 일시적으로 잠금 해제됩니다(액세스는 간단하고 요청된 정보만 제공). 그러면 여행 앱이나 사이트에서 필요한 모든 데이터에 안전하게 액세스하고 쉽게 여행 준비를 할 수 있습니다.

웹 양식은 이제 더 이상 필요하지 않은 과거 시대의 흥미로운 인공물인 구식이 될 것입니다. 위에서 설명한 시나리오에서 UX 디자이너는 형식 없이 더 나은 경험을 디자인해야 합니다. 웹 양식에 정보를 입력하는 것을 포함하여 기존의 모든 상호 작용은 배경으로 사라질 것입니다.

변화하는 사용자 입력의 특성

인터넷과 스마트폰 사용은 압도적이고 현재까지 존재하는 풍부한 데이터를 생성했습니다. 컴퓨터 비전, IoT, 인공 지능, 머신 러닝과 같은 "미래 기술"은 이미 여기에 있으며 상호 작용의 특성과 UX 환경을 변화시키고 있습니다.

기존의 UI가 사라지고 웹 양식이 그 변화의 일부입니다. 확실히 사용자 입력 양식에 대한 일부 필요성은 사라지지 않을 것이지만 입력을 제공하기 위해 사용자 상호 작용이 점점 더 적게 필요한 보이지 않는 인터페이스가 널리 퍼질 것입니다.

머신 러닝과 같은 AI 기술은 개인 데이터에 대한 액세스를 통해 가치를 추출할 수 있으며 스마트 알고리즘은 사용자가 더 쉽게 구직 지원, 여행 예약 및 온라인 구매를 완료하는 데 필요한 데이터를 예측할 수 있습니다.

우리가 희망찬 열망을 옹호하고 이러한 고상한 UX 이상을 추구하는 동안 웹 양식을 완전히 제거하는 독창적인 방법과 개인 데이터에 대한 보안 문제 사이에는 여전히 균열이 있습니다. 강력하고 안전한 시스템을 설계할 수 있지만 이러한 문제를 처리해야 합니다. 연구에 따르면 사람들은 개인 데이터를 공유하고 이를 통해 상당한 가치와 시간을 절약할 수 있는 경우 추적을 허용합니다.

게임에서 앞서 나가기 위해 UX 디자이너는 챗봇과 대화형 UI로 가득 찬 미래 시나리오를 숙고하기 시작해야 합니다. 경험을 최적화하고 사용 사례 시나리오를 파악해야 합니다. 상호 작용 단계가 가능한 한 원활하고 효율적입니까? 챗봇의 음색은 무엇입니까? 작업을 완료하는 데 걸리는 시간을 줄이고 있습니까, 아니면 늘리고 있습니까? 생체 인식 ID 인증이 오면 그 상호 작용은 어떻게 될까요? 어떻게 하면 사용자에게 더 나은 서비스를 제공하고 삶을 더 쉽게 만들어 주는 놀라운 경험을 제공할 수 있을까요?

기술과 상호작용의 본질은 변하지만 UX 디자인의 모범 사례인 사용자 중심의 디자인 프로세스의 총체와 본질은 계속 진화하고 궁극적으로 우세할 것입니다.

• • •

Toptal Design 블로그에 대한 추가 정보:

• 전자 상거래 UX – 모범 사례 개요(인포그래픽 포함)
• 제품 디자인에서 인간 중심 디자인의 중요성
• 최고의 UX 디자이너 포트폴리오 – 영감을 주는 사례 연구 및 사례
• 모바일 인터페이스에 대한 경험적 원리
• 예측적 디자인: 마법 같은 사용자 경험을 만드는 방법