Przeprojektowanie witryny centrum zdrowia Everywoman

Centrum Zdrowia Everywoman to niedochodowa klinika aborcyjna dla kobiet, która oferuje również usługi zdrowotne dla innych kobiet.

Oś czasu
Trzy tygodnie

Cel projektu
Aby przeprojektować istniejącą stronę internetową, aby odzwierciedlić nowsze, bardziej nowoczesne wartości firmy i odwołać się do docelowej grupy demograficznej.

Cel biznesowy
Aby zebrać zainteresowanie i wsparcie społeczności oraz mieć łatwo dostępne informacje, aby stworzyć integracyjne, profesjonalne poczucie dawcy i klientów korzystających ze strony internetowej.

Poznaj drużynę

Kontekst
______

Centrum Zdrowia Everywoman zapewnia kobietom doskonałą opiekę od ponad 25 lat. Aborcja była trudnym i drażliwym tematem dla społeczeństwa, ale zdrowie każdej kobiety chce to zmienić - chcą, aby aborcja była postrzegana jako coś bardziej normalnego, ponieważ 1 na 3 kobiety w ciągu życia będzie miała aborcję. Ich klinika chce wzmocnić pozycję kobiet, aby mogły mieć swobodę wyboru i aby mogły czuć się swobodnie po aborcji i ogólnie dla zdrowia kobiet.

Zarząd Centrum Zdrowia Everywoman zgodził się, że ponieważ strona internetowa stanowi pierwszy lub drugi punkt kontaktu dla ich klientów, musi odzwierciedlać poglądy i wartości kliniki, które również przemawiają do ich docelowej grupy demograficznej (kobiety w wieku 20–40 lat). Obecna strona internetowa ma starsze i nieaktualne odczucia, co może sprawić, że docelowy użytkownik uwierzy, że informacje są nieaktualne lub mogą nie mieć otwartego i zachęcającego wrażenia.

Zrzuty ekranu z istniejącej strony internetowejZrzuty ekranu z istniejącej strony internetowej

Problem
Witryna jest trudna w nawigacji - treść jest przytłaczająca, a użytkownicy ignorują tekst i dzwonią do kliniki.

Badania
______

Przegląd

  • Ankiety i wywiady
  • Diagram powinowactwa
  • Osoba
  • Audyt treści
  • Sortowanie kart

Ankiety i wywiady

Nasz zespół stworzył ankiety dla naszych docelowych użytkowników (kobiety w wieku 20–40 lat), aby je wypełnić, abyśmy mogli uzyskać cenny wgląd w ich frustracje i stworzyć osobowość Centrum Zdrowia Everywoman. Docelowymi użytkownikami były kobiety w wieku 20–40 lat, które były lub rozważały wizytę w klinice zdrowia kobiet. Celem ankiet było ustalenie poniżej, a wyniki tych badań zostały zebrane i umieszczone na mapie powinowactwa.

  • Aby dowiedzieć się, jakie są główne frustracje naszych użytkowników w witrynach kliniki zdrowia;
  • Jakich funkcji lub informacji szukają lub chcieliby szukać;
  • Aby dowiedzieć się, w jaki sposób użytkownicy przekazują darowizny w ramach celu darowizny Centrum Zdrowia Everywoman.
Przykłady pytań zadawanych w ankiecie

Wywiady
Przeprowadziliśmy wywiady z pracownikami EWHC (Centrum Zdrowia Everywoman) i kobiet w wieku 20–40 lat i znaleźliśmy przydatne informacje dla naszej kliniki. Nasze główne ustalenia to:

  • Klienci chcą szybko znaleźć sposób, aby zadzwonić, ponieważ mogą nie być w bardzo dobrym stanie emocjonalnym
  • Wiele osób wybiera telefony EWHC zamiast patrzeć na stronę, ponieważ jest za dużo do przeczytania lub nie mogą znaleźć tego, czego szukają
  • Obecnie nie możesz umawiać się na spotkania online, ale musisz zadzwonić. Wynika to z wyjątkowej natury stanu zdrowia i potrzeb każdej kobiety

