Essentiële ontwerptrends, januari 2016
Apps zijn overal. Ze zijn een integraal onderdeel van ons dagelijks leven geworden dankzij het aantal smartphones en draagbare apparaten dat we bezitten.
En daarom zijn apps één van de grootste drijvende factoren als het gaat om het ontwerp van websites. Laten we kijken.
Terugkeer van de scroll
Kleine, verticaal georiënteerde schermen hebben de schuif op een belangrijke manier teruggebracht. Ooit gedacht dat iets dat je wilde vermijden omdat gebruikers niet over het scherm zouden bewegen, is scrollen weer een behoorlijk integraal onderdeel van het ontwerpproces.
En scrollen is nu beter dan ooit. Dankzij geweldige animaties, parallaxeffecten en tal van ideeën voor creatieve inhoud is scrollen een heleboel plezier en een goede manier om gebruikers te betrekken.
Stop niet met een gewone scroll door de pagina; overweeg een horizontale scroll of geanimeerde optie die gebruikers kan verrassen dankzij de kleine verrassing. Zorg er wel voor dat u een visuele cue opneemt voor gebruikers met scrolleffecten die buiten de norm vallen, zodat ze niet in verwarring raken of uw website verlaten omdat ze niet begrijpen hoe ze moeten worden gebruikt.
Material Design gaat mainstream
Het Material Design-concept van Google is begonnen als een mobiele interface. De vlak geïnspireerde, op fysica gebaseerde gelaagde interface begon als de esthetiek voor Android-apparaten, maar verspreidde zich snel ook naar iOS-gebaseerde apps.
Ontwerpers breiden het concept ook uit voor gebruik op websites op volledig scherm.
Het Material-concept is eenvoudig, intuïtief en is gebaseerd op realistische elementen, zodat het gemakkelijk te gebruiken en te begrijpen is. Ontwerpers hebben veel plezier met de interfacestijl met felle kleuren en veel handige animaties.
Verborgen navigatie is overal
Dit is een van die overdrachten die de manier waarop u denkt over het ontwerpen van een website echt verandert. Verborgen navigatie heeft momenteel een groot moment.
Het discutabele ontwerp van het hamburgersymbool is de meest gebruikte toepassing, met een pictogram dat een volledig menu opent. Websiteontwerpers kiezen voor een van de twee opties: een menu dat verschijnt over een deel van het scherm of navigatie op volledig scherm. De optie op volledig scherm werkt vrijwel identiek aan hoe slide-outstijlen in apps werken en met de extra vastgoedontwerpers is er veel ruimte om een navigatiepagina te maken die meer is dan alleen een paar interne links.
Wat vooral prettig is aan te grote navigatiestijlen, is dat ze gemakkelijk te lezen en door te klikken zijn. (Niets is erger dan kleine navigatie-elementen die bijna als een bijzaak zijn ontworpen.)
Kaarten, kaarten en meer kaarten
U kunt nauwelijks over het web surfen zonder een interface in kaartstijl tegen te komen. Deze inhoudcontainers zijn zeer bruikbaar en stapelen zich goed in responsieve frameworks.
Kaarten zijn een populaire optie, omdat ze ook heel leuk kunnen zijn om te ontwerpen. Kaarten kunnen op maat worden gemaakt om in elke ontwerpstijl te passen en met vrijwel elk inhoudstype te werken. Een ding om aan kaarten te onthouden, is dat elke container eenmaal inhoud bevat en verbinding maakt met één klik. Dit "ding" kan een video activeren, een formulier verzenden, naar een andere pagina gaan, een item of een ander aantal afzonderlijke acties kopen. Verschillende kaarten op dezelfde website kunnen allemaal verschillende dingen doen. (Zolang gebruikers de acties begrijpen.)
Het is een interface-stijl die ook heel weinig uitleg behoeft. Social media websites zoals Facebook, Twitter en Pinterest zijn geworteld in kaart-achtige interfaces met oneindig scrollen, zodat nieuwe content ooit wordt gevuld. Gebruikers die overweldigend lijken dit ontwerppatroon te waarderen en te accepteren.
Micro-interacties zijn essentieel
Nog niet zo lang geleden waren micro-interacties bijna uitsluitend een app-element. Misschien wil je dat idee heroverwegen. De grens tussen apps en websites is volledig vervaagd. Gebruikers willen een app bezoeken en later de website later en exact dezelfde ervaring opdoen.
Dit geldt ook voor micro-interacties. Een micro-interactie is alles dat de gebruiker helpt communiceren met de interface, een actie ziet plaatsvinden of de interface manipuleert. Elk van deze stukjes communicatie is zo klein dat de gebruiker er nauwelijks over nadenkt, zoals een alarm, sms of swipe om inhoud te vernieuwen. (Denk maar aan hoeveel vergaderingsmeldingen u krijgt op uw werkcomputer of telefoon, dat zijn micro-interacties.)
De verbindende factor bij het maken van deze naadloze overgang is een vleugje personalisatie en veel opties voor het aanpassen van de gebruiker. Het gebruik van micro-interacties is lastig, omdat er een dunne lijn is tussen gewenste meldingen of alarmen of berichten en de gebruiker overweldigt.
Houd bij het integreren van micro-interacties eerst de basisfuncties bij de hand om te zien hoe gebruikers reageren. Dan kunt u toevoegen aan de mix als uw gebruikersbestand dit accepteert.
En nu ... wearables
De volgende fase van het ontwerpen van websites is al aan de gang. Naarmate draagbare apparaten in populariteit toenemen, zullen ook elementen van deze kleine schermen worden ontworpen.
Elementen die een impact hebben, zijn onder meer kleine, op status gebaseerde animaties, zoals scrollwielen die vollopen om prestaties te tonen, meer micro-interacties en veel trackers. (Gebruikers zijn nu praktisch geobsedeerd met gegevens, van fitness-gebaseerde gegevens tot het verdienen van punten om te winkelen.)
Wearables voegen ook een extra gamevergrotingslaag toe aan het dagelijks leven. Dit zal waarschijnlijk ook doorgaan naar het ontwerpen van websites.
Wat wearables echt zullen doen, is de lijn tussen al onze apparaten. Websites, apps, wearables - ze moeten allemaal geïntegreerde ervaringen bieden voor gebruikers, zodat het overstappen van apparaat naar apparaat naadloos verloopt en de ervaring consistent is.
Conclusie
Omdat schermen van grootte veranderen, doet ook de manier waarop we ze ontwerpen. Om meeslepende interacties te creëren waar gebruikers zich mee willen bezighouden, ongeacht het apparaat, moet elke interface op dezelfde manier werken. Het idee beïnvloedt op dramatische wijze de manier waarop alle websites worden ontworpen (zelfs degene die niet noodzakelijk app- of draagbare tegenhangers hebben).
Door op de kleinste schermen iets te creëren dat gebruikers leuk vinden en dat uit te breiden tot grotere apparaten, kunnen ontwerpers interfaces bouwen die gemakkelijk te begrijpen zijn. Het maakt ook uw interface een beetje meer in de vraag.