sv.onlinewebcreations.com

Återinförandet av animationer i design påminner snart om den tid då Flash stänkte från varje skärm. Designers hade tappat bort det, men animerad design är tillbaka igen. Funktionellt den här gången.

Denna återintroduktion har främst att göra med moderniseringen av HTML5, CSS och de webbläsare som kan och stöder mer och mer. Inte så konstigt, förresten. På grund av säkerhetsproblem och försämrad prestanda hos samma webbläsare har Flash ändå blivit modernt. Även Adobe har nu ersatt Flash Professional med Animate CC, ett animationspaket som fokuserar mer på HTML5.

Dynamik, layering, fokus

Den rörelse som vi i allt högre grad kommer att återvända till design bör göra användargränssnitt (UI) särskilt mer dynamiska, säger Floris Ketel - kreativ chef vid digitalbyrå eFocus. Design kommer att reagera mer och mer till dess användning, interaktionen. På andra ställen har du sett det här länge. Ett exempel på detta är en nyhet i operativsystemet OS X från Apple. Om du skakar musen kort, ökar kursen på skärmen en kort stund. Den animationen har därför ett uppenbart funktionsvärde: du hittar kursen tillbaka med den. '

En viktig anledning att föra animationerna tillbaka till mönster är den skikt som du lägger i designen. En animering pekar på en förändring som just har skett, men du skulle inte ha märkt något annat som en användare. Ketel hänvisar till Bill Buxton - (co-) skapare av multi-touch-funktionaliteten i skärmar och fortfarande en av de viktigaste UX-forskarna i Microsoft. Han säger: Som designer, var uppmärksam på vad som händer under övergången från en skärm till den andra. Vad vill du göra klart för användaren, vad ser det först och vad är fokus på?

Enligt Ketel är det vad du kallar "övergångsgränssnitt". Mellan nu och nåandet av ett nästa tillstånd i gränssnittet finns utrymme att fokusera till exempel med animeringar. 'Om förändringen inte är synlig - eller snarare: uppfattas inte som sådan av användaren - personen vet inte vad som förväntas av honom efteråt.'

Den roll som Google spelar

Även om dessa animeringar har funnits lite längre i design accelererar Google särskilt med den så kallade "Material Design". Material Design är faktiskt en stilguide som företaget publicerade förra året. I det indikerar Google vad företaget tycker är viktigt för ett bra gränssnitt och därför för användarupplevelsen. Kedja: 'Materialdesign anses huvudsakligen som en modell som förklarar hur layering och struktur av ett gränssnitt ska se ut. Förutom typografi och färg är animationer och förutsägbarhet av beteende viktigt i detta. '

Google Nu: kort och materialdesign

Rörelse ger psyken en form av sammanhang, det hjälper hjärnan att förstå hur informationen flyter ", förklarar en artikel av designern Pasquale D'Silva. Moderna mönster består ofta av komponenter som fylls i med levande data. Materialdesign gör också ett viktigt antagande om denna layering, till exempel "korten" i Google Now. D'Silva visar med några exempel skillnaden mellan rörelse och ingen rörelse. I det andra exemplet hjälper designen hjärnan genom att skapa synlig plats för nytt innehåll.

Bild: skillnaden i registrering. Vänster tillsatsen utan animering, direkt med.

Anvisningarna förbereder således användaren. Animationer har därför allt att göra med förväntningshantering, säger Ketel. "Det går ett steg längre än den linjära förladdaren som du ser i många mönster. Rörelsen provocerar nästa interaktion, du programmerar beteende som det var som en del av gränssnittet. Förutsägbarheten ökar därför. "

Precis som med gamification kan det vara en bra metod för att bygga förutsägbar dynamik. Det är dock viktigt att se upp för en överkill, lägger Ketel till. Huruvida utvecklingen leder till en hype kvarstår att se, men han kan inte utesluta den. Kända verktyg för prototypning är utrustade med fler och fler standardanimationer, och "bibliotek" för front-end-utvecklare underlättar också bra.

"Det kommer att finnas designers som går för långt och användaren på nerverna arbetar med rörelse vart du än kan se. För de flesta förblir det funktionellt i naturen, ett sätt att ge förutsägbarhet. Precis som det är syftet med materialdesign också. Om vi ​​införlivar fler mönster i digitala mönster, kommer de att erkännas snabbare av användarna. Snabbare förståelse av interaktionsmöjligheterna leder till en mer positiv upplevelse av användaren, säger Ketel.

Bild: Materialdesign i ett nötskal

Fotohuvud: paolobarzman (cc)

Top