본문 바로가기

반응형

분류 전체보기

(239)
Design Project #6 라-프레쉬(가제) User Flow 그리기 라이딩으로 일상을 리프레쉬하다, 라-프레쉬기획 중인 서비스가 서서히 틀을 잡아가면서, 지칭할 이름이 필요했다. '라이딩+리프레쉬'의 의미를 담아 '라프레쉬'라고 정하기로 했다. 영어로 쓰자면 좀 애매해져서, 이 부분들은 Wireframe까지 그리고 나서 본격적인 브랜딩 작업으로 들어갈 때 잡아가도록 하겠다. 오늘은 드디어, 라프레쉬의 유저 플로우를 완성했다. User flow를 그리기 위해, 우리의 사용자와 그 사용자의 목표를 다시 한 번 간결하게 정리해보았다. 1. User: 스트레스 해소 & 감정 발란스를 위해 가볍게 라이딩을 하는 초심자 라이더 2. Goal: 1) 감정 체크와 기록으로 나의 마음상태 돌아보고, Mind Balance 유지를 위한 격려와 라이딩 동기부여 얻기. 2) 라이딩 전후로 마..
[Insight Archive] 팟캐스트 Design Table _마켓컬리, 데이터로 이유있는 디자인하기 Design Table 팟캐스트 듣기 평소에 자주 듣는 Design Table의 리스트를 다시 훑어보던 중, 요즘 '데이터'와 '디자인'이라는 두 가지 테마에 관심을 갖고 있는 내 눈에 제목이 탁 꽂혔다. "데이터로 이유있는 디자인하기." 2019년 2월에 한 방송이지만, 오랜만에 팟캐스트를 듣게 되었다. 신선업계의 혜성처럼 등장해 새로운 공식을 써나가는 마켓컬리의 PM이 출연한 팟캐스트였다. 간만에 중간에 끊지 않고 1시간 좀 넘는 분량의 팟캐스트를 열심히 들었다. UX디자인으로 오랜 기간 커리어를 쌓아오다가 마켓컬리에 PM로 합류하게 된 '이지훈 디자이너님'이 출연했다. 팟캐스트 말미에 브런치를 하신다는 이야기를 듣고 바로 검색해보았다. 최근에는 글을 올리고 있지는 않았지만, UX와 Data에 대한 ..
Design Project #6 자체 중간 점검 이제 반 왔다. 지금까지 유저 리서치부터, 어피니티 다이어그램, 퍼소나, 유저시나리오를 만들어보았다. 그래도 여기까지의 과정은 그동안 완전하지는 않지만 찔끔찔끔 시도해봤었던 영역이고, 그나마 그래도 안면은 있는 개념들이었다. 그럼에도 항상 완결은 짓지 못했던 그 지점들의 다음 단계로 넘어가게 되니, 성취감이 높았다. 또 빨리 더 다음 단계로 넘어가고 싶은 마음이 생겨 열심히 했다. 이제 User flowchart, IA, wireframe같은 보다 앱/웹 UXUI 디자인에 다가설 단계가 되었다. 이전에 끄적끄적 Figma를 만져보기는 했으나, 이제부터가 진짜 태어나서 제일 처음이고 새로운 단계다. 그렇다. 일종의 마의 구간에 들어선 것이다. 여기서부터 아주 낯설고 처음이다보니 어려워진다. 생각보다 내가 ..
유저플로우 튜토리얼 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..
Design Project #5 퍼소나를 기반으로 유저시나리오 User Scenario 만들기(feat. Le User Scenario 만들기 지난 포스팅에서 만들었던 제1 퍼소나를 기반으로, 유저 시나리오를 만들어야 한다. 최소 2명의 퍼소나를 만들어야 하는데, 약식으로 진행하려고 일단은 한 명의 퍼소나만 만들고 이 단 한명의 퍼소나를 만족시키는 데 집중하고자 한다. 유저 시나리오에 대한 포스팅을 참고해서 진행해보겠다. 유저 시나리오에 들어가기 전에..유저 시나리오에 앞서서, 간단한 아이디에이션을 위해 일부 작성했던 Lean Canvas의 요소들을 공유한다. 린 캔버스는, 비즈니스 모델을 구상할 때 도움이 되는 '비즈니스 캔버스'를 린 스타트업 방법론에 따라 변형한 것이다. 사용자가 사용하게 될 서비스를 상상하기 위해서는, 이들의 문제와 내가 제시할 아이디어에 대해 간략하게나마 생각해볼 필요가 있었다. 아직 린..
퍼소나에 기반한 User Scenarios 유저 시나리오 퍼소나의 유저 시나리오 기반으로 Feature List를 작성해야 하는데, 서비스디자인 러닝다이어리 #16 퍼소나 편에 등장했던 '유저시나리오'에 대한 설명이 불충문해서 내용을 보강하고자 한다. 유저시나리오에는 무엇을 담아야 하는가? 유저 시나리오에서는 사용자들이 '현재 어떻게 행동하는지'에 대해 묘사한다. 퍼소나가 자신의 목적을 달성하기 위해 '미래에 우리 제품을 어떻게 사용할지' 그려보기 위해 시나리오를 만드는 것이다. 따라서, 퍼소나의 문제와 니즈, 멘탈 모델과 동기를 바탕으로 퍼소나의 행동을 상세히 묘사해야 한다. 초기 단계에서는, 새롭게 디자인하려는 제품의 작동법과 구현 방법은 생각하지 말고, 최대한 사용자 목표에만 집중해야 한다. 시나리오의 범위는 넓고, 깊이는 얖게 작성해야 한다고 한다. 상..

728x90
반응형