[요약정리] 서비스 UX는 내가 직접 지킨다: 웹 이미지 뷰어 '포커스' 개발 및 적용기 / if(kakaoAI)2024

아래의 영상을 요약한 글입니다 .

https://www.youtube.com/watch?v=bW9zbcaDfjw

---

웹뷰어 만들기 

 - Svelte -> library 경량화를 위해 (작은 번들링)

 - Typescript 

 - Anime.js -> Animation

 

일관되지 않는 UI/UX

 - 서비스별 다른 사용자 경험

- 같은 카카오 서비스라고 인지하기 어려움

 

핵심기능

 - 뷰어

 - 슬라이더

 - 확대 / 축소

 - 이미지 목록

 

사용자 중심의 핵심기능

 - 이미지 목록 -> 그리드

 - 한손 사용성

 

피드백 (UX 용어)

사용자가 수행한 행도엥 대해 시스템이 즉각적으로 반응하거나 결과를 전달하는 일련의 메시지나 신호

 

Gravity 효과

액션의 반대 방향으로 끌어당기는 효과

더 이상 액션할 수 없다는 점 예측