본문 바로가기

👩‍💻Deep Wide School

(63)

유저플로우 튜토리얼 User Flow Tutorial 모방으로 학습하기저번 포스팅을 정리하면서, User flow에 대해 아~이제 좀 알 것 같다! 했는데 관련된 자료들을 더 찾아보니 다시 헷갈리기도 했다. 사람마다 미묘하게 작업 순서나 방식이 다르고, 워딩에도 조금씩 차이가 있어서 아직은 좀 헷갈린다. 서점에 가서 UXUI 관련된 책을 좀더 찾아봐야겠다. 그러던 중, 지난 겨울에도 봤던 영상을 다시 보게 되었다. 샌프란시스코에서 UX Designer로 일하고 있는 Youtuber Chunbuns의 채널이다. 그때는 이 영상을 보고도 감히 튜토리얼을 같이 시도해볼 생각을 못했었다. 이제는 이 영상에서 소개하는 User Flow의 개념을 다시 한 번 정리해보고, 제공하는 튜토리얼 과제를 수행해보고자 한다. User flow tutorial, How I use..

User Flow Diagram 그리는 방법 플로우 다이어그램?앞서서 Flow chart, Flow Diagram, Task Flow, User Flow의 개념에 대해서 알아보았다. 사실상 모두 같은 맥락의 단어라는 것을 이제는 이해했다. 통칭해서 Flow Diagram이라고 지칭하겠다. 이 포스팅에서는 보다 디테일하게 어떻게 플로우 다이어그램을 그리는 지에 대해서 다뤄보고자 한다. 플로우 다이어그램의 개념에 대해서는 이전 포스팅에서 정리했기 때문에, 개념에 대한 설명은 생략하고 바로 다음의 유튜브 영상 내용을 참고하여 '구체적인 방법'에 대해 정리하겠다. How to Create a User Flow Diagram youtu.be/_kPuHPKpCP0How to Create a User Flow Diagram 플로우 다이어그램 만드는 법구성요소 ..

태스크 플로우, 유저 플로우, 플로우차트, 플로우 다이어그램, IA? Task 개념을 하나씩 정리하고 가자 *UX 스토리보드: UX 구현에 수반되는 사용자와 태스크, 인터페이스 간 상호작용을 시각화하여, 개발자/디자이너의 의사소통을 돕는 도구이자 완성해야 할 앱 서비스와 예상되는 사용자 경험을 미리 보기 위한 방법론을 말한다. 1. Feature List : UX concept/ UX Needs의 구현에 필요한 기능 리스트 2. User Task Flow : 해당 기능수행과 사용자의 행위 맵핑 및 흐름도 3. IA (Information Architecture) : 정보의 구조화와 위계관계망(우선순위) 4. Wireframe : 해당기능 구현을 위한 인터페이스 요소의 배치와 화면 구조 5. Workflow : 여러 개의 와이어 프레임 또는 개별 기능 간 화면 전환 흐름 지난 Fea..

퍼소나에 기반한 User Scenarios 유저 시나리오 퍼소나의 유저 시나리오 기반으로 Feature List를 작성해야 하는데, 서비스디자인 러닝다이어리 #16 퍼소나 편에 등장했던 '유저시나리오'에 대한 설명이 불충문해서 내용을 보강하고자 한다. 유저시나리오에는 무엇을 담아야 하는가? 유저 시나리오에서는 사용자들이 '현재 어떻게 행동하는지'에 대해 묘사한다. 퍼소나가 자신의 목적을 달성하기 위해 '미래에 우리 제품을 어떻게 사용할지' 그려보기 위해 시나리오를 만드는 것이다. 따라서, 퍼소나의 문제와 니즈, 멘탈 모델과 동기를 바탕으로 퍼소나의 행동을 상세히 묘사해야 한다. 초기 단계에서는, 새롭게 디자인하려는 제품의 작동법과 구현 방법은 생각하지 말고, 최대한 사용자 목표에만 집중해야 한다. 시나리오의 범위는 넓고, 깊이는 얖게 작성해야 한다고 한다. 상..

