UI란? - 제품의 인터페이스가 어떻게 보이고 기능하는지에 관한 것
상호작용 <-----------> 의사소통
UI
UX - 경험의 전반적인 느낌
UI - 인터페이스가 어떻게 보이고 기능하는지(개발자와 함께 구현)
- Wireframe
Wirefram의 목적
:디자인의 컨셉, 고객의 요구사항, 콘텐츠들의 기능 요소 등을 모두 파악하여 전략적으로 설계
ex) 제품 제작 요청 -> 요구사항 파악, 메인에 나올 콘텐츠와 기능 요소들 정리 -> 와이어프레임 제작
(개발자 : 제품 기능 이해, 디자이너: 컨셉 선정, 디자인 작업, 클라이언트 : 요구사항과 원하는 기능 사전확인)
-필수 항목
1.화면에 어떤 정보가 나타나야 하는가?
2.어떤 레이아웃을 가져야 하는가?
3.어떤 세부 모습이 나타나야 하는가?(유형화하면 좋음 a타입,b타입,c타입 등)
4.어느 부분과 이어지며 어디로 이어져야 하는가?
5.네비게이션은 적절히 기능하는가?
Wireframe 작성 - 파워포인트
Wireframe 작성 - 액슈어
Wireframe 작성 - 피그마