놀랍도록 사용자 친화적인 웹사이트를 만드는 방법

한 남자가 술집에 들어갑니다. 하루라도 빨리 맥주를 마시고 싶어하지만 자리에 앉기 직전 누군가가 그의 앞에 나타나 이름이 무엇인지, 서프라이즈를 줄 수 있는지 묻는다.

약간 놀랐지만 맥주를 사러 가기로 결심한 그는 그를 방해하지 않고 주문을 하기 위해 바에 도착합니다. 바텐더가 모든 손님을 위해 춤을 추는 데 갇혔기 때문에 도착하는 데 오랜 시간이 걸립니다. 또한, 거기는 두 가지 음영이 너무 어둡고 메뉴를 읽을 수 없으며 다른 방에서 음악이 흘러나와 스트레스를 받습니다.

부부가 된 후 남자는 화장실에 가고 싶어하지만 문에 붙은 이상한 표지판을 이해하지 못하고 결국 부엌으로 향합니다. 마침내 지불할 준비가 되었을 때 그는 불필요한 정보를 너무 많이 요청받았기 때문에 그 자리에서 결정을 내렸고 다시는 이 술집에 다시 오지 않을 것입니다. 설사 그것이 그가 사막 한가운데에서 찾을 수 있는 유일한 장소일지라도 말입니다.

웹 사이트는 종종 방문자를 위해 구축되지 않습니다

당신은 아마도 이 사람에 대해 기분이 나쁠 것입니다. 그리고 당신은 그래야 합니다! 그러나 우리 모두는 우리가 생각하는 것보다 더 자주 이것을 경험합니다. 우리에게 이런 경험을 줄 수 있는 것은 오프라인 비즈니스만이 아니기 때문입니다. 웹사이트에 들어가는 것을 상상해 보십시오. 그러면 모든 동일한 작업을 수행합니다.

• 방문자와 관련이 없는 성가신 팝업
• 멋진 비디오 또는 플러그인이 로드 중이므로 로드 시간이 느림
• 불명확한 클릭 유도문안 및 아이콘
• 의미가 없고 원하는 작업을 느리게 하는 형식
• 일부 시끄러운 비디오가 자동으로 재생되기 시작합니다.

2022년에도 여전히 짜증나는 웹사이트를 보는 이유

“우리는 웹사이트가 필요합니다.”라고 사업주는 외칩니다. 디자이너들은 테이블 주위를 돌아다니며 포트폴리오를 발표합니다. 그러나 누가 그에게 '왜'라고 물을 배짱이 있겠습니까?

너무 자주, 기업은 온라인 존재가 필요하고 제품을 보여줄 장소가 필요 하다고 느끼기 때문에 웹사이트를 구축합니다. 이는 잘못된 것입니다.

그것은 다음과 같이 말할 것입니다.

우리는 우리 제품을 선보일 수 있는 런던의 가장 번화한 거리에 있는 창문이 필요합니다. 유리 뒤에서 일어나는 일은 두 번째입니다.

웹사이트 뒤에 숨겨진 '이유'에 대해 깊이 생각하지 않고, 당신의 욕망뿐 아니라 방문자와 곧 고객이 될 고객의 욕망도 충족시키는 웹사이트를 만들 가능성은 거의 없습니다.

웹사이트를 사용자 친화적으로 만드는 것은 무엇입니까?

단순함과 편리함. 그게 다야

훌륭한 디자이너가 반드시 가장 인상적으로 아름다운 웹사이트를 디자인할 수 있는 사람은 아닙니다. 목표를 달성하고 메시지를 전달하며 궁극적으로 방문자를 고객으로 전환하는 데 도움이 되는 웹사이트를 만드는 디자이너가 필요합니다.

물론, 외모는 (당신의 웹사이트로부터, 반드시 당신의 디자이너일 필요는 없음) 모든 면에서 도움이 됩니다. 그러나 웹사이트를 '아름답게' 만드는 것은 항상 취향의 문제이므로 사용성과 경험을 그 이전에 두십시오. 방법은 다음과 같습니다.

사용자 친화적인 웹사이트의 8계명

작업이 완료된 후 사용자 친화적인 웹사이트를 디자인했는지 확인하기 위해 다음 목록을 체크리스트로 사용하지 마십시오.

