UX 스케치 기술 향상

(2020 년 12 월 30 일)

스케치는 UX 디자이너가 개선해야하는 많은 중요한 기술 중 하나입니다. . UX Sketching은 다양한 의미를 가지고 있지만이 기사에서는 디자인 프로세스에 사용되는 아이디어, 개념, 여정,지도, 페르소나 및 흐름을 설명 할 수있는 방법을 보여주기위한 것입니다. 인터페이스가 어떻게 생겼는지에 국한된 것이 아니라 사용자 경험의 모든 부분을 다루고 있습니다.

스케치가 그림을 그리거나 설명하거나 고 충실도 또는 완전히 다듬어 진 렌더링을 만드는 것이 아니라는 점을 강조해야합니다. . 스케치는 빠르고 간결해야합니다. 기본적으로 스케치가 아이디어를 전달할 수 있다면 아마도 좋은 스케치 일 것입니다.

왜 더 많이 스케치해야합니까?

스케치는 의미가 있습니다. 스케 쳐가 너무 많은 제약에 대해 걱정할 필요없이 다른 아이디어를 빠르게 떠 올릴 수 있도록합니다. 그 다음에는 여러 번의 반복과 실험이 이어지며, 아이디어를 다양 화하고 수렴하거나 미친 8 초 연습을 통해 수행 할 수 있습니다.

시간이 지남에 따라 , 당신은 스케치 근육을 개발할 수 있어야하며 다른 사람들과 의사 소통하기 위해 자신의 (시각 및 스케치 언어)를 개발할 수 있어야합니다. 다른 사람들이 쉽게 이해할 수있는 덜 추상적 인 스케치를 개발하는 데 초점을 맞 춥니 다.

스케치 기술을 개발할 때 얻을 수있는 다른 놀라운 이점은 다음과 같습니다.

  • 미래를위한 연습 화이트 보드 인터뷰
  • 많은 아이디어를 생성하여 머릿속에서 꺼내세요
  • 다른 이해 관계자와 더 효과적으로 협업
  • 아이디어에 대해 더 빠르게 반복

시작하기 전에 염두에 둔 목표가 있는지 확인하세요. 탐색하거나 아이디어를 구상하려는 경우 최종 목표, 목적, 제약, 잠재 고객이 무엇인지 고려하세요. 이를 통해 스케치해야 할 방법, 대상, 위치에 대한 단계를 설정할 수 있습니다. 또한 분명한 목표 나 초점이 있음을 보여 주므로 너무 길을 벗어나거나 원래 의도 한 것과 완전히 다른 방향으로 나아 가지 않습니다. 디자이너로서 제약 조건을 다루는 방법을 알아야합니다. 이는 종종 우리를 더욱 창의적으로 만듭니다.

이 실습에서 목표 는 와이어 프레임으로 바뀔 수있는 작업 흐름의 일반적인 개념. 이제 몇 가지 작업 흐름 스케치 접근 방식을 분석해 보겠습니다. 스케치하는 방법을 원자 수준으로 분해하면 몇 가지 기본 모양 (왼쪽 그림 참조)이됩니다.

좋은 소식은 이러한 기본 모양을 스케치하는 방법을 알고 있다면 거의 모든 것을 스케치 할 수 있습니다. 사용자 흐름 또는 일반적인 흐름을 생각할 때 종종 이러한 형태의 조합을 보게됩니다.

분석 :

이러한 모든 모양을 합치면 사용자 흐름의 골격이되어 이상적으로 채워집니다. 특정 프로젝트 요구 사항을 충족합니다. 그런 다음 위의 모든 모양을 사용하여 결정 지점, 연결, 흐름, 방향 및 자체 포함 된 프로세스와 같은 다양한 개념을 나타냅니다.

간단한 userflow 예 :

긴 사용자 흐름의 예 :

