Weekly I Learned [이번주 목표] UIUX 완강 및 11번가 어플 분석 1. FACTS 이번 일주일 동안 있었던 일, 내가 한 일 UIUX 입문 강의 바탕으로 11번가 어플 홈화면/하단바 UI 문제 정의/솔루션 제안 2. FEELINGS(느낌, 주관) 나의 감정적인 반응, 느낌 할 게 정말 많고 시간이 없고 무언가에 쫓기듯이 부랴부랴 완성한 느낌 내가 적고 있는게 맞는건지 아예 잘못된 내용으로 채우고 있는건 아닌지 불안했음 이론을 바탕으로 솔루션 아이디어를 생각해내고, 실제로 피그마에서 수정안을 구현해보려했는데 역시 실제로 해보는건 쉽지 않았다. 하단바 아이콘 크기부터 폰트간 각격, 폰트 자간, 크기 등등 시작하면 신경 써야 할 게 한 두가지가 아니어서 막막했음 튜터님 해답 영상을 보고 가장..

Today I Learned [이번주 목표] uiux 입문 강의 완강 + 11번가 앱 분석 오늘 할 일 11번가 앱 분석 및 솔루션 도출 1. 오늘 배운점 구글 material, HIG 살펴보기 uiux 법칙 및 인지 심리학 살펴보기 11번가 홈화면 분석 및 솔루션 도출 2. 아쉬운점 홈화면 분석하면서 내가 별로라고 느낀 점에 대한 근거를 찾을 수 없어 답답하다. 여백이 너무 빡빡한데? 싶으면 그럼 빡빡하지 않은 여백의 기준이 뭐지?라는 근거를 찾다 찾다 찾지를 못했음 서비스 제공자가 사용자에게 보여주고 싶은 화면이 유저가 원치 않는 거라면 어떤 걸 우선 순위를 두어야 하지? 라는 의문도 아직 오리무중이다. 3. 앞으로 다짐 이래서 사람이 이론적으로 빠삭해야 내 디자인에 대한 설득력을 갖추게 되는군. 너..

Today I Learned [이번주 목표] uiux 완강, 11번가분석 오늘 할 일 uiux 6강 완강, 11번가 개인과제 시작하기 1. 오늘 배운점 UI 레퍼런스 분석하는 방법 google material, hig 가이드라인 11번가 홈화면/하단바 분석 2. 아쉬운점 아직 각 컨포넌트, 레이아웃별 명칭을 정확히 인지 하지 못한다. 캐러셀이라고 말은 많이 썼는데 어떤걸 정확히 명칭하는 단어인지 처음 알았음. GNB와 네비게이션바(상/하/사이드) 등등 각 요소별 이름들을 다시 한번 외우고 숙지했다. 3. 앞으로 다짐 아무 생각없이 지나치는 모든 화면들이 각자의 이유로 배치되었다고 생각하니 새로워 보인다. 사실 새로운 어플 까는 걸 별로 좋아하지 않는 편이라 내가 쓰는 것들만 돌려 쓰다보니 uiux 레퍼런..

레퍼런스 분석하기 : 카카오톡 1. 화면 구조 분석 1) 친구 탭 화면 - 상단 GNB : 현재 화면, 상단 아이콘(친구 검색, 친구 추가, 음악 검색, 환경 설정) - 내 프로필 : 프로필 사진, 이름, 멀티 프로필, 상태메시지 - 업데이트 알림 섹션 : 프로필 업데이트 소식 전달 - 펑 : 카카오톡 스토리 기능 - 광고 배너 - 즐겨찾기 : 즐겨 찾는 친구 목록 - 채널 : 상업 목적 카카오톡플러스 친구 목록 접힌 상태로 노출, 추천 플친 카드형식 노출(광고) - 친구 : 추가 된 친구 목록 나열식 노출 - 하단 네비게이션 바 : 친구 / 채팅 / 오픈채팅 / 쇼핑 / 더보기 총 5개 탭, 확인하지 않은 채팅창 알림은 숫자뱃지로, 업데이트 알림은 우측 상단 빨간점으로 노출 2) 채팅 탭 화면 - 상단..

1. 게슈탈트 심리학 3가지 사례 1) 폐쇄성의 원리 - 정보의 공백을 메꾸어 인식하는 경향 - 3번째 썸네일이 끊겨 있어도 옆으로 스크롤하면 완전한 카드 캐러셀이 나올 것이라고 기대 2) 공통성의 원리 - 같은 방향으로 움직이면 더 관련성이 높다고 생각함 - 위로 스크롤 시, 디바이더로 나뉜 각 쇼핑몰 별로 훑어 볼 수 있음 - 옆으로 스크롤 시, 디바이더로 나뉜 해당 쇼핑몰에서만 취급하는 의류를 볼 수 있다고 생각함 3) 유사성의 원리 - 크기나 방향, 색 등 특성이 비슷한 것끼리 묶어서 지각하는 경향 - 작은 정사각형 아이콘들은 하나의 카테고리 메뉴라고 취급 - 4:3 직사각형 사진은 각 상품별 썸네일이라고 지각 - 맨 위 볼드체는 각 쇼핑몰, 레귤러체는 상품명, 분홍색 %는 할인율 등이라고 지각 ..

Today I Learned [이번주 목표] UIUX 강의 완강 + 개인 과제 제출 오늘 할 일 UIUX 5/6 + 11번가 어플 둘러보기 1. 오늘 배운점 UIUX 디자인은 답이 있다. 다른 사람들에 비해 타고난 디자인 능력이 떨어지고 미감이 부족하다고 느껴져도 꾸준한 학습으로 메꿔 나갈 수 있다는 점. 인지심리학의 관점에서 디자인을 바라봐야 한다는 점 내 디자인에 대한 설득력을 높이는 근거를 세울 수 있어야 한다는 점 2. 아쉬운점 실습 시 컴포넌트들을 어떤 규격에 맞춰야 하는지, 어떤 레이아웃을 기준으로 잡아야 하는지 알지 못해 좋고 나쁨을 판가름할 줏대가 없다고 느껴진다. 사전캠프에서 배운 기초 피그마 사용법과 겹치는 내용도 있어 강의 내용에 아쉬운 부분도 있었다. 3. 앞으로 다짐 UX를 기반으..