시작하기 전에 주의 깊게 읽고 두뇌에 있는 모든 창의적인 아이디어가 이 계명에 맞는지 다시 확인하십시오. 목록이 사용자 경험에 추가될 것이라고 생각하거나 브랜드에 절대적으로 필요한 경우에만 목록을 포기하십시오.

웹사이트가 이미 구축되어 있고 디자인이 좋지 않아 돈을 벌고 있다는 생각이 든다면 이 목록을 사용하는 범인이 무엇인지 알아보세요.

쓰레기를 줄이고 산만함을 제거하십시오

배너, 비디오, 사진, 아이콘: 방문자가 귀하의 페이지를 방문하고 무언가가 로드되지 않거나 화면에 맞지 않거나 단순히 전체 경험에 아무 것도 추가하지 않을 때까지는 모두 재미있고 게임입니다.

멋지다고 해서 꼭 필요한 것은 아닙니다. 전체 화면에서 대부분의 비디오로 구성된 웹사이트가 모든 비즈니스를 위한 것은 아닙니다.

비디오를 추가해야 하는 경우 AirPod를 다시 잃어버린 사람들도 자막을 추가하여 비디오를 팔로우할 수 있도록 하십시오. 로켓 과학이 아닙니다. iMovie에서 텍스트를 추가하고 방문자에게 적절한 자막을 제공하는 방법을 쉽게 배울 수 있습니다.

따라서 간단하게 유지하고 웹 사이트에서 수행해야 하는 작업으로 돌아가십시오. 불필요한 요소를 제거하면 로딩 시간이 빨라질 뿐만 아니라(아무도 시간이 없는 이 세상에서 필수 불가결함) 웹사이트를 보다 쉽게 ​​훑어보고 탐색할 수 있어 사람들이 '지금 구매' 버튼으로 더 빨리 이동할 수 있습니다. .

테스트...테스트...이것이 켜져 있습니까?

웹사이트가 생각한 대로 작동하고 진행되는지 테스트하는 것이 중요합니다. 직접 테스트하지 말고 대상 청중도 테스트하여 가장 중요한 사람들로부터 직접적인 피드백을 얻을 수 있도록 하십시오.

웹사이트에 대한 피드백을 효율적으로 수집하는 데 도움이 되는 수많은 방법과 도구가 있습니다. 사용성 테스트에 대한 이 가이드를 확인하여 전문가가 권장하는 도구를 확인하고 유용한 사용성 테스트 질문을 찾으십시오.

웹사이트 디자인을 포함시키십시오

웹사이트를 가장 사용자 친화적으로 만들고 싶으십니까? 시각이나 청각이 제한된 사람들을 염두에 두십시오.

한 가지 예는 색맹인 사람들을 위해 작동하는 웹사이트를 만드는 것입니다. 이는 잠재적으로 사이트 방문자 100명 중 8명이 의도한 것과 다른 콘텐츠를 경험할 수 있음에도 불구하고 종종 간과됩니다.

색상은 신호를 보내는 데 중요합니다. 예를 들어 버튼의 텍스트나 해당 신호가 무엇인지에 대한 기타 지표와 함께 색맹을 고려하지 않으면 거대한 클라이언트를 놓칠 수 있습니다. 색맹.

모두에게 의미 있는 콘텐츠 만들기

웹 사이트의 블로그를 방문하여 왜 블로그가 있는지 궁금해 한 적이 있습니까? 축하합니다. '해야 하기 때문에'라는 전형적인 사례를 접하셨습니다. 수많은 기업이 블로그를 하고 콘텐츠를 만들고 있습니다. 모든 사람이 하기 때문에 반드시 독자를 염두에 두는 것은 아닙니다.

집단적으로 그것을 끝내도록 합시다.

자연스럽게 읽히는 콘텐츠를 만드는 데 어려움을 겪고 계십니까? 대부분의 기업가는 글을 쓰는 것보다 말하기를 더 잘하며 괜찮습니다. 블로그에 대한 아이디어가 있지만 종이에 단어를 얻을 수 없지만 몇 분 동안 그것에 대해 이야기할 수 있는 경우 Happy Scribe의 필사본 서비스를 확인하십시오. 그렇게 하면 흐름에 따라 이야기하고 나중에 의미 있는 블로그 게시물을 만들기 위해 텍스트를 편집할 수 있습니다.

