uxui

TIL (Today I learned) 오늘 나는 무엇을 했나요- 카타 ( 프로덕트 분석)- 개인 과제 ( 커머스 앱 )  오늘은 어떤 것을 배웠나요1. 카타 ( 프로덕트 분석)1. 디스코드상대방에게 전화를 거는 기능도 있지만, 기존의 만든 방에 쉽게 들어가 통화및 화면공유를 할 수있고  왼쪽패널에 내가 들어가 있는 방들이 스크롤형식으로 볼 수 있어서 쉽게 방을 찾고 들어갈수있어서 채팅창도 왼쪽 오른쪽으로 드래그해서 쉽게 옆으로 빼놓거나 가져올수있어서 편하다고 생각하였음 2.토스국민이 주거래 은행이라 쓰는김에 계속 사용하여 토스는 친구가 토스로 보내달라할떄 가끔 쓰지만돈을 보낼때는 토스가 가장 간편하고 좋은것 같다고 생각함 토스는 계좌와 연락처를 맨 상단에 배치하여 쉽게 전환 할수있고 계좌번호를 입력하거..

TIL (Today I learned) 오늘 나는 무엇을 했나요- 카타 ( 웹페이지 레퍼런스 분석)- 개인 과제 (이커머스 앱 )  오늘은 어떤 것을 배웠나요1. 카타 ( 웹페이지 레퍼런스 서치)기존의 있는 브랜드들이나 그 브랜드들의 키워드를 많이 알고 있으면 컨셉 레퍼런스 찾을때 용이함  그 예로 픽셀바이 픽셀으로 시초가 마이크로소프트이며, 오늘 현대자동차를 튜터님과 분석을 하였는데, 현대자동차의 브랜드 소개페이지를 보면 알수 있듯이 그 컨셉을 알려주고있는데, 아래 사진을 보면 그 컨셉을 브랜드 사이트에 의도적으로 잘 녹여내는것을 알수 있다. 내가 그 브랜드의 컨셉,키워드를 알고있으면 그 브랜드들의 사이트가 왜 이렇게 만들었는지 생각을 할 수도 있다.   만약 아이콘을 사용할려는 단어나 문구가 사용자가..

TIL (Today I learned) 오늘 나는 무엇을 했나요- 카타 ( 웹페이지 레퍼런스 서치)- 피그마 활용법 7주차 강의 수강  오늘은 어떤 것을 배웠나요1. 카타 ( 웹페이지 레퍼런스 서치)오늘은 카타로 웹페이지를 레퍼런스를 서치하였다.총 3개를 하였고 하나는 캐논코리아의 제품판매페이지, 하나는 오뚜기의 메인홈페이지, 하나는 유플러스 모바일의 온라인상담페이지이다.  먼저 오뚜기는 처음 홈페이지를 들어가면 바로 영상이 뜨는데 총 6가지의 영상이 있으며 처음 2개의 영상은 실제로 광고로 찍은 영상이고 나머지 4개는 제품설명과 회사이념글이다.회사의 브랜드정체성과 목적이 잘 드러난것같아서 가져왔다. 두번째 캐논코리아의 제품페이지는 이 제품의 이미지를 그냥 보여주는것이 아닌 각도를 여러 각도로 보여주어 ..

TIL (Today I learned) 오늘 나는 무엇을 했나요- 카타 ( 랜딩페이지 레퍼런스 분석)- 피그마 활용법 6주차 강의 수강  오늘은 어떤 것을 배웠나요1. 카타 ( 랜딩페이지 레퍼런스 분석)1.랜딩 페이지를 들어오는 경로가 중요함ex) 만약에 네이버에 있는 당근마켓 광고같은것을 보고 들어온게 아니고 어떠한 매체를 통하여 들어올때그 매체가 만약 동내에서 구할 수 있는 알바를 구한다는 글이였는데 정작 링크를 클릭하고 들어오니 당근앱에대한 다운로드를 할 수 있는 랜딩페이지라면 잘못된 랜딩페이지이다. 2.랜딩페이지로 설문조사를 받을때는 목적을 정해야함설문조사를 한다는것은 기본적으로 중간에 이탈율이 높을 수 있으므로 목적을 정해야한다이 랜딩페이지의 목적이 설문조사인지 계약체결까지인지의 사업적 목적인지..

TIL (Today I learned) 오늘 나는 무엇을 했나요- 카타 ( 랜딩페이지 레퍼런스 분석)- 피그마 활용법 4주차 ~ 6주차 2-4 강의 수강  오늘은 어떤 것을 배웠나요1. 카타 ( 랜딩페이지 레퍼런스 분석) 튜터님에게 팀원들이 가져온 레퍼런스를 살펴보면서 올바른 랜딩인지 아닌지와 좋은점을 설명들었다. 1.랜딩페이지는 목표가 하나인게 대부분이며, 메인페이지은 사용자가 어디로 들어갈지 모름2.랜딩은 중간과정임 목표인 CTA를 누르게해서 그 페이지로 이동시키기위함3.랜딩은 누가봐도 여기로가라 라는게 확실함  2. 피그마 활용법 4주차 ~ 6주차 2-4 강의 수강  모달의 개념사용자가 행동을 취하기 전까지 뒤에 가려진 화면을 조작할 수 없는 것모달은 UI의 이름이 아니고 UI를 분류하는 기준이다e..

