NY Care 돕기

NY Cares 웹 사이트 간소화

저와 저의 UX 팀은 New York Cares (뉴요커들이 자원 봉사 기회를 찾을 수 있도록 돕는 비영리 조직)에 고용되어 사용자가 사이트에서 가지고있는 사용성 문제를 발견했습니다. 12 일 동안 웹 사이트에서 자원 봉사 이벤트를 찾고 등록하는 과정에서 사용자가 겪었던 불만 사항을 파악하기 위해 사용자 인터뷰를 수행하고, 사용자가 시나리오와 작업을 수행하는 동안 메모를 관찰하고 기록했습니다. 그들은 기존 NYCares 웹 사이트를 사용하는 동안 사용자가 자원 봉사 이벤트에 등록하는 과정을 완료하는 동안 겪었던 주요 문제점을 집계 한 다음 수집 된 데이터를 기반으로 이러한 문제에 대한 해결책을 그룹으로 제시했습니다.

타겟 사용자 큐레이팅

NY Cares의 사용자 경험에 대한 인터뷰를 효과적으로 수행하기 위해 먼저 우리 연구와 관련된 사람들을 필터링하는 스크리너 설문 조사를 개발해야했습니다. 관련 사용자를 찾는 데 도움이되는 스크리너 설문 조사를 개발했으며 몇 가지 질문은 다음과 같습니다.

"당신은 Tri-state 지역에 살고 있습니까?"

"1-5 점 척도로 자원 봉사하는 것이 얼마나 중요합니까?"

"지난 6 개월 동안 자원 봉사를 했습니까?"

데이터 수집 및 분석

스크리너 설문 조사를 사용하여 사용자 인터뷰를 수행 할 4 명 그룹으로 구성 할 수있었습니다. 인터뷰 프로세스의 목표는 기존 NY Cares 웹 사이트를 사용하여 사용자 경험에 대한 데이터를 수집하고 우리가 페르소나를 형성하는 데 도움이되는 통찰력을 개발하기 위해 찾은 주요 포인트를 매핑하는 것이 었습니다. 관련 정보를 얻을 수 있도록 다음과 같은 질문을했습니다.

“NY Cares의 웹 사이트를 사용하는 것의 장점과 단점은 무엇입니까?”

"웹 사이트를 사용할 때 어떤 기대 / 목표를 가지고 있었습니까?"

"웹 사이트 콘텐츠가 이러한 목표를 달성하는 데 도움이 되었습니까?"

"사이트에서 가장 유용하거나 가장 유용하지 않은 도구는 무엇입니까?"

공개 된 인터뷰는 전체적으로 공통점을 가졌습니다. 사용자는 선호도에 따라 검색 결과를 필터링하는 기능을 좋아했으며 그 기능이 더욱 구체화되기를 원했습니다. 많은 사람들에게 사이트의 덜 바람직한 측면 중 일부는 복잡한 가입 프로세스와 사이트 탐색이었습니다. 사용자는 이벤트에 마지막으로 등록하는 작업을 완료하기 위해 동일한 화면을 여러 번 다시 방문해야한다고 느꼈고 이는 중복 된 느낌이 들었고 이미 제한된 시간을 낭비했습니다. 데이터를 종합함으로써 우리는 페르소나를 만들고, 사용자 프로세스의 여정지도를 만들고, 발견 한 내용을 사용하여 문제 진술을 공식화 할 수있었습니다.

Alex는 서류 작업을 줄이고 자원 봉사 시간을 늘리기를 원하지만 가입 프로세스가 오래되고 시간이 많이 걸린다는 사실을 알게되었습니다.

선호도에 따라 가입 절차를 간소화 할 수 있도록 어떻게 도와 드릴까요?

사용성 테스트 (NY Cares 원래 웹 사이트)

사용자의 과거 경험으로부터 데이터를 수집하는 것이 우리 연구의 첫 번째 단계에서 매우 중요했지만, 우리는 현재 NY Cares 사이트에서 사람들이 활동하는 것을보고 싶었습니다. 이전 페르소나를 기반으로 몇 가지 시나리오와 작업을 개발했습니다.

시나리오 : 자유 시간이 제한된 뉴욕시에 거주하는 대학생입니다. 수요일에는 정오에 수업을 마치고 주말에는 수업이 없습니다. 자유 시간에 자원 봉사를하고 싶습니다.
과제 : 관심 있고 일정에 맞는 자원 봉사 기회를 찾으십시오.

시나리오 : 선호도에 맞는 기회를 발견했습니다.
작업 : 자원 봉사 기회를 선택하고 등록하십시오.

사용성 테스트 중 발견 한 결과는 연구 단계에서 수집 된 데이터와 거의 정확히 일치했습니다. 사용자는 자원 봉사를 시작하기위한 요구 사항 프로세스가 불분명하다는 사실을 발견하고 검색 기능을 사용하고 자원 봉사자를 찾은 후 계정을 등록하거나 자원 봉사 오리엔테이션 세션에 등록하라는 메시지로 인해 사이트를 통과하는 여정이 계속 중단되었을 때 당황했습니다. 관심있는 이벤트. 사용자는 또한 검색 창 기능을 사용할 때 자원 봉사 이벤트를 여러 번 검색해야한다는 사실을 싫어했습니다. 사이트에는 위치, 요일, 위치 기준에 맞는 이벤트가 있는지 여부를 보여주는 동적 검색 창이 없었기 때문입니다. 자발적인 원인; 사용자가 일치 항목을 찾기 위해 여러 검색을 수행하도록합니다.

