스택 오버플로의 큰 주황색 막대와 비슷한 기능이 사용자에게 실시간으로 통지되도록하는 웹 응용 프로그램을 구축하고 있습니다.웹 유용성 : 알림/알림 -주의를 끄는 방법?
필자는 몇 가지 옵션이 있는데, 가장 좋은 방법은 유용성 가이드 라인이 있는지 궁금해하고 있었다. 한 가지 옵션은 경고창이 나타나면 색상을 깜박이는 화면에 작은 알림 상자를 표시하는 것입니다. 그러나 단순하고 반복 된 색상 변경으로는 사용자의 시선을 사로 잡는 데 충분하지 않을까 걱정됩니다.
또 다른 옵션은 화면을 가로 질러 떠 다니는 사용자의주의를 요구하는 창이 있지만 다른 사람들은 눈에 거슬리는 화면을 발견했습니다. 어쩌면 또 다른 형태의 애니메이션은 사용자의 시선을 사로 잡을 수있는 성가신 일이 될 수 있습니다.
나는 이런 종류의 결정을 다루는 유용성 토론/자료를 찾고있는만큼 의견을 찾고 있지 않습니다.
그리고 그들이 어떤 행동을 취하는 것이 얼마나 중요합니까? 예 : "귀하의 서버가 방금 추락 한"종류의 경고 또는 "젤다 이모가 보낸 새 전자 메일"종류입니까?
첫 번째 종류의 경우 가장 눈에 띄는 것이 있습니다 (창을 떠 다니는 옵션 또는 페이지 배경을 화려한 색상으로 변경할 수 있음). 관심을 끌기위한 또 하나의 좋은 방법은 페이지 (및 브라우저 창) 제목을 "* * * * * *"의 깜박이는 세트로 변경하는 것입니다. 이는 때때로주의를 끌기에 충분하지 않은 것입니다.
덜 중요한 - 너무 - 예고없이 - 신속하게 - 눈에 잘 띄지 않는 부분에 대해서는 SO의 최상위 알림 표시 줄이 유용성의 관점에서 가장 좋은 솔루션 중 하나입니다 (최고가 아닌 경우). 주요 측정 항목으로 이동합니다. 사용자)이 처리하려면 어떻게해야 그것을보고, 그 행동이 얼마나 직관적 :
이이 사용자의 눈이
다른 곳보다 더 자주하고 화면의 상단에 더 많은 가능성 여행 한번 눈치 채면 쉽게 제거 할 수 있습니다 - 바는 넓고 (마우스로 치기 쉽고, 수평 조정이 필요하지 않습니다) 맨 위 (포인터를 얻는 데 너무 많은 훌륭한 마우스 작업이 아님).
IMHO, 성가심 수준은 오류 수준을 반영해야합니다 ... 오류의 경우 오류 메시지가있는 계층에서 사용자가 다른 작업을 수행하지 못하게하는 것이 좋습니다. 알림을 받으려면 브라우저 상단에 비밀번호 저장 여부를 묻는 메시지 상자가 표시됩니다.
그래서 내가 더 나은 솔루션이 있다고 생각하지 않습니다 ... 그냥 ... 경고의 유형에 따라 다릅니다) 대답은 다소는 사용자의 관심을 지불하는 것이 얼마나 중요한지에 따라
자원을 찾고 있다면 내 생각을하지 마십시오. by Steve Krug. 그의 사이트 Advanced Common Sense도 훌륭한 자료입니다.
사용성 팁과 가이드 라인에 대한 또 다른 좋은 사이트
는 제이콥 닐슨의 useit.com내가 사이트에서 제품 다운로드 버튼을 가지고 다른 날입니다. 나는 그것을 클릭했다. 아무 일도 없었던 것처럼 보였다. 나는 그것을 다시 클릭했고, 첫 번째 버튼이 만든 다운로드 링크는 나에게 약간의 악영향을 주었다. 매우 효과적인 그리고 웃음있어 : http://haanstra.eu/putty/
내가 jQuery를 UI 하이라이트() 효과 기능이 눈에 띄지 않게 뭔가가 변경되었음을 사용자에게 경고하기위한 좋은 찾기; 그러나 다른 사람들이 말했듯이, 그것은 메시지의 중요성에 달려 있습니다 - 때로는 단지 눈에 거슬 릴 필요가 있습니다!
내 시스템에는 세 가지 유형의 알림이 있습니다. 당신이 기입하지 않았다 "처럼, 레드
경고가 :
필자의 시스템이 몇 초 동안 알림을 페이드 아웃하도록 설계했습니다. 즉, 사용자가 몇 초 후에 사라지는 녹색 상자를 보는 것에 익숙합니다. 그러나 오류나 경고가 발생하면 상자는 사용자 앞에있는 화면에 머무르며주의를 요합니다.
필자는 경고와 오류가 절대적으로 필요할 때만 사용해야한다고 생각합니다. 사용하는 경우 상당한 수준의 영향을 미칩니다. 내 시스템에서는 경고 및 오류가 사라지지 않습니다. 문제가 해결되지 않을 수도 있습니다.
내 경험에 비추어 볼 때 사용자와 대화를 나누려면 얼굴을 크게하고 너무 크게 만들지 말고 남은 페이지를 가로막 으십시오. 프롬프트가 없거나 라이트 박스 스타일 오버레이 (제 생각에는)입니다.