학습 내용

1. UXUI 직무의 이해
1-1. UX와 UI의 차이
1-2. 각 디자이너별 차이(웹디자이너 & UXUI 디자이너 & 프로덕트 디자이너)
1-3. 인하우스와 에이전시 장단점(+해외취업, 프리랜서)
1-4. 협력 부서의 이해

2. 커리큘럼 소개 - 더블 다이아몬드 프로세스에 기반한 앱 UXUI 개선 팀 프로젝트
2-1. 더블다이아몬드 프로세스
2-2. 문제 발견
2-3. 문제 정의
2-4. 문제 해결
2-5. 전달(아웃풋)

1. UXUI 직무의 이해

UX와 UI의 차이

UX(User eXperience) : 서비스 편의성과 사용성

-> 사용자의 문제를 해결하기 위해 다양한 사회 현상과 고객의 니즈를 분석하는 툴(Tool)

UI(User Interface) : 화면 설계

-> UX 분석을 바탕으로 만든 기획안을 가시적으로 구현해내는 작업

→ 이 두 지식이 균형이 잘 맞아야좋은 결과물을 낼 수 있다.

각 디자이너별 차이

웹디자이너 : 웹디자인은브라우저 매체 디자인을 특정 / 현재 웹디자인분야는 상세페이지, 배너, 프로모션 등 쇼핑몰 브라우저를 주로 디자인. 규격화된 플랫폼의 각 브랜드의 아이덴티티를 입히는 작업 진행

UXUI 디자이너 : UX/UI 는 모바일, 브라우저외에 워치, 패드, 키오스크 등 모든 디바이스의 화면을 디자인. 화면을 설계해야 하는 모든 디바이스를 위한 디자인

프로덕트 디자이너 : 인하우스 UX.UI디자이너

인하우스와 에이전시 장단점 & 연봉 (+해외취업, 프리랜서)

인하우스

• 서비스를 운영하는 자사 서비스 디자인
• 지속적인 운영을 위해 내부 디자이너들이 필요 ->서비스를 지속적으로 고도화할 인력 채용
• 디자이너가 없는 스타트업과 세분화되어 조직적으로 프로젝트가 운영되는 기업으로 나뉨
• 대기업과 스타트업
• 새로운 프로젝트가 아닌 해당 서비스(제품)의 지속적인 문제 해결
• 케이스에 따라 디자인보다 사용자 경험에 집중
• 기업이 커질수록 서류작업이 많아지기도 함

에이전시

• 기업의 디자인 업무를 대행하는 회사
• 다양한 기업들의 프로젝트를 진행하다보니 디자인에 집중
• 비딩이라는 경쟁입찰 시스템을 통해 엄청난 디자인 능력 성장과 내공을 쌓을 수 있음
• 하나의 서비스를 온전하게 운영하기 어렵다는 단점
• 오랜기간 운영하여 얻을 수 있는 변수나 데이터가 많지 않음
• 디자인 퍼포먼스가 필요

* 해외취업

• 전세계적으로 UX 디자이너의 수요가 많기에 외국어 능력이 출중하다면 해외취업을 통해 높은 연봉을 받을 수 있음(그만큼 해외 물가도 높음;;)

프리랜서

• 장점 : 자유로운 출퇴근 / 하는 만큼 벌 수 있다 / 상사가 없다
• 단점 : 낮은 워라벨 / 안정적이지 않은 수입 / 막중한 책임감
• 운영팁!
  -디자이너가 없는 시장 쪽 사업가 모임에 참석하여 명함돌리기
  -마케터, 중간관리자를 위한 디자인 강연 참석
  -강연 참석 이후 블로그등 SNS 포스팅하기
  -학교 산학협력단 등 많은 프로젝트
  -크몽

협력 부서의 이해

PM

프로덕트(제품)를 매니징(관리)하는 사람. 프로젝트의 목표와 방향을 설정하고, 팀원들이 목표를 효과적으로 달성할 수 있도록 업무를 계획하고 조율하는 역할을 합니다. 시장 조사, 일정 관리, 팀 간의 커뮤니케이션을 통해 프로젝트가 성공적으로 완료되도록 도움.

업무범위

• 커뮤니케이션
• 기능명세서 정의
• 진척률 관리
• 위험요소 관리

기획

사용자의 니즈와 시장 트렌드를 분석하여 서비스나 제품의 방향성을 설정하고 구체적인 기능과 구조를 설계하는 역할. 이를 통해 개발자와 디자이너가 원하는 결과물을 만들 수 있도록 기획 문서나 와이어프레임 등을 작성하고, 프로젝트가 목표에 맞게 진행되도록 관리.

업무범위

• 기능명세서
• 정책정의서
• IA 구조도(정보구조도, 메뉴)
• 화면정의서

UXUI

