도리스 블로그

네이버 스마트에디터 3.0 (Web ver.)접속 초기 화면에 레이어 팝업으로 주요 도움말을 보여준다. 스마트에디터 화면 내에 이 동영상(가이드)을 바로 열어볼 수 있는 조그만 장치가 있으면 좋을 듯하다. 카카오 브런치 Brunch (Web ver.)글쓰기 화면에 접속 시 글자편집에 관한 도움말을 애니메이션으로 보여준다. 그 후 사용자가 기능을 처음 사용할 때 그에 해당하는 도움말을 레이어 팝업으로 보여준다. 미디엄 Medium (Web ver.)처음 접속 시 화면 하단에 도움말을 보여준다. 좌우 화살표를 클릭해서 다음 내용을 볼 수 있다. 일부 도움말은 애니메이션을 통해 이해를 돕고 있다. 도움말 맨 마지막에는 이 도움말을 다시 보는 방법에 대한 도움말이 나온다. 끝.

《마이크로인터랙션 – 디테일에 강한 인터랙션 디자인》 댄 새퍼 (2015.5) 마이크로인터랙션의 네 가지 요소 ①트리거, ②동작규칙, ③피드백, ④순환과 모드 중 NOTE1에서 트리거와 동작규칙에 대해 정리했었다. 여기서는 동작규칙부터 이어서 나머지 부분을 정리하려고 한다. 관련 글 《마이크로인터랙션 – 디테일에 강한 인터랙션 디자인》 NOTE 1 1. 동작규칙 제한된 선택 항목과 세심한 기본값동작규칙을 최소한으로 하는 가장 좋은 방법은 사용자의 선택을 제한하는 것이다. 마이크로인터랙션 전체에 걸쳐 기본 선택값을 잘 준비해 두면 사용자가 중간에 뭔가를 선택해야 할 필요조차도 없을 것이다. 모든 마이크로인터랙션이 하나의 행동을 하고, 그 행동이 다음으로 연결된다. _88주요한 선택 항목은 딱 하나만 있는 ..