청중의 의도를 파악하십시오

웹사이트에 대한 목표와 '이유'를 생각했다면 이제 대상 고객에게 웹사이트를 방문할 때 목표가 무엇인지 물어볼 차례입니다.

그들은 왜 여기에 오고 있습니까? 이것을 아는 것은 새로운 웹사이트를 디자인하는 데 매우 중요합니다. 대부분의 사람들은 빠른 쇼핑 경험을 위해 정보를 찾고 연락을 취합니까? 이렇게 하면 어떤 페이지에서 무엇을 강조 표시할지 결정하는 데 도움이 됩니다.

주시해야 할 또 다른 중요한 측면은 사람들이 귀하의 웹사이트를 방문 하는 방식 입니다. 대부분의 웹사이트 방문이 휴대전화를 통해 이루어진다는 사실은 더 이상 놀라운 일이 아닙니다. 하지만 여전히 많은 웹사이트가 휴대기기에 최적화되어 있지 않습니다. Google Analytics를 살펴보고 가장 많이 사용되는 기기에서 웹사이트가 어떻게 보이는지 확인하고 그에 따라 다시 디자인하십시오.

보물 지도 그리기—간단한 지도

귀하의 웹사이트가 아름다운 열대의 버려진 섬이라고 가정해 보겠습니다. 소문에 따르면 그곳에 보물이 묻혀 있다고 합니다. 최고의 거래, 환상적인 고객 지원 시스템, 최고의 지식 기반이 무엇이든 방문자가 찾는 데 어려움을 겪지 않도록 하십시오.

당신은 웹사이트가 사람들이 포크와 나이프에 닿기 위해 유아용 침대와 이불을 지나쳐야 하는 IKEA와 비슷해지는 것을 원하지 않습니다.

명확하고 직접적인 로드맵을 사용하여 웹사이트를 디자인하십시오. 사람들이 가능한 가장 빠른 방법으로 A에서 B로 이동하는 방법은 무엇입니까? 웹사이트를 디자인하고 필요한 페이지와 버튼을 배치할 위치를 결정할 때 이 구조를 사용하십시오.

사람들이 상상력이 아니라 직관을 사용하도록 하십시오.

눈을 감고 뉴스 웹사이트를 상상해 보십시오. 패션웹샵입니다. 호텔 예약 사이트입니다. 항공사.

이름에 특정 브랜드가 있는지 여부에 관계없이 이러한 웹 사이트가 어떻게 생겼는지 명확하게 파악할 수 있습니다.

사실, 우리 모두는 온라인 서비스와 전자 상거래를 사용하는 데 너무 익숙해서 특정 산업 표준을 따르는 한 새로운 웹 사이트를 방문하지 않더라도 탐색하는 방법을 알고 있습니다.

지루한? 아마도. 그러나 디자이너는 사람들이 작업하는 방법을 알고 있는 템플릿의 경계 내에서 창의력을 마음껏 발휘할 수 있습니다. 이것은 사람들이 웹사이트를 더 쉽게 탐색하는 데 도움이 되며 바닥글에서 메뉴 표시줄과 검색 표시줄을 찾을 필요 없이 직관을 사용할 수 있도록 합니다. 또한 디자인 프로세스가 훨씬 쉬워집니다.

행동 촉구에 약간의 생각을 더하십시오

사람들이 버튼을 누르면 실제로 어떤 일이 일어날지 분명하게 명확히 하세요. '네, 그걸 원해요!' 재미있고 눈에 띄게 들리지만 사람들이 이것이 즉시 구매를 의미하거나 더 나쁜 경우(전화 통화)를 두려워한다면 클릭조차 하지 않을 수 있습니다.

요약: 웹사이트에서 다시는 경험하고 싶지 않은 것은 무엇입니까?

웹사이트에서 겪었던 놀랍고 끔찍한 경험을 회상하고 웹사이트를 디자인하고 테스트할 때 이를 사용하십시오. 사용성은 궁극적으로 사람들을 웹사이트에 머무르게 하는 것은 단순히 외모가 아니라, 기억하세요. 사람들이 보기만 할 수 있고 사용하지 않을 수 있다면 다시 방문할 이유가 없습니다.