UXUI_Study

1. 리서치 결과 정리 1) 리서치 결과, 어떻게 정리할까? 2) 사용 맥락 관점에서 정리 [사용 상황] 모든 제품 사용 경험은 특정 상황과 관련이 있다. 사용 상황은 잠재적인 내적 동기로 이어질 수 있다. 유저가 사용 상황을 어떻게 인지하는지가 중요하다. [사용 장소] 모든 제품은 장소에 따라 어느정도 영향을 받는다. 장소에 대한 유저의 태도가 제품 사용 경험에 영향을 미친다. [사용 시간] 수업 시간, 이동 시간과 같이 특정 유저 그룹의 경험을 반영하기도 한다. 사용 시간대에 따라 유저들이 다른 특성을 가질 수 있다. 사용 지속 시간이 사용자 경험의 척도가 되기도 한다. [예시] 홈트레이닝 서비스의 정량적/정성적 리서치 결과를 사용 맥락 관점에서 정리한 예시이다. 3) 유저 관점에서 정리 인구 통계학..

UXUI, figma 이론 2024. 2. 1. 21:05

1. 유저 리서치의 중요성 1) 유저 리서치란? 유저의 행동과 동기를 특정 맥락에서 조사하여, 제품 혹은 서비스 개선에 유용한 인사이트를 얻는 활동 2) 유저 리서치의 중요성 조직 내의 유저 이해도를 높이고 효율적인 커뮤니케이션을 도와준다. - 유저에 대한 이해도 강화 행동과 동기 파악, 해결해야할 새로운 문제 발견 - 효율적인 커뮤니케이션 도구 의사 결정의 근거 마련, 사전에 문제를 미리 발견하고 수정 비용 절감 2. 유저 리서치 종류와 목적 1) 유저 리서치 종류 닐슨 노먼 그룹의 What-Why 프레임 워크에 따라 유저 리서치의 종류를 나눠볼 수 있다. 더불어, 비즈니스 관점에서 자사 서비스의 포지셔닝 전략을 수립하기위한 데스크 리서치로 마켓 리서치, 경쟁사 분석이 주로 이룬다. 2) 유저 리서치 ..

UXUI, figma 이론 2024. 1. 31. 21:58

1. UX/UI 개념 이해 UX 디자인은 유저의 관점에서 유저의 문제를 해결하는 것에 집중하고, UI 디자인은 시각 언어의 규칙을 만드는 것에 집중한다. 2. UX/UI 디자인 프로세스 1) 더블 다이아몬드 모형 다이아몬드 1 : 해결해야 할 문제 찾기 발견(Discover)단계 - 무엇이 문제인지를 발견하고 이해하는 단계 - 유저 리서치를 진행하며, 이 과정에서 문제가 여러 개 발견될 수도 있다. - 대표적인 활동: 유저 리서치, 데스크 리서치, 필드리서치 정의(Define) 단계 - 집중할 문제가 무엇인지 정의하는 단계 - 유저 리서치 결과물을 분석하고 정리하며, 이 과정에서 어떤 문제에 집중할 지 논리를 정립한다. - 대표적인 활동: 어피니티 다이어그램, 유저 페르소나 작성 다이어몬드 2: 해결책 ..

UXUI, figma 이론 2024. 1. 30. 23:32

팀플 회의 각자 맡은 파트 클론 디자인을 진행하고, 개선점을 찾아서 이를 반영한 디자인 시안을 가지고 오전회의를 진행했다. 월요일에 PT가 있기 때문에 이거에 대한 발표자료도 따로 만들어야 해서 팀원들 다같이 제작을 해보았다. 클론 디자인 및 개선 마이리얼트립 항공권 화면에서 도착지를 선택하기까지의 클론디자인을 진행해보았다. 우선 클론 디자인의 목적은 개선점을 기반으로 작업한 리디자인 화면이 기존 화면들과 조화를 이루도록 동일한 컬러, 타이포그래피, 마진을 적용하기 위함이다. 그래서 페이지를 단순히 따라 만드는 것 보다, 개선점을 찾고 이를 기반으로 기존 디자인과 이질감이 없도록 개선된 페이지를 만들어야 한다. 디자인 일관성을 유지하면서 필요한 부분을 세심하게 개선하는 것이 주요 목표이다. [문제점] A..

UXUI, figma 이론 2024. 1. 26. 17:51

