PART_3_3. 인터렉션 디자인 (INTERACTION DESIGN)

PART_3. 인터렉션 디자인 (INTERACTION DESIGN)

*** 로딩 표시기 (Loading Indicator) ***

- 데이터 변화가 진행되고 있음을 알림
- YFT 기법이 넓은 영역적용을 위한거라면 로딩표시기는 좁은 영역을 위한것

- 사용자에게 즉각적인 피드백을 제공하여 과업의 순조로운 진행을 알림
- 데이터 로딩이 늦어지는데도 표시기가 제공되지않는다면 사용자는 기능 /도는 기술의 요류를 의심하게 됨

- 로딩 표시기 고려사항

. 데이터 변화가 이루어지는 영역에 적합한 아이콘을 제작
. 데이터 변화가 중요한 경우 시각적 효과를 강조
. 데이터 변화가 중요하지 않거나 일상적인 경우 시각적 자극을 최소화할 수 있는 표시기 사용
. Brand Identity의 형태와 색상을 반영
. 페이지상의 데이터 변화를 재미있게 확인시킬수 있어야함

벤치마킹

http://www.podcast.com/

- 좁은 영역은 진행표시기(progress indicator) 모양, 넓은 영역에서는 별모양의 로딩 표시기 사용

http://www.napyfab.com/ajax-indicators 

http://www.ajaxload.info/

- 로딩표시기 생성기





관련이론

변화맹 (Change Blindness)

- 주변환경이 변했음에도 인간이 시각적으로 인지하지 못하는 현상
- 눈의 움직임에 의한 시각적 단절이나 응시하고 있는 대상의 시각적 모호함에 의해 발생










출처: 웹2.0기획과 디자인(노주환)