Kukaan ei halua luoda huonoa muotoilua, mutta se tapahtuu koko ajan. Ja vaikka huonon suunnittelun syy vaihtelee, lopputulos on sama-huono käyttökokemus.

Huono käyttökokemus turhauttaa käyttäjät ja johtaa usein tuotteen hylkäämiseen. Tässä artikkelissa keskitytään huonoon muotoiluun, jossa käytetään UI-tekniikoita, jotka johtavat huonoon UX: ään.

1. Pop-Ups

Jos pyydän sinua nimeämään yhden ärsyttävän juttun verkossa, kertoimet ovat, että vastaat "Ponnahdusikkunoita". NN-ryhmän ponnahdusikkunoiden mukaan vihaisin verkkokokemus koskaan.

Me kaikki tiedämme tunteen. Käy uudella verkkosivustolla, sivun sisältö näyttää olevan mielenkiintoinen. Aloitat sen lukemisen ja juuri sen jälkeen, kun olet tekstin puolivälissä, äkkiä keskeytät valtava päällekkäisyys, jossa pyydetään joko tilata uutiskirje tai tarjota sinulle jotain. Useimmissa tapauksissa välittömän reaktionne joko sulkee peittokuvan tai sulkee koko sivun, päällekkäin sen kanssa.

opt6

Esquire-verkkosivustolla käytetty peittokuva.

On selvää, miksi monet sivustot käyttävät tätä tekniikkaa: mainostajat maksavat heidät. Ponnahdusmenetelmä on kuitenkin liian häiritsevä ja sillä on valtava kielteinen vaikutus kävijöihin. Joka kerta, kun näytät ponnahdusikkunaa, pyydät käyttäjiä lopettamaan tekemänsä tekemisen (mikä on heille tärkeä) ja kiinnittämään huomionsa siihen, mitä he haluavat tehdä (mikä on sinulle tärkeää). Ei ole yllättävää, että tällainen käyttäytyminen usein lisää poistumisprosenttia.

Ponnahdusikkunoita voi käyttää häiritsemättä kävijöitäsi. Seuraa yksinkertaista sääntöä, käynnistä ponnahdusikkuna oikeaan aikaan. Esimerkiksi on paljon parempi antaa käyttäjille mahdollisuus lopettaa nykyinen toiminta (esim. Päästä sivun loppuun) ennen ponnahdusikkunan näyttämistä. Kun käyttäjät ovat olleet vähän enemmän aikaa oppimaan sinusta (brändi ja tarjouksesi), mahdollisuus, että he ovat valmiita tekemään mitä haluat heidän tekevänsä kasvaa.

Toinen tärkeä osa on ponnahdusikkunan todellinen viesti. Sinun täytyy kirjoittaa hieno kopio. Kopio ei saisi olla loukkaavaa, huijaavaa tai sekavaa. Waitbutwhy mennä vieläkin pidemmälle ja sisällyttää huumoria tekstiinsä:

OPT1

Kun kävijät lukevat kopion Waitbutwhystä , se saa heidät hymyilemään.

On syytä sanoa, että monia vähemmän häiritseviä työkaluja, kuten liukupalkkeja, jotka eivät peitä koko sivua ja tuottavat samanlaisia ​​tuloksia muuntamisen kannalta.

2. Ääretön rullaaminen

Ääretön rullaaminen on tekniikka, jonka avulla käyttäjät voivat selata suurta määrää tietoa ilman viimeistelylinjaa silmissä. Sivu yksinkertaisesti pitää virkistävän, kun käyttäjät selaa alaspäin. Tekniikka tuli suosittu mobiililaitteiden aikakaudella (rullaaminen on paljon mukavampaa kuin napsauttamalla pieni näyttö). Ensisilmäyksellä tämä tekniikka on täydellinen ratkaisu monille ongelmille - se vaatii vähemmän työtä ja tekee sisällön ymmärtämisen niin helpoksi kuin mahdollista (kaikkien käyttäjien on tehtävä rullaa). Kuitenkin se ei ole yhden kokoinen ratkaisu kaikille sivustoille tai sovelluksille.

