뀨나의 온라인 서랍장

오늘은 로딩 화면에 중요하게 작용하는 스켈레톤 UI에 대해서 공부해보았다. 서비스 개발 중에 로딩 화면이 필요하다고 하셔서, 저번에 한번봤었던 좋은 내용의 포스팅을 다시 한 번 정독해보았다. 상황에 맞는 로딩 애니메이션 적용하기 다양한 형태의 로딩 애니메이션을 상황에 맞게 적용하기 medium.com 스켈레톤 로딩, 언제 사용해야 할까? — 헤이딜러 UX 스터디 - ‘스켈레톤 로딩’을 어떤 기준으로 사용하기로 결정했는지에 대해 공유합니다 - 그런데 용어는 Shimmer일까요? Skeleton일까요? medium.com 로딩 애니메이션까지 생각해야할줄 초반에는 몰랐는데.. 공부를 시작하고나니 이렇게 디테일한 요소도 빠짐없이 신경써야하는 게 프로덕트 디자이너의 또 하나의 역량이라는 생각이 들었다🫠 그래도 누..

*iOS 를 기반으로 한 케이스 스터디입니다.최근 AI 기술을 활용해, 공부를 돕는 똑똑한 서비스들이 많아지고 있습니다. 저도 현재 AI 기술에 기반한 프로젝트를 진행 중에 있는터라, 평소에 이러한 AI 신기술들을 다른 디자이너분들은 UIUX적으로 어떻게 풀어냈는지를 살펴보고 싶었습니다. 또한, 스픽은 App Store나 서비스 시장에서 꽤 좋은 호평들을 많이 듣고 있었고, 최근에는 다양한 매체에서 눈에 종종 띄었습니다. 그만큼 스픽이 유저들에게 매력적인 서비스로 다가왔다는 점이라는 반증이었습니다. 그래서 이번에는 스터디 케이스 서비스로 AI 영어회화 앱인 스픽을 분석해보려합니다. 결론적으로 스픽을 고르게 된 계기는 아래의 두 가지의 궁금증 때문이었습니다.스픽의 어떤 경험이 많은 사람들의 호평을 불러 일..

3. GESTALT 형태와 패턴을 지각하는 방식 유사성의 법칙 (Law of Similarity) 사람은 유사한 요소를 묶어서 지각하려는 경향이 있다. 1. 시각적으로 유사한 요소는 관련된 것으로 인식된다. 2. 색상, 모양, 크기, 방향 및 움직임은 요소가 동일한 그룹에 속하고 공통된 의미나 기능을 공유할 가능성이 있음을 나타낼 수 있다. 3. 링크와 탐색 시스템이 일반 텍스트 요소와 시각적으로 구별되는지 확인하라. 사용자들은 시각적으로 유사한 요소는 서로 관련이 있다고 생각하고, 비슷한 기능을 가지고 있을거라는 생각을 한다. 따라서 유사한 요소끼리 묶어서 비슷한 형태와 컬러 등으로 디자인하여, 시각적으로 구분하는 것이 중요하다. 예시는 아래의 버튼 컬러를 구분한 이미지를 보면 알 수 있다. 각각 'E..

3. GESTALT 형태와 패턴을 지각하는 방식 근접성의 법칙 (Law of Proximity) 사람은 가까이 있는 물체를 그룹화하려는 경향이 있다. 1. 근접성은 가까이 있는 사물과의 관계를 확립하는 데 도움이 된다. 2. 가까이에 있는 요소는 유사한 기능이나 특성을 공유하는 것으로 인식된다. 3. 근접성은 사용자가 정보를 더 빠르고 효율적으로 이해하고 구성하는 데 도움이 된다. 사용자들은 서로 가까이 있는 것들을 비슷한 성격의 특성을 가지고 있다고 인식하는 경향이 있다. 근접성의 법칙의 예시로는 GNB 카테고리를 들 수 있다. 웹사이트에 있는 카테고리는 가까이 함으로서 서로 유사한 성격이라는 것을 가시적으로 보여준다. 프래그난츠의 법칙 (Law of Pragnanz) 사람은 이미지를 가장 단순한 형..

UX 법칙_프린시플 (2) 2. PRINCIPLE 일반적인 가치, 목표, 철학 또는 방향성을 제시하는 법칙 파레토 법칙 (Pareto Principle) 결과의 약 80%는 20%의 원인에서 발생한다. 1. 입력과 출력이 균등하게 분배되지 않는 경우가 많다. 2. youii.tistory.com 오늘은 이전에 알아보았던 UX 법칙을 이어서 학습해보자!😄 2. PRINCIPLE 일반적인 가치, 목표, 철학 또는 방향성을 제시하는 법칙 테슬러의 법칙 (Tesler's Law) 모든 시스템에는 더 이상 줄일 수 없는 일정 수준의 복잡성이 존재한다. 1. 모든 프로세스에는 설계할 수 없는 복잡성의 핵심이 있으므로 시스템이나 사용자가 가정해야 한다. 2. 설계 및 개발 과정에서 내재된 복잡성을 처리하여 사용자의..

*iOS 를 기반으로 한 케이스 스터디입니다. 과거부터 지금까지 약 15년 정도 SK텔레콤에서만 통신사를 사용하고 있던 저에게 'T멤버십'이라는 서비스는 꽤 익숙했습니다. 특히 매번 서비스를 사용하며 생각의 중심이 되었던 것은 '15년 장기 이용 고객인 내가 T멤버십에서 어떤 혜택들을 받을 수 있을까?' 라는 점이었습니다. 그러나 매번 구경하러 들어가면 어쩐지 내용이 눈에 잘 들어오지 않고, 서비스 이용에 손이 잘 가지 않았습니다. 그러다 최근 들어서 VIP 혜택으로 영화 값을 무료+50%할인까지 제공해주고 있었다는 점을 알게 되었습니다. 학창시절부터 대학시절까지는 멤버십 할인을 통해 종종 영화를 즐겨보았었는데, 어느 순간 영화 할인 서비스 혜택이 끊기면서 까맣게 모르고 있었던 것입니다. 이제야 이 사실..