E민

UX : User eXperience의 약자로, 사용자 경험을 의미한다. UI : User Interface의 약자로, 유저가 제품을 사용하기 위한 상호작용의 모든 것을 의미한다. [컴포넌트] 버튼(Button) : 동작을 처리하는 버튼 -FAB(Floating Button) : UI 화면 위에 떠 있는 버튼 폼(Form) : 입력과 관련된 요소들 -인풋박스(Input Box) : 한 줄 입력창, 텍스트 입력하는 컴포넌트 -Placeholder : 텍스트 입력에 대한 힌트 제공 체크박스 (Check Box) : 단일 선택/다중 선택시 사용 라디오 (Radio) : 단일 선택시 사용 드롭다운(Drop Down) : 버튼을 클릭했을 때, 옵션 값이 나타나고 그 중 하나의 옵션을 선택할 수 있다. 콤보박스(C..

Facts : 일주일 동안 주어진 강의와 과제들을 했다. 관련 사이트를 찾아보며 다양한 레퍼런스들을 찾아봤다. Fellings : 레퍼런스들을 보며 아직 배우고 익힐 것들이 많다고 느꼈다. 아직까지는 할만 하지만 앞으로의 스케줄을 소화할 수 있을지 걱정이 되었다. Findings : 부족한 부분들을 찾을 수 있었고 앞으로 내가 해야 할 것들에 대해 다시 한 번 생각해 볼 수 있는 기회가 되었다. Future : 모르는 것이 많기에 배울 것도 많다. 부족한 부분을 받아들이고 채워나가야 하며, 더 많은 참고 자료들을 분석해야 한다. 특히 다음주에는 툴 스킬에 개인적인 시간을 투자하여 공부해야 부족한 부분들을 채울 수 있다. 할 수 있다 나 자신,, 취업.. 해야 한다... !!

1. 요구사항 (주) 누트컴퍼니 태블릿을 활용한 필기/다꾸 경험이 있으신 분 커머스 서비스 또는 구독제 기반의 B2C 서비스 디자인 경험이 있으신 분 디지털 프로덕트, 디자인 리서치를 습관적으로 즐기시는 분 Hotjar, Amplitude 등의 프로덕트 데이터 모니터링 툴을 UI디자인과정에서 활용할 줄 아시는 분 Figma 디자인 툴에 대한 높은 숙련도를 가지신 분 LottieFiles과 같은 서비스를 활용한 애니메이션 에셋에 대한 이해가 있으신 분 (주) 비즈비 디자인 계열 전공자 해당 경력 2년 이상 반응형 디자인 구축 경험 홈페이지 빌더 디자인 경험 디자인 트렌드와 기술 동향에 대한 이해 프로젝트 리딩 경험 2. 핵심 역량 키워드 피그마 디자인 경험 3. 내가 생각하는 핵심 역량 피그마와 같은 제작..

피그마는 프로토타입 기능을 제공한다. 프로토 타입이란, 화면의 순서 또는 플로우를 연결시켜, 특정 버튼이나 영역을 눌렀을 때 어떤 화면으로 어떤 인터랙션 스타일로 이동할 것인지 목업으로 보여주는 것이다. 피그마의 프로토타입 구성요소로는 1. 핫스팟(Hot Spot) : 파란색 기준이 되는 점, 인터랙션이 시작하는 위치 2. 커넥션(connection) 라인 : 핫스팟과 이어지는 두 개의 요소 사이의 연결 선 3. 데스티네이션(Destination) : 핫스팟에서 커넥션으로 연결한 도착점이 되는 요소 프로토타입의 인터랙션 디테일창으로 세부적인 설정이 가능한데 디테일 창 (핫스팟에서 데스티네이션 요소를 클릭하면 뜨는 창) 1. 트리거(Trigger) : 이벤트라고 볼 수 있는 인터랙션의 시발점 ex) cli..

1. 비슷한 직무 JD 분석 1. UX 리서치 (주)리앤파트너 주요업무 : - 모바일 앱/웹 및 PC 웹 서비스 관련 UI/UX 설계, 프로토타이핑, 사용성 테스트 자격요건 : - 사용자 관점 및 비즈니스 이해를 통한 요구사항 분석 및 UI/UX 설계 능력을 보유하신 분 - 다양한 플랫폼 (iOS, Android, PC/Mobile Web)에 대한 서비스 제작 경험이 있는 분 - Design/Prototyping Tool (Figma, Sketch, Protopie, Invision 등)의 능숙한 활용과 Prototype을 통해 기획을 빠르게 시각화시키고 실행할 수 있는 분 - 원활하고 논리적인 커뮤니케이션을 기반으로 아이디어를 구체화시키고 실행으로 옮길 수 있는 분 - 사용자 관점에서 서비스의 사용성을..

Flow Chart? 어떠한 일을 처리하는 과정을 순서대로 간단한 기호와 도형으로 도식화한 것 (=순서도) 피그마의 플러그인 기능을 사용하면 쉽게 플로우 차트를 제작할 수 있다. 피그마에서 플러그인 플로우 차트를 이용해보기 원하는 도형을 드래그했을 때 캔버스 위에 도형이 올려지고 마우스가 호버 됐을 때 뜨는 파란색 화살표를 누르면 다른 도형의 선택이 가능하다. 이렇게 Yes 와 No 를 사용하면서 로그인 프로세스를 제작했다. 사용자가 로그인 창에서 아이디와 비밀번호를 입력하고 Log-in 버튼이 눌리기까지의 과정을 피그마의 플러그인을 통해 쉽게 제작할 수 있다.

JD(Job Description) 분석이란? JD란 현재 채용 중인 포지션이 어떤 일을 하는지 자세히 설명해놓은, 쉽게 말해 ‘채용 공고’를 일컫는다. 기업 JD 분석 (주)포스타입 포스타입은 누구나 수익을 창출할 수 있는 창작 콘텐츠 플랫폼으로, 크리에이터가 자신의 콘텐츠를 활용해 팬들로부터 수익을 올릴 수 있는 최상의 환경을 제공하는 서비스이다. 주요업무 : 포스타입 서비스 UX/UI 설계 및 고도화 포스타입 서비스의 사용성 개선 포스타입 디자인 라이브러리의 체계적인 사용 및 관리 자격요건 : Product, User, Market에 관한 이해를 바탕으로 논리적인 UX 설계가 가능하신 분 탄탄한 기본기를 바탕으로 조형적 완성도가 높은 디자인을 구현할 수 있으신 분 기획 및 디자인 실무 프로세스에 대..

: 제목태그 1~6 글자크기 큰 순서대로 1~6 : 문단태그 (paragraph) 자동 줄 바꿈x : 줄 바꿈 태그 빈 요소 태그 (닫는태그x) : 더미태그_자동 text 완성 기능 영어만 지원 ex) lorem5 : 순서가 없는 목록태그 (un ordered list) ul 부모태그 li 자식태그 : 순서가 있는 목록태그 (ordered list) ol 부모태그 li 자식태그 : 정의형 목록태그 / : 정의할 목록의 제목태그 : 정의할 목록의 내용태그 dl 부모태그 dt,dd 자식태그 : 주석태그 ctrl+/ : 강조태그_진하게 : 강조태그_눕혀서 : 이동태그 : 하이퍼링크 태그_현재 페이지에서 바로 열림 a 태그 클릭시 어떤 일이 일어나는지 title 태그로 설명하는 게 좋음, 웹 접근성을 높임 ex..