😍구독링크 복사해서 공유하기😍
http://bit.ly/2FNQNpv

월트 디즈니 같은 선구자들이 처음으로 애니메이션을 활용해 스토리텔링을 시작했을 때부터, 애니메이션은 멋지고, 근사하고, 엄청난 무언가를 만드는 툴로 여겨져왔다.

최근 몇 십년 간, 애니메이션은 디지털 제품 디자이너에게 점점 더 필수적인 툴이 되어왔다. 멋진 어느 순간을 만드는 것 뿐만 아니라, 유저에게 정보를 주고 그들이 제품을 온전히 잘 사용할 수 있도록 안내를 하는 역할도 해야하기 때문이다. 좋은 모션 디자인은 제품을 좀 더 사용성 있고 직관적으로 만든다. 애니메이션 원리가 디지털 인터페이스가 현실 세계를 반영하는 데에 도움이 되기 때문이다.

우리가 Design Better library의 신간인 Animation Handbook 출간 소식을 알리는 것이 기쁜 이유는 위 이유 때문이다. 이는 디자이너들이 애니메이션을 배울 때 도움이 되는 인사이트 뿐만 아니라, 사용자 경험에 대한 이례적인 기술까지 포함한다.

책 안에는:

• 애플의 개발자이자 디자이너이며, Blackbox로 애플 디자인 어워드를 수상한 Ryan McLeod로부터 얻은, 6백만 플레이어를 확보한 게임에 대한 팁.
• 모션이 제품에 있어 왜 중요한지 이해하고 있는 사람들을 위한 역전 프레임워크와 실제 적용 방법.
• Headspace, Lyft, Zova Fitness, Google 등 모션 디자인이 성공적인 제품을 만들어내는 실제 사례.
• 애니메이션을 유용하게 사용할 수 있는 핵심적인 원칙들뿐만 아니라, 프로젝트 초기의 모션 디자인을 포함한 다양한 비즈니스 사례.
• 애니메이션 디자인을 당신의 워크플로우에 포함시키는 가장 좋은 연습법.

본 아티클에서는, 책에서 여섯 가지 핵심 내용을 뽑아서 보여줄 것이다. 하지만 좀 더 깊게 공부해보고 싶다면 여기에서 무료로 파일을 다운 받을 수 있다. 

애니메이션은 유저가 옳은 방향으로 가는 것을 안내해주는 것 뿐만 아니라, Ryan이 말했듯 “기술적인 툴을 우리의 마음으로 확장하는 것"으로써 점점 더 중요해지고 있다. Chapter 1: 모션의 목적을 읽으면, 좀 더 많은 내용을 알 수 있다. 

• 모든 모션 디자인 결정에 대한 일관된 소스 문서화 및 중앙 집중화
• 모든 디자인 작업을 위한 북극성지표로서의 핵심 원칙 확립
• 모든 상호 작용을 철저히 정의하여 사용법에 대한 공유

그들의 디자인 시스템에 모션을 포함함으로써, 그들은 프로덕트 팀이 매번 새로운 제품이 출시될 때마다 새로운 경험을 리디자인하는 대신, 가장 큰 임팩트를 주기 위한 모션이 어디 쓰여야 하는지 초점을 맞출 수 있게 도울 수 있었다.

“모션은 사용자 여정에서 중요한 순간을 남긴다. 좋은 일이든 나쁜 일이든 간에, 우리는 기븜이나 동정을 표현한다. 즉, 이는 공감을 표현하는 하나의 방식인 것이다.”
-Eric Henry, Google 시니어 UI 디자이너

챕터 3: 애니메이션 콜라보레이션을 읽으면, 디자인 시스템에 모션을 넣는 것이 어떻게 애니메이션의 파워를 확장할 수 있는지에 대해 알 수 있다.

법칙 #6: 일관성을 활용하여 신뢰를 쌓아라.

디자인 시스템이 제품들 간의 일관성을 만들기 때문에 중요한 것처럼, 제품의 일관성은 좋은 UX의 핵심이다. 모션을 사용하는 데에 있어서 일관되지 않는 것은, 인지 부하를 초래할 수 있으며, 이러한 이유로 Ryan McLeod는 “신뢰와 실험을 유지하기 위하여 인터페이스의 원칙을 완전히 이해하고 항상 염두에 두는 것”이 중요하다고 말했다.

일관성에 대해 덧붙이자면, 책의 마지막 챕터에서는 Ryan은 세 가지 원칙을 제안한다.: 뉘앙스, 인간성, 유동성.

• 뉘앙스: 모션은 다른 쓸모없는 것들에 주의를 빼앗기지 않고, 중요한 것이 무엇인지를 명확하게 알려주는 것을 보장한다.
• 인간성: 디지털 애니메이션은 주의 깊은 방식으로 순간적으로 속도를 줄임으로써, 소프트웨어를 인간화하는 역할을 한다.
• 유동성: 우리가 결정을 할 때 유동적인 상호작용이 일어나면, 중간에서 결정을 변경, 취소, 및 아예 바꿀 수 있는 여지를 주게 된다.

모션 디자인에서 이 모든 요소를 고민해본다면, 당신만의 화합적이고, 미묘하고, 인간적인 인터랙티븝 경험을 만들게 될 것이다. 이 애니메이션 핸드북을 읽었을 때, 당신은 모션이 유저에게 얼마나 많은 맥락을 이야기하고 있는지, 애니메이션의 기본 원칙은 무엇인지, 부서를 넘어선 협업과 디자인 시스템에 모션을 포함시켰을 때의 힘이 얼마나 강력한지에 대해 알게 될 것이다. Ryan이 말한 것과 같은, “몸과 마음이 군더더기 없이 확장된 인터페이스"를 당신도 만들 수 있을 것이다.

마지막으로, Push Pop Press의 모션 작업으로 유명하고 우리가 이 책에서 인터뷰했던 사람인 Austin Sarner이 애니메이션의 핵심 가치를 간결하게 요약한 말을 붙이고 마친다.

“유저가 인터페이스에서 무언가를 느끼게 해야 할 때, 모션은 맥락을 제공한다. 이는 그들의 몸짓과 조작 행위의 연장선상에 있다. 그리고 그것은 그들이 할 수 있는 것에 대해 안내하고, 더 많은 것을 탐험하도록 장려한다.”
Austin Sarner, 소프트웨어 엔지니어 & 프로덕트 디자이너

UI디자인도 체계가 잡혀가면서, 좀 더 독특한 디자인을 위한 수단으로 모션그래픽이 부상하고 있습니다. 이런 흐름에 따라 오늘은 애니메이션에 대한 아티클을 소개해드립니다. 이 글은 저자가 쓴 책의 일부를 요약한 것으로, 저자의 링크나 본문 안에 있는 챕터 링크를 클릭하시면 책 원문도 전부 읽어보실 수 있습니다.