Minden nő egészségügyi központjának weboldalának újratervezése

Minden nő Egészségügyi Központja egy nonprofit női abortusz klinika, amely más nők egészségügyi szolgáltatásait is nyújtja.

Idővonal
Három hét

A projekt célja
A meglévő weboldal újratervezése, hogy tükrözze a vállalat újabb, modernabb értékeit, és vonzó legyen a céldemográfia szempontjából.

Üzleti cél
Érdeklődés és közösségi támogatás összegyűjtése, valamint könnyen hozzáférhető információk megszerzése a befogadó és professzionális érzés megteremtése érdekében az adományozók és a weboldalt használó ügyfelek számára.

Találkozni a csapattal

Kontextus
______

Minden nő Egészségügyi Központja 25 éve nyújt kiváló gondozást a nők számára. Az abortusz nehéz és érintő kérdés volt a társadalom számára, ám az Everywoman's Health ezt meg akarja változtatni - azt akarják, hogy az abortusz valami normálabbnak tekintendő, mivel életük során minden harmadik nőnek abortusz lesz. Klinikájuk fel kívánja hatalmazni a nőket arra, hogy lehetővé tegyék számukra a választás szabadságát, és hogy megkönnyítsék az abortusz elvégzését és általában a nők egészségét.

Az Everywoman Egészségügyi Központ igazgatósága egyetértett abban, hogy mivel a weboldal az ügyfelek számára az első vagy a második érintkezési pont, tükröznie kell a klinika véleményét és értékeit, amelyek szintén vonzóak az ügyfelek demográfiai szempontjából (20–40 éves nők). A jelenlegi weboldal egy régebbi és elavult érzelemmel rendelkezik, ami arra készteti a cél felhasználót, hogy azt hitte, hogy az információ elavult, vagy esetleg nincs nyitott és meghívó benyomásuk.

Meglévő webhely képernyőképeiMeglévő webhely képernyőképei

A probléma
A webhelyen nehéz navigálni - a tartalom elsöprő, a felhasználók figyelmen kívül hagyják a szöveget, és azonnal felhívják a klinikát.

Kutatás
______

Áttekintés

  • Felmérések és interjúk
  • Affinitási diagram
  • Személy
  • Tartalom-ellenőrzés
  • Kártyafajta

Felmérések és interjúk

Csapatunk felméréseket készített célfelhasználóink ​​számára (20–40 éves nők), hogy kitölthessük azért, hogy értékes betekintést nyerhessünk frusztrációikról, és személyiséget alkossunk minden nő egészségügyi központjában. A célfelhasználók 20–40 éves nők voltak, akik nők egészségügyi klinikáján jártak vagy tartózkodtak. A felmérések célja az alábbiak megismerése volt, amelynek eredményeit összegyűjtötték és affinitási térképre tették.

  • Hogy megtudja felhasználóink ​​főbb csalódásait az egészségügyi klinika webhelyein;
  • Milyen funkciókat vagy információkat keresnek vagy szeretnének keresni;
  • Annak megismerése, hogy a felhasználók hogyan adományoznak az Everywoman Egészségügyi Központ adományozási céljának részeként.
Példák a felmérésben feltett kérdésekre

Interjúk
Interjúkat készítettünk az EWHC (Mindennapi Egészségügyi Központ) alkalmazottaival és a 20–40 év közötti nőkkel, és hasznos információkat találtunk klinikánk számára. Fő megállapításaink a következők voltak:

  • Az ügyfelek azt akarják, hogy megtalálják a gyors hívásmódját, mivel lehet, hogy nem nagyon jó érzelmi állapotban vannak
  • Sokan az EWHC-hez telefonálnak, ahelyett, hogy megnézzék a weboldalt, mert túl sok olvasni, vagy nem találták meg azt, amit kerestek
  • Jelenleg nem lehet online megbeszéléseket tartani, de fel kell hívnia. Ennek oka minden nő egészségi állapotának és szükségleteinek egyedi jellege

Affinitási diagram
A felmérések és interjúk alapján feltérképeztük, hogy többet tudjunk meg felhasználónkról, frusztrációiról és céljairól