디자인 스튜디오

사이트를 개선하고 이벤트에 등록하는 과정을 간소화하기위한 모든 아이디어를 모으기 위해 팀은 디자인 스튜디오를 운영했습니다. 우리는 개선되고 반복 될 수 있다고 생각하는 기능에 대한 대략적인 윤곽을 스케치하는 데 시간을 보냈습니다. 우리의 모든 아이디어를 수렴하는 데 오랜 시간을 보낸 후 우리는 구현하고자하는 핵심 기능으로 아이디어를 요약했습니다. 우리는 홈 화면을 활용하여 자원 봉사 행사에 성공적으로 등록하는 데 필요한 단계를 사용자에게 알리고 싶었습니다. 또한 검색 창을 반복하고 개선하여 사용자가 선호에 맞는 이벤트를 찾기 위해 수행해야하는 검색 량을 줄이기 위해 각 원인에 대해 사용할 수있는 자원 봉사 기회 수를 사용자에게 보여주는 기능을 추가하고자했습니다. .

Mid-Fidelity 프로토 타입 및 사용성 테스트

웹 사이트의 새로운 디자인을 위해 와이어 프레임을 화이트 보딩 한 후 중간 충실도 버전을 만들었습니다.

작동합니까?

중간 충실도 재 설계에 대한 전제는 좋았지 만 실행은 그렇지 않았습니다. 사용성 테스트 중에 우리는 홈페이지 및 "오리엔테이션 등록"페이지에서 문제를 빠르게 발견했습니다. 사용자는 다음과 같이 말했습니다.

"홈페이지에있는 세 개의 아이콘은 너무 위협적이고 산만합니다."

"홈페이지 아이콘이 유용하지 않습니다. 검색 창을 사용하고 싶습니다."

"직접과 디지털 사이에서 선택하는 것은 직관적이지 않은 것 같고 페이지가 너무 많아서 필요한만큼 빨리 소화하기에는 너무 많습니다."

"검색 창이 마음에 들어요. 검색을 위해 클릭하지 않고도 자원 봉사 기회가 얼마나 많은지 알 수있어서 기쁩니다."

합의는 분명했습니다. 우리는 도면으로 돌아 가야했습니다. 문자 그대로.

종이 프로토 타입의 가치

우리는 그룹으로 심의하고 고화질 프로토 타입으로 이동하기 전에 사이트에 추가 한 기능을 다듬어야하고이를 수행하는 효과적인 방법이 한 번 있었다고 결정했습니다. 종이 프로토 타입. 사용자가 자원 봉사 이벤트에 등록하는 데 필요한 모든 단계를 수행 할 수있는 기능을 브레인 스토밍했습니다. 그 해결책은 분명해졌습니다. 팝 업! 팝업을 통해 사용자를 등록에서 오리엔테이션으로 안내 한 다음 마지막으로 탐색 버튼이있는 간단한 프롬프트가있는 자원 봉사 이벤트를 찾아 프로세스의 다음 단계로 바로 이동하여 모든 것을 크게 간소화 할 수있었습니다. 또한 홈페이지를 단순화하여 한때 위협적인 클릭 유도 문안 버튼을 사용자에게 이벤트 자원 봉사를 위해 완료해야하는 단계를 보여주는 간단한 단계 목록으로 전환하기로 결정했습니다. 사용자들이 mid-fi의 검색 창 기능을 좋아했기 때문에 우리는 그것을 오리엔테이션 페이지로 옮기고 사이트 전체의 페이지를 훨씬 더 균일하고 사용자 친화적으로 만들기로 결정했습니다.

다시 테스트, 테스트 및 테스트하십시오!

우리는 종이 프로토 타입을 테스트 한 결과 훨씬 더 좋은 결과를 찾았습니다. 사용자는 팝업 기능이 마음에 들었고 간단하고 쉬운 가입 절차를 위해 만들어 졌다고 느꼈습니다. 검색 창을 활용하여 오리엔테이션 이벤트를 찾는 것은 간단하고 사용자가 자원 봉사 이벤트를 검색 할 때 홈페이지의 기능에 이미 익숙해졌고 본질적으로 검색 창으로 먼저 이동하도록 설정했기 때문에 쉽게 경험할 수 있도록 만들었습니다. 웹 사이트 (Google에 감사드립니다).

디자인 마무리 및 테스트

