오늘 한일
-디자인 카타
-디자인 입문 강의 3, 4강 완강
-디자인 입문 2주차, 4주차 과제
-도움닫기 특강 참여
-개인 과제 진행~
내일 할일
-디자인 입문 강의 5, 6강 완강
-도움닫기 특강 참여
-개인 과제 진행 이어서📕UXUI 디자인 입문 3강
제품팀
:제품을 만들기 위해 각자 다른 전문적인 능력을 가진 사람들이 모인 팀
스타트업에서 조직 구성🏃♀️➡️
- 목적조직
:제품의 목표 달성 위해 다양한 직무의 사람이 모여있는 팀으로 속도가 빠르고 효율적 - 기능조직(=챕터)
:유사한 직무끼리 구성되어 전문 분야에 대해 깊게 논의, 서로 발전 가능 - 매트릭스 조직
:기능조직과 목적조직이 교차된 형태로 소속된 구성으로 목적조직의 빠른 속도와 기능조직의 전문성의 결합
제품팀이 일하는 방식🧑💻
- 린스타트업:빠르게 제품 테스트, 그 결과를 다시 제품에 반영하는 운영 방식
- 애자일(Agile:날렵한, 민첩한)<->폭포수 방식
:일정 주기로 빠르게 제품 배포해 사용자 피드백을 받고 요구사항을 수정해 나가는 과정 반복
＊폭포수 방식
:수직적으로 각 단계를 하나씩 진행, 독립적, 명확한 분담
디자인 프로세스📝
기획(문제 정의->아이데이션->프로덕트 스팩 문서 작성)->디자인(초안 디자인->피드백->최종 디자인 확정)->개발(디자인QA)
💡[실무 프로세스 1 협업하기]
협업하게 될 직무 이해
-
PO/PM
PM(Product Manager)
:제품 전략 수립, 아이디어 우선순위를 정해 디자이너와 함께 솔루션 설계
PO(Product Owner)
:제품팀을 이끌며 제품이 시장에 잘 전달될 수 있도록 관리 -
엔지니어
프론트앤드 엔지니어
:사용자가 만나는 지점, 눈에 보이는 영역의 기능 구현(페이지, 각종 컴포넌트, UI 코드 구현)
백엔드 엔지니어(서브 엔지니어)
:제품에 필요한 정보 저장, 전송, 관리 영역 담당, 제품 전체 효율적 운영위한 구조 고민 역할
QA 엔지니어
:QA 테스트를 계획, 진행, 제품 전반적 품질 높이는 역할
데이터 애널리스트
:데이터를 수집, 분석하여 인사이트를 제공, 데이터 가공, 시각화 -
BX(Brand Experience) 디자이너
:브랜드 경험과 관련된 전반적인 디자인 담당(브랜드 로고, 심볼, 그래픽, 이미지 등) -
UX writer
:제품 내의 문구를 담당, 브랜드의 보이스앤톤을 문구로 전달, 명확한 메시지 통해 제품 사용서 향상하는 역할
🧪[실무 프로세스 2 실험 문화]
실험 이유
-사람은 편향적이기에 만드는 사람의 주관이 제품에 반영되기 쉬움
-데이터로 사용자의 데이터를 확인하면 객관적 의사결정 가능
-호불호가 데이터로 증명됨
A/B테스트(대부분 실험에서 사용)
:두가지 이상의 버전을 각각 다른 사용자에게 보여주고 성과를 측정하는 실험
-제품에 어떤 변화(개선)를 줬을 때 사용자가 어떻게 반응, 행동하는지 정보를 얻을 수 있음
🗂️[실무 프로세스 3 디자인QA]
QA(Quality Assurance):제품 출시 전 기능을 테스트 하는 것
QA 목적
-치명적 결함 여부 확인
-조직 전체 기대 수준 품질이 갖춰졌는지 확인
-프로덕트 스펙 문서 작성대로 구현됐는지 확인
-툭수 상황에 예상하지 못한 대로 동작하지 않는지 학인
-전반적인 UX가 사용 편리한지 확인
QA 문서
체크리스트(CL):예/아니오, PASS/FAIL로 답변 확인 성격 항목 나열
테스트 시나리오(TS):기획한 기능이 제대로 동작하는지 확인위해 작성
테스트 케이스(TC):특정 조건 요구사항을 충족 확인위해 여러 케이스 작성
📗UXUI 디자인 입문 4강
디자인 툴:디지털로 이미지를 만들거나 편지할 수 있는 컴퓨터프로그램
디자인 툴 종류
- 인터페이스 디자인 툴-피그마, 스케치, XD
:디지털 제품의 화면 인터페이스 그리기 위해 사용하는 툴(벡터 방식) - 그래픽 디자인 툴-포토샵, 일러스트레이터
:비주얼 그래픽 이미지 만들 때 사용, 사진 편집, 일러스트를 그려 원하는 이미지 제작 - 3D 그래픽 디자인 툴-시네마 4D, 블렌더
:3차원의 그래픽 만들 때 사용 - 모션 그래픽 디자인 툴-프리미어, 애프터이펙트
:그래픽 리소스 활용하여 영상 제작, 촬영한 영상을 편집할 때 사용
프로토타이핑 툴:화면의 움직임, 인터렉션 구현에 도움
인터렉션 디자인:제품 사용 시 적절한 반응을 주고 받고 막힘없이 소통
- 피그마 프로토타이핑
-피그마로 디자인한 화면을 통해 간단한 인터렉션 제작 가능 - 프로토파이
-코딩 없이 실제 제품과 비슷한 수준의 프로토타입 제작 가능 - 프레이머
-코드 기반 실제 제품과 가장 유사한 수준 프로토타입 제작 가능(Hi-Fi)
프로토타입 애니메이션📲
- INSTANT:애니메이션 없이 즉각 화면 전환
- DISSOLVE:원본 화면 위 흐린 상태에서 진해지며 노출
- SMART ANIMATE:이름이 같은 레이어끼리 자연스러운 움직임 적용
- MOVE IN:새로운 화면이 원본 화면 위로 밀어 들어오며 노출
- MOVE OUT:원본 화면이 밀려 나가며 아래로 새로운 화면 노출
- PUSH:새로운 화면이 원본 화면을 밀면서 노출
