UX/UI 디자인 도전 - 출장 영업 사원을 위한 스마트 캘린더 (Smart calendar for traveling salespeople — UX/UI design challenge)

이 글은 Kanwar AroraSmart calendar for traveling salespeople — UX/UI design challenge글을 번역했습니다. 저의 모든 글은 허가를 받고 진행 하였습니다.

TL;DR: 저는 최근에 UX/UI 디자인 도전에 참여했습니다. 그 아이디어는 모든 사용자의 스케줄에 따라 회의 시간을 맞출 수 있고, 시간대 변경을 설명하며, 사용자가 미팅에 제 시간에 참석하도록 사전 예방적으로 작업하는 것입니다. 이 작업물은 설계 프로세스를 확장하고 이 짧은 스프린트에서 사용 사례와 엣지 케이스를 어떻게 다루었는지 자세히 설명합니다.

도전

"안키타(Ankita)는 영업사원이며, 한달 중 3주를 국제적으로 여행합니다. 다른 시간대를 여행하는 것과 도시마다 바쁜 회의 일정 사이에서, 그녀는 적절한 시간에 적절한 장소에 나타나기 위해 자신의 일정을 맞추는 것이 어렵다는 것을 알게 됩니다."
모든 고객의 일정에 따라 회의 시간을 수용하고, 시간대를 변경하며, 안키타(Ankita) 그녀가 사전에 작업하여 회의 시간에 항상 맞출 수 있도록 하는 스마트한 일정 흐름 및 인터페이스 설계

The Foundation

좋은 캘린더는 스마트폰에 편리하게 추가할 수 있어 개인적이든 업무용이든 곧 있을 약속과 이벤트에 대비할 수 있습니다.
일상 생활에서 캘린더에 의존하는 사람들의 인구 통계 학적 특성이 큰 그룹 내의 하위 집단 인 영업 사원은 고객과 결정한 분석 고객 데이터 및 회의 일정으로 속도를 유지하기 위해 메일, 기본 달력 및 CRM 응용 프로그램에 주로 의존합니다 (만장일치로)
presentation
기본 CRM, Google 캘린더, Apple 캘린더, 포드 캘린더, Microsoft Outlook - 내 영감을 얻은 기존 캘린더 기반 애플리케이션

목표 및 과제

  • 해외 출장을 자주 가는 영업 사원을 유치하고, 통합된 캘린더를 통해 미팅 일정을 잡고 고객과 커뮤니케이션하고, 세일즈 딜 체결의 전망을 활용할 수 있는 앱으로 만듭니다.
  • 영업 사원이 해외 지역에 외국인 임에도 불구하고 번거롭지 않게 시간을두고 여행하고 고객 목적지에 제 시간에 도착할 수 있도록 돕습니다.
  • 영업 사원이 회의 시간에 미치는 영향과 시간대를 업데이트하고, 두 국가 간의 시간 차이를 고려하여 양 당사자 간에 필요한 커뮤니케이션이 이루어지도록 합니다.
  • 앱 내에서 미팅 약속을 쉽게 만들고, 미팅 이벤트에 참가자로 태그가 지정된 클라이언트에 동적 친밀감을 제공합니다.
  • 앱의 시각적 및 기능적 측면을 단순화합니다.

사용자 심리적 프로파일

인터페이스를 스케치하여 아이디어를 완성하기 전에 디자인 연습에서 설명 된 캐릭터 원형 타입에 대한 이해를 요약해야했습니다. 판매 회의 (예 : Ankita) 여행은 영업 회의 및 문제에 대한 대부분의 시간대를 여행하며 바쁜 회의 일정을 유지하고 적절한 시간에 적절한 장소에 표시 할 수 있도록 일정을 유지합니다. 나는 그녀의 심리학 적 프로필을 만들었습니다.
presentation

디자인 원리 작성

