사이트를 사용자 경험: 사용자의 성공적인 운영에 대 한 긍정적인 피드백을 제공

출처: 인터넷
작성자: 사용자

중간 거래 SEO 진단 Taobao 게스트 클라우드 호스트 기술 홀

더운 날씨, 보고 야 옹 보물 측면을 재생 하는 동안 풀 커튼을 창에서 홈 할 블로그,이 장면 생각나는 Alare 가족. 잔디 녹색 낙원 도시 아래로 날 려가 고 여 자들은 예쁜.

오후 차 일반 문서, 응답, 긍정적인 피드백, 고객 만족, 행복 클래스의 작업에 대 한. 몸, 아니 압력을 입력 합니다.

우리가 그들이 무엇을 잘못 한 사용자에 게, 우리는 다양 한 오류 메시지, 전화 번호 입력된 형식 오류에서 로그인 실패를 준비. 하지만 우리가 어떻게 사용자의 이러한 성공적인 작업? 않았다 당신은 수 있도록 축 하 하 고 그들에 게, "이 봐, 당신은 다하고 옳은 일"?

긍정적인 피드백은 사용자 경험 즐거움, 개선에 중요 한 요소 이며, 우리 사용자가 수행 하는 작업 인지 정확한 게 중요. 이 문서에서는, 우리 있을 것 이다 함께 이해 왜 긍정적인 피드백은 필수, 디자이너로 서, 우리 몇 시에 해야 사이트에 그것을 사용 하는 방법.

긍정적인 피드백은 왜 그렇게 중요 한

왜 대부분의 사람들이 터치 스크린 장치에 가상 키보드를 좋아하지 않아 궁금? 난 두려워 하는 주된 이유는 피드백을 제공 하는 실제 키보드 일치 하도록 어렵습니다. 아무 부정 하는 터치 스크린 운영 플랫폼의 디자이너 최선을 다 한 그들의 단단한 질감, 터치 키, 음향 효과 및 증폭 팝업 프롬프트의 예를 들어 시각 효과이 솔루션 사용자의 행동에 긍정적인 영향을 미칠 하지만 그들은 엔티티 버튼의 긍정적인 피드백 효과 달성 하지. 때문에 비록 무엇 일 지라도 가상 키보드 하지 물리적 키보드의 터치를 시뮬레이션할 수 있습니다.

이 제품에 대 한 긍정적인 피드백의 중요성을 설명 하는 측면에서 그것은 성가신 하 고 무기 력한 현실, 이다. 가상 키보드를 실제 하 고 강한 긍정적인 피드백의 부족 충분 한 경험 만족도 생성 사용자의 어려움 결과.

사실, 대부분의 사용자는 항상 여부 그들은 그들의 자신의 기술에 의해 제한 됩니다 또는 제품 자체는 정말 문제가 실제 만족도, 생산 하기 어렵다. 그들은 걱정 여부 그들은 뭔가 잘못을 했 고 그들은 사이트 정말 그들이 무슨 일을 하는지 알고 있다면 알고 싶어요. 여러 번 그들은 정말 이해가 안 결과 의해 발생 하는 사이트의 운영 메커니즘은 그 문제는, 일단 그들은 비난할 것 이다 먼저 자신 때문입니다.

긍정적인 피드백 메커니즘을 통해 우리가 점차적으로 이러한 우려를 해소, 신뢰 구축, 그 모든 것은 매끄럽게가 고 느낄 수 있도록 하는 사용자를 도울 수 있다. 이 사용자 컴퓨팅 장비를 조작 하는 그들의 능력에서 부족의 신뢰를 위해 특히 중요 하다. 사용자가 없을 수 있습니다 정말 운영 능력의 진짜 부족 하지만 많은 경우에 그들은 그들의 판단에 대 한 의구심을가지고 시스템 충분 한 긍정적인 피드백을 제출 하지 않은 때문에.