Az interjú és a felmérés eredményeinek affinitási diagramja

Fő megállapításaink a következők voltak:

  • frusztrációk
    - Nehéz kapcsolatba lépni a klinikával
    - Nehéz információt találni
    - Túl sok információ egyszerre
  • Mi készteti az embereket az adományozásra
    - A támogatással kapcsolatos okok
    - Összehangolt értékek
  • Amit a felhasználók szeretnek
    - Könnyű navigáció
    - Könnyen megbeszélhető
    - Hozzáférhetőség és biztonság
  • Személy
    - A nők többsége 20–29 éves
    - Nem vallásos
    - Évi 30 000 dollárt keres

Ebből néhány felhasználói célt fogalmaztunk meg, amelyek elősegítik a lehető legjobb élményt a webhelyen. Képeseknek kell lenniük:

  • Könnyen hívhat egyeztetésre
  • Könnyen hozzáférhet az általános információkhoz
  • Tudja meg a részletes szolgáltatásokat
  • Gyors hozzáférés a klinikához

Személy
Létrehoztuk a felhasználói személyiséget a weboldal újratervezéséhez. Ily módon teljes mértékben megértjük a felhasználók igényeit és a végfelhasználó szem előtt tartásával történő tervezését.

Felhasználó Persona

Tartalom-ellenőrzés
Létrehoztunk egy tartalom-ellenőrzést annak érdekében, hogy jobban megértsük a weboldalon található meglévő tartalmat. A klinikának nagy mennyiségű információval összefüggésben az összes oldal megszervezése és nyomon követése elég nehéz volt. Úgy döntöttünk, hogy ezt javasoljuk az ügyfélnek, hogy milyen tartalmat tudunk kivágni. Mivel azonban a weboldalt gyakran frissítik, nem kell sokat vágni, hanem ezt eszközként használtuk a weboldalon javasolt változások nyomon követésére, például képek hozzáadására, oszlopok, diagramok készítésére stb.

A tartalom-ellenőrzés képernyőképe

Az általunk ellenőrizendő kategóriák az oldal címe, URL, téma, kapcsolódó témák, megjegyzések és megoldás voltak. Témákat és kapcsolódó témákat használtunk annak megértéséhez, hogy a webhely hogyan lett csoportosítva, és hogyan lehetne különféleképpen csoportosítani, ha kapcsolódnak. A megjegyzések általános megjegyzések, amelyeket a weboldalon észlelünk, és a megoldás javasolt ötleteket tartalmaz a jobb navigáció javítására.

Kártyafajta
Kártyafajta tanulmányt készítettünk a céldemográfiai céllal, hogy jobban megértsük, hogyan használják a felhasználók értelmező információkat. Legfontosabb megállapításunk az volt, hogy az emberek csoportosítják a témákhoz kapcsolódó dolgokat, majd adott esetben időrendi sorrendbe. Alkategóriákat hoztak létre azoknak a témáknak a számára, amelyek nem teljesen tartoztak a sajátjához. Ez egy példa az egyik kártyafajtára, amelyet tettünk.

Kártyafajta-példa

Tervezés
______

Áttekintés

  • storyboard
  • Oldaltérkép
  • Főbb jellemzők
  • Felhasználói folyamat

A felhasználói személyiségből elkészítettünk egy forgatókönyvet, hogy szemléltessük és teljes mértékben megértsük, mi lehet a felhasználó frusztrációja, hogyan használják fel a weboldalt, és mi segítheti őket helyzetük megkönnyítésében.

Felhasználói Storyboard

Karen fő csalódása a következő:

  • Nyugtalan és szorongó érzés a túl sok információ miatt
  • Nem tudta, melyik klinikában bízhat meg
  • Nincs egyszerű módja annak, hogy beszéljen valakivel a klinikán
  • A honlapon nem szervezett információk és a képek hiánya

Webhelytérkép

A kártyafajta alapján elemeztük azokat a mintákat és csoportokat, amelyeket a felhasználók választottak, és létrehoztunk egy webhelytérképet, amelyet az ügyfélnek bemutatunk. A piros színű kártyák voltak a főbb változtatások. Az oldalsó piros lapok olyan dolgok, amelyeket eltávolítottak, de a webhely másik részére telepítették.

