클라이언트에게 웹 디자인을 제시하는 방법

디자인의 성공은 시각적으로 매력적인 것을 만드는 능력뿐만 아니라 그것을 판매하는 능력에 달려 있습니다.

전문 디자이너로서 고객과 의사 소통하고 제품을 최상의 방법으로 제시하는 방법을 알아야 합니다. 프레젠테이션이 좋을수록 프로젝트가 승인될 확률이 높아집니다.

이 기사에서 우리는 효과적인 프레젠테이션의 몇 가지 비밀과 고객이 귀하의 작업과 사랑에 빠지게 만드는 몇 가지 트릭을 공유할 것입니다. 고객에게 제시해야 하는 옵션의 수부터 시작하겠습니다.

얼마나 많은 설계 옵션을 제시해야 합니까?

세계적으로 유명한 선택 및 의사 결정 전문가인 Sheena Iyengar는 다양한 선택이 소비자의 관심을 끌지만 동시에 압도하고 혼란을 줄 수 있다고 말합니다. 즉, 너무 많은 소비자가 최선의 선택이 아닐지라도 무언가를 선택할 것입니다.

확실하지 않은 옵션을 포함하여 여러 옵션을 제시하는 이유는 무엇입니까? 너무 많은 옵션을 제공하면 고객이 좋아하는 디자인을 무시할 수 있습니다. 이것이 우리가 최종 프로토타입만 제시하는 것을 권장하는 이유입니다.

그렇다고 해서 한 장의 사진만 보여야 하는 것은 아닙니다. 처음부터 전체 스토리를 전달하고 다양한 단계에서 프로젝트의 스냅샷을 제공합니다. 귀하가 내린 결정과 그 결정이 고객의 비즈니스 목표를 어떻게 충족하는지 설명하십시오. 고객의 문제에 대한 해결책을 찾기 위해 겪었던 모든 반복을 통해 고객을 안내하세요. 이것은 당신의 전문성을 말해주고 당신이 단순히 기존 디자인을 다시 그린 것이 아니라 많은 양의 작업을 수행했음을 증명할 것입니다.

디자인 스토리의 주인공은 바로 당신입니다. 고객은 당신의 말과 행동으로 당신을 보고 판단할 것입니다. 그러므로 무엇을 말할지 미리 생각하는 것이 좋습니다.

프레젠테이션으로 고객의 마음을 사로잡는 방법

때로는 디자인을 발표할 때 추측을 퍼뜨리거나 너무 많은 정보를 공개하거나 고객을 지루하게 만들 수 있습니다. 분명히, 그것은 당신이 정말로 하고 싶은 것이 아닙니다. 원활한 프레젠테이션을 원하신다면 다음 5단계를 통해 준비해보세요.

#1. 문제 공식화

먼저 무엇을 해야 합니까? 청중을 위한 기대치 설정: 고객이 무엇을 보고 무엇을 얻을 수 있는지 발표하십시오. 첫 번째 회의에서 제기된 문제, 작업 중인 과제(예: 웹 피트니스 앱을 위한 빠르고 훌륭한 디자인 만들기) 및 이 문제를 처리하는 데 사용한 접근 방식을 공식화하십시오.

또는 고객이 이미 본 것(마지막 디자인, 기존 제품 또는 재설계된 항목)에 대한 간략한 요약으로 시작할 수 있습니다. 고객이 마지막으로 제공한 피드백을 만질 수도 있습니다. 이렇게 하면 주요 프레젠테이션의 기초를 다지고 불필요한 질문을 피할 수 있습니다.

#2. 고객의 비즈니스를 처리하십시오

프레젠테이션을 좀 더 개인적으로 만드십시오. 고객의 브랜드와 타겟 고객에 대해 논의하십시오. 귀하의 목표는 귀하가 고객의 비즈니스를 이해하고 있음을 보여주는 것입니다. Soft Blankets 회사의 웹사이트를 디자인한다고 가정합니다. 이 웹사이트는 회사의 다양한 제품과 가격을 반영할 뿐만 아니라 고객에게 따뜻함과 아늑함을 전달해야 합니다.

