Jokaisen naisen terveyskeskuksen verkkosivuston uudelleensuunnittelu

Jokaisen naisen terveyskeskus on voittoa tavoittelematon naisten aborttiklinikka, joka tarjoaa myös muita naisten terveyspalveluita.

Aikajana
Kolme viikkoa

Projektin tavoite
Suunnitellaan nykyinen verkkosivusto uudelleen vastaamaan yrityksen uudempia, nykyaikaisempia arvoja ja vetoamaan kohderyhmään.

Liiketoiminnan tavoite
Kerätä kiinnostusta ja yhteisötukea ja saada helposti saatavilla olevaa tietoa luoda osallistavan, ammattimaisen tunteen lahjoittajille ja verkkosivua käyttäville asiakkaille.

Tapaa tiimi

konteksti
______

Jokaisen naisen terveyskeskus on tarjonnut erinomaista hoitoa naisille yli 25 vuoden ajan. Abortti on ollut kova ja koskettava aihe yhteiskunnassa, mutta Everywoman's Health haluaa muuttaa tätä - he haluavat, että abortti nähdään normaalimpana, sillä joka kolmas naisesta elämässään tekee abortin. Heidän klinikka haluaa antaa naisille mahdollisuuden antaa heille mahdollisuus olla valinnanvapaus, ja antaa heille mahdollisuuden tuntea olonsa rauhalliseksi abortin ja naisten terveyden suhteen yleensä.

Jokaisen naisen terveyskeskuksen hallitus on kaikki yhtä mieltä siitä, että koska verkkosivusto on ensimmäinen tai toinen kosketuskohta heidän asiakkailleen, sen on heijastettava klinikan näkemyksiä ja arvoja, jotka vetoavat myös heidän kohderyhmään (naiset 20–40-vuotiaat). Nykyisellä verkkosivustolla on vanhempi ja vanhentunut tunne siitä, mikä voi antaa kohdekäyttäjälle uskoa, että tiedot ovat vanhentuneita tai heillä ei ehkä ole avointa ja kutsuvaa vaikutelmaa.

Nykyiset verkkosivun näyttökuvatNykyiset verkkosivun näyttökuvat

Ongelma
Verkkosivustolla on vaikea navigoida - sisältö on ylivoimaista ja käyttäjät jättävät tekstin huomiotta ja soittavat klinikalle heti.

tutkimus
______

Yleiskatsaus

  • Kyselyt ja haastattelut
  • Affiniteettikaavio
  • persoona
  • Sisäisen tarkastuksen
  • Kortin lajittelu

Kyselyt ja haastattelut

Tiimimme loi kyselyjä kohdekäyttäjillemme (20–40-vuotiaita naisia) täydentääkseen, jotta voimme saada arvokasta tietoa heidän turhautumisestaan ​​ja rakentaa persoonallisuuden jokaisen naisen terveyskeskukseen. Kohderyhmänä olivat 20–40-vuotiaat naiset, jotka ovat käyneet tai harkineet menemistä naisten terveysklinikalle. Tutkimusten tavoitteena oli selvittää alla olevat tiedot, ja niiden tulokset koottiin ja laitettiin affiniteettikarttaan.

  • Selvittääksemme käyttäjien tärkeimmät turhautumiset terveysklinikan verkkosivuilla;
  • Mitä ominaisuuksia tai tietoja he etsivät tai haluaisivat etsiä;
  • Selvittää, kuinka käyttäjät lahjoittavat osana jokaisen naisen terveyskeskuksen lahjoitustavoitetta.
Esimerkkejä kyselyssä esitetyistä kysymyksistä

haastattelut
Teimme haastatteluja EWHC: n (jokaisen naisen terveyskeskuksen) työntekijöiden ja 20–40-vuotiaiden naisten kanssa. Löysimme hyödyllistä tietoa klinikallemme. Tärkeimmät havaintomme olivat:

  • Asiakkaat haluavat löytää tavan soittaa nopeasti, koska he eivät ehkä ole kovin hyvässä tunnetilassa
  • Monet ihmiset, jotka menevät EWHC-puheluihin, eivät katso verkkosivustoa, koska lukemista on liikaa tai he eivät löytäneet etsimäänsä
  • Tällä hetkellä et voi tehdä tapaamisia verkossa, mutta sinun on soitettava. Tämä johtuu jokaisen naisen terveydentilan ja tarpeiden ainutlaatuisesta luonteesta

