[Weekly I learned] 스파르타 UX/UI디자이너_5주차 #1 FACTS Figma 개인 과제_디자인 시스템 및 프로토타입 제작 UXUI 명칭 학습 #2 FEELINGS, FINDINGS Figma 활용 강의를 토대로 개인 프로젝트를 통하여 실력을 다음어 볼 수 있어서 좋았다. 부족한 부분을 다시 강의를 복습하면서 출제의도를 파악하고 그 부분을 적용하면서 피그마의 핵심 기능들을 견고하게 익힌 것 같다. 이번 프로젝트를 통하여 UI를 설계할 때 심미성과 구조화를 이해하고 눈높이를 한층 올릴 수 있었던 5주차였다. 비전공자 출신이기 때문에 레이아웃에 감각과 컬러의 감각을 레퍼런스 자료를 통하여 많은 정보를 수집할 수 있었다. 팀스터디로 진행했던 아티클 스터디에서 UI관련 위주로 아티클을 팀원들고 인사이트를 나눌 수 있었다. 그 과정 속에서 나의 생각과 더불어 팀원.. [Today I Learned] 2024-03-22 금요일 #1 Learning ❑ 학습 요약 Figma 개인 과제_디자인 시스템 및 프로토타입 개선 오늘의 아티클 1건 #2 Learned ❑ Figma 개인 과제_디자인 시스템 및 프로토타입 개선 ▽ 디자인시스템 개선 및 정리 컴포넌트 이름 수정 및 영문화 Icon UI Kit 정리 레이아웃 정렬 ▽ 플로우차트 수정 비회원 로그인 및 장바구니로 이동하는 플로우 수정 추가 ▽ UI 설계 수정 및 개선 레이아웃 간격 통일화 장바구니 아이콘 수정 UI 오류 수정 ▽ UI 설계 추가 개선점 캐러셀 인터랙션 부분 보완 및 수정 토스트 팝업 관련 개선 [Today I Learned] 2024-03-21 목요일 #1 Learning ❑ 학습 요약 Figma 개인 과제_디자인 시스템 및 프로토타입 제작 오늘의 아티클 1건 #2 Learned ❑ 아티클 ▽ IOS와 안드로이드 UI 디자인의 차이점 정리 네비게이션 상단 네비게이션 - IOS : 왼쪽 상단 뒤로가기 버튼, 중앙에 현재 페이지, 오른쪽에는 편집 완료 버튼 - 안드로이드 : 왼쪽 상단 햄버거 버튼, 현재 페이지 위치를 왼쪽 정렬, 오른쪽 검색 버튼, 즐겨찾기, 더보기 제어 옵션 버튼 주요 기능 네비게이션 - IOS : 하단 탭바 주요 기능 2~5개 배치 - 안드로이드 : 주요기능이 전체에 분포 부가 기능 네비게이션 - IOS : 하단 오른쪽 탭에 자세히 탭을 이용하여 부가 기능 접근 - 안드로이드 : 상단 햄버거 버튼을 눌러 부가 기능 접근 뒤로 가기 네.. [Today I Learned] 2024-03-20 수요일 #1 Learning ❑ 학습 요약 Figma 개인 과제_디자인 시스템 및 프로토타입 제작 오늘의 아티클 1건 #2 Learned ❑ 아티클 모션의 중요성 디자인 모션 디자인 모션 시스템 분류 - 생산성 모션 - 표현적 모션 모션 디자인 시스템에서 접근성 고려 - 제어하기 - 방해하지 않기 결론 모션 디자인 시스템을 구축하는 것은 시간이 많이 걸리는 작업이지만 일관되고 명확한 사용자 경험을 만들기 위해 필수적이다. 제품 경험을 향상하고 사용성을 개선하며 전체적인 흐름을 더욱 즐겁게 만들 수 있는 모션 시스템을 만들 수 있다. 인사이트 UX는 정지된 화면이 아닌 동적인 화면에서 사용자와 제품 간의 사이에 상호작용을 의미한다는 것을 다시 한번 알게된 아티클이었다. 동적인 물체의 감정(모습)에 따라 사용자에게.. [Today I Learned] 2024-03-19 화요일 #1 Learning ❑ 학습 요약 Figma 개인 과제_디자인 시스템 및 프로토타입 제작 오늘의 아티클 1건 UXUI 디자인 입문 복습 Figma 활용 복습 #2 Learned ❑ Figma 개인 과제_디자인 시스템 및 프로토타입 제작 ■ 와이어프레임 (디테일) 레퍼런스 참고하여 UI 구상 및 설계 -> 디테일한 와이어프레임 작업을 실시 ■ 디자인 시스템 컬러팔레트 수정 폰트 스타일 ❑ 아티클 1. 이런 것도 컴포넌트로 만들어도 될까? 물리적 거리 사용성 '메뉴' 버튼 문제점 개선 가설이라는 부분에서 -> 나의 직감을 확신으로 만들 수 있는 도구를 사용 OS 컴포넌트를 최대한 활용해서 빠른 작업 토스는 실험 문화가 잘 형성이 된 조직 -> UT에 대한 검증으로 인하여 설득하는 커뮤니케이션 코스트가 줄어.. [Today I Learned] 2024-03-18 월요일 #1 Learning ❑ 학습 요약 Figma 개인 과제_디자인 시스템 및 프로토타입 제작 UXUI 명칭 학습 #2 Learned ❑ UXUI 명칭 ■ 사용자 시나리오란 (User Scenario) 페르소나를 주인공으로 인터랙션을 기술하는 방법으로 미래 시점의 상황에서 사용자의 이용상황이나 경험을 구체화하기 위한 도구 페르소나가 목적을 달성하기 위해 어떻게 행동하는지, 인터랙션을 어떻게 하는지에 대해 스토리를 풀어봄으로써 미래 사용자의 경험을 예상해 보는 것 ※ 사용자가 그 기능들을 어떻게 이용하는지 사용자의 형태를 예측하고 분석할 수 있다. ❑ Figma 개인 과제_디자인 시스템 및 프로토타입 제작 ■ 와이어프레임 와이어프레임 제작 홈화면 설계 ■ 디자인 시스템 컬러 3종 (Primary, Second.. [Weekly I learned] UX/UI디자이너 스파르타 캠프_4주차 #1 FACTS Figma 입문, 심화 활용 강의 피그마 입문(활용) [특강]디자인 시스템, 좋은 디자이너의 비밀 #2 FEELINGS, FINDINGS Figma 강의를 통해 실질적인 개념과 왜 이 기능이 필요한지 알려주는 좋은 강의들이 있어 도움이 많이 되었던 한 주였다. 미리 어떤 문제가 있는지 알아보기 위해 프로토타입을 진행하는 것을 명확히 알게 되었다. 피그마는 단지 툴일 뿐이다. 유관부서와 커뮤니케이션을 위해 피그마만 전달하려는 마음은 버려야겠다. 통일성이라는 규칙은 과거와 미래를 예측할 수 있는 좋은 시스템이다. 예상치 못한 변수를 통해서 사람이 인지하기가 어려운 형태가 아닌 규칙적이고 밀접한 관계를 이루기 위해서는 디자인 시스템이 중요하다는 것을 알게 되었다. #3 FUTURE APPL.. [Today I Learned] 2024-03-15 금요일 #1 Learning ❑ 학습 요약 Figma Chapter 심화 과제 오늘의 아티클 2건 #2 Learned ❑ 아티클 ▼ 여기어때 디자이너가 '실패'에서 배운 것 1. 검색 개편 이유 사용자의 검색엔진에 통합된 결과를 확인할 수 없다는 문제점들이 보이는 부분 사용자는 국내/해외 구분 없이 통합된 검색 결과를 얻고 싶어하며, 일관된 검색 경험을 하고 싶다는 가설을 세움 2. 통합검색으로 가기 위한 단계 국내 검색 Flow 개선 테스트 4일만에 실패를 통한 깨달음 테스트를 통한 인싸이트 2. 실패를 통한 오답노트 사용자의 성격 차이(국내/해외)를 뾰족이 파악하고 각 퍼소나별 사용자의 진짜 Pain Point를 발굴하기 더 다양한 관점에서 고민을 많이해보고 문제를 여러 각도에서 비춰보기 정답이 있는 디.. 이전 1 ··· 6 7 8 9 10 11 12 다음
