사용자 참여를 장려하는 4 가지 UX 설계 기법
사용자가 웹 사이트에 머무르고 웹 사이트를 사용하도록 장려하는 것이 항상 더 슬림 한 코드 또는 예리한 그래픽을 포함하지는 않습니다. 레드 닷 (Reddit)와 같은 가장 단순한 레이아웃 중 일부는 여전히 사용자가 콘텐츠에 몰두 해 있으며 사이트와 상호 작용할 수있게되어 기쁩니다..
비밀은 사용자 경험과 고려의 방법 웹 사이트 기능. 상호 작용은 한 페이지에서 다음 페이지로 이동하는 페이지 요소와 액션 흐름에서 유래합니다..
이 게시물에서 나는 몇 가지를 살펴볼 것이다. UX 설계 기술 에 적용될 수있는 사용자 경험 개선 및 사용자 참여 증대. 모든 웹 사이트에 항상 적용되는 것은 아니며 이러한 기술이 왜 작동하는지 이해하는 것이 더 중요합니다. 따라서 자신의 판단을 사용할 수 있습니다..
사용자 경험의 주제는 광대 한 것으로 이해하기 위해서는 인내심이 필요합니다. 그러나 연습을 많이하면할수록 더 많이 이해할 수 있습니다.
당신이 할 수있는 최선의 방법은 좋아하는 웹 사이트에서 놀아 라. 과 알아 내다 너가 좋아 하는것 그들에 대해. 귀하의 경험을 통해 일관된 아이디어를 외삽하고 귀하 (그리고 다른 사람들)가 웹 사이트에 참여하게하는 것을 파악할 수 있습니다.
1. 대비를 사용하여주의 끌기
모든 사이트는 사용자 상호 작용을 위해 만들어진 몇 가지 요소로 만들어졌습니다. 하이퍼 링크, 버튼, 입력 필드, 사이드 바 위젯, 목록 계속 켜기. 그러나 모든 요소가 똑같이 만들어지지 않아야합니다.. 일부는 자연스럽게 방문자 참여에 중요하며 다음과 함께 설계되어야합니다. 높은 대비 페이지의 다른 요소에서 눈에 띄기.
이 아이디어는 높은 색상 대비와 인간이 시각적 데이터를 패턴으로 처리하는 방식에 기인합니다. 색상, 크기, 모양 또는 공백 여부에 관계없이 주변에서 눈에 띄는 것이있을 때 문맥에 따라 더 중요하게 나타난다..
방문자를 특정 작업에 참여시키는 특정 페이지 요소에 대해주의를 끌기 위해 대비를 사용하십시오. 더 많은 뉴스 레터 신청서를 작성하는 것이 목표 인 경우 구독 상자에는 밝은 애니메이션 가입 버튼 또는 고유 한 벡터 아이콘이있을 수 있습니다.
목표는 방문자가 원하는 작업을 수행하도록 유도하는 인터페이스를 구축하여주의를 끌기위한 것입니다..
시간이 있다면 몇 가지 A / B 사례 연구를 실행하여 어떤 색상 / 요소가 가장 잘 어울리는 지 알아볼 가치가 있습니다. 통계는 정확히 지적하기는 어렵지만 간단한 분할 테스트에서 얼마나 많은 것을 배울 수 있는지 놀랄 것입니다..
2. 세련된 UI / UX 애니메이션
나는 최근 Disney가 인터페이스 애니메이션에 관해 무엇을 알고 있는가라는 제목의 게시물을 발견했습니다. 그것은 애니메이션의 중요한 포인트와 평평한 2D 스크린과 상호 작용하는 사용자들의 정신에 어떻게 작용 하는지를 다룹니다.
다양한 유형의 애니메이션은 특정 동작을 암시 할 수 있습니다. 예를 들어, 버튼 위로 마우스를 올리면 클릭 할 수 있음을 보여주기 위해 튀어 오릅니다. 사용자로부터주의를 끌기 위해 종종 오류 메시지가 흔들립니다..
기억 UX 애니메이션은 아직 눈에 띄지 않아야합니다.. Wild-to-top 애니메이션은 인터페이스보다는 TV와 영화에 더 적합합니다..
그렇다고해서 인터페이스가 평평하게 유지되어야한다는 것은 아닙니다. 실제로 대부분의 사용자는 차라리 더 매끄러운 경험의 환영을주기 때문에 어떤 유형의 애니메이션이 있습니다. 디지털 디자인은 부분적으로 환상적인 인터페이스 만들기, 그러나 보다 현실적인 더 많은 사용자가 상호 작용하기를 원할 것입니다..
3. 요구 사항으로서 반응 형 디자인
인터넷 사용자 중 상당 부분이 휴대 전화에서 탐색한다고 말하는 것이 합리적입니다. Facebook 및 Twitter와 같은 소셜 사이트에 공유되는 링크는 스마트 폰 및 태블릿 장치에서 자주 방문됩니다..
이것은 모든 웹 사이트가 어떤 방식 으로든 모바일에 맞게 최적화되어야 함을 의미합니다..
너가 ~ 때 화면 크기를 고려해야 만했다., 그것 중요한 기능을 완전히 새로운 빛에 배치합니다.. 디자이너는 가장 중요한 기능과 작은 화면에 표시 할 기능을 선택해야합니다. 이 반응 형 디자인 전략은 배우는 데 시간이 걸리지 만 가장 좋은 방법은 다른 웹 사이트를 연구하고 원하는 기술을 선택하는 것입니다..
진실은 반응 형 디자인 작업 그리고 매년 지나가는 디자인 커뮤니티에서 더 많이 받아 들여지고 있습니다..
또한 사용자는 웹 사이트가 모든 응답을 받아 모든 장치 화면을 수용 할 것으로 기대하고 있습니다. 사이트가 모바일 웹 브라우저에 잘 들어 맞지 않으면 사용자 경험에 불쾌감을 줄 수 있습니다..
4. 상호 작용 프로세스 간소화
Smashing Magazine은 최근에 내가 읽은 최고의 게시물 중 하나를 게시했습니다. 인터페이스 설계 단순화. 아무도 귀하의 웹 사이트 나 응용 프로그램을 사용하기 위해 농구를 뛰어 넘고 싶지는 않습니다. 사람들은 최종 결과, 그리고 거기에 가기위한 가장 빠른 방법.
와이어 프레임을 스케치 할 때마다 각 대화식 페이지 요소에 대한 UX 플로우 차트를 작성하고 싶습니다. 사이트가 어떻게 보이는지 시각적으로 파악하는 데 도움이됩니다. 과 기능.
그러나 진실로 당신이 그 경험을 어떻게 계획하는지는 중요하지 않습니다. 네가 계획하고 있는지 확인해야 해. 가능한 가장 빠르고 간단한 경험. 격려 활동에 관해서는 중요한 것들을 원할 것입니다. 디자인에 함축 된.
누군가가 귀하의 웹 앱에 착륙하고 즉시 가입하는 방법을 이해하지 못하면 큰 문제입니다.. 그것은 뻔뻔스럽게 분명해야한다. 귀하의 사이트가하는 일과 귀하의 사이트가 어떻게 분리 될 수 있는지 사용자에게 알려주십시오..
가장 좋은 출발점은 UX 디자인과 사용자가 인터페이스와 상호 작용하는 과정을 연구하는 것입니다. 거기에서 자신의 프로젝트와 관련된 결론을 도출 할 수 있고 인터페이스를 최대한으로 단순화 할 수 있습니다..
주제에 관한 관련 독서 사용자 활동, 다음 게시물을 확인하십시오.
- 웹 디자인 규칙 위반하기 = 사용자 경험 깨기
- Smashing Magazine의 유용성 및 사용자 경험 자료실
- 사용자 상호 작용을 유도하는 웹 디자인 개념
마무리
유용성을 높이기 위해 웹 사이트를 디자인 (또는 수정)하는 방법에 대한 대답은 하나도 없습니다. 그렇습니다. 시도 할 수있는 몇 가지 사항이 있지만 각 사이트는 약간 다르며 UX 디자인 연구는 매우 복잡합니다..
이 기사가 유용성이 높은 인터페이스를 구축하기위한 몇 가지 일반적인 기술에 대해 생각해보기를 바랍니다. 당신이 할 수있는 가장 좋은 방법은 전형적인 사용자의 단화에 자신을 넣고 인터페이스의 주요 결함을 확인하는 것입니다. 그리고 일단 당신이 문제를 인식하면 당신은 이미 그 해결책의 중간에 있습니다.!