Viktiga designtrender, januari 2016
Appar är överallt. De har blivit en integrerad del av våra dagliga liv tack vare antalet smartphones och bärbara enheter som vi äger.
Och på grund av det är program en av de enskilt största drivkrafterna när det gäller webbdesigntrender. Låt oss ta en titt.
Återvändande av rullningen
Små vertikalt orienterade skärmar har tagit tillbaka scrollen på ett stort sätt. En gång tänkt att vara något du ville undvika eftersom användarna inte skulle flytta ner på skärmen, är scroll en ganska integrerad del av konstruktionsprocessen igen.
Att rulla nu är bättre än någonsin varit. Tack vare stora animationer, parallaxeffekter och massor av kreativa innehållsförslag är scrollning mycket roligt och ett bra sätt att engagera användare.
Stoppa inte med en vanlig nedåt på sidan bläddra Tänk på en horisontell rullning eller ett animerat alternativ som kan glädja användarna tack vare den lilla överraskningen. Var noga med att ta med en visuell signal till två för användare med rullningseffekter som ligger utanför normen, så att de inte blir förvirrade eller överge din webbplats eftersom de inte förstår hur man använder den.
Material Design går vanligt
Googles materialdesignkoncept startade som ett mobilt gränssnitt. Det platta inspirerade, fysikbaserade lagrade gränssnittet startade som estetik för Android-enheter, men spreds snabbt till iOS-baserade appar.
Designers utökar konceptet för användning på helskärmswebbplatser också.
Materialkonceptet är enkelt, intuitivt och rotat i realistiska element så det är lätt att använda och förstå. Designers har mycket roligt med gränssnittsstil med ljusa färger och massor av fina animeringar.
Dold navigering är överallt
Detta är en av de överföringar som verkligen förändrar hur du tänker på hemsida design. Dold navigering har ett stort ögonblick just nu.
Den diskutabla designen av hamburgerikonet är den mest använda applikationen, med en ikon som dyker upp en hel meny. Webbdesigners väljer ett av två alternativ: En meny som dyker upp över en del av skärmen eller helskärmsnavigering. Helskärmsalternativet fungerar nästan identiskt med hur glidande stilar fungerar i appar och med de extra fastighetsdesignerna har mycket utrymme att skapa en navigeringssida som är mer än bara några interna länkar.
Det som är särskilt trevligt med överdimensionerade navigeringsstilar är att de är lätta att läsa och klickar igenom. (Ingenting är värre än små navigationselement som är utformade nästan som en eftertanke.)
Kort, kort och fler kort
Du kan knappt surfa på webben utan att komma över ett kortstilsgränssnitt. Dessa innehållsbehållare är mycket användbara och staplar bra i responsiva ramar.
Kort är ett populärt alternativ eftersom de kan vara mycket roligt att designa också. Korten kan skräddarsys för att passa alla designstilar och arbeta med nästan vilken innehållstyp som helst. De en sak att komma ihåg om kort är att varje behållare ska hålla en enda bit av innehåll och ansluta till ett klick. Den här "sak" kan aktivera en video, skicka in en blankett, flytta till en annan sida, köpa ett objekt eller något annat antal enskilda handlingar. Olika kort på samma webbplats kan alla göra olika saker. (Så länge som användarna förstår åtgärderna.)
Det är en gränssnittsstil som behöver mycket liten förklaring också. Sociala medier webbplatser som Facebook, Twitter och Pinterest är förankrade i kort-gränssnitt med oändlig rullning så att nytt innehåll är någonsin populär. Användare överväldigande verkar vilja och acceptera detta designmönster.
Mikro-interaktioner är väsentliga
Inte så länge sedan var mikro-interaktioner nästan uteslutande ett appelement. Du kanske vill ompröva den ideen. Raden mellan appar och webbplatser är helt suddig. Användare vill besöka en app och sedan kanske webbplatsen senare och få exakt samma erfarenhet.
Detta gäller även mikro-interaktioner. En mikro-interaktion är något som hjälper användaren att kommunicera med gränssnittet, se en åtgärd eller placera gränssnittet. Var och en av dessa bitar av kommunikation är så liten som användaren knappt tänker på det, till exempel ett larm, ett textmeddelande eller svep för att uppdatera innehållet. (Tänk bara på hur många mötesmeddelanden du får på din arbetsdator eller telefon, det är mikro-interaktioner.)
Kopplingsfaktorn för att göra denna sömlösa övergång är en touch av personalisering och massor av alternativ för användaranpassning. Att använda mikro-interaktioner är knepigt eftersom det finns en bra linje mellan önskade meddelanden eller larm eller meddelanden och överväldigande användaren.
När integrering av mikro-interaktioner håller sig till några av de mest grundläggande funktionerna först för att se hur användarna reagerar. Då kan du lägga till blandningen om din användarbas accepterar den.
Och nu ... bärbara
Nästa fas av webbdesign sker redan. Som bärbara enheter ökar i popularitet, så kommer designelementen från dessa små skärmar.
Element som kommer att påverka är små, statusbaserade animeringar, till exempel rullar som fyller upp prestanda, fler mikro-interaktioner och massor av trackers. (Användare är praktiskt taget besatta av data just nu, från träningsbaserade data till intjäningspoäng för inköp.)
Wearables lägger också till ett annat lager av gamification i det dagliga livet. Detta kommer sannolikt att överföras till webbdesign också.
Vad bärbara saker verkligen kommer att göra är vidare linjen mellan alla våra enheter. Hemsidor, appar, bärbara datorer - de måste alla tillhandahålla integrerade upplevelser för användarna, så att flyttning från enhet till enhet är sömlös och erfarenheten är konsekvent.
Slutsats
Som skärmar ändrar storlek, så gör vi hur vi designar för dem. För att skapa förvirrande interaktioner som användare vill engagera sig, oavsett enhet, måste varje gränssnitt fungera på samma sätt. Idén påverkar dramatiskt hur alla webbplatser är utformade (även de som inte nödvändigtvis har app eller bärbara motsvarigheter).
Genom att skapa något som användarna gillar på minsta skärm och expandera det till större enheter kan designers skapa gränssnitt som är lätta att förstå. Det gör också ditt gränssnitt lite mer i efterfrågan.