[새싹X스나이퍼팩토리] 기업연계 실무특화 UX/UI 디자인 마스터 과정 15일차 "와이어 프레임”

 

UX 전략

 

사용자에게 제공할 핵심가치, 시장 대응 방안 등의 전략을 수립한다.

- UX 전략 프로세스
인사이트를 바탕으로 서비스를 '어떻게 차별화하는가'

 

- 가치도출

고객에게 어떤 가치를 제공해야 하는가?

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

 

- 포지셔닝 맵

1960년대 알레스와 트럿이 제안한 마케팅 이론.

서비스를 경쟁 브랜드와 우위를 확보하기 위한 전략적 도구로 사용.

 

- 포지셔닝 지표 설정
사용자가 우리 서비스를 사용할 때 중요하게 생각하는 기준을 파악한다.

사용자가 가장 중요하게 생각하는 2가지로 압축한다.

 

 

정보구조 설계(IA)

 

보통 PM이나 개발자가 작성하는 문서이다.
웹사이트와 앱에서 보여지는 기능을 계층적으로 표현한 문서이다.

Information(정보)를 Architecture(구조화)하여 설계한다.

UXUI에서 정보구조를 정의하자면 웹 사이트나 앱, 기타 개발 프로젝트를 위한 구조를 만드는 것이다.

 

- IA 주의사항

주활동은 여러 단계(Step)을 거친다. 단계는 depth(계층)로 표현하지 않는다.

얼랏(Alert)는 사용자의 액션에 따라 다양하게 발생할 수 있기 때문에 IA에 넣지 않는다.

A 또는 B를 선택하는 Notification은 넣지 않는다.

확장 가능한 구조로 고려해서 설계한다.

논리적인 프로세스인지 고려한다.

UX 프로세스에 적합한지 고려한다.

 

 

와이어프레임

와이어프레임은 앱과 웹의 구조와 연결을 확인하기 위한 윤곽을 잡는 것이다.
내용, 기능, 구조, 흐름 등을 넣는다.

 

- 주의사항
컬러 최대한 빼기

폰트는 시스템 폰트 사용

스타일 모두 뺴고 만듭니다. 도형에 radius 없게

최대한 디자인이 없게 디자이너가 만들거나 기획자에게 요청한다.

단, 포트폴리오에 넣을 경우 디자인과 거의 동일하게 상세하게 제작해도 좋다.

 

- 와이어프레임 과정

1. 기준 디바이스 정하기

프로젝트 시작 전 안드로이드 360x800 / 아이폰 375x812 정한다.

단, 포트폴리오에 담을 용도라면 계속 확인을 해야해서 본인의 핸드폰 크기로 만들어도 좋습니다.

 

2. UX writing 톤앤 매너 정하기

공통 용어 통일하기

 

 

 

 

---

본 후기는 [스나이퍼팩토리] 기업연계 실무 특화 UX/UI 디자인 마스터 과정 (B-log) 리뷰로 작성 되었습니다.