Az EWHC weboldalán tagsági oldal található, amely a „támogasson minket” alá, azonban ez a tagság kizárólagos, és az emberek csak akkor válhatnak ilyenvé, ha utalják őket. Nem mindig keresnek további tagokat, ezért a vörös színű kiemeléssel kiemelve lehet eltávolítani a webhelyről. A díjakat beépítettük az egyes szolgáltatások oldalára is, hogy elkerüljük a további oldalak szükségességét. Ezenkívül a kutatás eredményeként azt találtuk, hogy az emberek szerettek látni az értékeléseket, és azt szeretnék érezni, hogy megbízhatnak a klinikán, ezért úgy döntöttünk, hogy hangsúlyozzuk a weboldalon található ügyfelek megjegyzéseit. A megfogalmazás túl ügyesnek tűnt, ezért később meg akartuk változtatni.

Úgy döntöttünk, hogy egy legördülő top navigációt könnyű elérni, valamint egy láblécet, hogy az órák és a magánélet mindig az oldalon maradjon.

Főbb jellemzők

A felhasználói csalódások és igények felismerése után meghatároztuk a webhely legfontosabb jellemzőit:

  • Könnyű navigáció
  • Hívás funkció
  • Adományok oldal
  • Könnyű találkozók készítése, megkülönböztetés az online és a találkozó behívása között
  • Átszervezett tartalom
  • Könnyű hozzáférés a klinikához

Felhasználói folyamat

Kialakítottuk a felhasználói folyamatot, hogy beépítsük a legfontosabb funkciókat, és a felhasználói személyeknek meg kell találniuk, hogyan működne weboldalunkon történő navigáció. A kiemelt kék mezők azok a fő jellemzők, amelyek a felhasználói folyamatban vannak. Az egész weboldal áramlása sokkal nagyobb lenne, de úgy döntöttünk, hogy szűkítjük a felhasználó azonnali igényeihez és annak alapján, amit kutatásunk szerint a felhasználók keresnek a webhelyen. Miközben elvégeztük ezt a felhasználói folyamatot, rájöttünk, hogy nagyon sok kilépési pont létezik, ezért megpróbáltuk keresni a felhasználó weboldalon tartásának módját. Minimalizálni akarjuk a kilépési pontokat, de néha azoknak ott kell lennie, hogy hívják a klinikát.

Az EWHC webhely felhasználói folyamata

Prototípus

A prototípus-utazást azzal kezdtük, hogy felvázoltuk az egyes oldalak megjelenítésének ötleteit. Kialakítottuk a fő képernyőket és teszteltük a felhasználókkal, hogy megtudjuk, hogyan tegyük a legjobban a prototípust számukra.

Készítettünk néhány feladatot a felhasználók számára, hogy kiderítsük, sikeres-e a prototípusunk:

1. feladat - Kérjük, olvassa el a klinikát és derítse ki, milyen szolgáltatásokat kínálnak

2. feladat - Kérjük, olvassa el a felkínált abortusz módszereket

3. feladat - Kérjük, olvassa el a születésszabályozást, és nézze meg az IUD lehetőségeket

4. feladat - kérjük, egyeztessen időpontot

5. feladat - Kérjük, olvassa el az ajánlásokat

6. feladat - Kérjük, keressen forrásokat, majd keressen egy másik abortuszklinikat

7. feladat - Kérjük, adományozjon a szervezetnek

A tesztelés fő eredményei:

Honlap - Kezdetben volt egy statikus gomb, két különböző lehetőséggel (hívás és e-mail). Ez arra késztette a felhasználót, hogy túl sok CTA létezik, ami túlterhelő a felhasználók számára. Úgy döntöttünk, hogy ezt egy kicsit lebegő hívógombra változtatjuk, amely továbbra is kényelmessé teszi a felhasználókat az oldal eléréséhez és kevesebb helyének elfoglalásához.

Kapcsolattartási oldal - Miután megbeszélést folytatott ügyfelünkkel, úgy döntöttünk, hogy hozzáadunk parkolási információt, hogy a felhasználók kevésbé stresszesen utazzanak. Azt mondták, hogy sok olyan hívást kapnak ügyfeleiktől, amelyek felkérik a parkolást és összezavarodnak / elvesznek.

