UXUI/아티클스터디 (6) 썸네일형 리스트형 [아티클스터디] 놀면서 공부하는 듀오링고의 비밀 디자이너의 UX참고서, 듀오링고 전격 해부하기 | 고구마팜듀오링고로 언어 공부도 하고 디자인 공부도 한다던데...?gogumafarm.kr 사용자를 지속적으로 사용하게 만드는 UX의 중요성에는 어떤 것들이 있을까? 듀오링고 앱 분석 아티클을 읽고 인사이트를 정리해 보았다. 몰입도를 높이는 UIUX1. 장벽을 낮추자!: 동글동글하고 귀여운 UI, 게이미피케이션(Gamification) 매커니즘2. 사용자 이탈 방지: 듀오링고의 목표는 캐릭터를 통해 언어를 배우는 시간이 즐겁게 느껴지도록 하는 것3. 체류시간 상승 및 이탈 사용자 재참여 유도: 메일링 학습어플인데 언어가 어려울지언정 듀오링고 어플이 어렵다는 생각은 한적 없다. 사용하면서 지루하다고 느낀적도 없었다. 그 이유는 게이미피케이션이라는 컨셉으로 .. [아티클스터디] 뒤로가기에도 종류가 있다 닫기와 뒤로가기, 어떻게 다를까? — 헤이딜러 UX 스터디- 뒤로가기의 종류(하이어라키 백, 히스토리백)에 대해 알아보고 - ‘닫기'와 ‘뒤로가기'를 어떤 기준으로 사용하기로 결정했는지에 대해 공유합니다.medium.com '닫기'와 '뒤로 가기'를 어떻게 사용해야 하는지 알게 되었다. 아티클을 읽고 간단히 인사이트를 정리해 보았다. 헤이딜러에서 정한 UX 규칙1. 먼저 페이지 간 위계를 파악해 본다.2. 그다음 어떤 back이 자연스러울지 생각해 본다.3. 두 가지의 back기능이 모두 필요하다면- 뒤로 가기 버튼을 하이어라키 백으로 두고- 히스토리 백을 다른 형태의 UI로 해결한다. 하이어라키 백: 하위개념에서 상위개념으로 돌아가는 것히스토리 백: 이전에 지나왔던 화면들을 역순 하여 차례대로 되돌아.. [아티클스터디] 그래도 해지하실 거예요? 15화 10분 만에 읽는 좋은 탈퇴 UX 전략서비스 평판은 탈퇴 과정에서 정해진다? | 사용자 경험 디자인에서 회원 탈퇴는 온보딩만큼이나 중요합니다. 사용자의 자율성을 심리 트릭으로 조정하려는 다크 패턴의 부정적 인식이 확산된 brunch.co.kr 회원 탈퇴 시 사용자는 번거로운 과정 없이 빠르게 떠나고 싶어 하고, 서비스는 탈퇴율을 최소화하며 사용자의 탈퇴 이유에 대한 정보를 수집하고 싶어 한다. 회원탈퇴 시 어떤 UX전략을 수립하는 것이 좋을까? 위 아티클을 읽고 인사이트를 정리해 보았다. 다크 패턴(Dark Patterns) 이용자들이 물건을 구매하거나 서비스에 가입하도록 유도하기 위해 업체가 의도한 웹이나 앱의 설계 또는 디자인 ex. '멤버십 혜택 포기하기', '불편하지만 웹으로 보기' 서비스.. [아티클스터디] 레퍼런스 적용 시 주의할 점 독이 되는 레퍼런스 활용법매혹적이지만 독이 될 수 있는 레퍼런스. 어떻게 활용하는 것이 좋을까요?toss.tech 레퍼런스를 활용한 이동수단 서비스를 개선하게 된 과정이 담긴 아티클이다. 이 아티클을 분석하고 인사이트를 정리해 보았다.Question Every Assupmtion으로 디자인하기1. 모든 요소와 스펙에 꼭 필요한지 질문하기, 모르겠다면 유저 만나보기2. 화면에 갇히지 말고 화면을 보는 사용자의 상황 상상하기3. 매 순간 가장 중요한 건 뭘지 질문하기4. 개선한 화면 꼭 검증하기 인사이트 정리 기존에 많이 활용되는 사용자 경험을 보고 사용자가 무엇을 원하는지 고민해 보기문제 파악, 가설 만들고 검증하기, 해결하는 방안을 나눠 생각해 보기레퍼런스와 최종 디자인을 나란히 배치하고 퍼센트 같은 객.. [아티클스터디] UX/UI 레벨테스트 UXUI 레벨테스트 아티클을 읽고 나도 테스트를 해보았다. 1. 줄맞춤, 정렬 평소 가운데 맞춤으로 글을 쓰는데, 이렇게 비교해 보니 가운데 맞춤보다는 왼쪽 맞춤이 보기가 편하다.이 글도 가운데 맞춤으로 쓰다가 왼쪽 맞춤으로 바꿔보았다.가운데 맞춤에 적응이 돼서 그런지 조금 어색하지만, 왼쪽 맞춤으로 글을 쓰는 습관을 들여야겠다. 2. 대비로 강조하기 1번과 달리 2번은 바로 A를 골랐다. A가 보기 편했던 이유는 중요한 정보가 제일 눈에 띄었기 때문이다.카테고리와 이름을 하나로 묶고 가격을 따로 기재한 것도 보기 편했다. 3. 줄간격은 150% 이상 e-Book으로 책을 읽을 때 가끔 줄간격이 신경쓰일 때가 있다. 넓은 것보다 약간 좁은 것이 읽기 편했는데, 장애가 있는 사용자가 내용을 식별.. [아티클스터디] 닐슨 노먼 그룹의 10가지 휴리스틱 평가 휴리스틱(Heuristics)1. 그리스어로 "찾아내다"(find out)와 "발견하다"(discover)를 뜻한다. 2. 불충분한 시간이나 정보로 인하여 합리적인 판단을 할 수 없거나, 체계적이면서 합리적인 판단이 굳이 필요하지 않은 상황에서 사람들이 빠르게 사용할 수 있게 보다 용이하게 구성된 간편 추론의 방법. 3. 제품이 사용자의 인지적 오류를 줄여줄 수 있는 방향으로 디자인되었는지나아가 유용한 정보를 포함하며 사용자가 제품 이용 과정에서 정서적인 만족을 느끼는지 함께 평가 닐슨 노먼 그룹의 10가지 휴리스틱 평가 1. 시스템 상태를 눈에 보이게 표현하기 (Visibility of system status) 적절한 시간 내에 사용자에게 진행 중인 정보를 지속적으로 제공해야 한다.현재 진행 단계/전.. 이전 1 다음