이러한 사용자 유형에 의해 성공적으로 채택될 앱의 기본 프레임워크를 구성하는 디자인 지원 원칙 세트를 작성했습니다.
  • 관련 당사자 간의 투명성 개념을 높이면서 더 건강한 연관성을 지원합니다.
  • 사용자의 인지부하를 줄이면서 편리함을 위한 go-to-tool이 됨을 증명하여 상징적인 교제의 수단을 제공합니다.
  • 필요한 타사 애플리케이션을 앱의 정보 구조에 통합하여 여러 채널 간의 원활한 전환을 달성하고 결과적으로 다방면의 편의성을 지원합니다.

주요 기능

스마트 캘린더 앱에 대한 아이디어를 구체화하기 위해 사용자가 목표를 달성하는 데 도움이 되는 앱의 중요한 기능의 우선 순위를 정하는 데 도움이 되는 몇 가지 주요 기능을 열거했습니다.
  • 다가오는 / 과거 약속 / 미팅 이벤트를 우선시하는 주어진 달의 날짜에 대한 간단한 타임 라인보기, 잠시 바쁘고 자유로운 날을 보여주는 "히트 맵"보기가 있는 접을 수 있는 달력 드롭 다운이 결합되어 있습니다. (챌린지를 완료하는 시간이 부족하기 때문에 후자는 UI 단계에서 건너 뛰었습니다)
  • Google지도 통합 위치 제안 및 클라이언트 사무실 / 장소 주소 자동 감지 옵션을 사용하여 현재 위치에서 이동하는 데 필요한 길 찾기 및 시간보기
  • 메일 기반 통신을 유지 관리하여 회의 데이터를 가져 와서 한 번의 탭으로 이벤트를 생성하는 기능을 갖춘 영업 회의 / 약속 작성
  • 제안 된 회의 예약 / 해외 고객의 사무실로 여행 할 때 시간대 자동 변경 / 시간대 변경

엣지 케이스

  • 회의가 예정된 시간대를 초과하여 같은 날 예정된 다음 회의까지 시간을 일정 정도 연장할 경우 다음 회의의 시작 시간을 그 정도로 변경하고 다음 회의가 해당 클라이언트로 지연되는 것에 대해 경고합니다.
  • 알림 기반 푸시 알림에 대한 빠른 작업(모든 요일 미팅에 대해) - 앱을 입력하고 일정관리에서 미팅 항목을 검색할 필요 없이 클라이언트가 늦었다고 메시지를 표시/늦은 것에 대한 메시지를 표시합니다.
  • 자연어 처리의 일부로 통합된 시간대를 개략적으로 표현함으로써 고객과 영업사원이 메일 대화에서 사용할 수 있는 시간을 제안하는 것은 시간 차이를 다루는 사용자의 경험을 경감시켜 주며, 따라서 사용의 명확성과 용이성을 제공합니다.

기타 보조 기능

  • 만날 클라이언트의 LinkedIn 프로필을 보는 기능
  • 일정관리 이벤트에 스프레드시트 및 기타 파일/문서/노트를 첨부하는 기능
  • 이벤트 유형과 연결된 시각적 아이콘, 이벤트 제목에 사용된 키워드에 따라 자동으로 생성됩니다.

스케치

종이에 저 충실도가 낮은 아이디어를 스케치하는 것과 같은 브레인스토밍 활동은 가장 까다로운 사례를 설명하는 동안 주요 기능을 시각화하는 데 도움이 되었습니다.
presentation

presentation

presentation

presentation

UI Mockups


