UI/UX 디자인의 5가지 스텝

조윤선
MZC BizSol Blogs
Published in
6 min readOct 8, 2021

이 글은 Muskanverma님이 작성한 ‘Top 5 Steps of UI/UX Design Process’ 을 번역한 글입니다.

제품 디자인할 때 UX 및 UI는 자주 사용되지만 실제로는 다른 뜻을 갖는 용어이다. 그 차이가 무엇인지 더 자세히 살펴보고 알아보자.

우선 UI는 “사용자 인터페이스”, UX는 “사용자 경험”을 말한다. ‘UI/UX 디자인 프로세스’ 용어는 유명한 디자이너이자 인지 심리학자인 Donald Norman 이 1990년대 말 처음 도입했다. 그는 일전에 다음과 같이 말했다.

“나는 인간 인터페이스와 유용성이 매우 좋다고 생각해서 이 용어를 만들었다. 나는 산업 디자인 그래픽, 인터페이스, 물리적 상호작용 및 매뉴얼 등의 시스템에 대한 개인 경험의 모든 측면을 포괄하기를 원했다. 그 이후 이 용어는 널리 확산되어 의미를 얻기 시작했다.”

– Donald Norman

제품이 성공하기 위해서 기쁨을 주고 재미있어야 한다. 이는 제품은 엔지니어링 요건을 충족시키고 제조 및 인간 요인을 만족시켜야 할 뿐만 아니라 경험 전반에도 주의를 기울어야 한다는 것을 의미한다. 제품 디자인과 경험을 빛나게 하려면 디자인 프로세스 전반을 5단계로 나눌 수 있다.

The Design Process

디자인 프로세스 맨처음에 디자인 또는 연구팀은 현 제품이 사용자 친화적인지 아닌지를 검증하는 휴리스틱 평가를 한다.

1.감정이입(Empathise)

디자인 프로세스 첫 단계는 해결하려는 문제를 공감하며 이해하는 것이다. 이것이 중요한 것은 1단계에서는 제품의 실재 범위와 그 존재에 관해 이해하는 것이기 때문이다. 디자인 프로세스의 맨 처음에 디자인 또는 조사팀은 현 제품이 사용자 친화적인지의 여부를 검증하는 휴리스틱 평가를 실시한다. 즉 사이트의 유용성을 검증한다. 이 프로세스에는 디자인팀, 프로덕트팀 및 비즈니스팀이 참여한다.

이 단계의 목표는 최종사용자가 누구인지, 그들이 어떤 문제에 부딪히는지. 그리고 어떤 니즈와 기대를 충족시켜야 하는지에 대한 명확한 그림을 그리는 것이다. 사용자 공감을 확립하기 위해 서베이, 인터뷰 및 관찰 세션을 수행할 것이다. 이 단계의 결과는 사용자 페르소나, 사용자 스토리 및 사용자 케이스 다이어그램이다.

User Persona

2.정의

다음 단계는 첫 단계에서 수집된 모든 정보를 종합하여 문제 진술을 정의하는 것이다. 사용자에 관해 알아 낸 것을 바탕으로 당신이 하고 있는 도전을 정의하는 것은 디자인 사상가로서의 책임이다. 정의 단계를 설명하는 수많은 방법이 있지만 가장 중요한 활동에는 스티커 메모 벽이 필요할 것이다. 이 스티커 메모에는 조사를 통해 들은 관찰과 아이디어들이 가득 찰 것이다. 사람들이 현재 어떻게 문제를 해결하는지에 관한 모든 정보를 수집하면 더 혁신적이고 훌륭한 해결책을 얻는다. 사람들과 니즈를 잘 이해하는 것부터 시작하면 제품 디자인을 진행하는데 도움이 된다.

Sticky Notes activity

3. 아이디어화

일단 디자인 요건이 결정되면, 가능한 해결책을 창출 단계가 된다. 여기서는 창의성이 중요하다. 이 단계에서 디자이너는 아이디어를 창출할 준비를 한다. 이 단계의 목표는 즉시 사용할 수 있는 해결책을 제시하거나 제품의 시각적 디자인을 제공하는 것이 아니다. 그러한 인간 니즈를 해결할 방법을 브레인스토밍해야 할 때이다. 당신은 가능한 한 많은 가능한 해결책을 만들어낼 수 있다. 브레인스토밍은 그룹의 집단적 사고를 활용하고, 서로를 참여시켜 다른 아이디어를 듣고 발판을 삼음으로써 많은 아이디어를 창출하는 좋은 방법이다. 심리 지도는 이 단계에서 이용할 수 있는 또다른 방법이다.

Brainstorming

4. 프로토타입

디자인 사고 단계에서 프로토타입 단계는 모든 단계 중에서도 중요한 단계이다. 아이디어가 합리적인지를 진짜 아는 유일한 방법은 이를 테스트하는 것이다. 각각의 잠재적 해결책에 대한 즉석 프로토타입/모형을 수립하라. 문제 특정화 단계에서 프로토타이핑은 주로 문제를 확실히 잘 이해하기 위한 것이다. 가장 유용한 프로토타이핑 방법론은 다음과 같다.

  • 문서 프로토타이핑

디자인 초기 단계에서 가장 좋으며 주로 제품 아이디어를 테스트하기 위한 것이다.

​​

Paper prototyping
  • 와이어프레임

가장 일반적 형태의 프로토타이핑이다. 와이어프레임은 제품의 중추로 간주된다. 제품의 골격으로도 알려졌다. 이는 최종 제품의 전반적 모습을 나타낸다.

Wireframes
  • 클릭가능한 프로토타입

제품의 사용자 인터페이스의 시각적 표현을 보여준다.

Clickable prototypes
  • 실증 또는 검증

검증 단계에서 나타난 결과는 종종 한 개 이상의 문제를 재정의하고 사용자에게 지식을 알리는 데 이용된다. 목표 집단에 해당하는 사람들의 소그룹을 모아라. 한 쌍의 사람들에게 제품을 함께 사용하도록, 즉 한 사람은 프로토타입을 작동하고 다른 사람은 행동을 지도하고 최종 결과를 설명하도록 하는 것이 좋다. 조사팀은 사용자가 제품을 이용하는데 어려움을 만나는 모든 고충점을 관찰할 것이다. 검증 단계는 5단계 중 가장 직관적인 것으로, 실제 사용자 앞에 프로토타입을 주고 그들의 피드백을 얻는 것이다. 검증 단계 이후에는 사용자들이 제품의 어떤 특성을 좋아하고 싫어하는지를 알 것이다.

최종 제품을 마무리할 때 몇 가지를 명심할 필요가 있다. 즉, 시스템이 사용자 친화적인가? 또는 시스템이 융통성있고 작동하기 쉬운가? 검증 단계나 제품 특정화 단계에서 배운 모든 것으로 새로운 디자인은 사용할 사람들의 니즈와 능력에 부합하는지를 확신할 것이다.

결론

위의 UI/UX 디자인 프로세스 전략은 목표 달성에 도움이 될 것이다. 적절할 해결책을 발견하고 사용자가 필요한 것을 이해함으로써 제품을 융통성있고 사용자 친화적으로 만드는데 도움이 될 것이다.

--

--