Diagram powinowactwa
Na podstawie ankiet i wywiadów zaplanowaliśmy to, aby dowiedzieć się więcej o naszym użytkowniku, ich frustracjach i celach

Schemat powinowactwa wyników wywiadów i ankiet

Nasze główne ustalenia to:

  • Frustracje
    - Trudno skontaktować się z kliniką
    - Trudno znaleźć informacje
    - Za dużo informacji na raz
  • Co sprawia, że ​​ludzie przekazują darowizny
    - Powiązane przyczyny wsparcia
    - Wyrównane wartości
  • Co lubią użytkownicy
    - Łatwa nawigacja
    - Łatwo umówić się na spotkanie
    - Dostępność i bezpieczeństwo
  • Osoba
    - Większość kobiet jest w wieku 20–29 lat
    - Nie religijny
    - Zarabia około 30 000 $ rocznie

Na tej podstawie stworzyliśmy cele użytkowników, które pomogą im zapewnić najlepszą możliwą obsługę witryny. Powinny być w stanie:

  • Łatwo zadzwoń, aby umówić się na spotkanie
  • Łatwy dostęp do ogólnych informacji
  • Znajdź szczegółowe usługi
  • Szybki dostęp do informacji o klinice

Osoba
Stworzyliśmy persona użytkownika do przeprojektowania witryny. W ten sposób możemy w pełni zrozumieć potrzeby użytkowników i zaprojektować je z myślą o użytkowniku końcowym.

Osoba użytkownika

Audyt treści
Stworzyliśmy audyt treści, aby lepiej zrozumieć istniejące treści na stronie. Dzięki dużej ilości informacji w klinice zorganizowanie i śledzenie wszystkich stron było dużym wyzwaniem. Postanowiliśmy to zrobić, aby zaproponować klientowi, jakie treści możemy wyciąć. Ponieważ jednak witryna jest często aktualizowana, nie ma wiele do wycięcia, ale zamiast tego użyliśmy tego jako narzędzia do śledzenia zmian, które zaproponowaliśmy dla witryny, takich jak dodawanie zdjęć, tworzenie kolumn, wykresów itp.

Zrzut ekranu z audytu treści

Kategorie, które wybraliśmy do kontroli, to tytuł strony, adres URL, temat, powiązane tematy, komentarze i rozwiązanie. Użyliśmy tematów i tematów pokrewnych, aby zrozumieć, w jaki sposób strona została pogrupowana, oraz sposób, w jaki mogłaby być potencjalnie inaczej pogrupowana, jeśli są powiązane. Komentarze są ogólnymi komentarzami, które zauważamy na temat strony internetowej, a rozwiązaniem są propozycje pomysłów na lepszą poprawę nawigacji.

Sortowanie kart
Przeprowadziliśmy badanie sortowania kart z naszą docelową grupą demograficzną, aby lepiej zrozumieć, w jaki sposób użytkownicy organizują informacje, które mają sens. Naszym głównym odkryciem było to, że ludzie grupują rzeczy, które są powiązane tematycznie, a następnie według porządku chronologicznego, jeśli to istotne. Stworzyli podkategorie dla tematów, które również nie należały do ​​nich. To jest przykład jednego z rodzajów kart, które zrobiliśmy.

Przykład sortowania kart

Planowanie
______

Przegląd

  • Storyboard
  • Mapa strony
  • Kluczowe cechy
  • Przepływ użytkowników

Na podstawie wizerunku użytkownika opracowaliśmy scenariusz, aby zwizualizować i w pełni zrozumieć, jakie mogą być frustracje użytkownika, sposób, w jaki korzystałby ze strony internetowej i co może pomóc mu w jego sytuacji.

Storyboard użytkownika

Główne frustracje Karen to:

  • Niepokój i niepokój spowodowane przytłaczającą ilością informacji
  • Nie wiedząc, do której kliniki może zaufać
  • Nie mając łatwego sposobu na rozmowę z kimś w klinice
  • Informacje na stronie internetowej, które nie są zorganizowane i brak zdjęć

Mapa strony

Z sortowania kart przeanalizowaliśmy wzorce i grupy wybrane przez użytkowników i stworzyliśmy mapę witryny do prezentacji klientowi. Karty wyróżnione na czerwono to główne zmiany, które wprowadziliśmy. Czerwone kartki z boku to rzeczy, które zostały usunięte, ale zaimplementowane w innej części witryny.

