2025. 1. 2. 23:54ㆍ카테고리 없음
UXUI 현직자 강의
이번주는 2일을 거쳐 현직자의 강의를 들었다.
강의를 진행해주신 현직자님은 탄탄한 경력을 소유하신 현 Leolap에서 PM을 맡고 계신 분이었다.
1일차에는 크게 실무에서 하게 될 일과 회사 유형별 특징에 대해 요약정리를 해주셨다.
이전의 정규 수업에서 배운 내용과 대부분 일치하는 내용이 많아, 다른 내용만 정리하겠다.
1일차 - 실무에서 하게 될 일
디자인 QA
개발만 QA를 하는 줄 알았는데, 디자인 또한 기획 의도와 시안에 맞게 구현 되었는지
확인하기 위한 QA를 진행한다고 한다.
QA 진행의 과정은 아래와 같다.
- QA 기획 (인원[평균 2인], 디바이스, 도메인, 웹환경[naver, google etc)
기획 내용 : 담당자/날짜/도메인/우선순위/디바이스/오류 타입/발생상황/기대효과/file media/적용상태/브라우저/개발 코멘트 - QA 테스트 세팅 (도메인별, 화면별 확인 해야 할 내용 작성)
- QA 진행
- QA 시트 작성
- 이슈 보고(어려운 문제들에 대해 개발단 / 기획단과 논의해 해결책 도출)
- 디자인 수정
- 반영 확인 -핸드오프
노코드 툴을 이용한 퍼블리싱
취업하는 회사의 유형에 따라 퍼블리싱 업무를 진행하게 될 수도 있다.
노코드 툴을 활용해 퍼블리싱을 진행하는데, 이때 사용할 수 있는 툴과 퍼블리싱의 과정은 아래와 같다.
- 랜딩페이지 퍼블리싱(프레이머)
- 커머스 세팅(아임웹, 카페 24 등)
- 도메인 연결
- 유지보수 제공(CMS 관리)
기타 프론트앤드 지원 업무
2일차 - UI 디자인
정규 수업에서 UI 위주의 수업보다 UX 심화 수업을 들었다는 것을 알게 된 현직자님은
2일차 강의를 디자인 실무 프로세스와 자기소개서 작성 위주로 진행하셨다.
웹사이트 디자인 실무 프로세스
1. 기획 : 해상도 설정 메뉴구조 위주의 설명
- 간략한 메뉴 구조도 작성
- 와이어프레임 설계
- 디자인 시스템 / 파운데이션 설계 > 개발 전달
- 레퍼런스 서치 인터렉션 레퍼런스 요청 多
2. 디자인 : 해상도별 디자인 프리뷰 제공
- 1차 디자인
- 데스크탑 버전 디자인(1920-1280) > 개발 전달
- 반응형 디자인 제공
3. 핸드오프 : 디자인으로 알기 어려운 인터렉션, 애니메이션 설명
- 스토리보드 작성
- 인터렉션 설명 제공
- 디자인QA
어플리케이션 디자인 실무 프로세스
1. 기획 : 모든 화면에 대한 상세한 설정
- 상세한 IA 작성
- 정책 기획서 작성
- 와이어프레임 설계
- 레퍼런스 서치 메인화면 톤 앤 매너
2. 디자인 : 웹디자인 보다는 규격에 맞춘 디자인(인터렉션 低)
- 1차 디자인 필요화면 4~5화면만 디자인
- 전체 화면 디자인
- 디자인 시스템 정리
3. 핸드오프 : 정책 기획도 함께 고려한 세세한 핸드오프
- 개발 명세서 작성
- 프로토타입 연결
- 디자인 QA
앱디자인 프로세스
1. RFP 수집 항목
- 프로젝트 목표 파악
- 과업범위 파악
- 기능 파악
- 클라이언트가 원하는 디자인 스타일 파악
- 키워드 혹은 프로세스
2. 기획(메뉴트리)작성 프로세스
- 메인 기능을 바탕으로 1뎁스 메뉴 작성
- 1뎁스 페이지에 들어가는 기능 작성
- 상세로 이어지는 내용들을 차례대로 2, 3뎁스 블록으로 작성
- 작성된 블록끼리 플로우 연결 제작 화면 확인 가능 *5뎁스 이상은 지양한다. *링크가 있을 경우 하나의 뎁스로 친다
3. 컨셉 디자인 프로세스
- 정해진 디자인 키워드와 유사한 레퍼런스 서치
- 키 컬러 설정
- 컬러와 레퍼런스를 결합해 각기 다른 스타일의 UI 3타입(각 4-5페이지)제작 및 설명 기입
- 홈화면/복잡도가 높은 화면/리뉴얼 프로젝트의 경우 가장 개선이 필요한 화면
- 회의를 통해 컨셉 UI를 결정한다
4. 디자인시스템 구성 프로세스
- 필요한 에셋 항목들을 노션/엑셀 등으로 정리
- 개발 요건 확인
- CSS로 개발/특정 라이브러리 활용 등
- 에셋 제작
- Variant / Boolean / Swap Instance 등의 기능을 활용해 에셋을 활용도 높게 제작
자기소개서 작성 이유와 팁
눈에 띄는 성과 증명이 어려운 신입의 경우 자기소개서 작성이 필요하다.
또, 하드스킬 증명이 어려우니 소프트스킬로 어필하기 위해 자기소개서를 작성할 필요가 있다.
- 너무 길지 않게
- 지원 자격에 있는 키워드 중심으로
- 디자이너의 언어로 - 보편적 키워드 보다 디자인 용어 활용
- 명쾌한 설명으로 - 한눈에 이해 되는지 확인
- 함께 일하고 싶은 사람으로 - 협업 가능 어필