En bra användarupplevelse börjar med designern. Du måste tänka dig och skapa något som människor kommer att vilja röra och engagera sig med, gång på gång.
Låter enkelt, eller hur? Nyckeln till glädjande användare är att tänka som en. Försök inte att uppfinna hjulet med varje nytt designprojekt. Använd verktyg och tekniker som användare tycker om och förstår för att göra processen lite enklare och ge dig mer tid att fokusera på andra visuella element. Idag delar vi några tips för att få dig att fokusera på denna tankegång!
1. Anpassa den
En av de största trenderna i webbdesign är personalisering. Användare vill att deras upplevelser ska vara bara för dem när de besöker en webbplats, spelar ett spel eller handlar online.
Ett gränssnitt som? Vet? användaren skapar en bestämd wow-faktor. Tänk på några av de mest besökta webbplatser i världen och hur de använder personalisering. Amazon.com erbjuder shoppingrekommendationer baserade på inköp och visade artiklar, Netflix erbjuder förslag på vilka filmer eller visar att titta på nästa och Twitter-erbjudande som följer med potential för dig baserat på användare du redan interagerar med.
Var och en av dessa små anpassningar gör att varje användare känner att UX är gjord för dem. Det kan hjälpa till att öka engagemang och användarlojalitet. Och mest av allt kan det göra användarna glada att vara delaktiga i ett visst webbplatsgemenskap.
2. Håll animationer enkelt
En annan stor design trend kan också vara bra för UX. Animationer kan glädja, överraska och hjälpa användare att navigera genom en design.
Tricket är att hålla animeringar enkla. Du vill inte skapa rörelse som gör att användarna blir yr eller överväldigad. Animation ska ha ett syfte - precis som alla andra designelement - och uppfylla det målet.
Se till att dina animeringar rör sig på ett sätt som är meningsfullt för användaren. The? Illusion of Life: Disney Animation? av Frank Thomas och Ollie Johnston tillhandahåller fortfarande ramverket för animering idag. (Få en komplett introduktion till animering i webbdesign i den här tidigare Design Shack-artikeln.)
- Squash och stretch
- Förväntan
- Iscensättning
- Strax framåt och att posera
- Följ genom och överlappande åtgärd
- Långsamt in och långsamt
- Båge
- Sekundär åtgärd
- timing
- Överdrift
- Solid Ritning
- Överklagande
3. Använd godkända designmönster
Designmönster är repeterbara lösningar på vanliga problem. Enkelt uttryckt är det den vanligaste sätten att gruppinformation och interagerar med ett gränssnitt, till exempel att klicka eller knacka på en knapp för att utföra en åtgärd eller bläddra från början till botten av en webbsida.
Du vill utforma med dessa mönster i åtanke för de flesta användargränssnitt. Det är en UX som folk förstår och kommer inte behöva tänka på att använda med lätthet.
Skapa designmönster i din design, med hjälp av vanliga visuella bilder som fungerar på samma sätt från sida till sida. Du kan göra detta genom att göra alla knappar med samma funktion som samma knapp eller placera dem på samma plats på skärmen eller med kort eller andra behållarelement in i projektet.
4. Ge det personlighet
Ingen gillar en tråkig design. Din UX bör ha samma personlighet som resten av ditt varumärke.
Inkorporera det med hjälp av mikrokopi och konversationskoder. Är du osäker på hur du utvecklar din UX-personlighet? Titta på MailChimp för inspiration. (De har fått reda på det. Observera hur bilder och text är sömlösa anslutna.)
5. Tänk på skärmar
Användare interagerar i skärmar. Oavsett om de tittar på en webbplats på en stationär dator eller mobiltelefon är upplevelsen begränsad till en skärm i taget. Design dina projekt för att fungera på det sättet.
Detta koncept är varför parallax scrolling och kort-stil gränssnitt är så populära. Båda teknikerna skapar? Skärmar? som innehåller en viss mängd information i en skärmbehållare och sedan hjälpa användare att flytta till nästa element.
Detta kan vara lite knepigt på grund av den mängd information som behöver överföras på en skärm. Vad som fungerar som en enda skärm för skrivbordsbeslut kan behöva brytas upp i flera skärmar för handhållna enheter.
Medan anpassning kan lägga till en nivå för designplanering är slutresultatet värt för användarna på grund av det mer enhet-centrerade gränssnittet.
6. Inkorporera interaktivt innehåll
Video, spel, frågesporter och andra element som ber om att en användare ska reagera ska tjäna ett syfte: Att driva användaransvaret med designen. Ju mer en person vill interagera med ett gränssnitt desto bättre är erfarenheten för den användaren.
Roliga element kan göra hela skillnaden.
Håll interaktivt innehåll enkelt och utan mycket engagemang så att användarna kan se hur man svarar på ett ögonkast och inte blir uttråkad av upplevelsen. (Kom ihåg att spännvidden är kortare än någonsin.)
7. Gör det enkelt och ordentligt
Slutligen är ett av de enklaste sätten att skapa en bra användarupplevelse med en design som är ren, snygg och ordnad. Design med ett galler så att varje element har en plats. Tänk noga så att erfarenheter överförs från enhet till enhet.
Enkelhet och minimalism är det? designtrender av en anledning. Användarna förstår dem. Den visuella enkelheten gör gränssnitten lätt att interagera med. En design behöver inte vara alltför komplicerad för att fungera bra och göra användarna glada.
Ett bra exempel på detta är spelet Two Dots. Editors Choice-spel i iTunes App Store och på Google Play är ett toppspelat spel över hela världen eftersom alla kan hämta det och spela utan förklaring nästan omedelbart. Designen är enkel, ren och lätt att interagera med. Det finns gott om utrymme runt element som användare kan röra utan att göra oavsiktliga drag i spelet, och erfarenheten är engagerande på flera nivåer. Enstaka spelare kan testa sig själva eller dela poäng eller utmaningar på sociala medier för en mer konkurrenskraftig spelstil.
Slutsats
När det gäller UX kan glädje ofta vara svårt att definiera. Rethink glädjer användarna som att ge en upplevelse som användarna vill ha.
En bra och härlig - UX är lätt att förstå, navigera och interagera med. Det ser bra ut men är också användbart. Det gör vad användarna förväntar sig och erbjuder några överraskningar under vägen. Jag älskar att se nya användargränssnitt och leka med dem; har du sett något coolt nyligen. Släpp mig en rad på Twitter. Jag skulle gärna se några av dina favoriter.