UXUI (9) 썸네일형 리스트형 [UXUI 레퍼런스 분석] 6. 꾸주니와 TASK FLOW 꾸주니 - 30일 챌린지꾸주니는 사용자가 30일간 꾸준히 참여하여, 작지만 확실한 습관을 완성할 수 있도록 돕는 앱이다. 단순한 플로우를 통한 높은 사용성과 귀여운 인앱 화면으로 많은 사용자의 호평을 받고 있기도 하다. 오늘은 테스크 플로우의 관점에서 이 앱을 살펴보겠다. 1. 테스크 플로우란?테스크플로우는 사용자가 목표(TASK)를 달성하기 위해 서비스에서 거쳐야하는 행동들의 나열(FLOW)을 의미한다.즉, 어떤 목표를 이루기 위해 사용자가 따라야 하는 작업 순서를 정리한 것이다.예를 들어 ‘습관 루틴 생성’이라는 목표(Task)가 있다면,사용자는 '앱 홈 화면 → 루틴 추가 버튼 클릭 → 루틴 정보 입력 → 저장 버튼 클릭'의 과정(Flow)을 거칠 것을 예상할 수 있다.이처럼 테스크 플로우는 .. [UXUI 학습일지] 5 Principles of Visual Design in UX https://www.nngroup.com/articles/principles-visual-design/ 5 Principles of Visual Design in UXThe principles of scale, visual hierarchy, balance, contrast, and Gestalt not only create beautiful designs, but also increase usability when applied correctly.www.nngroup.com Scale중요성과 구성의 순위를 나타내기 위해 상대적인 크기를 사용하라.3개 이상의 사이즈를 되도록 사용하지 말자.크기의 차이는 위계를 발생시킨다Visual Hierarchy중요한 순서대로 시야가 움직이게 해라비율, 값, 색, 간.. [UXUI 레퍼런스 분석] 5. 네이버 스포츠와 리텐션 네이버 스포츠네이버 스포츠는 대한민국 최대 포털 사이트인 네이버에서 운영하는 종합 스포츠 플랫폼이다.10년 전부터 야구를 즐겨보던 나에게는 매우 익숙한 서비스이기도 하다.최근 몇 년간, 스포츠 중계의 중심축이 구독형 OTT로 이동하며 네이버 스포츠, 특히 야구 콘텐츠의 입지는 위협받는 듯했다.하지만 네이버는 팬심을 자극하는 새로운 UX 전략으로 다시 주목을 받기 시작했고,그 중심에는 바로 팬 참여형 기능인 ‘MY티켓’ 서비스가 있다.오늘은 이 MY티켓 서비스가 어떤 방식으로 팬 경험을 바꾸고 있는지 살펴보고자 한다. 1. 리텐션리텐션이란, 사용자가 얼마나 오랫동안 서비스를 계속 사용하는지를 나타내는 지표로,n일차 사용자 수를 전체 유입사용자 수로 나누어서 나타낸다. 리텐션은 서비스 제공자 입장에서 굉장히.. [UXUI 학습일지] Opening Links in New Browser Windows and Tabs https://www.nngroup.com/articles/new-browser-windows-and-tabs/ Opening Links in New Browser Windows and TabsCarefully examine the user’s context, task at hand, and next steps when deciding whether to open links to documents and external sites in the same or a new browser tab.www.nngroup.com 1999년대 이래로 웹 사용성 가이드는 새로운 윈도우을 여는 것을 삼가왔음. 이는 현재 윈도우 탭까지 이어짐많은 윈도우는 사용자를 어수선하게하고, 정리하는데 더 많은 노력을 들게 함사용자가 .. [UXUI 학습일지] 10 Usability Heuristics for User Interface Design 1. Visibility of System Status (시스템 상태의 가시성)적절한 시간 내의 알맞은 피드백을 통해 유저에게 항상 어떤 일이 일어나고 있는지를 보여주어야 한다.유저는 현재상태를 통해 이전 작업의 결과를 인식하고, 다음 단계를 결정한다.예측 가능한 인터랙션은 상품과 브랜드에 대한 신뢰를 만들어준다 https://www.nngroup.com/articles/visibility-system-status/ Visibility of System StatusCommunicating the current state allows users to feel in control of the system, take appropriate actions to reach their goal, and ultimat.. [UXUI 레퍼런스 분석] 4. 스튜디오메이트 메인페이지 톺아보기 StudioMate스튜디오메이트(StudioMate)는 필라테스, 요가, 퍼스널 트레이닝(PT) 등 소규모 강습 중심의 스튜디오 운영에 특화된 서비스이다. 이용자에게는 수업 예약 과정이 간단하고, 본인의 이용권을 직접 확인하고 관리할 수 있으며, 관심 있는 강사나 시설에 대한 정보를 손쉽게 찾아볼 수 있다는 점이 큰 장점이다. 운영자 입장에서는 수업 스케줄과 예약 상황을 직관적으로 관리할 수 있다. 나는 ‘물레 강의’와 ‘필라테스’ 수업을 들으면서 StudioMate를 처음 접하게 되었고, 처음엔 UI가 깔끔하고 직관적이라고 느꼈다. 그러나 일정 기간 사용하다 보니 아쉬운 점도 눈에 띄어, 그 경험을 바탕으로 이 앱을 UX 관점에서 분석해보기로 했다.1. 메인페이지 구성 톺아보기 1번째 사진이 메인페이지.. [UXUI 레퍼런스 분석] 3. 미소(Miso)와 대화형 UX 미소-대한민국 1등 홈서비스미소(miso)는, 청소부터 이사, 인터넷 가입, 렌탈, 세차까지 200여 가지 생활서비스를 모바일로 간편하게 신청할 수 있는 어플리케이션이다. 사용자의 연령층이 다양한 만큼 이전부터 깔끔한 UX를 자랑했으나, 최근 새로이 업데이트 된 대화형 UX가 매우 인상적이여서 이번 레퍼런스 분석의 토픽으로 삼게되었다. 1. 랜딩페이지와 히어로섹션 먼저 인상적인 점은, 히어로 섹션을 제외하고는 대부분 무채색을 사용하여서, 화면의 색채 균형을 잡음과 동시에 시선을 한쪽으로 쏠릴 수 있게끔 했다는 점이였다.다만, 카테고리 영역의 아이콘과 설명 사이의 간격이 조금 좁아보여서, 답답한 인상을 주기는 하였다. 원래는 청소/정리를 신청하는 플로우를 탐색해보고자 이 어플리케이션을 다운받았다. .. [UXUI 레퍼런스 분석] 2. 산타토익과 UX 라이팅 산타 - AI토익흔히 '산타토익'이라고 부르는 이 어플리케이션은 아마 한국에서 가장 유명한 어학 공부 어플리케이션 중 하나일 것이다. 나 또한 토익을 준비하면서 이 어플리케이션을 애용하고 있기도 하다. 어플을 3달 이상 사용하면서, 정말 UI/UX가 잘 구성된 어플리케이션이라고 생각했다. 내가 산타 토익에서 제공하는 글귀들을 눈여겨 보기 전까지는 말이다. 어느 순간 산타토익이 문제를 맞추고, 틀릴 때마다 내게 해주는 말을 보면서 '굳이 이런식으로 말해야할까?'라는 생각이 들기 시작했고,산타토익을 중심으로 UX라이팅에 대한 레퍼런스 분석을 진행하기로 결정했다. 좋은 UX 라이팅이란?디자이너를 대신해서 사용자의 입장에서 말하고, 친절하며, 상황에 알맞은 행동을 부드럽게 이끄는 글이 좋은 UX 라이팅이라고.. 이전 1 2 다음
