[유데미x스나이퍼팩토리] UI/UX 인턴형 프로그램 4기 과정 9일차

 

 

✏️ DAY 9

 

- UX 기획 전략과 산출

- iOS 디자인 가이드라인

- [팀플] IA 설계

 

 

 

 

 

오늘도 사진을 못찍어서 농담곰 사진으로 대체 ....

 

오늘도 오전에 강의를 듣고, 오후에는 팀 프로젝트를 진행했다.

IA 설계가 생각보다 빨리 끝나서 (잘 한 거 맞겠지..?) 내일 진행 할 와이어프레임도 제작했다.

디자이너 4명이 모이니 의견을 취합하기가 가장 어려운 것 같다.

그래도 다들 디자이너이다 보니 기획 때 보다는 훨씬 마음이 편-안 ...

 

 

디자인은 역시 완성 해 놓고 보면 너무 뿌듯하다 !!

오늘 그래도 꽤 많이 해뒀으니 내일 충분히 와이어프레임 마칠 수 있을거라 믿는다 ..

 

우리 팀의 모토 : 저녁과 주말이 있는 삶

 

을 위해서 최대한 강의장 나와있을 때 바짝 하려고 한다.

내일만 버티면 주말이다 홧팅 ~,~

 

 

 

---

DEVELOP, 문제점을 실질적으로 해결하고 성공적으로 구현하는 방법 (구체화)

 

UX 전략

핵심가치, 시장 대응 방안 등의 전략을 수립한다.

인사이트를 바탕으로 서비스를 어떻게 차별화 할 것인가에 대한 전략이 필요.

[ 가치도출 -> 비즈니스 목표 -> 핵심가치 -> 포지셔닝 재설정 -> 컨셉설정 -> 아이디어 도출 ]

 

가치도출

도출한 인사이트를 바탕으로 서비스가 사용자에게 제공할 수 있는 유무형의 결과를 도출.

제품을 경험하는 과정에서 사용자가 시간, 정보, 비용을 제공하는 것이 아깝지 않고 즐겁고 유익해야 한다.

 

포지셔닝 설정

우리 서비스를 이용할 때 중요하게게 생각하는 것을 2가지로 압축하여 지표로 표기.

 

User Flow 

사용자가 서비스를 이용하는 흐름으로 목적에 도달하도록 도와주는 설계요령

- 사용자가 예상하는 순서를 따른다

- 이용흐름 상에서 맥락을 벗어나게 만드는 일을 없도록 한다

- 불가피하게 맥락을 벗어나야 하는 일이 생기면 흐름의 앞뒤에 배치하여 진행과정 중에는 영향을 주지 않도록 한다

- 서로 다른 정보들은 그룹핑하여 시각적으로 구분

- 이용흐름이 길어지면 선택지를 제한시켜 목적에 집중하게 만든다

- 선택, 입력, 확인, 동의 등의 인터렉션을 할 때마다 관련 UI가 매끄럽게 이어지도록 한다

---

DELIVER, 실제 서비스를 시각적으로 구체화 시키는 작업 (산출) 

 

IA

웹사이트와 앱에서 보여지는 기능을 계층적으로 표현한 문서.

IA가 잘 설계 된 사이트는 사용자들이 서비스를 만족스럽게 사용하고 불편함을 느끼지 못한다.

- 계층 구조 (Depth)

- 형태정의 (HTML/Link/Program)

- 구조 (팝업/레이어/iFrame/모달/얼랏)

- 요소 (이미지/동영상/문서/첨부파일)

- 권한 (회원/비회원/멤버십회원)

- 설명 (상세한설명/주의사항)

 

Wireframe

앱과 웹의 구조와 연결을 확인하기 위한 윤곽 만들기

1. 컬러를 최대한 빼기

2. 폰트는 시스템 폰트

3. 스타일을 모두 빼고 (radius 없게)

4. 최대한 디자인이 없게 만든다

 

Moodboard

디자인의 논리적 근거를 두고 방향성을 잡는 데 도움을 준다.

컬러, 사진, 텍스트, 패턴, 텍스쳐 등 톤앤매너를 정립하는 과정.

---

UI Kit

App Design Resource - iOS 18

https://www.figma.com/community/file/138565953131600129q

---

 

 

팀 프로젝트

 

개선 IA 설계

 

---

 

수제 햄버거 징쨔 죤맛 눈물 흘리면서 먹음

 

 

 

 

 

 

——————————————————————————

본 후기는 유데미 x 스나이퍼팩토리 UI/UX 인턴형 프로그램 4기 과정(B-log) 리뷰로 작성 되었습니다.