사용자가 서비스나 제품을 편리하고 즐겁게 경험할 수 있도록 사용자 경험(UX)과 사용자 인터페이스(UI)를 설계하는 역할. UX 디자이너는 주로 사용자 리서치와 분석을 통해 사용자가 원하는 기능과 흐름을 설계하고, UI 디자이너는 이를 시각적으로 표현해 직관적이고 아름다운 화면을 제작

• UX 결과물
  -요구사항 정의서
  - 개선점 다이어그램 가설
  - 플로우차트
  - 화면정의서
  - 와이어프레임
  - 프로토타입
  - UT
  - 사용자 조사 및 인터뷰
• UI 결과물
  -브랜딩 및 그래픽 제작
  - 인터페이스 디자인
  - 디자인 가이드 정의
  - 디자인 시스템 개발
  

퍼블리싱

• HTML, CSS 프론트 화면 구현
• 인터랙션(스크립트)구현
• 애니메이션(Lottie, JavaScript)
• 컴포넌트 제작

개발

소프트웨어나 시스템을 설계하고 코드로 구현하여 작동하게 만드는 일 수행. 주로 사용자 요구 사항을 분석해 기능을 개발하고, 프로그램이 원활하게 작동하도록 유지·보수

• 프로그래밍

2. 커리큘럼 소개

더블다이아몬드 프로세스

영국의 디자인 카운슬(디자인의회)에서 제시한 프레임워크 방법론. 생각의 확산과 수렴을 반복하는 과정을 두개의 다이아몬드 모양을 그리며 진행.

문제 발견(Discover)

다양한 리서치 기법을 이용하여 새로운 아이디어를 수집 . 및탐구하여 문제를 찾아내고 기회나 필요를 발견하는 단계

문제 정의(Define)

발견하기 단계에서 얻은 조사 결과나 아이디어들을 분석하여 핵심적이고 중요한 디자인 문제를 파악하고, 분석 도구를 통해 체계적으로 정의하는 단계

문제 해결(Develop)

디자인 브리프를 기반으로 반복적인 디자인 프로세스를 진행하는 단계. 서비스 컨셉을 개발하고 테스트하여 구체적인 서비스 결과물로 발전함

전달(Deliver)-아웃풋

서비스나 제품의 프로토타입이 최종 데스트 과정을 거쳐 평가되고 발견된 문제점이나 개선점들이 해결된 후 최종 결과물이 도출되는 단계

4L 회고

Liked.이번주 수업에서 좋았던 점

기업형태와 직무 차이를 상세하게 설명하고, 그에 따라 본인의 목표를 간단하게 나마 설정해봄으로써 앞으로의 내 직무 방향성을 간단하게나마 생각해볼 수 있어서 더더욱 동기부여가 됐다. 그리고 2달동안 진행될 커리큘럼을 상세하게 설명해주심에 앞으로의 프로젝트 진행 방향을 알 수 있어 좋았다.

Learned.이번주에 새롭게 배운 점

사이드프로젝트, 그리고 포트폴리오를 만들며 대부분의 내용이 어느 정도 알고 있는 부분이긴 했지만 UX 프로세스 절차와 그 중요성을 다시금 숙지하고 깨달을 수 있었다.

Lacked.배운 것에 관해서 내가 부족했던 부분

생각보다 이해관계자의 업무 범위에 대한 이해도가 낮았다. 정확히 말하면 이해도가 낮았다기보다는 내가 생각하는 각 직무자가 하는 업무가 중복되어 있었다. 그래서 그런지 설명을 듣고 살짝 난해했었는데 다시 발표장표를 보니 내가 사이드프로젝트를 하며 많은 일을 해서 그런가도 싶었다.

또한 목표 설정을 하고 나니 내 포트폴리오에서 어디가 부족했는지가 조금이나마 보였고, 조금 막막하긴 했지만 포트폴리오에 대한 방향성을 다시 한번 잘 수정해야겠다는 생각이 강하게 들었다.

Longed for.앞으로 해야할 것들
여러 사이드프로젝트를 해봤지만 팀을 꾸려서 차근차근 UX프로세스 절차를 거쳐 기존 UXUI를 분석하고 개선해보는건 처음 해본다. 그것도 디자이너들끼리! 개발자들이 기존에 있는 코드 레거시를 건드리는 것을 더욱 어려워하는 것처럼 기존 UXUI를 분석하고 개선하는 것은 더욱 신중해야한다고 생각한다.

개인후기

이날 팀원들이 꾸려졌는데 합이 잘 맞는거 같아 다행이다. UX 프로세스 절차를 잘 따라갈 수 있게 숙지하고 팀원들과 소통하며 프로젝트를 잘 해내고 싶다.

---

본 후기는 [스나이퍼팩토리x웅진씽크빅] UX/UI 실무 초격차 디자인 전문가 양성과정 (B-log) 리뷰로 작성 되었습니다.

#UXUI디자인전문가양성과정 #UXUI교육과정 #서울시청년취업사관학교 #새싹동대문캠퍼스 #SeSAC #스나이퍼팩토리 #웅진씽크빅 #UXUI디자이너 #디자이너교육 #디자이너인턴