스톡 사진 대신 고객의 회사 사진을 사용하여 모형과 최종 디자인을 모두 풍부하게 만들 수 있습니다. 예를 들어, 자선 웹사이트를 구축하는 경우 회사에서 개최한 자선 경매의 실제 사진은 고객과 잠재 고객에게 훨씬 더 큰 영향을 미칩니다.

#삼. 디자인 프로세스 설명

디자인 프로세스의 각 개별 단계에 대한 간단한 설명을 제공하고 얻은 정보에 대해 이야기하십시오. 전체 디자인을 개선하기 위해 이 정보를 어떻게 활용했는지도 강조해야 합니다. 여기에서 설계 구성 요소를 고객의 비즈니스에 대한 이점으로 제시하는 것이 매우 중요합니다. 예를 들어, 패스트푸드 웹사이트가 고객의 식욕을 증가시키고 고객이 더 많은 음식을 주문하도록 유도할 수 있기 때문에 더 많은 빨간색을 패스트푸드 웹사이트에 사용했다고 설명할 수 있습니다. 이제 맥도날드와 KFC의 비밀이 밝혀집니다.

#4. 대화하기

디자인 프레젠테이션은 대화입니다. 정보에 입각한 피드백을 받고 싶다면 질문이 생겼을 때 답변하고 고객이 놓친 부분을 설명하세요. 프레젠테이션이 고객에게 명확하고 동일한 페이지에 있는지 확인하십시오. 또한 건설적인 대화는 새로운 아이디어와 솔루션을 가져올 수 있습니다.

#5. 피드백 수집

마지막이자 아마도 가장 중요한 단계는 피드백을 얻는 것입니다. 고객이 작업을 평가할 시간을 주십시오. 기다려야 하는 시간은 클라이언트, 워크로드 및 프로젝트 규모에 따라 다릅니다. 분명히 큰 프로젝트는 작은 프로젝트보다 검토하는 데 더 많은 시간이 걸립니다. 고객이 처음 3일 동안 응답하지 않아도 당황하지 마십시오. 당신이 디자인한 웹사이트는 고객 비즈니스의 큰 부분을 차지하며 고객의 마음을 사로잡을 수 있어야 합니다.

올바른 방법으로 피드백을 수집하는 방법

그러나 때로는 열심히 일했는데도 쓸모없거나 제대로 관리할 수 없는 피드백을 받거나 응답에 몇 달이 걸릴 수 있습니다. 어떻게 하면 이러한 상황을 피하고 고객에게 올바른 방향을 제시할 수 있습니까? 이 팁을 따르십시오.

1. 미리 계획하기

피드백을 수집하기 전에 모든 문제를 명확히 하는 것이 좋습니다. 클라이언트가 작업에 대한 피드백을 제공할 특정 날짜를 설정합니다. 이 날짜를 진지하게 받아들이십시오. 며칠 전에 피드백 날짜를 고객에게 상기시켜 주는 것이 좋습니다. 또한 전화, 이메일 또는 대면을 통한 피드백 형식에 동의해야 합니다.

2. 집중 질문하기

꽤 자주, 디자인 프리젠테이션은 내용에 대한 토론으로 완전히 바뀝니다. 분명히 일부 콘텐츠 토론이 예상되지만 고객이 이 주제에 모든 피드백을 할애해서는 안 됩니다. 유용한 피드백을 얻으려면 특정 질문을 하고 피드백을 정말 듣고 싶은 대상과 직접 대화하세요.

고객에게 "어떻게 생각하세요?"라고 묻지 마십시오. 대신, 이 개념이 비즈니스 목표를 충족하는지 또는 달성하지 못하는 방식에 대해 질문하거나 색상 팔레트가 브랜드 포지셔닝에 적합한지 여부를 묻습니다.

3. 진정한 의미를 파악하라

프로젝트에 대해 언급할 때 클라이언트는 문제를 지적하기보다 솔루션을 제안하는 경우가 많습니다. “이 버튼을 더 크게 만들 수 있습니까? 녹색을 더 추가할 수 있습니까?” 당신의 임무는 그 피드백에 숨어 있는 핵심 문제나 도전을 식별하는 것입니다.

