인터랙션디자인4 풀투리프레시 디자인 (트리거 거리, 햅틱 피드백, 결과 카피) 트리거 거리(Pull Distance)를 80px에서 60px로 줄였더니 풀투리프레시 사용률이 11%에서 27%로 뛰었습니다. 처음 이 수치를 확인했을 때 솔직히 반신반의했습니다. 고작 20px 차이가 이렇게 큰 행동 변화를 만든다는 게 직관적으로 와닿지 않았거든요. 그런데 반복 검증할수록 결과는 같았고, 이후 외주 4건에서 같은 파라미터를 표준화하면서 이 수치가 단순한 우연이 아니라는 확신이 생겼습니다.트리거 거리풀투리프레시에서 가장 먼저 건드려야 할 건 트리거 거리입니다. 트리거 거리(Pull Distance)란 사용자가 화면을 아래로 당겼을 때 리프레시가 실제로 실행되기 시작하는 임계 지점까지의 픽셀 거리를 말합니다. 이 거리가 너무 길면 사용자가 "아, 이게 되는 기능이구나"라는 걸 인지하기 전에.. 2026. 6. 5. UI 모션 디자인 (이징 함수, 타이밍, spring 물리) 디자이너라면 한 번쯤 클라이언트에게 "좀 더 부드럽게 해주세요"라는 말을 들어봤을 겁니다. 저도 5년 차 프리랜서로 일하면서 이 한마디 앞에서 막막했던 적이 한두 번이 아니었습니다. '부드러움'은 감각이 아니라 수치입니다. 이징 함수와 타이밍 구간을 제대로 이해하고 나서야 저는 그 막막함에서 벗어났습니다.이징 함수, 숫자로 부드러움을 만드는 법일반적으로 모션 디자인에서 200ms 안팎의 트랜지션이면 충분하다고 알려져 있습니다. 저도 그렇게 믿고 핀테크 모바일 앱 외주를 진행했었는데, 실제 사용자 테스트 결과는 생각과 달랐습니다.디폴트로 적용해둔 linear 200ms 트랜지션을 ease-out 280ms로 바꿨을 뿐인데, NPS(Net Promoter Score)가 6점에서 8점으로 올랐습니다. NPS란.. 2026. 5. 2. 피그마 프로토타이핑 (온클릭, 오버레이, 스마트애니메이트) 기획서를 열심히 써서 넘겼는데 회의실에서 돌아오는 말이 "이게 정확히 어떻게 동작하는 건가요?"였던 경험, 한 번쯤 있으실 겁니다. 저도 그랬습니다. 텍스트로 설명하는 데 한계를 느끼고 피그마 프로토타이핑을 제대로 파고들기 시작했는데, 막상 써보니 알려진 것과 다른 점도 있었고, 예상보다 강력한 부분도 있었습니다.말로 설명하던 시절과 프로토타입이 바꾼 것피그마 프로토타이핑은 디자인한 화면을 실제로 작동하는 것처럼 인터랙티브하게 연결해 테스트할 수 있는 기능입니다. UI 설계 단계에서 개발 전에 이해관계자와 소통하거나 사용성을 검증하는 데 활용됩니다.일반적으로 프로토타이핑 툴은 복잡하고 진입 장벽이 높다고 알려져 있지만, 제가 직접 써봤는데 피그마는 그렇지 않았습니다. 프로토타입 모드에서 요소를 선택하고 .. 2026. 4. 15. UX 디자이너 입문 (역할, 전문화, 포트폴리오) UX 디자이너가 되려면 반드시 디자인 전공이어야 할까요? 이 질문에 "아니오"라고 답할 수 있다면, 당신은 이미 UX 디자인의 본질을 이해하고 있는 것입니다. 저는 입문 초기에 매일 출퇴근 지하철에서 앱 하나씩 분석하며 불편한 점을 찾는 훈련을 했습니다. 은행 앱에서 계좌이체 후 잔액 확인이 3탭이나 필요한 점을 발견했고, 이것이 제 첫 블로그 글이 되었습니다. 이 글이 해당 은행 UX팀에 전달되었다는 사실을 나중에 알았을 때, 관찰과 분석만으로도 실무에 영향을 줄 수 있다는 걸 깨달았습니다.UX 디자이너의 역할과 전문화 경로UX 디자이너는 단순히 화면을 예쁘게 꾸미는 사람이 아닙니다. 사용자 경험(User Experience)이란 사람이 제품과 상호작용할 때 느끼는 모든 감정과 반응을 의미합니다. 여기.. 2026. 3. 29. 이전 1 다음