EWHC ma stronę członkowską na swojej stronie internetowej, która jest objęta „wspierajcie nas”, jednak członkostwo to jest wyłączne i ludzie mogą stać się jednym tylko, jeśli zostaną skierowani. Nie zawsze szukają większej liczby członków, dlatego zaznaczono ją na czerwono, aby usunąć z witryny. Uwzględniliśmy również opłaty na stronie poszczególnych usług, aby wyeliminować potrzebę dodatkowych stron. Ponadto z badań wynika, że ​​ludzie lubią oglądać recenzje i chcą czuć, że mogą zaufać klinice, dlatego postanowiliśmy podkreślić komentarze klientów, które znajdują się na stronie internetowej. Brzmiało to zbyt interesująco, więc chcieliśmy to zmienić później.

Zdecydowaliśmy się na rozwijaną nawigację, która jest łatwo dostępna, a także stopkę, aby godziny i prywatność pozostały na stronie przez cały czas.

Kluczowe cechy

Na podstawie informacji o frustracjach i potrzebach użytkowników określiliśmy kluczowe funkcje witryny:

  • Łatwa nawigacja
  • Funkcja połączenia
  • Strona darowizn
  • Łatwe ustalanie terminów i rozróżnianie między trybem online a dzwonieniem na termin
  • Zorganizowana treść
  • Łatwy dostęp do kontaktu z kliniką

Przepływ użytkowników

Zaplanowaliśmy przepływ użytkowników, aby uwzględnić kluczowe funkcje, a osobowości użytkowników muszą dowiedzieć się, jak działa nawigacja w naszej witrynie. Podświetlone niebieskie pola to miejsca, w których najważniejsze funkcje znajdują się w przepływie użytkowników. Przepływ całej witryny byłby znacznie większy, ale postanowiliśmy zawęzić ją do natychmiastowych potrzeb użytkownika i tego, co według naszych badań wynika, że ​​użytkownicy szukają na stronie. Podczas wykonywania tego przepływu użytkowników zdaliśmy sobie sprawę, że istnieje całkiem sporo punktów wyjścia, więc staraliśmy się znaleźć sposoby na utrzymanie użytkownika na stronie. Chcemy zminimalizować punkty wyjścia, ale czasami te punkty wyjścia muszą tam być, aby mogli zadzwonić do kliniki.

Przepływ użytkowników witryny EWHC

Prototypowanie

Rozpoczęliśmy naszą podróż do tworzenia prototypów od szkicowania pomysłów, jak wizualizujemy poszczególne strony. Wyciągnęliśmy nasze główne ekrany i przetestowaliśmy z użytkownikami, aby dowiedzieć się, jak zrobić dla nich najlepszy prototyp.

Stworzyliśmy pewne zadania dla użytkowników, abyśmy mogli sprawdzić, czy nasz prototyp się powiódł:

Zadanie 1 - przeczytaj o klinice i dowiedz się, jakie usługi oferują

Zadanie 2 - przeczytaj o różnych oferowanych metodach aborcji

Zadanie 3 - Proszę przeczytać o kontroli urodzeń i spojrzeć na opcje wkładki wewnątrzmacicznej

Zadanie 4 - Umów się na spotkanie

Zadanie 5 - Proszę przeczytać referencje

Zadanie 6 - Poszukaj zasobów, a następnie znajdź inną klinikę aborcyjną

Zadanie 7 - przekaż darowiznę na rzecz organizacji

Główne ustalenia z testów:

Strona główna - początkowo mieliśmy przycisk, który był statyczny z dwiema różnymi opcjami (połączenie kontra e-mail). To sprawiło, że użytkownik poczuł, że istnieje zbyt wiele wezwań do działania, które są przytłaczające dla użytkowników. Zdecydowaliśmy się zmienić to na mały, pływający przycisk połączenia, który wciąż zapewnia użytkownikom wygodny dostęp do strony i zajmuje mniej miejsca.