Affiniteettikaavio
Kyselyjen ja haastattelujen perusteella kartoitimme sen saadaksesi lisätietoja käyttäjästämme, hänen turhautumisistaan ​​ja tavoitteistaan

Haastattelu- ja kyselytulosten affiniteettikaavio

Tärkeimmät havaintomme olivat:

  • turhautumista
    - Vaikea yhteys klinikkaan
    - Vaikea löytää tietoa
    - Liian paljon tietoa kerralla
  • Mikä saa ihmiset lahjoittamaan
    - Asiaan liittyvät syyt tukemiseen
    - Kohdistetut arvot
  • Mitä käyttäjät pitävät
    - Helppo navigointi
    - Helppo sopia tapaamisesta
    - Saavutettavuus ja turvallisuus
  • persoona
    - Suurin osa naisista on 20–29-vuotiaita
    - Ei uskonnollinen
    - Ansaitsee noin 30 000 dollaria vuodessa

Tämän perusteella olemme luoneet joitain käyttäjätavoitteita, jotka auttavat tarjoamaan heille parhaan mahdollisen kokemuksen verkkosivustolla. Heidän pitäisi pystyä:

  • Soita helposti sopiaksesi tapaamisen
  • Hyvä pääsy yleisiin tietoihin
  • Ota selvää yksityiskohtaisista palveluista
  • Saa nopeasti tietoa klinikan tiedoista

persoona
Loimme käyttäjän persoonan sivuston uudelleensuunnitteluun. Tällä tavalla voimme ymmärtää täysin käyttäjien tarpeet ja suunnittelun loppukäyttäjän mielessä.

Käyttäjäpersona

Sisäisen tarkastuksen
Loimme sisällön tarkastuksen, jotta voimme ymmärtää paremmin verkkosivustolla olevaa sisältöä. Koska klinikalla on paljon tietoa, kaikkien sivujen organisointi ja seuranta oli melko haaste. Päätimme tehdä tämän ehdottaaksemme asiakkaalle millaista sisältöä voimme leikata. Koska verkkosivustoa päivitetään usein, siellä ei ole paljon leikattavaa, vaan käytimme sen sijaan tätä työkaluna seurataksemme verkkosivustolle ehdottamiamme muutoksia, kuten kuvien lisäämistä, sarakkeiden, kaavioiden luomista jne.

Näyttökuva sisältötarkastuksesta

Tarkastamamme kategoriat olivat sivun otsikko, URL, aihe, liittyvät aiheet, kommentit ja ratkaisu. Kävimme aiheita ja niihin liittyviä aiheita ymmärtääksesi tapaa, jolla verkkosivusto on ryhmitelty, ja tapaan, jolla se voidaan mahdollisesti ryhmitellä toisin, jos ne liittyvät toisiinsa. Kommentit ovat yleisiä kommentteja, jotka huomaamme verkkosivustosta, ja ratkaisuun on ehdotettu ideoita navigoinnin parantamiseksi.

Kortin lajittelu
Teimme korttilajittelututkimuksen kohderyhmämme kanssa ymmärtääksemme paremmin, kuinka käyttäjät järjestävät järkevää tietoa. Tärkein havaintomme oli, että ihmiset ryhmittelevät asiat, jotka liittyvät aiheeseen, ja tarvittaessa kronologisessa järjestyksessä. He loivat alaluokkia aiheille, jotka eivät aivan kuuluneet sellaisenaan kuin omatkin. Tämä on esimerkki yhdestä korttityypistä, jonka teimme.

Esimerkki kortin lajittelusta

Suunnittelu
______

Yleiskatsaus

  • kuvakäsikirjoitus
  • Sivukartta
  • Avainominaisuudet
  • Käyttäjävirta

Käyttäjäpersoonasta me piirustimme kuvakäsikirjan visualisoidaksesi ja ymmärtääksesi täysin, millaisia ​​käyttäjän turhautumiset voivat olla ja kuinka he käyttäisivät verkkosivustoa ja mikä voisi auttaa heitä tilanteensa helpottamisessa.

User Storyboard

Karenin tärkeimmät turhautumiset ovat:

  • Tuntuu levottomalta ja ahdistuneelta valtavan määrän tiedon vuoksi
  • Et tiedä mihin klinikkaan hän voi luottaa
  • Meillä ei ole helppoa tapaa keskustella jonkun kanssa klinikalla
  • Tiedot verkkosivustolla, joita ei ole järjestetty, ja kuvien puute

