본문으로 이동
[팀네이버 컨퍼런스 DAN 24] 생동감 넘치는 인터랙션 만들기
컨퍼런스

[팀네이버 컨퍼런스 DAN 24] 생동감 넘치는 인터랙션 만들기

DAN 2024 네이버 · YouTube

원문 보기

AI 핵심 요약

네이버 인터랙션 팀은 모바일에서 사용성을 해치지 않으면서 자연스럽고 생동감 있는 움직임을 만들기 위해 일관성·예측 가능성·구현 가능성·절제·생동감의 다섯 원칙을 적용합니다. 타이밍 커브와 애니메이션 시간을 조정해 모달의 이동 거리에 따른 속도 차이를 보정하고, 오브젝트별 속성값과 타임라인을 담은 개발 가이드로 구현 의도를 전달했습니다. 반복 요소는 인터랙션 라이브러리와 피그마 위젯으로 재사용·자동화했으며, 디자이너가 SwiftUI와 SpriteKit으로 네이버 클립의 좋아요 인터랙션을 프로토타이핑해 개발 검토와 구현을 진행한 사례도 소개했습니다. 인터랙티브 광고에서는 어포던스의 노출 시간과 반복을 제한하고 사용성을 고려해, 광고 효과와 서비스 경험 사이의 균형을 찾는 것이 중요하다고 설명했습니다.

  • 화면 전환의 시간·방향·가속도·투명도 같은 속성을 맞추면 서비스 전반의 인터랙션 일관성을 높일 수 있습니다.
  • 애니메이션은 타이밍 커브와 지속 시간을 함께 조정하고, 이동 거리가 달라질 때는 시간도 비례해 검토해야 합니다.
  • 개발 가이드에는 움직이는 오브젝트의 라벨, 속성값, 타임라인을 명시해 디자인 의도와 구현 결과의 차이를 줄이세요.
  • 반복되는 컴포넌트와 모션은 라이브러리로 재사용하고, 피그마 위젯으로 가이드의 속성값과 타임라인 생성을 자동화할 수 있습니다.
  • 광고의 어포던스는 모든 사용자에게 노출되므로 반복 횟수와 재생 시간을 절제하고, 사용자의 다음 행동을 예측 가능하게 안내해야 합니다.

소개

네이버 인터랙션은 단순히 심미적 디자인의 완성도를 높이는 것뿐만이 아니라 사용성을 강화하고 돕는 원칙을 기준으로 인터랙션을 설계합니다. 일관성, 예측 가능한 움직임, 구현 가능성, 절제된 표현 그리고 생동감이라는 5가지 주요 원칙을 기반으로 인터랙션을 정의하고 있습니다. 이 세션에서는 이러한 원칙을 바탕으로 한 다양한 시도와 경험을 공유합니다.

비슷한 학습 자료

컨퍼런스 DAN 2024

본 세션에서는 별점 리뷰 부터 동영상 리뷰까지의 성장 과정과 리뷰에 대한 인식을 전환하기 위한 디자이너의 노력, 앞으로 리뷰 콘텐츠 활용 방향에 대해 공유드리려 합니다.

UI/UX 프로덕트 매니지먼트

컨퍼런스 DAN 2024

변화의 시대이자 단 하나의 답이 없는 시대, 네이버의 크리에이티브를 담당하고 있는 리더들이 모여 경계를 확장하고 더 나은 사용자 경험을 만들기 위한 고민과 노력들을 이야기합니다.

컨퍼런스 DAN 2024

네이버가 넥스트 진화를 위한 경영 전략으로써의 경험 경쟁력을 확보하고 강화하기 위한 여정과 인사이트를 소개합니다.

컨퍼런스 DAN 2024

디자인, 마케팅, 브랜딩, 그리고 기업 경험을 아우르는 통합적 크리에이티브를 통해 기존의 경계를 넘어 새로운 가능성을 모색하는 여정을 소개합니다.

컨퍼런스 DAN 2025

[팀네이버 컨퍼런스 DAN25] 다른 방식, 같은 목표 : 블로그·밴드·치지직 서비스 브랜딩 변화 네이버는 끊임없이 변화하는 플랫폼이고 네이버 브랜딩 역시 수많은 서비스를 다루면서 변화를 지속적으로 도모를 하고 있습니다. 블로그, 밴드, 치지직 3가지 변화 사례를 통해 서비스 리브랜딩이 단순 디자인 변경을 넘어 '사업 전략' 및 '사용자 경험'과 어떻게 연결되는지를 이해시키고, 네이버라는 동일 플랫폼 내에서 각 서비스의 성장 단계, 사용자 특성, 시장 환경에 따라 브랜딩 변화 전략을 어떻게 세우고 전개해 가는지 시사점을 제공하고자 합니다. 목차 1. Shift(전환) : 기록의 발견 즐거운 연결, 블로그 - 서비스 활력을 극대화하기 위한 브랜드 리셋 2. Advance(진화) : 우리를 만드는 글로벌 커뮤니티 모티베이터, 밴드지키면서 새롭게 진화하기 위한 브랜드 부스팅 3. Extend(확장) : 끊임없이 이어지...

컨퍼런스 DAN 2025

[팀네이버 컨퍼런스 DAN25] 사용자가 이끄는 경험, 네이버의 기준이 되다 네이버의 경험조직에 대한 소개와 함께 사용자관점이 사업과 서비스의 의사결정에 어떤 과정을 통해 중요한 영향을 미치는지 과정과 경험을 공유하려 합니다. 목차 1. 사용자는 우리에게, 우리는 사용자에게 - 네이버다움 : users as our compass 2. 네이버의 경험조직 - 사용자 관점을 통한 의사결정 : making experience matter 3. 버티컬 경험 측정과 개선 - 경험 측정과 경험 진단 - Life Stage, Life Style, 다양한 persona 개발 4. 횡적 경험 연계를 위한 사용자 리서치 - 전사 서비스를 아우르는 일관된 경험 기준 - 서비스 경계를 넘나드는 사용자 행태 조사 대상 - 효율적이고 빠른 사업/서비스 의사결정 기여에 관심 있는 리서쳐, UXer - 사용자데이터 기반 의사결정이 필요한 프로덕트 리더, PM, PO #DAN #DAN25 #TEAMNAVER...

UI/UX 프로덕트 지표 · 실험