TIL (Today I learned) 오늘 나는 무엇을 했나요- 카타 ( 랜딩페이지 레퍼런스 서치)- 피그마 활용법 (1) 1~ 3주차 강의   오늘은 어떤 것을 배웠나요1. 카타 ( 랜딩페이지 레퍼런스 서치) 더보기디자인 카타란?매일 레퍼런스를 수집하고 분석하며 "왜?"라는 질문을 던지고이를 다른 사람들에게 전달하는 연습을 통해 디자인 사고력을 기르는 데일리 과업입니다.반복되는 연습이라는 뜻을 가진 Kata 를 통해 매일 아침 디자인을 훈련해봅시다. 어떤점이 도움되나요?근본적으로 'WHY?'라는 질문을 디자인 결과물로 자연스럽게 풀어내는 능력을 키워내는 훈련을 합니다.레퍼런스를 분석하고 자신의 의견을 전달하는 과정을 통해 UX 설계 역량을 높이고,프로덕트 디자이너로서의 핵심 자질을 점차적으로 발전시키..

TIL (Today I learned) 오늘 나는 무엇을 했나요- 팀프로젝트 (팀소개 페이지 디자인 마무리) 오늘은 어떤 것을 배웠나요1. 팀프로젝트 4일차 (팀소개 페이지 최종 디자인)  마지막 4일차에서는 그동안 팀원들과 함께 진행한 것들을 한곳에 모았습니다.    최종 디자인입니다.  레이아웃에서 발자국과 그 경로를 살짝 넣어서 컨셉을 자연스레 녹여냈습니다.   발표자료는 컨셉을 정한 과정과 레이아웃및 디자인가이드를 집어넣어 발표자료를 만들었습니다.  4일동안 팀원들과 프로젝트를 진행해보았는데, 처음에는 의사소통이 쉽지는 않았지만 이제는 자연스럽게 의견을 주고받으면서 제작을 끝냈습니다. 오늘은 어떤 문제를 겪었고, 앞으로는 어떻게 해결할 것인가요오늘은 팀 페이지를 최종으로 수정하여 완성을 하였습니다..

TIL (Today I learned) 오늘 나는 무엇을 했나요- 팀프로젝트 (팀소개 페이지 디자인)  오늘은 어떤 것을 배웠나요1. 팀프로젝트 3일차 (팀소개 페이지 디자인)  오늘 팀원 스크럼에서 팀원들과 함께 나의 디자인을 이것저것 고쳐가며 함께 수정을 하였다. 최종 디자인 모습수정한부분: 아이콘과 글자 크기 조정및 팀 소개글을 이미지와 수직으로 두어서 가독성을 높이고 한문장을 포인트 컬러로 설정, 소개글은 가운데정렬로 배열  그다음 팀원소개 디자인을 해오신 팀원분의 디자인도 함께 수정의 수정을 거쳐 완성하였습니다.중간에 튜터님들에게 질문을 하였습니다.먼저 띠지 같은 꾸밈요소 (달, 마지막 팀원 사진 배너 등)를 그리드 밖으로 나가게할지 블러처리를할지 고민이었는데튜터님께서 그런 경우(띠지, 꾸밈요소..

TIL (Today I learned) 오늘 나는 무엇을 했나요- 팀프로젝트 (팀소개 페이지 디자인)오늘은 어떤 것을 배웠나요 1. 팀프로젝트 2일차 (팀소개 페이지 디자인) 1일차에서 프로젝트 디자인 컨셉을 정하였고, 레이아웃까지 디자인하였다.2일차에서는 컨셉에 맞는 폰트와 색상까지 팀원들과 의논하여 정한다음 각자 레이아웃 부분을 맡아 디자인을 시작하였다.폰트는 Pretendard, 포인트 색상은 모던한 계열로 정하였다.  Pretendard를 사용하는 이유더보기- 노토산스를 대체할 폰트 입니다.- 한글과 숫자를 잘 표현할 수 있습니다.  - 다양한 폰트 굵기를 제공하여 가독성 부분에서 유리합니다.- 다국어 지원이 잘됩니다.  나는 레이아웃 부분중 팀소개 부분을 담당하였다.  (메인페이지, 팀소개, 팀..

TIL (Today I learned) 오늘 나는 무엇을 했나요- 팀프로젝트 (팀소개 페이지 디자인)오늘은 어떤 것을 배웠나요 1. 팀프로젝트 1일차 (팀소개 페이지 디자인)  팀소개 페이지 디자인을 하기위해서 먼저 각 팀원들의 아이디어를 모아서 컨셉을 정하였다.참고로 본인의 의견은 성장, 발전, 도전이였다. 팀명이 출발이다보니깐 성장과 발전 그리고 도전이 와닿은것 같다.키워드는 총 2개로 발자국과 여행이 채택이 되었다 (짝짝짝)  키워드를 주제로 잡고 각자 웹으로 정하여 디자인을 해온 모습이다.1부터 8까지의 설명은 필수로 포함되면 좋을듯한 내용을 나열한것이다.본인의 디자인은 맨 처음것으로 스크롤 형식으로 아래로 내려가면서 발자취를 남기면서 결국 목표지점까지 도달하는 그러한 컨셉을 한 디자인이다. 두번..