즉시 반응하기
즉시 반응하기 (React Immediately)
초대(invitation)는 발견 가능성을 직접 다루고 상호작용이 일어나기 전에 피드백을 제공하기 때문에 강력해요. 전환(transition)은 상호작용 중에 시각적 피드백을 제공하기 때문에 유용하고요. 하지만 또 다른 종류의 피드백이 있어요. 바로 시스템과의 각 상호작용 직후에 일어나는, 사용자의 행동에 짝지어지는 즉각적인 반응이에요.
출처: 문서
본문
뉴턴의 법칙을 사용자 인터페이스 세계에 문자 그대로 확장할 수는 없지만, 이 원칙을 사용자와 상호작용하는 방식에 적용할 수는 있어요. 사용자가 버튼을 클릭하면 버튼이 눌리는 걸 기대해요. 필드에 타이핑하면 텍스트 박스에 문자가 나타나길 기대해요. 실수를 하면 애플리케이션이 어디에서 잘못했는지 알려 주길 원해요.
피드백이 너무 많은(더 정확히는, 잘못된 종류의 피드백이 너무 많은—이 개념은 다음 장에서 다룰 거예요) 가능성은 있지만, 피드백이 없거나 거의 없는 시스템은 느리고 둔하게 느껴져요.
뉴턴의 제3운동법칙: 모든 작용에는 크기가 같고 방향이 반대인 반작용이 있다. — 위키백과에서
검색 패턴 (Lookup Patterns)
사용자 질의의 키워드가 Topics, Questions, Articles 세 가지 카테고리에만 표시되는 예시예요.
사용자 질의의 키워드가 속한 카테고리 수가 불확정적인 예시예요.
자동 완성(Auto Complete): 사용자가 필드에 입력하면 일치하는 값의 드롭다운 메뉴가 표시돼요. 검색 결과의 카테고리에 따라 확정 카테고리(Certain Category)와 불확정 카테고리(Uncertain Category) 두 가지로 나눌 수 있어요.
라이브 제안(Live Suggest): 검색을 만들기 위한 실시간 검색어 제안을 제공해요.
라이브 제안 (Live Suggest)
라이브 프리뷰(Live Preview): 사용자가 제출하면 애플리케이션이 입력을 어떻게 해석할지 미리 엿볼 수 있게 해 줘요.
사용자 입력 타입에 따라 시스템이 비밀번호 강도와 유효성에 대한 즉각적인 피드백을 제공해요.
참고: 예방은 치료보다 낫죠(an ounce of prevention is worth a pound of cure). 오류를 예방하기 위해 라이브 프리뷰를 사용하세요.
점진적 공개(Progressive Disclosure): 사용자가 일련의 단계에 직면했을 때, 모든 힌트를 한 번에 표시해 인터페이스를 어지럽히기보다 필요한 때에만 힌트를 제공하는 것이 종종 더 좋아요. 더 많은 사례는 Stay on the Page/Progressive Disclosure에서 확인하세요.
진행 표시기(Progress Indicator): 나머지 인터페이스가 현재 사용 불가할 때 사용자와의 대화를 이어가 유지해요. 로딩 버튼, 로딩 테이블, 로딩 리스트, 로딩 페이지 같은 일반적인 진행 표시기는 조작의 빈도와 중요도에 따라 각각 표시할 수 있어요.
클릭 새로고침(Click Refresh): 새 콘텐츠가 있음을 사용자에게 알리고 새로고침 버튼이나 도구를 제공해요.
주기적 새로고침(Periodic Refresh): 사용자의 직접적인 상호작용 없이 주기적으로 새 콘텐츠를 가져와요.
추가된 리스트 항목이 강조되었다가 몇 초 안에 정상으로 돌아오는 예시예요.