__𝙖𝙧𝙘𝙝𝙞𝙫𝙚 __𝙖𝙧𝙘𝙝𝙞𝙫𝙚

📋 오늘의 할 일 📋🗂️ UIUX 개선 프로젝트 문제 정의 과정    🗂️ UIUX 개선 프로젝트 문제 정의 과정 🧷 문제 정의 방식➀ What : 무엇을 목적으로 이룰 것인가?② Why : 목적을 이루기 위해 문제가 되는 것은?③ How : 문제를 어떻게 해결하면 될까?= 현상을 보고 문제를 정의하고 목적에 도달하는 방식도 있다. 🧷 딥다이브? (Deep Dive)∗ Depp dive란 문제의 근본적인 원인을 깊게 찾아 파고들며 사고하는 방식을 뜻한다. 표면적으로 드러난 현상에서 나아가 문제를 발생시킨 근본적인 원인을 찾아가는 과정이다.  ➀ 문제가 정의된 프로젝트∗ 문제와 프로젝트 방향이 이미 정의된 상황에서는 여태까지 나왔던 문제와 가설이 맞는지 유효성을 검증하는 과정이 필요하다. 이때는..

📋 오늘의 할 일 📋💻 UIUX 디자인 툴 | 컴포넌트 디자인 (06 Buttons ~ 09 ETC)     💻 UIUX 디자인 툴 | 컴포넌트 디자인 (06 Buttons ~ 09 ETC)  ⚡️06 Buttons  ⚡️07 Cards  ⚡️08 Lists  ⚡️09 ETC

📋 오늘의 할 일 📋💻 AS-IS ~ TO BE 분석💻 PERSONA💻 사용자 여정 지도💻 UIUX 디자인 툴 | 컴포넌트 디자인 (01 App bars ~ 05 Buttons)      💻 AS-IS / TO-BE 리서치 ⚡️AS-IS 분석 → TO-BE 정의 → 디자인 개선 및 구형 → 사용성 테스트 및 피드백 수집 ⚡️AS-IS 분석∗ 현재의 상태나 모습 (개선되기 이전의 상태)을 이해하고 문제점을 식별하는 단계∗ 분석을 통해 Pain point와 UX 개선점을 도출해낼 수 있다.∗ 이 때, 분석 시 데이터가 있다면 해당 데이터를 이용해 개선점을 찾아낼 수도 있다.(데이터를 활용하면 방향성이 명확해지고, 의사결정의 근거가 되며, 확실한 결과 확인이 가능하니 데이터를 최대한 활용하도록 하..

📋 오늘의 할 일 📋💻 UI 디자인 기초강의 | Chapter 1-1 ~ 1-5💻 UI 디자인 기초강의 | Chapter 2-1 ~ 2-8    💻 UI 디자인 기초강의 | Chapter 1-1 ~ 1-5 ⚡️Design Process ➀ Double Diamond∗ 어떤 분야의 디자인에서건 거치게 되는 디자인 프로세스 단계들을 일반화하고 체계화한 모델 ❶ Discover (접근)고객 경험 리서치를 통한 문제를 설정, 사용자 경험을 조사하고 분석, 핵심 고객 설정, 고객 관찰, 고객 체험, 인터뷰 등을 사용한다. 사용자 경험을 높이기 위해 기획과 디자인을 하게 된다. ❷ Define (발견)자료 분석 및 디자인 방향을 설정. 디자인을 제안하는 단계로 가상 고객을 설정 (퍼소나), 고객 여정맵 (..

📋 오늘의 할 일 📋💻 UIUX 디자인 툴 (Adobe XD) | Chapter 9💭 프로젝트 유저 리서치 계획 변경    💻 UIUX 디자인툴 (Adobe XD) | Chapter 9 ⚡️Splash?∗ 앱을 구동시켰을 때 애플리케이션이 켜지기 전에 나오는 화면∗ 앱을 실행할 때마다 노출되기 때문에 짧은 시간 반복적인 노출로 사용자에게 브랜드를 각인시키기 위한 중요한 역할∗ 현재는 로딩과 스플래시 화면을 같이 사용하기도 한다. ⚡️회원가입 페이지  ⚡️튜토리얼 이미지  ⚡️메인페이지  ⚡️콘텐츠 상세 페이지  ⚡️검색 페이지  ⚡️카트 리스트와 주문        💭 프로젝트 유저 리서치 계획 변경 ∗ 기존 리서치 과정이 설문조사를 통한 거시적 관점이었다면, 오늘 세션을 통해 이번 유저 리서치..

📋 오늘의 할 일 📋💻 UIUX 디자인 툴 (Adobe XD) | Chapter 8💭 프로젝트 유저 리서치    💻 UIUX 디자인툴 (Adobe XD) | Chapter 8∗ Material Design을 기반으로 한 실습을 진행했다.  ⚡️Top App bar (상단 앱바) ⚡️Tab (탭) ⚡️Button ⚡️Bottom App bar (하단 앱바)    💭 프로젝트 유저 리서치 ∗ 이론으로 아는 것과 실제로 하는 것은 상당한 차이가 있다.∗ 방법론, 태스크 플로우, 유저 저니맵, 퍼소나 이것저것 떠오르는 것들은 많아도 아직 정확하게 정리가 되지 않은 것이 현재 상태라서 공개 되어있는 기업들의 유저 리서치 과정들을 많이 참고하려고 했다.∗ 각자 상황에 따라 여러 방식의 유저 리서치를 진행..

📋 오늘의 할 일 📋💻 UIUX 디자인 툴 (Adobe XD) | Chapter 6💻 UIUX 디자인 툴 (Adobe XD) | Chapter 7    💻 UIUX 디자인툴 (Adobe XD) | Chapter 6 ⚡️디자인 시스템?∗ 일관선 있는 디자인 경험을 사용자에게 제공하기 위함∗ 명확한 의사소통을 위해 필요한 시스템∗ 비용 절감과 브랜드 인지도 및 신뢰에 있어 큰 역할을 한다.    💻 UIUX 디자인툴 (Adobe XD) | Chapter 7 ⚡️모바일 환경?∗ 운영체제는 안드로이드와 ios가 전 세계의 99%를 차지하고 있다.∗ 운영체제마다 UI컴포넌트의 종류나 표현, 사용 상황이 조금씩 다르다.∗ 모바일이 다른 기기와 가지는 가장 큰 차이점은 이동성으로써, 이는 타이포그래피와 컬..

📋 오늘의 할 일 📋💻 UIUX 디자인 툴 (Figma) | Chapter 7💻 UIUX 디자인 툴 (Figma) | Chapter 8    💻 UIUX 디자인 툴 (Figma) | Chapter 7 ⚡️프로토타입?∗ 디자인한 요소와 화면 간의 상호작용을 시뮬레이션하고, 이를 시각화하는 기능이다.∗ 편집하는 디자인 탭이 아니라, 프로토타입 탭에서 설정해준다.∗ 어떤 기기를 기준으로 보여줄 것인지도 세팅할 수 있다. ⚡️베리언트?∗ 컴포넌트에게 Property를 추가해서 어떤 상태일 때 어떤 오브젝트를 사용할 것인지 컴포넌트 하나로 관리하기 수월하다. 베리에이션의 개념.∗ 보통 hover, abled&disabled 등 여러 상태를 나타낼 때 사용하기도 하며, 크기별로 property를 추가하기도..