프킁프킁의 일기장

UX 디자인 제품과 디자인의 변화 - 보이는 디자인에서 보이지 않은 디자인으로의 변화 프로젝트 시작할 때 자기가 뭘 모르는지 확인하고 알아야 한다. 디자인씽킹(design thinking) 디자인씽킹은 생각, 행동, 문제해결을 디자이너 처럼 생각해야한다. 디자인씽킹이 다른 방법론과 가장 큰 차이점은 직접 유저, 클라이언트를 만나는 것이다. 공감 -> 문제정의 -> 아이디어 -> 프로토타입 -> 실행&평가 디자인스프린트 디 이해 -> 발산 -> 결정 -> 시제품 제작 -> 평가 이해 : 비즈니스의 문제점과 기술능력 발산 : 가능한 많은 아이디어를 모으는 단계 결정 : 아이디어를 검토하고 최상의 아이디어를 선별하는 단계 시제품 제작 : 사용자에게 제품 검증 평가 : 최종 사용자, 전문가, 이해관계자들이 사용..

데이터 드리븐 UX, TIL 첼린지 10일차 외부의 데이터에 기반하여 UX 디자인한다 UX 디자인 User eXperience Solution 사용자 경험 문제 해결 부정적 경험 -> 긍정적 가치 불편한 경험 -> 편리한 가치 복잡한 경험 -> 간단한 가치 마케팅 리서치 vc 디자인 리서치 통계 니즈 정량적 정성적 검증된 사실 새로운 기회 집단, 단치 개인, 소수, 전문가 더블 다이아몬드 이 방법론을 통해 데이터를 얻을 수 있어야 한다. 1. 1차 리서치, 2차 리서치의 이해

클론디자인! TIL 첼린지 9일차! 9일차에는 지금까지 배웠던 UX 디자인 지식과 피그마를 바탕으로 클론디자인을 실행하고 UX 디자인까지 진행했다. 우리팀은 유튜브 뮤직을 프로덕트로 선정했다. 팀원들과 늦게까지 프로젝트를 진행하며 배운 부분들에 대해 많이 적용해볼 수 있어서 유익한 시간이였다!

디자인 시스템, TIL 첼린지 8일차 질문 공유 1. 프로토타이핑 스크롤은 보이는 사이즈와 실제 디자인한 사이즈는 달라야(커야)한다 팀 실습 프로젝트 공유 터치 화면을 일정하고 크게 하기 위해 프레임 안에 아이콘을 넣는다 컴포넌트 피그마 디자인 시스템 종류 중 하나인 컴포넌트를 배웠다 컴포넌트는 디자인 전체에서 재사용 할 수 있는 UI 요소 1. 로컬 스타일 스타일을 변경하면 모든 프레임안의 스타일이 한번에 변한다 텍스트 색상 효과 그리드 2. 베리언츠 베리언츠는 변형이라는 의미 3. 베리어블 디자인 토큰 = 약속 4. 컴포넌트 일관성 유지 Ctrl + Alt + K Create multiple component : 한번에 여러개를 컴포넌트 라이브러리 퍼블리싱 파일과 프로젝트간에 컴포넌트와 스타일을 공유..

피그마 프로토타입 실습! TIL 첼린지 7일차! shift + R = 눈금자 표 아이콘 만들 때 투명 프레임(4의 배수 크기) 안에 넣어서 만듬 간격보기 Alt 누르고 다른 개체에 마우스 올리기 개발자 일 하는 방식 알기 1. 영역 잡기 피그마 기반 모바일 UI 기획 설계 테스트 디바이스를 선정항 향후 UI 디자인 제작 시 대표가 되는 디바이스 사이즈를 선정 테스트 디바이스와 피그마와 연동하여 실제로 작동하는 모습을 테스트 디바이스 선정 디바이스 표준 해상도 선정 sratcounter에서 디바이스, 나라, 기간을 기준으로 디바이스 해상도 점유율 확인 가능 피그마에서 테스트 디바이스에 적합한 Frame 제작 프로토타입 제작 테스트 디바이스에서 테스트 4px 그리드 4px 그리드란? 4의 배수로 간격을 통일..

