서비스디자인 (23) 썸네일형 리스트형 우리 팀의 Theme과 그라운드 룰(Ground Rule) 우리 팀의 키워드 #실험 #성장 #즐거움 #균형 우리 팀은 조제, 스쿠버, 산, 준, 설로 이루어져 있다. 우리가 꼽은 우리의 핵심 키워드는 #실험, #성장, #즐거움, #균형이다. 각각의 키워드에 대한 간단한 의미는 다음과 같다. #실험_ 지금의 우리만이 할 수 있는 기발하고 재치있는 실험들을 최대한 시도하자는 이유에서 나온 키워드다. 또한, 우리가 경험해보지 못한 다양한 툴과 방법론들에 열린 자세를 가져보는 것도 포함된다. #성장_ 수치로 표현할 수 있는 확실한 성장을 추구한다. 좋은 게 좋은 프로젝트가 아닌, 우리 스스로가 설정한 명확한 KPI를 기반으로 증명할 수 있는 성장과 결과를 만드는 것이 디폴트다. #즐거움_ 함께하는 것이 즐거운 팀이 되고자 한다. 아무리 성장을 이뤄낼 수 있어도 회의에 .. 디자인 시스템(Design System)과 서비스 기획(Service Design) 디자인 시스템이란 무엇인가? 디자인 시스템은 UI패턴에서 시작했다. Figma, Sketch 디자인 툴에 힘을 입어 체계적인 시스템으로 정리된 컴포넌트 기반의 디자인은, 빠르고 쉬운 스크린 디자인 & 업데이트 & 유지보수를 가능하게 해주었다고 한다. 이런 역사 속에서, 업계는 인터페이스와 개발에 대해 집중했었다. 그리고 이제는 앞서서 말했듯 전체 디자인 맥락을 만들 수 있게끔 점점 디자인 시스템의 범주를 넓혀가고 있는 상황이다. Toss 공식 블로그 https://blog.toss.im/ 디자인시스템의 개념을 알기 위해서는, UI 가이드 라인, UX 가이드 라인에 대해 먼저 이해할 필요가 있다. UI 가이드라인: UI를 표준화하고 화면 간 일관성을 확보하기 위한 것이다. 경험, 맥락, 목표 등을 고려해 .. 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.. 이전 1 2 3 다음