긍정적인 피드백 메커니즘 뿐만 아니라 올바른 행동 후 사용자의 경험 만족도 향상 하지만 또한 불필요 한 우려를 제거 하 고 옳은 일을 하 고 그의 혹은 그녀의 행동에 대해 걱정 하는 사람의 동작을 실행 취소에서 사용자를 방지. 예를 들어 네트워크 쇼핑, 사용자 제출 순서, 시스템 처리 시간이 긴 느립니다 후속 페이지 로딩에 결과 이며,이 어떤 피드백 하는 경우에 트랜잭션 프로세스 프롬프트 다음 사용자가 생각 하는 그들의 순서 대로 성공적으로 제출 되지 않은 것. 이 경우에, 페이지의 "시스템은 주문 처리, 잠시 기다려 주십시오" 클래스, 사용자가 알 수 없는 진실 때문에 뒤로 단추를 클릭 하지 못하도록 그들을 말하는 등, 로딩 과정에서 사용자에 게 몇 가지 긍정적인 피드백을 제공할 수 있습니다.

  

그것은, 만약 사용자가 "혼란"과 "의심 스러운"에 대해 생각 후 상품의 선택을 포함 하 여 쇼핑 프로세스를 다시 실행, 다양 한 형태를 작성... 계란에는 충분 한 통증이입니다. 얼마나 잘 설계 이전 단계에 왔다에 쇼핑 프로세스의 전반적인 경험 만족도 크게 줄어들 것입니다, 그리고 사용자가 떠날 가능성이. 변환 속도 어떨까요?

긍정적인 피드백을 필요로 하는 경우

사용자가 콘텐츠를 입력 등록, 로그인, 구매, 주석, 업데이트 상태, 등, 등 핵심 이며 데이터의 콘텐츠와 대화형 링크 모두에 초점 필요. 특히 사용자 이름, 사서함, 비밀 번호, 우편 번호 등의 필드에 대 한 긍정적인 피드백 시스템에서 사용자가 데이터 조작 능력의 의혹을 해소 하도록 도울 수 있다.

  

데이터 콘텐츠를 입력 하는 것 이외에 링크를 클릭 하는 중요 한 상호 작용 지점 또한입니다. 관심을 지불 하는 경우는 대부분 웹사이트 오늘 주지 않는다 긍정적인 피드백 링크의 사용자의 성공적인 클릭을 찾을 수 있습니다. 사용자가 링크를 클릭 후 브라우저 자체 피드백, 탭 바, 하지만 클릭을 수행 하기 위해 사용자 주소 표시줄과 관련 된 변화를 포함 하 여 일정 금액을 가져다 않는, 시간의 짧은 기간에 관심은 여전히 링크 위치에 집중 되어, 그래서 링크 자체 설정 특정 응답 규칙 더 효과적인 연습. 이 점에서 잡지 스매싱 좋은 예입니다, 사용자가 텍스트 링크를 클릭 하면에: CSS에서 활성 규칙 링크 텍스트의 배경 색상 설정, 사용자 매우 링크의 성공적인 소리가 쉽게 사용할 수 있습니다.

  

피드백 및 관심 초점 사이 불일치의 문제 뿐만 아니라 링크, 하지만 많은 경우, 콘텐츠 변경 이어질 사용자의 작업 또는 작업의 결과 무시 하는 사용자가 쉽게 다른 장소에서 상호 작용 요소입니다. 일반적인 예는 장바구니에 제품을 추가 하는 과정, 사용자의 초점 여기 근처 상품 정보 및 "장바구니에 추가" 버튼에 추가 성공 하려면 가장 직접적이 고 효과적인 피드백 버튼, 예를 들어 근처 또는 제품 사진에 직접이 위치에 있어야 하는 그래서.

  

거리는 문제의 한 측면, 경우 사용자의 상호 작용 하는 인터페이스의 작은 세부 사항에서 변화 트리거, 그것은 여전히 가까운 의견 이라고 안전 하지. 이 경우에, 사용자는 처음에 그것을 통지 수 있도록 영상에 더 표시 하 고 눈길을 끄는 피드백을 제공할 최상 이다.

긍정적인 피드백을 구현 하는 방법

