04/07(월) BX, 디자인문서, 와이어프레임

AI 서비스 기획 공부

[오늘 할 일]

- 이력 줄 글 정리

- 포트폴리오 정리 (수업 내용 기반)

- 런던 쌤 리스닝 2회

영어 공부도했는데

오늘은 프레임 복습하느라 이력, 포폴 정리 못했다.

내일은 꼭해...

---

BX 브랜드 경험

****디자인 문서를 직접 만들지 않음

디자인 요구사항 정리

디자이너 <-> 개발자 커뮤니케이션 조율

PM이 디자인 문서를 활용하여 UX 개선 전략 수립 => 요구사항 정리해서 전달

핸드오프

FIGMA DEV MODE CSS문법으로 바꿔서 복붙하면 됨

IA-> 사이트맵 -> 와이어프레임

와이어프레임 => 기획자 (디자인 시스템)

프로토타입 => 디자인

로우 피델리티

미드 피델리티

버튼과 아이콘 등의 기본적인 UI 요소 추가

인터랙션 흐름 시뮬레이션 적합

흑백/단색 기반 제작하여 구조과 기능에 집중

하이 피델리티

실제 UI가까운 정교한 와이어프레임

완성된 UI 미리 확인

인터랙션 포함한 프로토타입 제작 가능

요구사항 -> 페르소나 -> 시나리오 -> 흐름도 -> 와이어프레임 + 디자인 시스템 -> 프로토타입

데이터 흐름을 반영한 와이어프레임을 설계해야 함.

최종적으로 어떤 형태로 사용자에게 전달?

동기작업 => 앞의 데이터를 가져와서 처리하는 작업 (데이터 싱크 맞춰야 되는)

비동기작업 => 데이터 싱크 안맞춰도 되는 작업

=> 인공지능에서는 동기VS비동기 중요

동기작업들을 묶어서 비동기로 서비스하는 방법

경험 설계 (오래 기다리지 않도록)

스트리밍 UI

-> 오래 걸리므로 완성되는 과정을 그대로 노출 (CHAT GPT)

스켈레톤 로딩

멀티모달 인터페이스

모델 출력값 표현 방식