Strona kontaktowa - po rozmowie z naszym klientem postanowiliśmy dodać informacje o parkowaniu, aby użytkownicy podróżowali mniej stresująco. Powiedzieli, że odbierają wiele połączeń od swoich klientów z pytaniem o parkowanie i zagubienie / zagubienie.

Strona usług - początkowo mieliśmy stronę usług, aby wyświetlić każdą usługę, i mieliśmy boczną listę rozwijaną, ale było to zbyt wiele informacji i było mylące dla naszych użytkowników, więc pozbyliśmy się tej strony.

Zmieniliśmy również nawigację po testach - stwierdziliśmy, że niektóre rzeczy nie miały sensu, dlatego postanowiliśmy zaktualizować naszą mapę witryny, aby móc lepiej wizualizować nawigację.

Mapa strony V2 - zaktualizowana po testach

Usunęliśmy z mapy witryny funkcje, które zostały usunięte, a także dodaliśmy „umówienie spotkania”, aby znaleźć się pod „usługami”, ponieważ użytkownicy próbowali umówić się na spotkanie z tego menu rozwijanego. Zaktualizowaliśmy także listę rozwijaną „O nas”, ponieważ było wiele informacji, które chcieliśmy lepiej pogrupować.

Prototyp Mid-Fidelity

Po przetestowaniu naszych papierowych prototypów zdigitalizowaliśmy go w programie Sketch, aby lepiej wizualizować przepływ, a następnie przetestowaliśmy go jeszcze bardziej.

Stworzyliśmy stronę „użyteczne linki i zasoby”, aby stała się słownikiem zasobów dla użytkownika. Pogrupowaliśmy je według tematów i utworzyliśmy menu rozwijane, aby nie była to długa statyczna lista dla użytkownika. Po testach okazało się, że stworzyliśmy zbyt duże zrzuty, więc zmniejszyliśmy je.

Staraliśmy się również odróżnić fakt, że nie można zarezerwować rzeczy online i tylko telefonicznie na stronie kontaktowej. Testowaliśmy, że użytkownicy nadal sądzili, że dokonają rezerwacji online. Na oryginalnej stronie internetowej były instrukcje na ten temat, ale pojawia się ona po wszystkich ważnych informacjach, więc zostaje zignorowana. Umieszczamy to na górze i wywołujemy wezwanie do działania, aby użytkownicy mogli go przeczytać.

W przypadku górnego paska nawigacyjnego użytkownicy przetestowali to i powiedzieli, że menu rozwijane nie jest jasne i że oczekują strony usług. Dodaliśmy strzałkę rozwijaną, aby wskazać, że jest to menu rozwijane. Użytkownicy chcieli również umówić się na spotkanie w ramach usług, ale nie mogli go tam znaleźć, dlatego umieściliśmy go tam, aby był łatwo dostępny.

Chcieliśmy zmienić sformułowanie z „komentarzy klientów” na „referencje” i „to, co ludzie w nas uwielbiają”, aby uczynić witrynę bardziej przyjazną i mniej biznesową / profesjonalną, aby naprawdę budować zaufanie i wiarygodność.

Chcieliśmy podkreślić porównaną przez nas tabelę aborcji medycznej i chirurgicznej, a użytkownicy przetestowali, że nie mogli jej łatwo znaleźć. Postanowiliśmy umieścić przycisk CTA, aby zwrócić na to większą uwagę.

Ostateczne ekrany

Zespół UI poszedł do przodu i stworzył piękny branding i projekt prototypu. Kliknij tutaj i tutaj, aby zobaczyć ich badania i idee.

Zobacz nasz ostateczny prototyp tutaj i tutaj

Przyszłe uwagi

  • Rezerwacje online na spotkania. Obecnie EWHC wprowadza system rezerwacji stron trzecich, aby lepiej poprawić wrażenia użytkownika, aby nie musiał dzwonić
  • Funkcja wyszukiwania - ponieważ w witrynie znajduje się tak wiele treści, może być przydatna funkcja wyszukiwania, aby szybko uzyskać dostęp do czegoś konkretnego, czego szuka użytkownik
  • Okruchy chleba i linki do ekranów, do których można uzyskać dostęp tylko za pomocą kilku kliknięć w celu ułatwienia nawigacji