콘텐츠
- 01. 약속 지키기
- 02. 일관성
- 03. 명확하게
- 04. 컨텍스트 존중
- 05. 목소리를 알아라
- 06. 즉시 결과 표시
- 07. 전환 변경
- 08. 가이드, 지시하지 마세요
- 09. 단순하지 않고 간단하게
- 10. 더 많은 것을 원하게 두지 마십시오
'진실, 거짓말, 인터넷'보고서에서 싱크 탱크 Demos는 영국에서 설문 조사에 참여한 10 대 중 1/3이 온라인에서 찾은 정보가 자격없이 사실이라고 믿고 있다는 사실을 발견했습니다. 더욱 놀라운 사실은 해당 그룹의 15 %가 외모만으로 웹 페이지 콘텐츠의 진실성에 대한 결정을 내렸다는 점입니다.
디자인은 의도 된 청중의 신뢰를 얻는 단일 기본 목적을 제공합니다. 연구에 따르면 디자인을 본 후 1 초 이내에 한 단어를 읽기 전에도 우리가보고있는 내용의 품질과 신뢰성에 대한 의견을 이미 결정했습니다.
기본적인 신뢰가 확립되면 경험 설계가 데이터를 지식으로, 지식을 이해로 전환하는 데 도움이 될 수 있습니다. 그러나 열악한 사용자 경험은 사용자가 제품 또는 전체 브랜드를 불신하기 시작하면서 사용자를 끌 수 있습니다.
설계자가 아닌 사람에게 설계 결정을 설명하는 것은 어려운 일입니다. 하지만 지난 몇 년 동안 깨달은 것은 제가 내리는 결정이 단지 본능적 인 것이 아니라는 것입니다. 이러한 결정은 청중의 신뢰감에 호소 할 것이라고 생각하는 것에 기초합니다. 즉, 그들이 내 디자인을 가장 편안하고 신뢰하게 만드는 것입니다. 그러한 맥락에서 결정을 설명 할 수있을 때 고객, 관리자 및 기타 팀원이 제가 원하는 방향으로 참여하도록하는 것이 훨씬 더 쉽다는 것을 알게됩니다.
제 경험을 바탕으로 디자인을 통한 신뢰 구축을위한 10 가지 주요 팁이 있습니다.
01. 약속 지키기
신뢰를 잃는 가장 확실한 방법은 약속을 어기는 것입니다. 무언가를 약속했는데 그 일이 일어나지 않으면 청중은 즉시 당신이하는 모든 일에 대해 의심하게됩니다. 사용자 인터페이스에서 깨어진 약속은 다양한 방식으로 발생할 수 있지만 비즈니스 또는 기술 요구가 사용자 경험과 충돌 할 때 가장 자주 발생합니다.
예를 들어, 얼마 전 Yahoo의 메일 링크를 클릭하면 이메일로 이동하지 않고 광고가 화면을 넘겨서 마케팅 대상이됩니다. 링크를 클릭하여 내 이메일로 이동하면 내 이메일이 다음에 표시 될 것이라는 암시 적 약속이 있습니다.
이 광고 '도용'은 모든 클릭으로 수익을 창출하려는 웹 제품에서 매우 일반적인 패턴입니다. 하지만이 질문을 할 생각이라면 '사용자가 내 링크를 클릭했을 때 가고 싶다고 말한 곳으로 즉시 이동할 수 있다는 사실을 사용자에게 불신하도록 교육하고 있습니까? 그러면 그들은 다른 곳으로 갈 것인가?”좋은 소식은 야후가 그 방식을 수정 한 것 같다는 것입니다. Yahoo 메일을 업데이트하면 사용자가 즉시 이메일로 이동합니다.
02. 일관성
일관되지 않은 인터페이스는 깨진 약속의 특별한 형태입니다. 특정 인터페이스 요소가 작동하고 반응하는 방식에 대한 기대치를 설정할 때 해당 상호 작용을 변경하거나 유사한 목표를 달성하기 위해 다른 UI 패턴을 도입하면 사용자가 혼란을 겪게됩니다. 문제는 특히 대규모 또는 분산 된 팀과 함께 작업하는 경우 일관성이없는 다른 장소 나 시간에서 의사 결정을 내릴 수 있으며 이러한 불일치가 시간이 지남에 따라 확대 될 수 있다는 것입니다.
단순한 스타일 가이드 이상의 강력한 디자인 가이드는 일관성없는 사용자 인터페이스 문제를 완화하는 데 도움이 될 수 있습니다. 디자인 가이드는 모든 팀원이 일관된 답변과 디자인 패턴, 그리고 새로운 패턴의 결정을 안내하는 데 도움이되는 디자인 철학을 위해 갈 수있는 중심점을 형성합니다.
대부분의 경우 디자인 가이드는 영업 비밀로 밀착되어 있지만 BBC Global Experience Language (GEL)는 대중에게 공개 된 예입니다.
03. 명확하게
명확하지 않은 디자인은 사용자 혼란과 불신으로 이어질 수 있습니다. 명확성을 최적화하기위한 지침은 특히 가독성을 높이기 위해 화면에서 텍스트와 색상이 작동하는 방식을 고려할 때 디자인과 상충 될 수 있습니다. 그러나 콘텐츠를 읽는 데 어려움을 겪는 사용자는 콘텐츠를 신뢰하는 경향이 적습니다.
웹 사이트 Contrast Rebellion은 디자인에서 낮은 대비의 전경색과 배경색을 사용하는 것에 반대하며 이러한 디자인이 불분명하고 읽기 어렵다고 주장합니다.
사이트에서는 "검은 색보다 디자인 컴포지션에서 회색이나 기타 저 대비 글꼴 색상이 더 잘 보이기 때문에 방문자에게 골칫거리를주지 마십시오."라고 촉구합니다.
04. 컨텍스트 존중
콘텐츠가 왕이면 컨텍스트는 여왕입니다. 건축가 Eliel Saarinen은 "방의 의자, 집의 방, 환경의 집, 도시 계획의 환경과 같은 더 큰 맥락에서 항상 사물을 설계해야합니다."라고 말했습니다. 웹 디자인도 마찬가지입니다.
버튼은 단순한 버튼이 아닙니다. 맥락에서 생각해보십시오 : 모듈의 버튼, 섹션의 모듈, 기사의 섹션, 웹 페이지의 기사, 웹 사이트의 웹 페이지.
최근 미국의 유명한 티켓팅 웹 사이트에서 닥터 후 50 주년 동시 방송 티켓을 구매하려고했습니다. 티켓이 빨리 갈 것 같아서 일찍 로그인하고 이벤트를 찾은 다음 '티켓'이라는 버튼 위의 이미지를 클릭했습니다. 이렇게하면 '출시 예정'페이지로 이동했는데 티켓이 아직 판매되지 않았다는 의미라고 생각했습니다. 참을성있게 기다렸다가 화면을 자주 새로 고침했지만 메시지는 변하지 않았습니다. 나는 발표 된 개장 시간을지나 기다렸다. 드디어 다시 시작했습니다. 이번에는 바로 위에있는 이미지가 아닌 '티켓'이라는 버튼을 자연스럽게 클릭했습니다. 티켓이 모두 매진되지 않았다면 구매할 수있는 완전히 다른 페이지로 이동했습니다.
위의 이미지와 관련하여 배치 된 버튼은 완전히 별개의 두 가지 동작 일 때 하나의 개체라고 믿도록 속였습니다. 그 결과 Doctor Who 3D 동시 방송 티켓을받지 못했습니다.
05. 목소리를 알아라
강한 목소리는 세상을 바꿀 수 있습니다. 사람들은 본질적으로 자신감 있고 흔들리지 않는 목소리를 신뢰하지만 그 목소리는 자신의 목소리 여야합니다.
Curiosity Labs의 창립자이자 Curious for a Living : How Asking Better Questions Makes You Indispensable의 저자 인 Lauren Bacon은 '고객이'[여기에 브랜드 삽입] '과 같은 디자인을 요청했습니다. 이에 대한 응답은 항상 '좋아요. 해당 브랜드 / 회사 / 웹 사이트에서 좋아하는 점을 알려주세요.'였습니다. "
고객은 종종 자신이 알고 존중하는 다른 제품처럼 보이도록 요구하지만, 이는 실제로 해당 브랜드와 유사한 방식으로 인식되고 싶다고 말하는 것의 속기 일뿐입니다. 그러나 디자이너로서 자신과 자신의 고유 한 가치를 표현하도록 돕는 것이 우리의 임무입니다. 베이컨은 "그럴 때마다 저작권의 합법성을 지적한 다음 시장에서 다른 브랜드와 차별화하는 것이 얼마나 중요한지에 대해 토론하도록 유도했으며, 이는 우리를 다시 궤도에 올릴 수있었습니다."라고 말합니다.
06. 즉시 결과 표시
원인은 항상 가능한 한 빨리 효과로 이어져야합니다. 방문자가 시스템에 무언가를 입력하면 지체없이 결과를 볼 수 있기를 기대합니다. 이는 색상 변경이나 작은 움직임으로 사용자 작업에 응답하는 컨트롤을 사용하여 작은 방식으로 발생할 수 있지만, 사용자가 검색을 시작할 때 실시간으로 업데이트되는 결과에 대한 변경 사항을 표시하는 등 더 큰 방식으로도 발생합니다.
최근에 제가 State Health Reform System Assistance Network를 위해 디자인 한 프로젝트에서, 옵션 목록을 즉시 필터링하는 리소스 문서 용 검색 엔진을 디자인했습니다.
07. 전환 변경
인간은 변화 실명으로 고통받습니다. 우리는 주에 명백한 전환이없는 한 환경의 상당한 변화조차 감지하기 어렵습니다. 유명한 실험 중 하나는 호텔 손님이 리셉션 데스크로 걸어 가서 점원이 몇 초 동안 고객과 대화 한 다음 펜을 떨어 뜨리는 척하고 리셉션 데스크 뒤에서 사라지는 것입니다. 몇 초 후 완전히 다른 사람이 일어나서 상대방이 그만 둔 대화를 시작했습니다. 압도적 인 대다수의 고객은 자신이 완전히 다른 사람과 거래하고 있다는 사실을 알지 못했습니다. 나는 그들 중 몇 명 이상이 그것이 무엇인지 정확히 알지 못하더라도 무언가가 옳지 않다고 느꼈다고 생각합니다.
이것이 웹이 작동하는 방식이며 페이지가로드되거나 변경 될 때 불편한 중단이 발생하여 사용자를 방해하고 무엇이 다른지에 대해 불편 함을 느끼게합니다.
USA Today는 새로운 콘텐츠가로드 될 때마다 슬라이드, 크로스 페이드 및 팝업을 사용하여 명확하고 일관된 전환을 만들어 웹 사이트의 변화 맹목을 극복함으로써 사용자가 어디서 왔는지에 대한 컨텍스트를 잃지 않도록했습니다.
USA Today 리디자인을 담당하는 크리에이티브 디렉터 인 Andres Quesada는 "사용자가 경험을 떠나지 않은 것처럼 느끼기를 원했습니다. 처음부터이를 원칙으로 설정하는 것이 중요했습니다. 기사 또는 섹션로드 중 전면이 너무 파괴적이었습니다. "
08. 가이드, 지시하지 마세요
강압 당하거나 속임수를 쓰는 것을 좋아하는 사람은 없습니다. 청중에게서 선택을 멀어 지거나 그들이 스스로 할 가능성이없는 선택을하면 그들의 신뢰를 배신하는 것입니다.
우리가 볼 수있는 일반적인 패턴 중 하나는 종종 뉴스 레터 또는 제 3 자의 제안에 가입해야하는 사전 확인 옵션입니다. 경우에 따라 추가 기능을 구매하는 경우에도 비용을 지불해야 할 수도 있지만 비용을 지불하고 있다는 사실조차 깨닫지 못합니다.
09. 단순하지 않고 간단하게
Steve Krug는 자신의 저서 Do n’t Make Me Think, Revisited : A Common Sense Approach to Web Usability에서 '내가 생각하게하지 마십시오'라고 말합니다. 그러나 그는 우리에게 '생각하게하지 마'라고 말하지 않습니다. 이것은 중요한 차이점입니다. 당신의 청중은 어리석지 않습니다. 그리고 당신이 그들을 지적인 인간이 아닌 다른 존재로 대하기 시작하자마자 그들은 당신을 켜고 그들을 존경하는 사람을 바라 볼 것입니다. 사용자 인터페이스는 자연스럽고 사용하기 쉬워야합니다. 그렇다고 모든 옵션을 제거하는 것이 아니라 정직하고 지속적이며 명확하게 표시된다는 의미 일뿐입니다.
10. 더 많은 것을 원하게 두지 마십시오
오래된 연극 속담은 '항상 더 많은 것을 원하게 만든다'는 것입니다. 그러나 왜 당신은 끊임없이 서로에게 다리를 부러 뜨리라고 말하는 스파이들로부터 조언을 받고 싶습니까?
사용자 경험의 경우 정반대입니다. 사용자를 옵션없이 방치하거나 막 다른 골목으로 이끌고 싶지는 않습니다. 그렇게하자마자 잃어버린 것입니다. 이 10 가지 주요 팁을 사용자의 신뢰를 구축하고 유지하기위한 출발점으로 사용하세요.
말: 제이슨 크랜 포드 티그 삽화: 마이크 브레넌
Jason Cranford Teague는 Gannett Digital의 UX 책임자이며 베스트셀러 'CSS3 : Visual Quickstart Guide'와 곧 출시 될 'The New Web Typography'의 저자입니다. 이 기사는 원래 인터넷 잡지 252 호에 실 렸습니다.