Sivukartta

Korttilajittelusta analysoimme käyttäjien valitsemia malleja ja ryhmiä ja loimme sivukartan esitelläkseen asiakkaalle. Punaisella korostetut kortit olivat suuria muutoksia, joita teimme. Puolella olevat punaiset kortit ovat asioita, jotka on poistettu, mutta toteutettu verkkosivuston toiseen osaan.

EWHC: n verkkosivustolla on jäsensivu, joka kuuluu ”tue meitä” -kohtaan. Tämä jäsenyys on kuitenkin yksinoikeus, ja ihmisistä voi tulla vain, jos heidät on kutsuttu. He eivät aina etsi uusia jäseniä, joten se on korostettu punaisella poistettavaksi verkkosivustolta. Olemme sisällyttäneet maksut myös yksittäisiin palvelusivuihin poistaaksesi ylimääräisten sivujen tarpeen. Lisäksi tutkimuksesta havaitsimme, että ihmiset halunnut nähdä arvosteluita ja halusivat tuntea voivansa luottaa klinikkaan, joten päätimme korostaa verkkosivustolla olevia asiakaskommentteja. Sanamuoto näytti liian liike-elämältä, joten halusimme muuttaa sitä myöhemmin.

Päätimme pudotusvalikosta, johon on helppo päästä käsiksi, sekä alatunnisteen, jotta tunnit ja yksityisyys pysyvät aina sivulla.

Avainominaisuudet

Saatuaan selville käyttäjän turhautumiset ja tarpeet määrittelimme tärkeimmät ominaisuudet, jotka verkkosivustolla on oltava:

  • Helppo navigointi
  • Puheluominaisuus
  • Lahjoitukset -sivu
  • Tee tapaamiset helposti ja erottele verkossa ja tapaamisen välillä
  • Uudelleen järjestetty sisältö
  • Helppo yhteys klinikkaan

Käyttäjävirta

Olemme kartoittaneet käyttäjävirran sisällyttämään tärkeimmät ominaisuudet ja käyttäjän henkilöiden on selvitettävä, kuinka verkkosivustomme navigointi toimisi. Korostetut siniset ruudut ovat tärkeimmät ominaisuudet käyttäjän virtauksessa. Koko verkkosivuston virtaus olisi paljon suurempi, mutta päätimme rajata sitä käyttäjän välittömien tarpeiden vuoksi ja sen perusteella, mitä tutkimuksemme kertoi käyttäjille, joita käyttäjät etsivät verkkosivustolta. Suorittaessaan tätä käyttäjävirtaa huomasimme, että lähtöpisteitä on melko vähän, joten yritimme etsiä tapoja pitää käyttäjän verkkosivuilla. Haluamme minimoida poistumispaikat, mutta joskus näiden poistumispaikkojen on oltava siellä, jotta he voivat soittaa klinikalle.

EWHC-verkkosivuston käyttäjävirta

prototyyppien

Aloitimme prototyyppimatkamme luonnostamalla ideoita siitä, kuinka visualisoimme yksittäiset sivut. Piirrimme pääruudumme ja testasimme käyttäjien kanssa selvittääkseen kuinka tehdä prototyyppi heille parhaiten.

Olemme luoneet käyttäjille joitain tehtäviä, jotta voimme selvittää, onko prototyyppimme onnistunut:

Tehtävä 1 - Lue klinikasta ja selvitä, mitä palveluja he tarjoavat

Tehtävä 2 - tutustu tarjottuihin aborttimenetelmiin

Tehtävä 3 - Lue synnytyksen valvonnasta ja katso IUD-vaihtoehtoja

Tehtävä 4 - Tee tapaaminen

Tehtävä 5 - Lue suosittelut

Tehtävä 6 - etsi resursseja ja etsi sitten toinen aborttiklinikka

Tehtävä 7 - Lahjoita organisaatiolle

Testauksen tärkeimmät havainnot:

Kotisivu - Alun perin meillä oli staattinen painike kahdella eri vaihtoehdolla (soita vs. sähköposti). Tämä sai käyttäjän mielestä, että CTA: ta oli liikaa, mikä on käyttäjille ylivoimaista. Päätimme muuttaa tämän pieneksi kelluvaan puhelunäppäimeen, joka pitää käyttäjän silti kätevänä päästä sivulle ja viedä siihen vähemmän tilaa.

