Designen voor de iPad Mini en andere schermen: enkele tips | Intracto

29 oktober 2012

Designen voor de iPad Mini en andere schermen: enkele tips

Met de openbaring van de iPad Mini van Apple vorige week heeft de digitale wereld er weer een nieuwe schermgrootte bijgekregen. Het nieuwe gadget meet 7,9 inch en doet de internetwereld afvragen hoe ze daar nu weer een optimale gebruikservaring voor kunnen creëren?

blog-designen_voor_de_ipad_mini_en_andere_schermen_enkele_tips-image1

Multi-screen wereld

Naast de iPad Mini moeten webdesigners tegenwoordig ook al rekening houden met de iPhone, de Samsung Galaxy SIII, de Google Nexus, de gewone iPad, de Galaxy Tab II, computerschermen en binnenkort waarschijnlijk ook nog smart TV’s. Al moet gezegd worden dat de meeste websites tot nu toe enkel maar rekening houden met het gekende computerscherm en het mobile verhaal nog links laten liggen. Een grote fout naar mijn mening.

Niet alleen stijgt het aantal schermgroottes, maar neemt het mobiele internetverbruik ook met rasse schreden toe. In België is dat het afgelopen jaar bijna verdrievoudigd (van 1,29% naar 3,4%) en wereldwijd surft al 12,03% van de internetgebruikers mobiel.

Hoe je het ook draait of keert, we zijn in het multi-screen tijdperk terecht gekomen. Wie nog succesvol wil zijn online, zal rekening moeten houden met de verschillende schermgroottes in omloop en een adaptieve strategie met responsive design aannemen.

Problemen bij een kleiner scherm

Het kleinere scherm van de iPad Mini valt een beetje tussen een grotere smartphone en een gewoon tablet in. Tussen die twee laatsten zit al heel wat verschil qua gebruikservaring.

Het kleine scherm van de smartphone moet rekening houden met onder andere het ‘fat finger’ effect en een verminderde leesbaarheid door kleine tekst. Websites op een tablet kunnen dan weer meer aanleunen bij de rijkere ervaring die een desktopversie kan bieden.

Welk voorbeeld een tussenmaat moet volgen, is nog moeilijk in te schatten. Maar rekening houdend met de twee eerder genoemde problemen van een kleiner scherm, lijkt het aangeraden om websites voor tussentablets te spiegelen aan de smartphone versie.

Pas je design aan

Als je een responsive website gaat designen voor een tussentablet, houd dan rekening met volgende tips:

  • Grotere tekst om de leesbaarheid te verbeteren
  • Ruime padding om het ‘fat finger’ effect te voorkomen
  • Hover effecten weghalen die niet werken op een touchpad
  • Vloeiende content voorzien die positie inneemt in functie van de schermgrootte
  • Geen Flash gebruiken, vervangen door HTML(5) en CSS
  • Snelle positionering van elementen

Zorg voor een optimale perfomance

Mobile devices betekenen internet on the road. Met het nakende succes van de iPad Mini en het tussentablet in het algemeen gaat het internetgebruik over publieke wifi en 3G nog toenemen. Een website die snel laadt, zal in zo’n situatie aan het langste eind trekken.

Om een optimale performance te voorzien:

  • Verminder het aantal HTTP requests
  • Optimaliseer je afbeeldingen
  • Manage je scripts en styles
  • Zorg voor CSS transities

Een adaptieve strategie

De multi-screen wereld van vandaag dwingt merken niet alleen om een goede responsive website te voorzien, maar ook om hun strategie adaptief te maken aan het constant wisselen tussen schermen. Vele gezinnen hebben niet enkel meer één computer, maar gaan voor én een persoonlijke smartphone én een gezamenlijke tablet en computer.

Elk scherm krijgt zijn eigen moment in de dag en zijn eigen publiek. Persoonlijk of voor heel het gezin. Afhankelijk van die factoren kan een merk aangepaste content en ervaringen voorzien in zijn website of ander mediakanaal. (denk social media)

Om hierin te slagen, moet je een goede technische kennis koppelen aan een trendgevoelig inzicht in de internetwereld. Door je strategie adaptief te maken aan de vele veranderingen op digitaal vlak maak je je merk toekomstbestendig.

Een digital agency brengt die eigenschappen samen onder één dak en kan een onmisbare partner betekenen in het digitale succes van jouw merk. Neem contact op met Intracto om vrijblijvend jouw toekomstplannen te bespreken.

Bron: eConsultancy