정적 화면은 인터페이스의 모습을 보여줍니다. 상호 작용 디자인은 누군가가 그것을 사용할 때 일어나는 일, 즉 누르거나 끌 수 있는 것, 인터페이스가 반응하는 방식, 이후에 인터페이스가 어떻게 변경되는지를 결정합니다. 밀어서 삭제하고, 당겨서 새로고침하고, 탭한 버튼에서 열리는 메뉴는 모두 상호작용 디자인입니다.
몇 가지 원칙은 가장 좋은 상호 작용 디자인을 안내합니다. 어포던스(Affordance): 무엇과 상호작용할 수 있는지 명확해야 합니다. 피드백: 모든 작업은 즉각적이고 가시적인 응답을 받아야 합니다. 예측 가능성: 동일한 작업은 동일한 결과를 제공해야 합니다. 용서: 실수는 되돌리기 쉬워야 합니다.
모션은 주요 도구 중 하나입니다. 아래쪽에서 위로 미끄러지는 시트는 그것이 어디서 왔고 어디로 가는지를 보여줍니다. 손가락을 따라가다가 자연스럽게 안착되는 스프링이 제스처를 직접적으로 느끼게 해줍니다. 잘못 사용하면 모션으로 인해 사람들의 속도가 느려지므로 상호 작용 디자이너는 무엇을 움직여야 하는지, 얼마나 빨리, 왜 움직여야 하는지 신중하게 결정합니다.
정적 이미지로는 상호작용을 테스트할 수 없습니다. 디자이너는 간단한 클릭 가능한 흐름부터 로직이 포함된 세부 프로토타입까지 프로토타입을 제작하여 느낌을 테스트합니다. 문제는 개발자가 프로토타입을 다시 제작하는 경우가 많아 핸드오프 과정에서 세부 정보가 손실된다는 것입니다.
상호 작용을 데이터로 저장하는 도구는 이러한 손실을 줄입니다. 우리가 만드는 ExodeUI는 실제 앱에서 실행되는 하나의 열린 파일에 상태, 스프링 물리학, 입력 및 이벤트를 유지하므로 설계한 동작이 그대로 제공됩니다.