협업툴 트렌드 1위 피그마! TIL 첼린지 6일차 오늘은 피그마에 대해 배웠다. 피그마는 최근 가장 인기 있는 협업툴로 피그마 짱짱맨 협업 능력 올라감 생산 효율 올라감 ctrl + shift + / = 단축키 페이지 ctrl + \ = 디자인 화면 피그마 프로그램 이해 현황 기업에서 피그마 도입이 많아지고 있다 협업에 적합한 형태로 워크프로세스 변화 디자인 툴 시장의 피그마 성장 상승 추세 피그마 장점 워크프로세스 개선 디자인 일관성 유지 피그마의 주기적인 업데이트 Dev Mode Autolayout 피그마 주요 특징 실시간 협업 가능 항상 최신 버전 멀티플레이어 편집 상황별 피드백 프로토타이핑 - 상호작용 및 User Flow 미리보기 라이브 챗팅 - 슬래시키(/)를 클릭하면 말풍선이 활성화되어 메시..

나 어필하기! 자기소개서, 이력서 강의! TIL 첼린지 5일차 오늘 오전에 외부 일정이 있어서 1시간 정도 늦게 듣기 시작해서 지원동기 부분부터 들었다 지원동기 작성법 작성자와 채용담당자 모두가 아는 회사 설명으로 나열하거나 회사얘기 하나도 없는, 누가 봐도 범용으로 쓴 지원 동기는 작성하지 않는 것이 좋다 지원동기를 작성 할 때는 지원 회사가 가지고 있는 강점, 산업적 특성, 최근 이슈 등을 찾아보고 회사의 강점이 나에게 어떤 커리어 성장 기회로 연결될 수 있는지 고민하여 지원 회사, 업종, 직무와 관련된 경험까지 연결하여 작성하는 것이 좋다 수업을 듣고 내가 지원할 회사의 지원동기에 대해 수업시간에 작성해보았다. 예시를 참고하여 작성했는데 추후에 상담 받으면서 보완해봐야겠다. 입사지원시 기본적으로 룰..

엑셀 데이터 시각화 파워쿼리!, TIL 첼린지 4일차! 먼저 어제 배웠던 피벗테이블을 복습하면서 파워쿼리에 대해 학습하였다. 값으로 옮기면 카운트를 할 수 있다. 피벗테이블에서 행의 값을 더블클릭하면 해당 값에 해당하는 데이터를 볼 수 있다 날짜 데이터는 -, /로 입력해야 자동적으로 그룹화해준다 ex) 2017-02-13 점유율 표시 방법, 주문번호를 값으로 옮겨 개수를 측정하고 값 필드 설정-> 값 표시 형식 -> 열 합계 비율로 설정한다 표시 형식에서 #,### 은 세자리마다 표시해라 #,###, 세자리 표시하지마라 #,###,, 여섯 자리 표시하지마라 #,###,,"백만" -> 여섯자리 표시하지 말고 뒤에 "백만"을 붙여라 파워피봇은 옵션->추가기능->COM추가 기능에서 추가할 수 있다. 그리고 ..

데이터 시각화 첫수업, TIL 첼린지 3일차! 3일차 강의 주제는 데이터 시각화로 엑셀의 파워쿼리를 활용하는 법을 배웠다. 먼저 데이터 리터러시 하위 역량으로는 데이터 수집, 데이터 관리, 가공 및 분석, 데이터 시각화, 데이터 기획을 필요로 한다. 엑셀 내부 프로그램은 데이터 전처리 프로그램인 파워쿼리와 데이터 분석 모델링 프로그램인 파워피벗이 있다. 오늘 기억에 남는 단축키 ctrl + A = 전체선택 후 활성화 셀은 흰색표시 Tab = 활성화 셀 오른쪽 이동 Shift + Tab = 활성화 셀 왼쪽 이동 Enter = 활성화 셀 아래로 이동 Shift + Enter = 활성화 셀 위로 이동 ctrl + 1 = 셀서 ctrl + ` = 수식보기 ctrl + shift + v = 수식빼고 결과값만 복사..

피그마 기초 강의, TIL 첼린지 2일차! 오늘은 UX 디자인 사례 리뷰 후 피그마 강의를 들었다. 먼저 UX 디사인 사례는 나도 자주 사용하던 고속버스예매 앱이였다. UX 디자인 사례를 처음부터 끝까지 과정과 결과물에 대해 리뷰해주셨다 고객이 원하는 솔루션을 통해 PROJECT BRIEF를 정하고 솔루션을 도출하기 위해 케이스 리서치, 사용성 테스트, 어피니티다이어그래밍, 시스템 현황분석 등의 과정을 거쳐 최종 이슈를 통합하고 개선점을 도출한 후, 이를 와이어프레임 UI디자인과 디바이스 연계 통합 솔루션까지 제안하였다. 이 과정에서 역할분담을 할 때 주의할 점은 서로 중복되지 않게 역할 분담을 하는 것이다. 다음은 피그마 기초 강의를 진행하였다. 피그마를 사용해 본 적은 있지만 기초부터 체계적으로 배우..