때 사용자가 실수, 우리가 일반적으로 던져 오류 메시지가 힌트로. 마찬가지로, 긍정적인 피드백에 대 한 이것은 또한 가능한 접근입니다. 하지만 내가 생각 하는 긍정적인 피드백을 제공 하는 텍스트 사용자가 그들의 주의 돌고, 읽고, 생각 하 고이 과정은 크게 작업의 흐름을 줄일 수 있기 때문에 텍스트 메시지를 사용 하 여 조심 하는 것이 중요 하다. 긍정적인 피드백의 역할은 족 쇄를 만들지 않고 담 대 하 게, 이동 사용자가.

경우에 따라 긍정적인 피드백을 제공 하는 텍스트 정보를 사용 하 여 실제로 매우 효과적입니다. 예를 들어 사용자가 장바구니 버튼에 추가 클릭 한 후 우리 "계속 추가 합니다." 버튼의 캡션을 변경할 수 있습니다. 이 변화 한 손으로 하면 하지를 이동 관심의 초점을 그의 이전 추가 작업은 실제로 성공, 또한 권장 사용자가 관련 작업을 계속 하지만 즉시 알 수 있는.

  

시각적 피드백

우리, 그래픽 이미지, 스타일, 색상, 크기, 및 등등을 포함 하 여 긍정적인 피드백의 형태로 텍스트를 대체할 시각적 요소의 특성을 사용할 수 있습니다. 예를 들어, 고대비 배경색을 제시 위의 링크 클릭 또는 양식 필드는 제대로 작성 후 다음 눈금 아이콘을 출력 하 고, 예를 들어 한 페이지의 콘텐츠가 업데이트 될 때를 사용 하 여 배경 색상 등이 부분을 강조.

또 다른 일반적인 예는 마우스 포인터의 상태 변화. 사용자는 대화형 인터페이스 요소 (예: 링크 또는 단추)를 마우스 포인트, 그들은 손이 될 포인터를 기대 합니다. 사용자는 시스템 사용자의 기대를 충족 하는 피드백을 제공 하지 않는 경우 혼동 될 가능성이 있다. 여러 번, 가능한 요소의 인터페이스는 링크 또는 단추, 그들은 상호 작용을 달성 하기 위해 JS의 협력을 통해,이 경우에 Cursior 속성에서 스타일 시트에서 수동으로 기억 설정 포인터, 마우스 hover에서 링크 또는 단추 요소를 시뮬레이션할 수 있습니다 때 포인터 상태.

  

애니메이션 효과 통해 피드백을 제공

물론, 애니메이션 자체 시각적 표현의 형태 이기도합니다. 요즘, 많은 웹사이트 경우 사용자 이름이 나 암호 입력, 전체 양식 "지터" 효과, 입력 오류를 사용자에 게 확인 표시 됩니다 무대, WordPress 관리자에 로그인과 같은 잘못 된 장소에 사용자의 관심을 끌기 위해 일부 절묘 한 애니메이션 효과 사용 합니다. 같은 방법으로 긍정적인 피드백에 애니메이션 효과 적용할 수도 있습니다.

더 일반적인 예가입니다 앵커 링크 탐색 콘텐츠 아래 또는 페이지의 상단에 다시 스크롤 포함 페이지 내에서 이동. 기본적으로 앵커 점프 모든 애니메이션 전환 하지 않아도, 페이지는 지정된 된 위치에 매우 갑작스러운 이동만. 요즘, 우리는 점점 더 많은 웹사이트에 부드러운 스크롤 효과와 점프를 볼 수 있습니다, 그리고 페이지 대상 위치에 도달 하면 일부 특정 콘텐츠를 강조 표시 됩니다. 이 변경 모든 상호 작용 더 많은 사용자 직관적인 만들고 사용자에 게 명확 하 게 상호 작용의 결과 선물 할 수 있다.

우리 또한 사용 애니메이션 전환 효과 쇼핑 웹사이트에 추가할 수 있습니다 제품 쇼핑 카트 대화형 링크를, 예를 들어 사용자가 "장바구니에 추가" 단추를 클릭 한 후 장바구니의 인터페이스 요소 되지 것입니다 그냥 추가 된 새로운 제품을 보여 또는 "비행" 제품 장바구니에 애니메이션 방식으로 접힌. 이러한 방법은 정보의 성공의 작업 사용자에 게 전달 하는 정확 하 고 안정적으로 사용자의 눈을 맡길 수 있습니다.

