민이의 공부방

📖 UX/UI 디자이너와 비슷한 직무의 JD 분석을 통해 직무 별 차이점을 이해하며 어떤 역량을 키워야 하는지 정확하게 알아봅시다.비슷한 직무를 리스트업 합니다. (UX 리서처, 웹 퍼블리셔, 웹 디자이너 등)직무 별로 관심 기업 혹은 업계를 리스트업 합니다. (10개 내외)주요 업무 / 자격 요건 / 우대사항 중심으로 직무 채용 공고를 분석해 봅니다.조사한 내용에서 공통적으로 언급하는 역량에 대해 정리해 봅니다.직무 별로 나의 생각을 정리하고, 한 줄로 정의해봅니다.ex) 어떤 사람인지, 하는 일은 무엇인지여러 직무를 같은 선상에 두고 느껴지는 차이점을 기재해본 후, 그 속에서 직무 별 특징을 뽑아내어 최종으로 정리합니다.최종 분석 내용을 한눈에 볼 수 있도록 표로 정리하면 가독성이 좋아지겠죠? [ ..

[ 오늘의 아티클 ] 어도비가 꼽은 UX 디자이너들이 흔히 하는 착각 10가지 (UX 디자이너는 '사용자 경험을 디자인하는 사람'이 아닙니다)어도비가 꼽은 UX 디자이너들이 흔히 하는 착각 10가지 - DIGITAL iNSIGHT 디지털 인사이트 (ditoday.com) 어도비가 꼽은 UX 디자이너들이 흔히 하는 착각 10가지 - DIGITAL iNSIGHT 디지털 인사이트UX 디자이너는 '사용자 경험을 디자인하는 사람'이 아닙니다ditoday.com [ 아티클 요약 ] 1. UX 디자인과 UI 디자인은 서로 다르다.- UX 속에 UI가 있음. UI는 인간과 서비스 간의 상호작용이 발생하는 '공간'이고, UX는 그 후에 나타나는 감정적 '결과'임- 시각적인 모습 뒤의 기능을 생각하며 사물의 모습과 작동 ..

[ '배달의 민족' 앱 컴포넌트 따라 그리기 ]홈 화면검색 화면가게배달 메뉴 화면메뉴 선택 화면 1. 홈 화면 2. 검색 화면  3. 가게배달 메뉴 화면  [ 인사이트 ]  오늘은 '네카라쿠배'에서 '배'를 담당하고 있는 '배달의 민족' 앱을 따라 그려보았다. 스마트폰 캡쳐본만 보고 만들었기 때문에 이미지가 100% 일치하진 않지만 최대한 비슷하게 그리려 노력했다. 실눈 뜨고 보면 뭐가 진또배긴지 못 알아본다. 기본적인 공식은 존재하기 마련이니, 꾸준히 연습한다면 UI고수가 되기까진 시간문제다. 디자인은 성과가 눈에 즉각적으로 보이기 때문에 재밌다. 오늘 처음으로 내가 UI랑 잘 맞는 사람이란걸 알았다. 피그마의 존재에 감사하다. 메뉴가 많을 경우 '시각적 잡음'을 어떻게 처리하느냐에 따라 읽고 싶은 페..

[ 카테고리별 컴포넌트 직접 만들어보기 ]Components (구성요소) : 사용자 인터페이스를 만들기 위한 대화형 구성 요소로, 목적에 따라 구성됨 Actions (행위) : 사용자가 목표를 달성하기 위해 도움Common Buttons (공동 버튼) : UI에서 대부분의 작업을 프롬포트함 Extended FAB (확장된 팹) : 확장된 플로팅 작업 버튼으로, 유저가 기본 작업을 수행함 Floating action buttons (플로팅 작업 버튼) : FAB, 유저가 기본 작업을 수행함 Icon buttons (아이콘 버튼) : 탭 한 번으로 사소한 작업을 수행함 Segmented button (분활된 버튼) : 유저가 옵션을 선택하고, 보기를 전환하고, 요소를 정렬함   Communication (의..

[ 기업의 채용공고 요구사항 ] 1. (주)배컴- 반응형 웹, 모바일 및 웹 표준 디자인에 대한 이해와 경험이 있으신 분- UXUI 그래픽, 리소스 관리에 경험이 있으신 분- 사용자 중심의 UX플로우를 세우고 논리적인 설득이 가능하신 분 2. 엘스 UI/UX 디자이너- HTML/CSS/Javascript에 대한 이해도- 남들과 다른/차별화된 포트폴리오- 예술적 호기심, 디자인적 도전 정신- 팀원과의 원활한 소통 3. (주)트리플렛- 실제 운영 중인 서비스에 디자인 파트로 참여하신 분- IT 트랜드 및 Business에 대한 이해력/통찰력 보유하신 분- AI 서비스 관련 기획, 전략기획 관련 경험하신 분- HTML, CSS, JQuery 툴 활용 능력 보유하신 분 4. (주)더블유클럽- 실사용자 기반의 앱..

[ 유저 플로우 (User Flow) ] : 사용자 흐름- 사용자가 목표를 달성하기 위해 거치는 단계로, 유저의 사용동선의 개념- 조건(분기)을 포함한 상세 단계를 작성하여 서비스 내에서 유저가 어떻게 행동할지를 정리함- Task Flow와 유사하지만, 서로 다른 유저가 각각 태스크를 수행하거나 다른 경로로 이동할 수 있다는 점의 차이점을 지님 [ 유저 플로우 그리는 방법 ]  1. User Goal : 제목, 유저 목표 한 문장으로 정리하기ex) User Goal : '로그인하기' 2. Task Flow : 유저가 목표를 달성하기 위해 실행해야 하는 각 단계를 구분하여 그리기 3. Wire Flow : 와이어프레임과 플로우 차트가 섞인 개념 4. User Flow : 목표를 이루기까지의 인터랙션 정리...

JD분석(팀과제) 노션 링크 : https://www.notion.so/JD-_UXUI-8c829b64cf4b40078e25fd2fe5691d99 [ 내가 일하고 싶은 회사 ]1. 직무가 명확한 회사- 내가 정말 좋아하고 잘 한다고 생각하는 직무의 회사- 채용 공고에 직무가 모호하지 않고 명확하게 제시되어 있어야 함- 단지 취업의 목적 뿐만 아니라 내 스스로를 개발시킬 수 있어야 함 2. 연봉을 아끼지 않는 회사- 능력에 따른 연봉 협상이 가능해야 함- 정부에서 나온다는 돈 믿지 않기 (지돈아님) 3. 매출이 늘고 있는 회사- 분위기, 워라밸, 성과급보단 '객관적 지표'로 소개되는 회사- 대외적 인지도, 조직문화 등 소문에 혹하지 않기 4. 스타트업 VS 중소기업 VS 대기업- 중소기업 : 규모가 작아 ..

[ 오늘의 아티클 ] [UXUI] 구글의 새로운 로그인 화면 디자인[UXUI] 구글의 새로운 로그인 화면 디자인 (brunch.co.kr) [UXUI] 구글의 새로운 로그인 화면 디자인로그인 페이지를 더 현대적인 디자인으로 개선하였습니다. | 며칠 전부터 구글에서 로그인 시 현대적인 디자인으로 개선할 것이라는 안내를 했다. 현재 순차적으로 새로운 디자인이 배포되고brunch.co.kr  [ 아티클 요약 ]- 구글 로그인 화면의 디자인 변화를 요약한 글- 이전 디자인은 라인으로 배경과 구분 지었지만, 개선된 디자인에서는 화면을 배경색(BG)과 분리하여 집중도를 높였고 전체적으로 모서리(radius) 값을 키워 동글동글한 디자인이 되었음.- 아이콘 및 외곽선의 뚜렷한 차이를 줌.- 타이틀이 강조된 디자인으로..

[ 아티클 스터디 하는 법 ] 1. 하나의 아티클 또는 책을 선정하여 그 내용을 정리한다.2. 분석 및 리서치 + 내용 정리 및 공유의 시간으로 이루어진다.- 링크, 출처 밝히기- 핵심 내용 요약, 더 공부한 점 작성- 인사이트 (알게된 점 / 좋았던 점 / 아쉬웠던 점) [ 오늘의 아티클 ] 2024 UIUX 디자인 트렌드(1) : 기술을 주제로 예측해 보는 흐름과 디자이너의 역할출처 : https://brunch.co.kr/@tigrisdesign/16 2024 UI/UX 디자인 트렌드(1)기술을 주제로 예측해 보는 흐름과 디자이너의 역할 | 이번 포스트에서는 빠르게 발전하는 첨단 기술을 기반으로 다가올 2024년의 UI/UX 디자인 트렌드를 살펴보려 합니다. A. ..

[ UX UI 란? ]- UX : 사용자 경험 (User Experience), 제품이나 서비스로 느끼는 전체적인 경험정량적, 정석적 데이터로 인사이트 도출. 객관화된 데이터 분석- UI : 사용자 인터페이스(User Interface), 사람과 기기가 접하는 접점 (ui엘리베이터 버튼, 스위치 등 '직관적인 비주얼'로 표현하는 영역  [ UX 용어 정리 ] 1. 와이어프레임 (Wireframe) : 화면 설계. 뼈대 혹은 윤곽선만 잡아놓는 단계. 대략적인 기본 레이아웃 (색을 넣으면 안됨) 2. 스토리보드 (Storyboard, SB) : 작업할 때 최종적으로 확인하는 '기획 문서' 3. 플로우차트 (Flow Chart) : 전체적인 서비스의 동작 흐름을 한눈에 볼 수 ..