uxui

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

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

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