항상 그들에게 이유를 물어보십시오. “왜 이 버튼을 더 크게 하시겠습니까? 웹사이트에 더 많은 녹색이 더 좋을 것이라고 생각하는 이유는 무엇입니까?” Svbtle의 설립자인 Dustin Curtis는 고객의 의견에 대해 최소한 세 가지 질문을 합니다.

4. 논리 적용 및 유명 브랜드 인용

당신의 클라이언트와 같은 의견을 공유하지 않는다면, 그들을 비판하고 불신하기 시작하지 마십시오. 대신 사실, 연구 및 연구를 통해 주장을 뒷받침하십시오. 이러한 사실이 스스로 말하게 하십시오. 또한 유명한 회사를 예로 들 수 있습니다.

클라이언트가 글꼴 크기를 22pt에서 12pt로 줄이도록 요청했다고 상상해 보십시오. 이 경우 "흥미로운 점입니다. 하지만 최근에 나는 더 큰 글꼴 크기가 브랜드와 더 강한 정서적 유대를 불러일으킬 수 있다는 연구를 읽었습니다. 그건 그렇고 미디엄도 22pt 글꼴을 사용합니다.”

그리고 "내가 그렇게 말했잖아" 스타일에 해당하는 문구를 사용하지 마십시오. 공감을 나타내려고 노력하십시오. "예, 저도 이 말을 듣고 충격을 받았습니다."

5. 고객의 의견을 존중합니다.

당신이 웹 디자인에 훨씬 더 많은 경험을 가지고 있을지라도 당신의 클라이언트는 여전히 당신보다 그들의 비즈니스를 더 잘 알고 있습니다. 그들은 매일 디자인을 사용할 것입니다. 따라서 그들은 당신이 디자인한 웹사이트에 편안함을 느낄 필요가 있습니다.

클라이언트가 디자인에 만족하지 못한다면 함께 작업을 수정하십시오. 타협점을 찾고 클라이언트의 피드백을 기반으로 디자인을 조정하십시오. 고객의 지식과 경험의 공생이 진정으로 성공적인 제품을 생산할 수 있음을 기억하십시오.

이제 이론적인 부분을 이미 알고 있습니다. 즉, 디자인 작업을 발표하는 동안 행동하는 방법과 말할 내용입니다. 그러나 어떤 형식으로 디자인을 구성해야 하는지 명확하지 않습니다. 프로토타입은 어떤 모습이어야 합니까?

어떤 유형의 프로토타입을 선택해야 합니까?

우리는 당신에게 보편적 인 대답을 줄 수 없으며 "이런 식으로 그리십시오." 그러나 프로토타이핑 흐름에 대한 몇 가지 편리한 팁을 제공하여 작업을 용이하게 할 수 있습니다. 프로토타입 유형과 현재 진행 중인 디자인 단계(초기 단계 또는 최종 단계)에 따라 프로토타입을 생성하는 데 사용할 도구를 선택하는 것이 좋습니다. 이 두 단계에 대해 자세히 살펴보겠습니다.

초기 단계

초기 단계는 레이아웃, 기능, 연결 및 전환과 같은 웹사이트의 논리와 기능에 대해 생각할 때입니다. 타겟 고객을 염두에 두고 웹사이트를 사용자에게 직관적으로 만드는 요소를 형성합니다. 주요 목표는 제품의 작동 가능성을 확인하는 것입니다.

따라서 이 단계에서는 일반적으로 기본 색상으로 시각적 효과나 세부 사항이 없는 단순한 도식 화면의 형태로 저충실도 프로토타입을 제시할 수 있습니다.

저충실도 프로토타입을 디자인하려면 다음 도구를 사용해 볼 수 있습니다.