그 애니메이션 전환 효과 아직 완전히 활용 정보 피드백의 형태로 탐구 하 고 더 많은 제품에서 연습을 계속 해야 하는 것이 믿습니다.

음향 효과 통해 피드백을 제공

학생 들은 iphone 이나 ipad를 사용 하 여, 짧은 메시지 또는 이메일을 보낸 후 "휙"를 기대? 이것은 음향 효과 통해 긍정적인 피드백의 좋은 예입니다. 데스크톱 장치 또는 모바일 장치를 사용 하 든 우리는 모두 버튼 클릭 하거나 시스템의 진정한 음향 효과 자신감과 입력 계속 수 있도록 가상 키보드를 두드리는 사운드 피드백에 의존.

  

그래서 왜 사운드 피드백 사이트를 사용 하 여 매우 낮습니다? 거기는 파일의 크기 외에 다른 이유는?

아마도 때문에 사이트에 소리를 사용 하 여 너무 짜증나? 옛날 옛적에, 크고 작은 웹 사이트 오디오 루프를 지루한 사용 됩니다 또는 배경 음악, 그리고 일부 수도 취소 하지 재생, 계정에 걸릴 해야 여부? 즉, 이전 웹사이트 나쁜 시각 디자인 및 애니메이션 효과, 산재해 하지만 그 점차적으로 이러한 접근을 정제 하 고 바로 적용에서 우리를 방지 하지 않습니다.

어떤 사람들은 바탕 화면, 사운드 피드백을 사용 하 여 일정 한 양의 방해를 일으킬 수 있습니다 그래서 우리는 일반적으로 직장에서 사용 하는 플랫폼에 일어나 검색 사이트 일반적으로 생각할 수 있습니다. 우리에 대해 얘기 하는 음향 효과 실제로 운영 체제 자체의 작은 비프음과 동일 하지만 모든 상호 작용 하는 동안 사용자에 게 다시 정보를 공급 하기 위하여.

사운드 피드백을 만질 수 있는 클릭 동작 사용자가 제대로 그리고 효과적으로 그들은 그들의 일을 했을 알고에 매우 효과적일 수 있다; 쇼핑 웹사이트에 등록의 음향 효과 열에 적용할 수 있습니다 장바구니에 상품을 추가 하는 사용자. 사운드 피드백 강력한 커뮤니케이션 도구 이지만 우리가 완벽 하 게 제자리에 그것을 적용 하지 않은.

요약

오디오의 형태에 관계 없이 시각적 요소, 애니메이션, 또는 카피 라이팅, 우리 그들의 만족을 증가 하 고 귀하의 사이트에 그들의 목표를 달성에 그들에 게 더 많은 자신감과 효율적인을 만들 수 있는 사용자의 상호 작용에 대 한 더 긍정적인 피드백을 제공 한다.

원래 사이트 기사를 컴파일입니다. 무단 전재 하려는 경우 지정 하십시오:이 문서에서 웹에 대 한 IS

번역기 정보: c7210-사용자 경험 디자인 및 코드 플레이어, 공공 코멘트 네트워크 제품 부서 ued에서에서 일하고 지금

원본: HTTP://BEFORWEB.COM/NODE/98

연락처

이 페이지의 내용은 인터넷에서 가져온 것이므로 Alibaba Cloud의 공식 의견이 아닙니다.이 페이지에서 언급 된 제품 및 서비스는 Alibaba Cloud와는 관련이 없으므로이 페이지의 내용이 골칫거리 인 경우 저희에게 알려주십시오. 우리는 5 일 근무일 이내에 이메일을 처리 할 것입니다.

커뮤니티에서 표절 사례를 발견한 경우 info-contact@alibabacloud.com 으로 관련 증거를 첨부하여 이메일을 보내주시기 바랍니다. 당사 직원이 영업일 기준 5일 내에 연락 드리도록 하겠습니다.

A Free Trial That Lets You Build Big!

Start building with 50+ products and up to 12 months usage for Elastic Compute Service

  • Sales Support

    1 on 1 presale consultation

  • After-Sales Support

    24/7 Technical Support 6 Free Tickets per Quarter Faster Response

  • Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.