사용자 흐름은 일반적으로 이러한 기본 모양 중 일부를 스케치하기 시작하는 좋은 방법입니다. 멋진 모양이나 고급 기술이 필요하지 않으며 프로젝트를 계속 진행하면서 스케치 기술을 연습 할 수있는 하나의 장소가 될 수 있습니다.

이제 기본 모양이 내려 졌으므로 이동할 준비가되었습니다. 사용자 흐름에서 와이어 프레임에 이르기까지 더 자세한 스케치 사례를 살펴볼 수 있습니다. 주목해야 할 중요한 점은 스케치는 모든 세부 사항을 갖는 것이 아니라 아이디어를 전달하는 데 충분하다는 것입니다. 따라서 스케치에 계속 추가하기 전에 잠시 시간을내어 “내 메시지를 전달하기에 충분합니까? 아니면 모든 사람에게 명확하게하기 위해 추가해야 할 기타 세부 사항은 무엇입니까?”라고 물어보십시오.

다발을 물었을 때 설계하지 않은 동료 중 이메일 인터페이스를 스케치 할 수 있다면 다음과 같은 결과를 얻을 수 있습니다.

선, 사각형, 원 및 기타 간단한 모양을 사용하여 이메일 인터페이스의 아이디어를 전달하는 방법에 주목하세요.메시지를 전달하기에 충분했습니다.

와이어 프레임을 스케치 할 때 간단하게 시작하고 스케치에 넣는 선 또는 모양 수를 단순화하세요. 세부 정보가 필요한 이유와 정말로 필요한지 생각해보십시오. 그렇다고 계속해서 디자인을 반복하거나 변경하면서 더 많은 세부 정보를 추가 할 수 없다는 의미는 아니지만 단순하게 유지하면 하나의 스케치에서 빠르게 이동할 수 있다는 점은 말할 것도없고 더 많은 아이디어와 반복을 환영하게됩니다. 다른 사람에게. 목표와 이전에 언급 한 제약 조건에 따라 필요한 도형을 포함하고 있는지 확인하세요.

다음은 이전 도형 중 일부를 사용한 예입니다.

와이어 프레임과 관련하여 우리의 모양은 목적에 더 잘 맞도록 다른 의미를 갖습니다. .

이제 모두 넣으면 함께, 우리는 동일한 지식과 가이드 라인을 아래와 같은 큰 다이어그램과 흐름에 적용 할 수 있습니다.

생각과 스케치를 명확하게하는 데 도움이되는 한 더 많은 주석과 연결을 추가 할 수있는 기회로 사용하는 것을 두려워하지 마십시오. 충분한 세부 정보뿐 아니라 잠재 고객에 관한 것임을 기억하세요. 저는 접선을하고 주석을 달아서 유죄입니다. 이것은 미래의 탐구에 관한 것일 수도 있고 답을 얻기 위해 필요한 질문 일 수도 있습니다. 주석 및 연결은 화살표, 방향 선, 메모, 숫자 및 제스처의 형태로도 올 수 있습니다.

생각할 때 목표를 달성 한 것처럼 느껴질 때까지 스케치를 계속하거나, 스케치 시간을 정하여 속도에 도전 할 수 있습니다. 그러나 스케치를 삭제하거나 지우지 말고 계속하십시오. 현재 작업중인 스케치를 수정하는 것보다 더 많은 스케치를 수정하고 생성하는 데 집중하십시오. 이것은 속도를 늦출뿐입니다. 스케치를 삭제하거나 지우지 않으면 생각의 흐름을 쉽게 따라갈 수있을뿐만 아니라 프로세스를 과시 할 수 있습니다. 스케치가 언제 유용한 지 알 수 없습니다!

그러므로 계속 스케치하고 연습하며 자신의 스타일을 찾으세요. 더 나아지고 싶다면 프로세스의 일부로 만들기 시작하십시오. 이제 화이트 보드, 태블릿, 온라인 프로그램 또는 좋은 오래된 펜과 종이 등 가장 쉽게 접근 할 수있는 도구를 선택하고 지금 스케치를 시작하세요!

자세히 알아보기 :