• Wireframe.cc – 디자이너가 와이어프레임을 만드는 데 사용할 수 있는 가장 기본적인 도구 중 하나입니다. 주요 장점은 간단한 인터페이스와 가입 없이 즉시 와이어프레임 설계를 시작할 수 있다는 것입니다.
• Moqups.com – 와이어프레임, 모형 및 프로토타입을 만드는 데 도움이 되는 웹 앱입니다. Moqups는 수천 개의 아이콘 세트, 클라우드 기반 저장소, 댓글 및 피드백 기능이 있는 내장 라이브러리를 제공합니다.
• Pencil Project (pencil.evolus.vn) – 데스크톱 및 모바일 플랫폼 모두를 위한 무료 오픈 소스 프로토타이핑 도구입니다. Pencil Project는 기본 제공 컬렉션(모양, 순서도 요소 등), 다이어그램 그리기 지원 및 페이지 간 연결을 제공합니다.

저충실도 프로토타입을 사용하면 고객 측에서 "왜 화면이 그렇게 단순해?"라는 부정적인 의견과 오해에 직면할 수 있으므로 주의해야 합니다. 왜 이렇게 엉성한 색 구성표를 사용했습니까?” 이런 일이 발생하면 시간을 내어 고객에게 UX가 무엇이며 제품에 UX가 얼마나 중요한지 설명하십시오. UX는 미래 웹 사이트의 심장이자 영혼이며 이 프로토타입은 최종 버전과는 거리가 멀습니다.

마지막 스테이지

마지막 단계에서 고객에게 충실도가 높은 프로토타입을 제공해야 합니다. 즉, 마이크로 인터랙션, 화면 간 탐색 및 기타 애니메이션과 같은 대화형 요소를 추가합니다.

충실도가 높은 프로토타입은 고객이 제품의 사용성을 검토하고 사용자 행동에 대한 결론을 내릴 수 있도록 (세부 사항 및 기능 측면에서) 최종 디자인에 최대한 가깝게 만들어진 컴퓨터 기반 대화형 표현입니다.

고충실도 프로토타입을 사용하면 저충실도 프로토타입보다 웹 사이트의 전환 및 기능을 더 사실적으로 느낄 수 있으며 UI를 만들기 전에 이 단계에서 잠재적인 버그나 어려움을 드러낼 수 있습니다.

프로토타입을 애니메이션화하는 데 어떤 도구를 사용해야 할지 잘 모르겠다면 다음을 시도해 보세요.

• InVision (invisionapp.com) – 몇 분 만에 대화형 프로토타입을 만들 수 있는 디지털 제품 디자인 플랫폼입니다. InVision을 사용하여 스타일시트를 만들고 모든 디자인 요소에 대한 실제 코드를 생성할 수 있습니다. 또한 InVision을 사용하면 고객, 팀 구성원 및 이해 관계자가 설계에 대해 직접 의견을 제시할 수 있습니다.
• Adobe XD (adobe.com/products/xd.html) – 한 번의 클릭으로 정적 레이아웃을 대화형 프로토타입으로 전환하는 데 도움이 되는 올인원 UI/UX 솔루션입니다. Adobe XD를 사용하면 변경할 때마다 프로토타입이 자동으로 업데이트됩니다. 동기화가 필요하지 않습니다.
• 원리 (principleformac.com) – 다중 화면 앱의 흐름이나 새로운 애니메이션 및 상호 작용의 흐름을 디자인하든 관계없이 애니메이션 및 대화형 사용자 인터페이스를 디자인할 수 있는 프로토타입 도구입니다.

웹 디자인을 발표할 준비가 되셨습니까?

디자인을 발표하는 형식은 제품의 종류, 프레젠테이션하는 디자인 구성 요소(예: 레이아웃 또는 기능) 및 현재 진행 중인 디자인 프로세스의 단계에 따라 다릅니다. 초기 단계에서는 낮은 수준을 고수할 수 있습니다. -충실도 프로토타입인 반면 후기 단계에서는 가능한 한 빨리 최종 제품에 접근하고 고품질 인터랙티브 프로토타입을 제공해야 합니다.

물론 프레젠테이션의 성공은 자신감과 소유한 데이터에 달려 있습니다. 사실과 논리 기반 주장을 가까이에 두어 의견을 뒷받침하십시오. 그리고 고객에게 "왜?"라고 묻는 것을 두려워하지 마십시오.

이 팁 중 하나를 시도 했습니까? 수상한 프레젠테이션을 위한 다른 비결이 있습니까? 아래 의견에 의견을 공유하십시오.