uxui

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

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

프로덕트 디자이너 본캠프 WIL 2주차 - FACTS(사실, 객관) :이번 일주일 동안 있었던 일, 내가 한 일-강의-내일배움캠프 피그마 기초 강의 전부 복습 -카타-랜딩페이지, 웹페이지 분석 -개인 실습- UI 무작정 따라하기  - FEELINGS(느낌, 주관) : 나의 감정적인 반응, 느낌이번주부터 카타를 시작하면서 튜터님과 함께 랜딩페이지와 웹페이지를 분석을 하였다. 카타를 처음해봐서 처음에는 자료찾기도 벅차서 시간이 부족했지만 튜터님의 피드백과 팀원들의 의견을 들으면서 잘 따라간것같았다.다음주부터는 개인과제가 시작하는데 팀원들 모두 잘 해냈으면 좋겠다. - FINDINGS(배운 것) : 그 상황으로부터 내가 배운 것, 얻은 것카타 ( 랜딩페이지, 웹페이지 분석 )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 설계 역량을 높이고,프로덕트 디자이너로서의 핵심 자질을 점차적으로 발전시키..

프로덕트 디자이너 본캠프 KPT Keep (현재 만족하고 있는 부분)꾸준함본캠프를 시작하고 팀 프로젝트를 끝낼때까지 5일동안 항상 정시에 출석을 하였고, 12시간동안 강의및 팀 프로젝트에 집중을 하였다. 내가 5일동안 배운 개념들이 많다고 할수는 없지만 기초지식은 탄탄하게 배웠고 팀프로젝트를 진행하면서 팀원들과 커뮤니케이션을 하면서 꾸준하게 목표까지 달렸다고 생각함. 끝까지팀프로젝트를 끝까지 자신의 기준하에 완벽하게 마치기위해 노력하였었던것 같고 마지막 발표를 마친후 피드백을 받고난후 그것을 적용하면서 다시 피드백을 받는것으로 첫번째 프로젝트를 완벽하게는 아니지만 그에 가깝게 마쳤다고 봄Problem (불편하게 느끼는 부분) 디자인 이론다름 팀원들은 디자인을 잘하지만 본인은 전공자가 아니다 보니 디자인 ..

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

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