ⓅⒶⓇⓉ ①⑨ 7주차 학습일지 첫번째 | 와이어프레임

 

📋 오늘의 할 일 📋

🗂️ 와이어 프레임

 

 

---

 

 

🗂️ 와이어 프레임?

 

∗ 와이어 프레임은 기초적인 개념도를 통해 만들고자 하는 결과물의 모습을 유추해 볼 수 있는 문서입니다.

∗ 와이어 프레임에서 보여줘야 하는 기본적인 내용은 아래와 같습니다.

⌦ 어떤 정보가 나타나야 하는가?, 어떤 레이아웃을 가져야 하는가?, 어떤 세부 모습이 나타나야 하는가? 어느 부분과 이어지며 어디로 이어져야 하는가?, 네비게이션은 적절히 기능하는가?

∗ 설명하자면 모든 정보와 세부 사항이 어떻게 연결되는지와 정보 체계가 적절하게 선택, 이용되고 있는지 확인할 수 있어야 합니다.

∗ 가장 중요한 것은 흐름이다. 이 화면 다음에 저 화면이 나오는 게 맞는지 검증에 집중할 것.

∗ 완성도의 수준에 따라 와이어 프레임의 종류가 나뉘며, 프로젝트의 목적과 진행 상황에 따라 어떤 와이어 프레임을 선택할지 정할 수 있다.

⌦ 로우 피델리티 와이어 프레임, 미드 피델리티 와이어 프레임, 하이 피델리티 와이어 프레임

∗ UX의 결과 산출물이라는 공통적인 특징이 있지만, 와이어 프레임과 프로토타입은 목적의 차이가 있기 때문에 프로세스를 무시하지 않고 순서에 따라 작업하여야 합니다.

 

 

---

 

 

*위의 내용은 여러 아티클을 참고하여 작성되었습니다.

참고 아티클

강남언니 공식 블로그 https://blog.gangnamunni.com/post/communication-with-wireframe/

나의 대충 그려졌고 소중한 와이어프레임

https://brunch.co.kr/@second-space/27

UX의 기본, 와이어프레임은 어떻게 작성하는 것일까

https://blog.gridge.co.kr/channels/L2NoYW5uZWxzLzUzNDU/B00001/posts/272145

와이어프레임의 유형과 사용 방법 알아보기 | 그릿지 블로그

https://brunch.co.kr/@firstevan/9

[웹기획]4단계 와이어프레임(UI/UX)

https://brunch.co.kr/@areeza77/221

와이어프레임과 프로토타입