[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를 발굴하기 더 다양한 관점에서 고민을 많이해보고 문제를 여러 각도에서 비춰보기 정답이 있는 디.. [Today I Learned] 2024-03-14 목요일 #1 Learning ❑ 학습 요약 Figma Chapter 과제 오늘의 아티클 1건 #2 Learned ❑ 아티클 1. 멘탈 모델이란? 멘탈 모델이란 무엇인가? -> 멘탈 모델은 사용자가 현재 사용 중인 시스템(웹, 앱 또는 기타 제품)에 대한 개인적인 이해와 믿음을 말함 멘탈 모텔은 '사실'이 아닌 '믿음'에 기반을 두고 있다. -> 사용자가 귀하의 웹사이트에 대해 알고 있거나 이미 알고 있다고 판단하는 것들을 포함 사용자는 자신만의 멘탈 모델을 가지고 있다. -> 각 사용자의 개별적인 배경 지식과 과거의 경험에 기반을 두고 있으므로, 다른 사용자들은 동일한 시스테멩 대해 다른 멘탈 모델을 형성할 수 있다 멘탈모델의 관성 -> 때로는 현신이 필요하지만, 새로운 방식이 이전으 ㅣ잘 알려진 방식보다 확실.. 이전 1 ··· 6 7 8 9 10 11 12 다음
