Trender inom webbdesign kommer och går. Här lyfter Dw Interactives webbdesigner Dejan Mauzer fram de viktigaste trenderna för 2013 och de trender som har kommit för att stanna. Det är framför allt tre begrepp som kommer att forma 2013: rörligt, one pages och flat design.
Rörligt
Årets huvudtema på Webbdagarna är rörligt.
”Årets program fokuserar extra mycket på behovet av att konstant röra sig framåt och utveckla sin digitala närvaro, i takt med att ny teknik skapar helt nya möjligheter – och förändrar kundernas beteenden. Vi kommer även att fördjupa oss i det faktum att rörligt material är viktigare än någonsin på webben, bland annat tack vare YouTubes genomslagskraft och nya spännande streamingverktyg och HTML5-tjänster.”
Tack vara HTML5 så har den gamla trotjänaren Flash fått stiga åt sidan. HTML5 ger inte bara oändliga möjligheter för animation och rörelse, det funkar även på alla plattformar.
Användarna kan se film när som helst med dagens teknik. Film via YouTube eller Vimeo där företaget sätter en personlig prägel har blivit allt viktigare, dels för att kunna berätta en story men också för att kunna berätta vad man gör på ett mer intressant sätt.
One page
One page-webbsidor fick sitt riktiga genomslag förra året. Fler och fler företag går mot den här typen av design. Spotify är ett klockrent exempel på hur en bra one page-design kan se ut.
Formen på one page-design dras mer åt det kreativa hållet. Formgivarna kan ge webbsidorna en mer personlig prägel, samtidigt som innehållet blir tydligare då informationen är mer avskalad och koncis. Personligen tror jag att detta beror på att användarna är trötta på att navigera igenom 10 undersidor för att hitta rätt information. Med en one page-design så har användaren all relevant information på en och samma sida.
One page-lösningar är inte bara snygga och informativa, de är även väldigt smidiga när det kommer till responsive design. Idag har större delen av befolkningen smarta mobiler och läsplattor blir allt vanligare. One page-lösningar ger en skön användarupplevelse då det krävs minimalt med knapptryckningar för att få sin information.
Flat design
Den här trenden började komma starkt i slutet av 2012. Flat design innebär ett avskalat formspråk där designen minimeras till basformer och basfärger. Företag som Microsoft och deras nya operativsystem Windows 8 satte tonen för flat design. Microsofts mobila OS har sedan ett tag tillbaka lekt med den här estetiken.
Även deras spelmaskin Xbox 360 OS har fått sig en rejäl grafisk uppdatering jämfört med förgående år – allt för att Microsoft ska få en röd tråd i sin form.
Google är ett annat företag som har hållit i taktpinnen med sin uppdaterade design förra året. Deras ”less is more” approach lyste verkligen igenom.
Andra företag som håller sig framme och följer denna trend är Spotify(igen), Facebook, Mashable och USA Today.
Här är trenderna från 2012 som kommer att finnas med oss ett bra tag till:
Responsive design
Den här trenden har varit på uppgång under några år men det var 2012 som det verkligen slog igenom. Responsive design gör att webbsidan ser bra ut på alla olika format och enheter. Inga fler specialbyggda mobilsidor, enbart responsive design. Med tanke på hur många olika format och enheter som finns där ute och som fortfarande dyker upp, så kommer responsive design att vara A och O för oss webbdesigners de kommande åren.
Responsive design är inte bara smidig när det gäller de olika formaten, det är även bra för sökmotoroptimering (SEO). Eftersom det bara finns ett exemplar av webbsidan så krävs inget dubbelarbete för webbredaktören. Responsive design rekommenderas även av Google. Fler människor använder mobila enheter för att ansluta till Internet. Med detta i åtanke meddelade sökmotorjätten genom ett inlägg på sin blogg att responsive design är vägen att gå för mobila webbplatser.
Några företag som tagit till sig den här trenden är Time, Mashable, Microsoft och The Next Web.
Typografi
Tack vara dagens teknik så kan formgivare nu använda i princip vilket typsnitt som helst i sin design på en hemsida. Förr var formgivarna tvingande att enbart använda en handfull typsnitt för att säkerställa att dessa gick att se på alla enheter, men lyckligtvis är denna tid förbi. Nu kan vi ge webbplatsen en själ och en identitet. Företag kan också använda sina egna typsnitt för att få en röd tråd genom hela sin profil, från tryck till webb.