Yhteystiedot - Keskustellessamme asiakkaamme kanssa päätimme lisätä pysäköintitietoja, jotta käyttäjät matkustavat vähemmän stressaavalla tavalla. He sanoivat, että he saavat monta puhelua asiakkailtaan, jotka kysyvät pysäköintiä ja hämmentymistä.

Palvelusivu - Meillä oli alun perin palvelusivu näyttää jokainen palvelu ja sillä oli sivuttain laajennettava luettelo, mutta se oli liikaa tietoa ja oli käyttäjille hämmentävää, joten pääsimme eroon tästä sivusta.

Muutimme navigointia myös testauksen jälkeen - havaitsimme, että joillakin asioilla ei ollut järkeä, joten päätimme päivittää sivustokarttamme voidaksesi visualisoida navigoinnin paremmin.

Sivukartta V2 - Päivitetty testauksen jälkeen

Poistimme sivustokartasta poistetut ominaisuudet ja lisäsimme 'tapaamisen tekemisen' 'palveluiden' alle, koska käyttäjät yrittivät tapaamisen kyseisestä pudotusvalikosta. Päivitimme myös avattavan meistä -kohdan, koska oli paljon tietoa, jonka halusimme ryhmitellä paremmin.

Mid-Fidelity prototyyppi

Kun olet testannut paperiprototyyppimme, digitalisoimme sen Sketchillä visuaalisen virtauksen parantamiseksi ja testaamme sen jälkeen lisää.

Loimme 'hyödylliset linkit ja resurssit' -sivun, jotta siitä tulisi käyttäjän sanastoresurssipankki. Ryhmittelimme ne aiheittain ja loimme avattavan valikon, jotta se ei ole käyttäjän pitkä staattinen luettelo. Testauksen jälkeen huomasimme, että olemme luoneet pudotusvalit liian suuriksi, joten kutistimme niitä alas.

Yritimme erottaa myös sen, että et voi varata asioita verkossa ja vain puhelimitse Ota yhteyttä -sivulta. Testasimme, että käyttäjät ajattelivat edelleen varaavansa verkossa. Alkuperäisessä verkkosivustossa oli ohjeita tästä, mutta se tulee kaikkien tärkeiden tietojen jälkeen, joten sitä ei huomioida. Laitamme tämän huipulle ja soitamme siitä puhelun CTA: lla, jotta käyttäjät lukevat sen.

Ylhäällä olevassa navigointipalkissa käyttäjät kokeilivat tätä ja sanoivat, että avattava valikko ei ollut selvä ja että he odottivat palvelusivua. Lisäsimme avattavan nuolen osoittamaan, että se on avattava valikko. Käyttäjät halusivat myös sopia tapaamisen palveluiden alla, mutta eivät löytäneet sitä sieltä, joten sijoitimme sinne helpon pääsyn.

Halusimme muuttaa sanamuoto "asiakaskommentit" sanoiksi "suosittelut" ja "mitä ihmiset rakastavat meitä" tehdäksemme verkkosivustosta entistä henkilökohtaisemman ja vähemmän liiketaloudellisen / ammattimaisemman ja luomaan luotettavuuden.

Halusimme korostaa luomaamme vertailtavien lääketieteellisten ja kirurgisten aborttitaulukoiden vertailua, ja käyttäjät testasivat, etteivät he löytäneet sitä helposti. Päätimme asettaa CTA-painikkeen kiinnittääksemme siihen enemmän huomiota.

Viimeiset näytöt

UI-tiimi meni sitten eteenpäin ja loi prototyypille kauniin tuotemerkin ja suunnittelun. Napsauta tätä ja tästä nähdäksesi heidän tutkimuksensa ja ideointinsa.

Katso lopullinen prototyyppimme täältä ja täältä

Tulevat näkökohdat

  • Tapaamisten online-varaukset. Tällä hetkellä EWHC sisällyttää kolmannen osapuolen varausjärjestelmän parantaakseen käyttäjän kokemusta entistä paremmin, jotta hänen ei tarvitse soittaa
  • Hakutoiminto - Koska verkkosivustolla on niin paljon sisältöä, voi olla hyödyllistä, että sinulla on hakutoiminto, jolla pääset nopeasti käyttäjän etsimään tiettyyn
  • Leipämurut ja linkit näytöille, joihin pääsee vain usealla napsautuksella helpon navigoinnin vuoksi