본문 바로가기

반응형

딥다이버

(22)
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 플로우 다이어그램 만드는 법구성요소 ..
Design Project #5 퍼소나를 기반으로 유저시나리오 User Scenario 만들기(feat. Le User Scenario 만들기 지난 포스팅에서 만들었던 제1 퍼소나를 기반으로, 유저 시나리오를 만들어야 한다. 최소 2명의 퍼소나를 만들어야 하는데, 약식으로 진행하려고 일단은 한 명의 퍼소나만 만들고 이 단 한명의 퍼소나를 만족시키는 데 집중하고자 한다. 유저 시나리오에 대한 포스팅을 참고해서 진행해보겠다. 유저 시나리오에 들어가기 전에..유저 시나리오에 앞서서, 간단한 아이디에이션을 위해 일부 작성했던 Lean Canvas의 요소들을 공유한다. 린 캔버스는, 비즈니스 모델을 구상할 때 도움이 되는 '비즈니스 캔버스'를 린 스타트업 방법론에 따라 변형한 것이다. 사용자가 사용하게 될 서비스를 상상하기 위해서는, 이들의 문제와 내가 제시할 아이디어에 대해 간략하게나마 생각해볼 필요가 있었다. 아직 린..
퍼소나에 기반한 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를 검색..
Design Project #4 퍼소나 만들기 2탄 어디까지 왔나퍼소나를 만드는 세 단계 첫째, 사용자 조사 실시하기 둘째, 변인을 파악해 뼈대 만들기 셋째, 상세 설명을 이야기로 풀어내기지난 포스팅에서 두번째 단계까지 수행했다. 이제 세번째 단계로 향하기 위해, 가장 먼저 해야할 일은, 퍼소나의 목표를 설정하는 것이다. 퍼소나의 태도, 행동, 맥락, 문제, 목표가 연결될 수 있도록 퍼소나의 '인생의 목표 life goal, 최종 목표 end goal, 경험 목표 experience goal'을 정리해나가고자 한다. ※이때 주의할 점은, 퍼소나가 영화나 소설의 주인공이 나니라 탄탄하게 진행된 관찰과 사용자 조사를 통해 만들어지는 전략적인 인물이라는 사실이다. 어떤 부분은 불가피하게 창의성을 발휘해야 하지만, 완전히 꾸며내는 것은 가급적 피하고 사용자 조사..
[Insight Archive] 제너럴리스트가 승리하는 이유, David Epstein의 "Range" 얼마 전, 뉴스레터 미라클레터에 소개된 책이 있다. David Epstein의 "Range"라는 책이다. 그는 미국의 비영리 언론사 프로퍼블리카에서 일하는 기자로, 지난해 이 책을 써서 미국에서 매우 유명해졌다고 한다. 아직 국내에서는 번역되지 않은 책이다. "스페셜리스트"와 "제너럴리스트"라는 선택지를 두고 다양한 의견들이 많다. David Epstein은 제너럴리스트의 손을 들어주었다. 최대한 넓게 능력치를 뻗어보자는 생각에서 움직이고 있는 Deep Wide School의 이념과 굉장히 잘 맞아떨어지는 이야기라 반가웠다. 뉴스레터 너머의 이야기들을 더 찾다보니, 내가 지금 David Epstein을 만난 것이 운명같다는 생각이 들었다. 넓게 흩어진 것들을 통합하는 능력 “The more constra..

728x90
반응형