반복은 엄청난 성공이었습니다. 사용자는 자원 봉사 이벤트에 등록하는 작업을 원활하게 완료했으며 도중에 문제가 발생하지 않았습니다. 일부 사용자는 계정, 오리엔테이션 또는 실제 자원 봉사 이벤트에 등록했는지 여부를 명확히하기 위해 서로 다른 팝업 창을 구별하기를 원합니다. 한 사용자는 또한 사용자가 현재 위치에서 이벤트가 얼마나 멀리 떨어져 있는지 확인할 수 있도록 Google지도 통합이 유용한 기능이 될 것이라고 생각했습니다. UX 디자이너로서 우리의 일은 결코 끝나지 않았고 사용자 경험을 향상시키기 위해 제품을 지속적으로 테스트하고 반복해야하지만, 우리는 원래 목표를 성공적으로 달성했습니다. NY Cares 가입 경험을 간소화합니다.

마무리

다음 단계를 위해 팝업 기능을 더욱 개선하고 사용자가 어떤 페이지에서 벗어나거나 이동하라는 메시지가 표시되는지 사용자에게 더 명확하게 알려줄 수 있습니다. 또한 사용자가 참석중인 이벤트를 쉽게 찾을 수 있도록지도 기능을 추가하고 이러한 이벤트가 위치에서 얼마나 멀리 떨어져 있는지 미리 알 수 있습니다. 그런 다음 이러한 기능을 사용자와 함께 테스트하여 이러한 기능이 사이트에 대한 효과적인 변경인지 여부에 대한 데이터를 수집하고 유용한 목적을 제공합니다. UX 프로젝트를 완료하기 위해 그룹으로 일하는 것은 혼자 일하는 것에 반대되는 새로운 과제를 제시합니다. 데이터와 기능에 대한 자신의 생각과 해석은 에코 챔버가 아니라 데이터를 인식하고 해결책을 제시하는 4 가지 의견과 방식 사이의 저글링 행동에 가깝습니다. 합의에 도달하는 것은 때때로 어려운 일 이었지만 궁극적으로 사용자 문제에 대한 의미 있고 효과적인 솔루션을 설계 할 때 4 개의 헤드가 1보다 낫다는 것을 증명했으며 필요할 때 사람들이 조언과 도움을받을 수 있도록하는 것도 위로가됩니다. 12 주 동안 우리는 모든 마음을 모으고 NY Cares 사용자가 향상된 경험을 가질 수 있도록 돕고, 더 중요한 것은 예비 자원 봉사자가 New York Care에 가입하고 돕도록 더 쉽고 더 초대 할 수 있도록 돕습니다.

Suggested posts

Unity의 빠른 프로토 타이핑 : 코 루틴

더 적은 코드와 더 큰 유연성으로 더 많은 작업 수행

Unity의 빠른 프로토 타이핑 : 코 루틴

컴퓨터 프로그램과 디지털 게임은 예상되는 소프트웨어 경험을 생성하는 많은 알고리즘, 작업 및 프로세스로 구성됩니다. 이러한 작업을 병렬로 실행할 수 있습니다. 즉, 동시에 또는 시퀀스 (직렬이라고도 함)로 실행할 수 있습니다.

생년월일 양식 필드에 대한 모범 사례

증거가 말하는 것 vs. OS 패턴 라이브러리

생년월일 양식 필드에 대한 모범 사례

괴짜 토론 중 하나에 이어 최근에 생년월일 양식 필드에 대해 가장 유용한 UX 및 UI 디자인 패턴에 대해 심층 분석을 수행했으며 기존 연구와 모범 사례가 분명히 반영되지 않는다는 사실에 정말 놀랐습니다. Material Design 또는 iOS 14에서 제시 한 UI 툴킷에 있습니다. 해결하려는 문제는 무엇입니까? 생년월일.

Related posts

UX의 진화 이해 : 정보 아키텍처 기반 확장

UX의 진화 이해 : 정보 아키텍처 기반 확장

by Darren Hood Apple Fandom Wiki에 따르면 Don Norman은 1993 년에 Apple에 입사했습니다. 그는“User Experience Architect.

Behance가 당신을 더 나은 UX 디자이너로 만드는 5 가지 비밀

Behance를 사용하여 꿈의 직업을 얻는 방법.

Behance가 당신을 더 나은 UX 디자이너로 만드는 5 가지 비밀

UX 경력을 시작할 때 많은 질문이 있습니다. 당신은 너무 많은 것을 배우고, 찾을 수있는 모든 것을 시도하고 있습니다.

UX / UI 디자이너를위한 5 가지 기본 교훈

디자이너로서 돋보일 수 있도록 이러한 기초를 기억하십시오.

UX / UI 디자이너를위한 5 가지 기본 교훈

제품 디자이너로서 성공하려면 특정 이론에 대한 근본적인 이해가 필수적이라고 생각합니다. 이 기사에서는 예술과 디자인의 차이점을 배우고 디자인이 실제로 의미하는 바가 무엇이며 제품의 품질에 어떤 영향을 미치는지 이해합니다.

의료 기록이 체스 게임처럼 디자인된다면 어떨까요?

의료 기록이 체스 게임처럼 디자인된다면 어떨까요?

체스의 '길들임'게임을 통해 임상 적 유용성의 '사악한'문제를 설명합니다. EHR (Electronic Health Record)은 현대 의학에서 가장 중요한 도구이며 최고의 게임을하지 못하고 있습니다.