E민

1단계 공감하기 _ 공감지도 (Empathy Map) 2단계 문제 정의하기 _ 5 whys 3단계 아이디어 도출하기 _ SCAMPER 위의 방법론을 사용. 1단계 공감하기 : 공감지도 활용 (Empathy Map) - 공감지도 : 사용자가 되어 4분면에 생각과 느낌, 말과 행동, 보는 것, 듣는 것을 정리한 후 사용자가 겪을 패인 포인트와 니즈를 유추 (감정, 생각, 행동, 경험) 1. 사용자의 느낌 1) 호기심과 기대감 : 새로운 여행 및 할인에 대한 정보 2) 앱의 불편함 : 검색 과정이 심플하진 않음, 결제 과정이 번거로움 2. 사용자의 생각 1) 여행지 고민 : 어디로 여행 갈지에 대한 고민 2) 날짜마다 다른 항공권 가격 : 가격 비교를 원함 3. 사용자의 행동 1) 검색 : 여행지, 숙소, 렌..

[제품팀] 1. 제품 팀이란? : 제품을 만들기 위해 각자 다른 전문적인 능력을 갖춘 사람들이 모인 팀 - 최소 조건 1명의 제품관리자 (PO나 PM), 1명의 디자이너, 2명의 엔지니어 (기획, 디자인, 개발) - 회사에 따라 제품팀에 데이터 애널리스트, 마케터, BO(Business Operator) 등이 포함 1-1. 디자이너는 제품팀에만 속할까? : 스타트업에서는 목적조직과 기능조직이 교차하는 매트릭스 조직으로 팀을 구성하기도 함 1-2. 목적 조직 (= 제품팀) : 목적조직은 특정한 목적을 달성하기 위해 여러 직무의 사람들이 모인 팀 EX. 핀테크 회사 : 도메인별로 대출팀, 카드팀, 예/적금팀으로 나뉨 - 일반적으로 제품팀=목적조직 - 목적조직은 스쿼드 혹은 사일로 라고 부름 - 목적조직은 제..

[디자인씽킹 1단계 : 공감하기] Empathy 1. 공감하기란? - 사용자를 완벽히 이해하는 단계 왜? 회사는 제품으로부터 수익을 얻는데, 제품을 사용하는 것은 사용자이기 때문 (회사 인사이트 도출) 1-3. 활용 방법: - 해결해야할 문제나 이슈를 적고 관련 정보를 포스트잇에 다양하게 작성(정보 모으기) - 관련성 높은 정보끼리 그룹핑(_괜찮은 정보들만 추려서 유사성, 상관성 고려해 타이틀 적기) - 그룹핑 결과를 통해 인사이트 정리 2) 페르소나 (Persona) 2-1. 정의: 제품의 사용자를 대표하는 가상의 인물 2-2. 활용 상황: 사용자를 잘 이해하기 위해 설정, 얻어지는 정보를 통해 계속하여 페르소나를 정교화(고도화) 2-3. 활용 방법: 인터뷰, 서베리, 데스크 리서치 등 사용자에 대해 ..

[디자인 씽킹: Design Thinking] 1. 디자인 씽킹이란? 논리적으로 제품을 만들 수 있도록 도와주는 프레임 워크 중 하나 (프레임 워크=틀) 사용자에 대한 이해를 기반으로 문제를 찾고 제품을 만들어 검증하는 5단계의 프로세스 2. 디자인 씽킹의 5단계 1) 공감 Empathy 인터뷰나 관찰 등 사용자와 공감대를 맞추고, 그들의 경험을 이해하기 위해 노력 2) 문제 정의 Define 공감으로 얻은 정보를 해석해 사용자가 불편함을 느끼는 지점 발견 3) 아이디어 발산 Ideate 다양한 아이디어를 내고, 적합한 아이디어 선택 4) 프로토타입 Prototype 사용자가 아이디어를 경험할 수 있도록 제품이나 서비스로 개발 5) 테스트 Test 프로토타입을 사용자가 직접 사용해 보게 하고 피드백을 받..

티맵 앱 스크린 샷 눈에 띄는 요소 검색어 칩 구글 메테리얼 가이드) 수평으로 스크롤 가능해야 함 = 0단일 칩이 아닌 세트로 나타내야 함 = 0칩과 주소검색이 동일한 라인에 있어서 가로 스크롤시 터치 영역이 겹치는 아쉬움이 있다 긴급출동 FAB 구글 메테리얼 가이드)FAB 앞에 배지나 다른 요소를 올리지 않기= 0FAB 컨테이너 색상이 뒤 영역과 대조 확인 = 0화면의 주요 동작을 나타내야 함 = 0하지만 긴급출동 텍스트가 줄바꿈되는 문제 .. 아쉽다!

1. 핀터레스트 찾고 싶은 키워드 + UI (영문으로 검색하면 더 많은 자료) => 모바일, 웹 위주로 검색 가능 Ex. 카드 형태의 레이아웃? -> Card UI 2. 모빈 (유료) 모바일과 웹 기반 서비스 화면을 모아놓은 해외 사이트, 일정 개수까지 무료 3. 윗국내 모바일 기반 앱 화면을 모아놓은 사이트, 카테고리 컴포넌트 패턴으로 구분하여 찾기 편리, 양은 적지만 국내 서비스 찾을 때 이용하기 좋음 4. UPA (UX Pattern Archive) 국내 모바일 기반 앱 화면을 모아놓은 사이트, UX 요소별 필터 검색, UX 패턴과 설명이 자세히 나와있어 UX 패턴을 익히기에 적합

1. UXUI란? [UXUI] 1. UI (User Interface) : 제품과 사용자 사이에서 소통할 수 있도록 하는 실체적인 수단이나 매개체 Interface : 접점, 경계면 1-1. UI 디자인 : 사용자가 제품에 접촉하는 지점을 디자인 주로 화면의 전체적인 구조와 시각적인 요소를 디자인 시각적 요소 : 레이아웃, 색상, 크기, 정렬, 아이콘, 버튼, 이미지 등 2. UX (User Experience) : 사용자가 어떤 제품이나 서비스를 이용하면서 느끼는 총체적인 경험 주로 제품에서 어떠한 감정을 불러일으키거나 특정한 경험을 할 수 있도록 이끄는 것 (제품 뿐만 아니라 무형의 서비스나 브랜드도) [함께 알아두면 좋은 용어] 1. HCI (Human Computer Interaction) : 인..

Facts : 팀 소개 앱 제작 후 발표 Fellings : 잘 하는 팀이 너무 많고 생각지도 못한 아이디어들을 보니 놀라웠음다른 팀들이 디자인을 보고 많이 배울 수 있는 기회가 됨 Findings : 나의 하찮고 귀여운 피그마 실력을 마주하게 됨 Future : 레퍼런스를 많이 찾아보고 아티클을 분석해보며 여러 디자인들을 많이 보면서 눈을 기르는 법이 필요..