팀플 회의 각자 맡은 Flow의 경험 요소 추출 후 공유하는 걸로 오전 회의가 진행되었고, 월요일에 있을 발표 자료 정리를 위해 1. 마이리얼트립 간단히 소개하는 담당 2. 페르소나 제작 담당 3. 유저 저니맵(내용) 제작 담당 4. 유저 저니맵(그래프) 제작 담당 5. 유저 플로우 정리 담당 이렇게 5가지 항목으로 나눠 역할 분담이 진행되었다. 나는 퍼소나를 제작하는 역할을 담당하게 되었다. 퍼소나 제작 마이리얼트립에 대한 퍼소나를 정의해보았다. 이번 개선 프로젝트에서는 숙박, 항공, 투어를 쉽고 빠르게 찾아 예매까지 한 번에 하길 원하는 유저를 관점에서 각 Flow별 Painpoint를 찾고 이에 대한 솔루션을 도출해서, 클론 디자인 후 개선내용 반영한 화면디자인까지 진행해보는 것으로 진행되었다. F..

UXUI, figma 이론 2024. 1. 25. 15:30

팀플 회의 팀원들 각자 맡은 Flow를 분석하여 회의를 진행했고, 마이리얼트립 서비스 분석 진행 후 공유하기로 했다. 서비스 분석 1. 마이리얼트립의 핵심 기능은 무엇인가? 1) 그 서비스를 쓰면 뭘 얻을 수 있나? : 여행 관련 예매(항공, 숙박, 투어 등), 커뮤니티 2) 어떤 단계를 거쳐서 그걸 얻을 수 있나? 항공: 여행지, 여행 일정 입력 > 가격 비교 > 예매 숙박: 여행지, 여행 일정 입력 > 숙소 탐색 > 예약 투어: 관심 투어 티켓 탐색 > 예매 2. 경쟁업체 파악하기, 지향점 1) 경쟁 업체 국내 1위 업체는 마이리얼트립이며, 경쟁사로는 트리플, 트립어드바이저, 트립닷컴, 아고다, 하나투어 등이 있다. 2) 여행 플랫폼 시장의 고객 경험 설계 [트리플] : 고객의 여행 경험을 3단계 (..

UXUI, figma 이론 2024. 1. 24. 16:34

과제 주제: 클론디자인 : 실제 존재하는 웹/앱 서비스 화면을 동일하게 그려보는 작업을 말합니다. 단순히 따라하기보다, Web, iOS, Android 각 디바이스 환경에 맞는 규격이나 표준을 공부하며 어떻게 구성했을 때 가장 사용성이 뛰어나고 UI/UX적으로 좋은 디자인인지 고민하는 것이 중요합니다. Step 1. 서비스 선정(App) [역할 분담 👥] 마이리얼트립 함께 진행해보세요 : 회원가입, 마이페이지 팀원 A : 항공권 팀원 B : 호텔/리조트 팀원 C : 펜션/풀빌라 팀원 D : 한인민박 팀원 E : 투어/티켓 Step 2. 서비스별 사용자의 핵심 행동 확인 핵심 행동 파악을 위해서는 해당 서비스에 대한 정확하게 이해하는 것이 중요합니다. 방법은 주요 고객 정보 찾아보기, 앱스토어 리뷰, 블로..

UXUI, figma 이론 2024. 1. 23. 13:12

다이얼로그 컴포넌트 1) 다이얼로그 컴포넌트 정의 - 컴포넌트의 종류 중 컨테이너에 해당하는 컴포넌트이다. - 컨테이너 컴포넌트이면서, 동시에 모달 속성을 가진 컴포넌트이다. - 다이얼로그는 사용자에게 중요한 선택을 받고, 사용자가 선택한 행동을 확인하는 컴포넌트이다. * 다이얼로그(dialog)의 뜻은 대화(conversation)이다 * 즉 다이얼로그 컴포넌트는 대화 그자체라는 뜻 - 사용자가 어떤 선택을 해야 할 때, 제품은 다이얼로그의 형태로 어떻게 할 건지를 물어본다. - 사용자는 선택지를 버튼의 형태로 제품에 답변을 준다. - 다이얼로그를 쓴다는 건 사용자의 의사를 묻고 답을 얻을 때 사용한다. * 현업에서 모달이라는 말은 실제로 다이얼로그 컴포넌트를 가리킬 때가 많다. 2) 다이얼로그의 구조..

UXUI, figma 이론 2024. 1. 22. 14:16