Neljä UX-suunnittelutekniikkaa käyttäjän sitoutumisen edistämiseksi
Käyttäjien rohkaiseminen pysymään sivustossa ja käyttämään sitä ei aina liity ohuempaan koodiin tai kauniimpaan grafiikkaan. Jotkin yksinkertaisimmista järjestelyistä, kuten Reddit, pitävät käyttäjiä sisällön mukana ja innostavat vuorovaikutusta sivuston kanssa.
Salaisuus on käyttäjäkokemus ja huomioon millä tavalla verkkosivuston toiminnot. Vuorovaikutukset johtuvat sivun elementeistä ja toimintavirroista, jotka siirtyvät sivulta toiseen.
Tässä viestissä tarkastelen joitakin UX-suunnittelutekniikat jota voidaan soveltaa parantaa käyttäjäkokemusta ja lisätä käyttäjien sitoutumista. Huomaa, että niitä ei aina sovelleta kaikkiin sivustoihin, ja on tärkeämpää ymmärtää, miksi nämä tekniikat toimivat, jotta voit käyttää omaa harkintasi.
Käyttökokemuksen aihe on laaja ja vaatii kärsivällisyyttä täysin ymmärtää. Mutta mitä enemmän käytät sitä enemmän mitä ymmärrät
Parasta mitä voit tehdä pelata noin haluamissasi sivustoissa ja selvittää mitä haluat heistä. Kokemuksistasi voit ekstrapoloida johdonmukaisia ideoita ja selvittää, mikä pitää sinut (ja ehkä muutkin) sivustossa.
1. Käytä kontrastia, kun haluat piirtää huomion
Jokainen sivusto on rakennettu kourallisella elementillä, jotka on tehty käyttäjän vuorovaikutukseen. Hyperlinkit, painikkeet, syöttökentät, sivupalkin widgetit, luettelo jatkuu ja jatkuu. Kaikki elementit eivät kuitenkaan saa olla yhtäläisiä. Jotkut ovat luonnollisesti tärkeämpiä vierailijoiden sitoutumiselle ja ne olisi suunniteltava suurempi kontrasti erottua muista sivun elementeistä.
Tämä ajatus perustuu korkeaan kontrastiin ja siihen, miten ihmiset käsittelevät visuaalisia tietoja kuvioissa. Kun jokin erottuu ympäristöstään joko värin, koon, muodon tai välilyönnin perusteella, se voi näyttää olevan tärkeämpi kontekstin perusteella.
Käytä kontrastia kiinnittääksesi huomiota tiettyihin sivuelementteihin, jotka houkuttelevat kävijöitä tiettyyn tehtävään. Jos tavoitteena on rakentaa lisää uutiskirjeen ilmoittautumisia, tilauskentässä saattaa olla kirkas animoitu kirjautumispainike tai ainutlaatuinen vektorikuvake.
Tavoitteena on kiinnittää huomiota rakentamalla rajapinta, joka houkuttelee kävijöitä suorittamaan haluamiaan toimia.
Jos sinulla on aikaa, kannattaa käydä muutama A / B-tapaustutkimus nähdäksesi, mitkä värit / elementit toimivat parhaiten yhdessä. Tilastoja on vaikea määritellä, mutta yllättyy, kuinka paljon voidaan oppia yksinkertaisesta jakotestistä.
2. Tasteful UI / UX-animaatio
Olen hiljattain törmännyt postiin, jonka otsikko on "Mitä Disney Know About Interface Animation". Se kattaa elintärkeät animaatiopisteet ja miten nämä pelaavat tasaisen 2D-näytön vuorovaikutuksessa olevien käyttäjien psyykeen.
Eri animaatiotyypit voivat merkitä tiettyjä käyttäytymismalleja. Esimerkiksi, kun piilotat painikkeen yli, se saattaa paljastaa, että se on napsautettavissa. Virheilmoitukset ravistavat usein käyttäjän huomion kiinnittämiseksi.
Muista se UX-animaation pitäisi olla näkyvissä, mutta hienovarainen. Wild-over-the-top-animaatiot ovat enemmän TV: lle ja elokuville kuin rajapinnoille.
Mutta se ei tarkoita, että käyttöliittymisi pitäisi pysyä tasaisina. Itse asiassa useimmat käyttäjät olisivat pikemminkin sinulla on jonkinlainen animaatio, koska se antaa illuusion sujuvammasta kokemuksesta. Digitaalinen muotoilu on osittain noin luodaan illusorinen rajapinta, mutta mitä realistisempi se näyttää, sitä enemmän käyttäjät haluavat vuorovaikutuksessa.
3. Reagoiva suunnittelu vaatimuksena
On reilua sanoa, että hyvä osa Internetin käyttäjistä selaa matkapuhelimista. Linkkejä, jotka jaetaan yhteiskunnallisiin sivustoihin, kuten Facebookiin ja Twitteriin, käydään usein älypuhelimissa ja tablet-laitteissa.
Tämä tarkoittaa sitä, että jokainen sivusto olisi optimoitava mobiililaitteille jollakin tavalla - mieluiten täysin reagoivalla suunnittelulla.
Kun olet pakko harkita näytön kokoa, se asettaa kriittisiä ominaisuuksia aivan uudessa valossa. Suunnittelijana sinun täytyy valita, mitkä ominaisuudet ovat tärkeimpiä ja miten ne pitäisi näkyä pienemmissä näytöissä. Tämä reagoiva suunnittelustrategia vie aikaa oppia, mutta paras tapa on tutkia muita sivustoja ja poimia haluamiasi tekniikoita.
Totuus on reagoivat suunnittelutyöt muotoiluyhteisö hyväksyy sen joka vuosi.
Käyttäjät odottavat myös, että sivustot ovat täysin reagoivia, joten ne palvelevat mihin tahansa laitteen näyttöön. Kun sivusto ei sovi mukavasti mobiili-selaimeen, se voi olla käyttökokemusta.
4. Yksinkertaista vuorovaikutusprosessia
Smashing Magazine julkaisi äskettäin yhden parhaista luetuista viroista käyttöliittymäsuunnittelun yksinkertaistaminen. Siinä todetaan, että kukaan ei halua hypätä vanneiden kautta käyttämään verkkosivustoa tai sovellusta. Ihmiset ovat kiinnostuneita vain lopputulos, ja nopein tapa päästä sinne.
Haluan rakentaa UX-vuokaavioita jokaiselle vuorovaikutteiselle sivuelementille aina, kun olen luonnostellut wireframes. Nämä auttavat visuaalisesti näkemään, miten sivusto näyttää ja toimia.
Mutta totuudessa se ei ole väliä siitä, miten suunnittelet kokemusta. Varmista, että suunnittelet nopein ja yksinkertaisin kokemus. Kun on kyse rohkaisevasta toiminnasta, haluat, että tärkeät asiat ovat suunnittelussa.
Jos joku laskee webappisi ja ei ymmärrä, miten kirjautua heti, se on suuri ongelma. Sen pitäisi olla selvästi ilmeinen käyttäjälle, mitä sivustosi tekee ja miten ne voivat olla erillään siitä.
Paras paikka aloittaa tutkimalla UX-suunnittelua ja sitä, miten käyttäjät ovat vuorovaikutuksessa käyttöliittymän kanssa. Sieltä voit tehdä päätelmiä omien projektien kannalta ja yksinkertaistaa yksinkertaisesti rajapintojasi niiden suurimpaan potentiaaliin.
Aiheeseen liittyvää lukemista aiheesta käyttäjän toimintaa, tarkista nämä viestit:
- Web-suunnittelusopimusten rikkominen = Käyttökokemuksen rikkominen
- Käytettävyys ja käyttäjäkokemus Arkisto Smashing Magazine -lehdessä
- Web-suunnittelun käsitteet käyttäjän vuorovaikutuksen hallitsemiseksi
Paketoida
Yksittäistä vastausta siitä, miten verkkosivustoja voidaan suunnitella (tai korjata) käytettävyyden parantamiseksi. Kyllä on joitakin asioita, joita voit kokeilla, mutta jokainen sivusto on hieman erilainen ja UX-suunnittelun tutkimus on hyvin monimutkaista.
Toivon, että tämä artikkeli voi alkaa ajatella joitakin yleisiä tekniikoita erittäin käyttökelpoisten rajapintojen rakentamiseen. Parasta, mitä voit tehdä, on sijoittaa itsesi tyypillisen käyttäjän kenkiin ja yrittää selvittää käyttöliittymän suurimmat puutteet. Ja kun tunnistat ongelman, jonka olet jo puolivälissä ratkaisuun!
