[내일배움캠프 21일차(2)] 아티클

<아티클>

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

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

 

와이어프레임에서 보여줘야 하는 내용

1. 화면에 어떤 정보가 나타나야 하는가?

2. 어떤 레이아웃을 가져야 하는가?

3. 어떤 세부 모습이 나타나야 하는가?

4. 어느 부분과 이어지며 어디로 이어져야 하는가?

5. 네비게이션은 적절히 가능하는가?

 

와이어프레임의 초안

전체 시나리오를 표시한다.

우선 그리는 것, 사용자의 상상 흐름을 상상할 수 있을 것

 

주변의 의견 청취해 개선 방안을 붉은색으로 표시

 

와이어프레임 개선안

와이어프레임 작성자는 본인도 모르게 본인의 와이어프레임을 변호할 수 있다.

팀원들과 의견 교환 중요하다.

💡 에드워드 드 보노의 "6가지 생각모자 기법" 권장

 

팀원들의 의견이 반영된 와이어프레임 개선안

이런 의견이 나온다는 것은 와이프레임이 거의 완성되었다는 것을 의미한다.

문구에 너무 집착하지 말고 사용자 흐름에 집중해야 한다.

 

와이어프레임 최종안

와이어프레임은 어떤 형식이나 그림 그리는 능력이 필요한 것이 아니다.

사용자 흐름에 불편함이 없는지, 구상 구체화, 팀원 및 이해관계자 오해 줄이는 것이 핵심이다.

 

 

 

 

🤔 느낀 점

"와이어프레임을 그릴 때에는 UI디자인을 하는 것이 아니라는 것을 명시하여야 합니다."

"와이어프레임은 어떤 형식이나 그림 그리는 능력이 필요한 것이 아닙니다."

"디자이너 역시 와이어프레임만 가지고도 UI 작업을 완료할 수 있습니다."

 

➡️ 와이어프레임은 UI디자인을 하는 것이 아니라 기본적인 틀을 만드는 것인데 이것만 가지고도 UI 작업을 완료할 수 있다는 말이 상극이지 않나 싶어서 약간 혼란스러웠다. High Fidelity 와이어프레임을 말하는 것 같은데 나는 과연 이것이 와이어프레임을 일컫는 말이어도 되나 싶었다. 

 

    - High Fidelity 와이어프레임

• 와이어프레임을 완성본에 가깝게 작성한 단계이다.
• 목업에 가까운 형태이며, 작성하는데 시간도 많이 들고 수정도 어렵기 때문에 와이어프레임을 작성하는 목적과는 맞지 않아 Hi-Fi한 수준까지 만드는 경우는 거의 없다.

➡️ 실제로 이 수준까지 만드는 경우가 없을뿐더러 이 수준까지 만들려면 그만큼의 기술과 시간이 필요할 텐데 그러면 UI 디자인의 목적이 아닌 사용자 흐름이 목적인 와이어프레임의 핵심에 맞지 않다고 생각한다.

 

 

 

 

💡 에드워드 드 보노의 "6가지 생각모자 기법"

https://sunheung.tistory.com/133

여섯 색깔 모자(Six Thinking Hats) : 한번에 한가지 방향으로만 생각~

 

서로 다른 사고의 유형을 의미하는 각기 다른 여섯 가지 색깔의 모자를 번갈아 쓰고 사고하는 기법이다. 일단 어떤 색깔의 모자를 쓰고 그 모자에 해당하는 유형의 사고를 집중해서 사고하도록 함으로써, 개인과 팀, 그리고 조직 사고의 시너지를 높이는 혁신적인 기법이다. 이 기법은 토론 과정에서 야기되는 논쟁을 차단시키므로 기업, 정부 조직등에서 이루어지는 수많은 회의시간을 획기적으로 단축하였다.

 

1. White Hat

하얀색은 중립적이고 객관적이다. 따라서 하얀 모자는 '데이터와 정보'와 관련 있으며, '객관적인 사실과 숫자' 들을 나타낸다.

 

2. Red Hat

빨간색은 분노와 노여움, 감정을 암시한다. 따라서 빨간 모자는 ' 느낌, 직관, 정서, 감정'을 나타낸다.

 

3. Black hat 

검은색은 암울하고 진지하다. 따라서 검은 모자는 신중하고 조심스럽게 ' 주의, 경고, 잠재된 위험'에 대해 생각하게 한다.

 

4. Yellow Hat 

노란색은 밝고 긍정적이다. 따라서 노란 모자는 '이익, 이점, 가치' 등 '희망적이고 긍정적인 관점'을 의미한다.

 

5. Green Hat

초록색은 풀, 채소의 색으로 풍성하고 풍부한 성장을 나타낸다. 따라서 초록 모자는 '창조성과 새로운 아이디어'를 의미한다.

 

6.Blue Hat

파란색은 냉철하다. 또 모든 만물의 위에 있는 하늘의 색깔이기도 하다. 따라서 파란 모자는 생각하는 ' 계획 및 순서를 짜는 일, 그리고 다른 모자들의 사용을 통제하는 일'과 관련이 있다.