presentation
시작 화면 및 방문 페이지
SAILS라고 불리는 이 앱의 이름과 ID는 미개척지 지역을 항해하는 배의 돛대 위에 "Sails"의 현재 의미(말장난은 의도하지 않음!)를 유지하고 잠재적인 클라이언트로 지속적으로 이동하고 비즈니스를 획득해야 하는 "Sales" 직업의 특성을 유지하도록 설계되었습니다.
사용자에게 하루의 계획 일정을 알려주는 간단한 시간 표시 바 보기, 필요한 시기적절한 조치를 취할 수 있도록 지속적인 경고, 불필요한 잡동사니 및 주의 산만함을 제거하고 적절한 계획을 통해 사용자의 생산성을 향상시킵니다.
presentation
중요한 사례: 시간대 변경(왼쪽) 및 지연 시 회의 연장 필요(오른쪽)
사용자에게 해외를 나갈 때 시간대의 변화를 상기시키거나 그에 따라 예정된 회의에 영향을 미칠 수 있는 지연을 상기시키고, 사용자가 필요한 신속한 조치를 취하도록 돕는 등, 엣지 케이스에 대한 사용자의 끈기와 호감도를 높입니다.
presentation

presentation
일정관리에 대한 새 미팅 약속 만들기
시간대에 들어갈 수 있는 옵션으로 보다 대화적이면서도 보다 사용자 친화적인 미팅 약속을 만들고 키워드를 탐지하고 상황별 옵션을 트리거하는 자연 언어 처리를 사용하여 미래의 미팅 이벤트 세부사항을 양식처럼 채우는 것을 거부합니다.
presentation
알림 및 빠른 미팅 카드 보기
투명성 및 건전한 연결 유지의 원칙에 따라, 고객 접점을 개선하여 앱에 들어가지 않고 처음부터 결정을 내리는 알림을 사용자에게 직관적으로 긍정적인 응답을 유도합니다.
presentation
In-app Mail 기능 - 어느 쪽이든 사용하는 일정(예: 클라이언트 및 영업 사원)과 동기화 및 업데이트
자연 언어 처리를 사용하여 사용자가 말하고있는 내용을 감지하고 사용자 및 클라이언트가 만장일치로 회의 날짜와 시간에 동의하는 것을 돕기 위해 주어진 주 내에 서로 다른 시간대 기반의 시간 제안을 제안하고, 자신의 메시지를 읽는 동안 자신의 현지 시간, 앱에 대한 신뢰와 확신을 회복합니다.
presentation
사용자 시나리오 및 흐름. 고해상도 링크는 여기에 있습니다.here

결론적으로…

내가 더 잘할 수 있었던 건

  • 세일즈 생산성 및 효율성에 관한 글과 문서를 읽고 여기에서 제공하는 주요 솔루션에 대해 자세히 알아보고 생산성 영역의 다른 경쟁업체도 살펴보십시오.
  • 자주 여행을 하고 일상 여행을 통해 학습을 받는 숙련된 영업 사원과 대화합니다.
  • 사용자를 대상으로 한 설계 사용성 테스트.
혁신적인 기술이 저를 항상 흥미롭게 했지만, 모든 수단을 동원하기 위한 최종 목적이 아닌 도구로서 보다 사용자 중심적인 가시적 목표를 달성하기 위해 항상 제 의도가었습니다. 결과 중심적인 제품이나 서비스를 만드는 동안, 설계 당면 과제가 바로 그 경우입니다.
presentation


이 글은 번역 글입니다. 원본 링크입니다.
https://uxdesign.cc/smart-calendar-for-travelling-salespeople-a-ux-ui-design-challenge-13cb14791116




https://www.facebook.com/groups/224179755005643/

안녕하세요! Early adopter입니다.
페이스북 [DTF] 디자인 번역 공장 - Design Translation Factory 그룹도 많이 가입해주시길 바랍니다.
"보버"에서 "디자인 번역 공장" 연재를 저와 함께 해주실 분을 찾습니다. 하단 "리뷰" 또는 "페이스북"으로 편하게 메시지 주세요!
PS. 제가 사용하는 블로그 "보버"에 "함께 쓰는 블로그"라는 기능이 요번에 추가됐네요 ㅋ (미디엄에 퍼블리케이션 같은 기능..)
하단 링크 글을 보시면 "디자인 번역 공장"에 어떻게 함께 연재할 수 있는지 자세히 설명되어있습니다. 또는 쉽게 FB 메시지 주세요!
https://bit.ly/2L6WsZp