문제

스택 오버 플로우의 Big Orange Bar와 비슷한 경고가 발생할 때 사용자에게 실시간으로 사용자에게 실시간으로 알리는 웹 응용 프로그램을 작성하고 있습니다.

몇 가지 옵션이 있으며이를 수행하는 가장 좋은 방법에 대한 유용성 지침이 있는지 궁금합니다. 한 가지 옵션은 경고가 나타날 때 색상이 깜박이는 화면에 작은 알림 상자를 두는 것입니다. 그러나 간단하고 반복적 인 색상 변경만으로는 사용자의 관심을 끌기에 충분하지 않을까 걱정됩니다.

또 다른 옵션은 화면을 가로 질러 창문이 떠오르고 사용자의 관심을 요구하는 것입니다. 그러나 나는 항상 그 사람들이 눈에 띄지 않는 것을 발견했습니다. 어쩌면 또 다른 형태의 애니메이션이 덜 성가 시지만 사용자의 관심을 끌 가능성이있을 수 있습니까?

나는 이런 종류의 결정을 다룰 수있는 유용성 토론/자원을 찾고있는만큼 의견을 찾고 있지 않습니다.

도움이 되었습니까?

해결책

대답은 사용자가주의를 기울이는 것이 얼마나 중요한지, 어떤 조치를 취하는 것이 얼마나 중요한지에 달려 있습니까? 예를 들어, "서버가 추락 한"종류의 경고 또는 "Zelda Aunt Zelda Aunt의 새로운 이메일"의 경고가 있습니까?

첫 번째 종류의 경우, 무언가가 가장 좋은 것입니다. 창을 떠 다니는 옵션 중 하나 또는 페이지 배경을 화려한 색상으로 변경할 수 있습니다 (그리고 깜박임 ??? 나를 치지 마십시오!). 내가 본 또 다른 좋은 방법 중 하나는 페이지 (및 브라우저 창) 제목을 " * * * * * *"의 플래시 세트로 변경하는 것이 었습니다.

덜 비판적으로 덜 무관심한 것을 위해, 최고 알림 바는 유용성 관점에서 가장 좋은 솔루션 중 하나입니다 (최선이 아닌 경우). 이것을 다루고 그것을 보려면, 그리고 그 행동이 얼마나 직관적인지) : :

  • 사용자의 눈은 화면 상단으로 이동하여 다른 곳보다 더 자주 그리고 더 가능성이 높습니다.

  • 바가 넓어지면 제거하기가 매우 쉽습니다 (바가 마우스로 치기 쉽고, 수평 조정이 필요하지 않음), 맨 위에 (포인터를 얻기 위해 너무 미세한 마우스 작업이 아닙니다).

다른 팁

IMHO, 성가심 수준은 오류 레벨을 반영해야합니다 ... 오류의 경우 오류 메시지가있는 레이어가있는 경우 사용자가 다른 작업을 수행하는 것이 더 좋을 것입니다. 알림을 위해서는 페이지 상단에 나타나는 상자 (암호를 저장하도록 요청하는 브라우저와 같은)가 좋습니다.

그래서 나는 더 나은 해결책이 있다고 생각하지 않습니다 ... 그것은 단지 경고의 유형에 달려 있습니다 ... :)

체크 아웃 jgrowl, 눈에 띄지 않는 알림을위한 멋진 프레임 워크입니다. 일부 샘플 스크린 샷을 찾을 수 있습니다. 여기.

자원을 찾고 있다면 제안합니다 나를 생각하게하지 마십시오 Steve Krug. 그의 사이트, 고급 상식, 또한 훌륭한 소스입니다.

유용성 팁과 지침을위한 또 다른 훌륭한 사이트는 Jakob Nielsen 's입니다. useit.com

다른 날에 제품 다운로드 버튼이있는 사이트에있었습니다. 나는 그것을 클릭했다, 그것은 아무 일도 일어나지 않은 것처럼 보였다. 다시 클릭했고 첫 번째 버튼이 만든 다운로드 링크가 약간 흔들렸다. 매우 효과적이고 웃음을 얻었습니다.

http://haanstra.eu/putty/

내 시스템에는 세 가지 유형의 알림이 있습니다. 각 유형의 알림은 테두리와 배경색으로 스타일입니다.

  • 성공 : 녹색
  • 경고 : 노란색
  • 오류 : 빨간색

"당신은 그 필드를 제대로 채우지 않았습니다!" 인라인으로 처리되므로 사용자를 자극하는 팝업이 없습니다.

나는 몇 초 동안 알림을 희미하게하기 위해 시스템을 설계했습니다. 이는 사용자가 몇 초 후에 사라지는 녹색 상자를 보는 데 익숙하다는 것을 의미합니다. 그러나 오류 또는 경고가 발생하면 상자가 사용자 앞에서 화면에 남아있어주의를 기울여야합니다.

나는 경고와 오류가 절대적으로 필요할 때만 사용되어야한다고 생각합니다. 그렇게 사용될 때는 상당한 수준의 영향을 유지합니다. 내 시스템에서, 경고와 오류는 사라지지 않습니다. 그들은 당신에게 무언가가 옳지 않다는 것을 상기시키기 위해 거기에 머물러 있습니다.

내 경험상, 사용자와 상호 작용하려면 크고 얼굴을 크게 만들지 만 나머지 페이지를 막을 수 있도록 너무 많이 만들지 마십시오. 따라서 프롬프트 또는 라이트 박스 스타일 오버레이 (제 생각에는).

jQuery UI Highlower () 효과 기능이 무언가가 변경되었음을 눈에 띄게 경고하는 데 적합하다는 것을 알았습니다. 그러나 다른 사람들이 말했듯이, 그것은 메시지의 중요성에 달려 있습니다. 때로는 당신은 불안해해야합니다!

라이센스 : CC-BY-SA ~와 함께 속성
제휴하지 않습니다 StackOverflow
scroll top