Tekniikan tärkein haittapuoli on myös sen ensisijainen etu: ei ole viimeistelylinjaa näkyvissä. Kun käyttäjät pääsevät tiettyyn pisteeseen streamissa, he eivät voi merkitä sijaintiaan ja palata myöhemmin (huomaa, tarkoitan sijaintia, ei tiettyä kohdetta). Joten jos he jättävät sivuston (esim. Siirtyvät laitteesta toiseen), he menettävät kaiken edistyksensä ja joutuvat selattamaan alaspäin takaisin samaan paikkaan. Kykenemättömyys määrittää vierityspaikka häiritsee usein käyttäjää ja vahingoittaa koko käyttäjäkokemusta.

Vuonna 2012 Etsy, sähköisen kaupankäynnin verkkosivusto, jossa keskityttiin käsintehtyihin tai vintage-tuotteisiin, kokeiltiin niiden tuotesivun asetteluja. He toteuttivat ääretön rullan käyttöliittymä ja havaitsivat, että uusi käyttöliittymä ei juuri suorittanut yhtä hyvin kuin aiempi versio sivutunnistuksella. Vaikka useat ostot pysyivät samoina, käyttäjän sitoutuminen väheni .

Mitä Etsyn esimerkki kertoo meille? Se kertoo meille, että jokaisen suunnittelupäätöksen mukaan meidän on punnittava hyvät ja huonot puolet ennen kuin se sisällytetään malleihimme. Puhuessaan ääretöntä rullaa se toimii hyvin esimerkiksi Twitter / Instagramilla, jossa käyttäjät voivat mielellään skannata loputtoman tietovirran etsimatta mitään erityistä.

3. Paina Ilmoitukset

Oletko koskaan kiinnittänyt huomiota siihen, kuinka monta eri sovellusta saat päivittäin vastaanottamiesi ilmoitusten määrästä? Kuinka moni näistä ilmoituksista todella välittää? Ei liian monta, luulisin.

Joka päivä meitä pommitetaan hyödyttömillä ilmoituksilla, jotka häiritsevät meitä siitä, mitä me teemme. Ne ärsyttävät meitä.

opt5

Streaming-palvelu lähettää jokaiselle käyttäjälle ilmoituksen joka kerta, kun jokin uusi esitys julkaistaan.

Itse asiassa ärsyttävät ilmoitukset ovat numero yksi syy, jonka ihmiset poistavat mobiilisovellukset (71% kyselyyn vastanneista).

Push-ilmoitus on tehokas työkalu, mutta kuten minkä tahansa muun työkalun avulla, sitä voidaan käyttää hyväksi tai pahaksi. Kun käyttäjät alkavat käyttää sovellustasi, he eivät pidä saada ilmoituksia, kunhan ilmoitukset tuottavat todellista arvoa. On erittäin tärkeää, että ilmoitukset ovat hyödyllisiä, asianmukaisia ​​ja ajantasaisia ​​käyttäjille. Henkilökohtainen sisältö on avain erinomaiseen käyttäjäkokemukseen. Kun toimitat oikean viestin oikealle henkilölle oikeaan aikaan, push-ilmoitus tulee voimakas laukaisu, joka motivoi henkilöä ryhtymään toimiin.

opt3

Netflix tekee hienon työtä viestiensa personoimiseksi vastaanottajalle.

4. Vieritä Hijack

Hijacked vieritys on yksi useimmille käyttäjille ärsyttävistä asioista, koska se ottaa hallinnan pois heistä ja tekee vieritystoiminnasta täysin arvaamattomia. Suunnittelemalla verkkosivustoa useimmissa tapauksissa on parempi välttää selaamisen kaappaus ja anna käyttäjän hallita selaamista ja liikkumista sivuston kautta. Mutta joissakin harvoissa tapauksissa siirrä kaappaaminen saattaa toimia hyvin käyttäjillesi. Esimerkiksi Tumblr käyttää tätä tekniikkaa kotisivullaan esittää tietoja paloina.

OPT2

Tumblr käyttää selaa kaappaamista tarjota sisältöä paloina.

johtopäätös

On syytä sanoa, että kaikki tässä artikkelissa mainitut tekniikat eivät ole sinänsä huonoja. Käyttäjät vihaavat niitä vain, kun suunnittelijat sokeasti yhdistää ne. Jokainen tekniikka tai kuvio verkkosivustollasi tai sovelluksestasi tulisi käyttää älykkäästi ja jonkin verran maltillisesti.