Szolgáltatások oldal - Kezdetben volt egy szolgáltatásoldal, amely minden szolgáltatást megjelenített, és oldalra kiterjeszthető listája volt, de túl sok információ volt, és zavaró volt a felhasználóink ​​számára, ezért megszabadultunk ezen az oldalon.

A tesztelés után megváltoztattuk a navigációt is - úgy találtuk, hogy egyes dolgoknak nincs értelme, ezért úgy döntöttünk, hogy frissítjük webhelytérképünket, hogy jobban megjeleníthessük a navigációt.

V2 webhelytérkép - tesztelés után frissítve

Eltávolítottuk a webhelytérképről a kivett funkciókat, és hozzáadtunk a „találkozó megszervezése” kifejezést a „szolgáltatások” részhez is, mivel a felhasználók megpróbáltak egy találkozót tenni a legördülő menüből. Frissítettük a „Rólunk” legördülő menüt is, mivel sok információ volt, amit jobban szeretnénk csoportosítani.

Középhűség prototípus

A papír prototípusaink tesztelése után a Sketch-en digitalizáltuk, hogy jobban megjelenítsük az áramlást, majd még kipróbáltuk.

Létrehoztunk egy „hasznos linkek és források” oldalt, hogy az a felhasználó számára erőforrás-szótár legyen. Téma szerint csoportosítottuk őket, és létrehozott egy legördülő menüt, hogy ez ne legyen hosszú statikus lista a felhasználó számára. A tesztelés után azt találtuk, hogy a legördülőket túl nagyokká tettük, így lecsökkentük.

Megpróbáltuk megkülönböztetni azt a tényt is, hogy nem foglalhat dolgokat online és csak telefonon, a kapcsolatfelvétel oldalon. Kipróbáltuk, hogy a felhasználók továbbra is azt gondolják, hogy online fognak foglalni. Az eredeti weboldalon találtak utasításokat erről, de az összes fontos információ után jön, így figyelmen kívül hagyják. Ezt tetejére tesszük és CTA-val hívjuk fel, hogy a felhasználók elolvassák.

A felső navigációs sávban a felhasználók ezt kipróbálták, és azt állították, hogy a legördülő menü nem egyértelmű, és szolgáltatási oldalt várnak el. A legördülő nyíl hozzáadásával jeleztük, hogy ez egy legördülő menü. A felhasználók egyeztetni akartak egy szolgáltatás alatt is, de nem találták meg ott, ezért a könnyű elérhetőség érdekében ott tettük meg.

Megváltoztattuk a megfogalmazást az „ügyfelek megjegyzései” helyett „ajánlások” és „az emberek szeretnek bennünk” kifejezést, hogy a weboldal személyre szabottabbá váljon, és kevésbé vállalkozzon / szakmailag, hogy valóban megteremtse a bizalmat és a megbízhatóságot.

Hangsúlyozni kívántuk az általunk létrehozott összehasonlító orvosi és műtéti abortuszdiagramot, és a felhasználók tesztelték, hogy nem tudják könnyen megtalálni. Úgy döntöttünk, hogy CTA gombot helyezünk, hogy rávegyük a figyelmet.

Végső képernyők

Az UI csapata ezután tovább haladt, és gyönyörű márkanevet és formatervet készített a prototípushoz. Kattintson ide és ide, hogy megtekintsék kutatásaikat és ötleteiket.

Tekintse meg a végső prototípusunkat itt és itt

Jövőbeli megfontolások

  • Online találkozók foglalása. Az EWHC jelenleg egy harmadik fél foglalási rendszerét építi be a felhasználói élmény fokozása érdekében, így nem kell behívniuk
  • Keresési funkció - Mivel oly sok a weboldalon a tartalom, hasznos lehet egy keresési funkció, hogy gyorsan elérhessen valamit, amelyet a felhasználó keres
  • Kenyér morzsák és linkek a képernyőkhöz, amelyekhez csak több kattintás érhető el az egyszerű navigálás érdekében