앱/웹 서비스 디자인 UX Features list Feature List 퍼소나를 만들고 퍼소나 기반 유저 시나리오를 만들었다면, 이제 본격으로 앱/웹에서 구현할 Feature List를 작성해야 한다. 어떤 기능들이 필요한 지, 말 그대로 기능을 리스팅해보는 것이다. 우리가 흔히 들어본 '플로우 차트'나 '와이어프레임'으로 가기 위해서는 이런 단계가 필요하다.1. Feature List 2. User Task Flow 3. IA (Information Architecture) 4. Wireframe 5. Workflow마치 우리가 리서치를 기반으로 어피니티 다이어그램을 진행하고, 퍼소나를 만든 것처럼 이전 단계를 토대로 진행될 때 가장 성공적인 결과물을 만들 수 있다. 한 단계씩 살펴보며 포스팅하도록 하겠다. 구글에 UX Feature List를 검색..

퍼소나 Personas 퍼소나 Personas란 무엇인가퍼소나는 특정 제품이나 서비스를 사용할 다양한 사용자를 실제로 관찰해서 얻은 정보를 바탕으로 만드는 전략적 가상의 인물이다. 디자이너는 퍼소나를 만들면서 사용자에게 공감하고, 완성된 퍼소나를 통해 사용자가 특정 기능이나 상황, 환경에 어떻게 반응할 것인지 예상해볼 수도 있다. '누구를 주요한 타깃으로 설정할 것인가'에 대한 고민을 해결하고 디자인 방향을 잡는데 길잡이 역할을 할 수 있는 도구다. 퍼소나를 만드는 과정에서 디자인 팀은 서비스나 제품이 제공해야 할 구체적인 요구사항에 합의할 수 있게 되어 디자인 제안의 초점을 분명히 할 수 있다. 또 서비스나 제품이 만족시켜야 할 다양한 퍼소나를 만들어 반드시 충족시킬 수 있는 요구사항 그리고 피해야할 요구사항 등을 고려해 상..

이커머스 시장 격돌의 시대, 구글 쇼핑이란? 국내 이커머스 시장의 격돌코로나19와 함께 언택트 문화의 확산으로, 이커머스 쇼핑은 이제 익숙하다 못해 필수적인 시대가 되어가고 있다. 국내에서는 쿠팡, 네이버 쇼핑, 카카오톡 선물하기, 카카오 쇼핑하기 등이 익숙하다. 네이버는 올해 1분기, 오픈마켓인 스마트 스토어의 거래액이 전년 동기 대비 56% 성장하고, 네이버페이 거래액도 전년 대비 46% 증가했다고 밝혔다. 네이버는 올해 들어, '나중에 결제, 브랜드 스토어, 라이브 커머스, 국내 택배업계 1위인 CJ대한통운과 손잡은 풀필먼트 서비스' 등을 출시하며 이커머스 사업을 더욱 강화하고 있다. 성장세가 무섭다. 카카오 역시, '식품 전문 쇼핑몰, 공동구매 플랫폼 톡딜, 카카오톡 선물하기의 명품라인 신설' 등 메신저 카카오톡 기반의 쇼핑 서비스를 강화하..

어피니티 다이어그램 Affinity Diagram 어피니티 다이어그램 Affinity Diagram이란?프로젝트 과정 중 수집한 수많은 정보의 조각들을 다양하게 배치해봄으로써 개별로 보았을 때는 생각지 못했던 연결점들을 찾고 새로운 통찰을 얻도록 돕는 도구다. 앞선 디자인 도구들로부터 얻은 정보를 비롯해 프로젝트와 유관한 주요 발견점, 시사점, 아이디어 등을 메모지에 문장으로 적어 팀원들과 공유하고, 이를 넓은 공간에 펼쳐놓고 분류하며 패턴을 찾는다. 어피니티 다이어그램은 방대한 양의 자료를 팀원들과 함께 해석, 분류, 정리하는 협력적이고 창의적인 해석 도구라 할 수 있다. 효과팀원이 현장에서 각자 다른 도구를 써 수집해온 정보들을 체계적으로 공유하고, 개별적인 정보들의 연광성을 찾아 사용자 경험에 대한 총체적인 이해와 디자인 방향을 잡는데 활용할 수 ..

이전 1 ··· 3 4 5 6 7 8 다음

728x90

티스토리툴바