원문 출처는 아래
https://www.justinmind.com/blog/website-wireframe-design-guide/
The complete guide to website wireframe design
The complete guide to website wireframe design
www.justinmind.com
Chapter
1. Low fidelity vs high fidelity wireframes: what's the difference?
2. Wireframes Vs Mockups: what's the best option?
3. What's the difference between wireframes and prototypes?
4. Information architecture: a UX designer's guide
5. You guide to space and layout in UI design
6. Beginner's guide to wireframing UIs: benefits & best practices
7. 20 inspiring web and mobile wireframe examples
8. Beginner's guide to UI sketching
웹 사이트 와이어 프레임을 설계해야하는 이유와 시기
우리는 와이어프레임을 통해 일을 체계적으로 유지하고 모든것을 명확하게 배치할 수 있다는 것을 알고 있습니다. 와이어프레임은 무엇이 동작하고, 무엇이 동작해야하는지 명확하게 볼 수 있도록 요소들을 정리하는 것입니다. 모든 와이어프레임의 주요 목표는 다음과 같습니다.
· 디자인의 컨텐츠 및 시각적 요소의 위치 표시
· 사용중인 개념에 대한 디자이너 간의 내부 커뮤니케이션
그러나 와이어 프레임의 실제 사용은 요청한 사람에 따라 다를 수 있습니다.
예를 들어, 개발자는 웹 사이트 와이어 프레임을 각 화면과 요소의 핵심 기능맵으로 사용하는 경향이 있습니다. 반면 UX 디자이너는 화면 간의 탐색 흐름을 묘사하는 데 매우 유용한 와이어 프레임을 찾습니다.
그럼에도 불구하고 웹 사이트 와이어 프레임에 모든 것이 어디에 있는지 보여주는 것이 중요합니다. 그리고 이를 위해 제품의 정보 아키텍터의 정의와 작업이 필요하게 됩니다. 좋은 사용성 확보를 위해서는 사용자에게 가능한 액션과 콘텐츠를 표현하는 것이 중요합니다.
웹 사이트 와이어 프레임을 만들면, 당신은 특정 화면에서 당신이 상상하던 그대로의 문제와 대면하게 된다. 걱정하지 말자. 아무리 대단한 UX디자이너도 한번에 제대로 할 수는 없다.
제품 개발의 와이어 프레임 디자인 단계를 건너 뛸 수 있다고 주장하는 클라이언트 또는 다른 동료 디자이너를 찾을 수도 있습니다. 일반적으로 그에 대한 주요 주장은 와이어 프레임이 브랜딩을 실제 제품에 도입하는 대부분의 시각적 디자인을 포함하지 않기 때문에 생성하는데 너무 오래 걸리고 충분한 가치를 추가하지 못한다는 것입니다. 완전히 잘못되었습니다.
와이어 프레임은 모든 제품의 초기 단계에서 항상 생성되어야합니다. 왜냐하면, 언제든 판단과 디자인에 오류가 있을 수 있기 때문입니다.
와이어프레임을 통해 화면의 구조가 논리적인지 또는 해당 화면으로의 탐색이 사용성에 있어 악몽인지 명확하게 확인할 수 있습니다. 조정 또는 변경 작업 수행이 시간과 비용소모의 문제가 되기 전에, 이러한 실수를 조기에 발견하려면 웹 사이트 와이어 프레임을 만들어야합니다.
전체 제품 개발 프로세스를 고려하면 와이어 프레임 설계로 시간과 많은 좌절을 줄일 수 있습니다. 충실도가 높은 프로토타입 같이 작은 디테일이없고 상대적으로 많이 저렴하기 때문에 빠르게 구축 할 수 있습니다.
와이어 프레임의 커뮤니케이션 측면에서 와이어 프레임이 고객에게 아이디어를 전달하는 데 도움이된다고 생각하는 것은 흔한 실수입니다. 고객이 검정색, 하얀색 사각형들과 자리 표시자를 지나칠 수 없기 때문에 거친 웹 사이트 와이어 프레임을 보내면 오히려 안좋을 수 있습니다.
참고 : 와이어 프레임은 디자인 팀의 내부 커뮤니케이션에 도움이됩니다. 팀 전체가 작업 할 수있는 견고한 기반을 제공합니다.
일부 디자이너는 고객에게 컨셉을 전달하기 위해 와이어 프레임을 사용하지만 의존하지는 않습니다. 이상적으로는 프로토 타입 또는 목업과 같이 다듬어진 디자인 양식을 제공해 고객이 제품의 주요 시각적 디자인을 명확하게 볼 수 있게 하는 것이 좋습니다.
프로토타입 또는 목업을 살펴본 후 디자이너는 주요 구조와 탐색에 대해 이야기하기 위해 와이어 프레임을 제시합니다. 하지만 와이어프레임이 클라이언트의 기억을 압도할 수 있다는 점 때문에 와이어 프레임에만 의존해서는 안됩니다.
