Het volstaat niet langer om ervoor te zorgen dat uw webinhoud op een klein scherm past. Google heeft dit precedent versterkt met het bijwerken van het algoritme om het belang van zorgvuldig geplande en goed uitgevoerde responsieve ontwerpen op mobiele telefoons te benadrukken.

En het is logisch: uw kijkers hebben niet alle functionaliteit van een desktop nodig op een mobiel apparaat. In feite willen ze misschien wat inhoud en functionaliteit verwijderen wanneer ze op een kleiner scherm staan. Niemand wil immers pagina's met inhoud sorteren om het telefoonnummer van uw bedrijf te vinden. Dat is de ontbrekende bouwsteen in veel webfronten van webbedrijven: echte adaptiviteit.

Het eenvoudigweg niet lukken van uw site in een versie die op een mobiel apparaat past, is niet genoeg. U moet de volledige gebruikerservaring van dichtbij bekijken en bekijken hoe deze moet worden aangepast aan de verschillende omgevingen waarin deze wordt bekeken.

Het probleem met responsief ontwerp

57% van de gebruikers van mobiele apparaten zal bedrijven met een slecht ontwerp van mobiele sites niet aanbevelen, en 48% zegt dat bedrijven met mobiele sites die niet naar behoren functioneren, er niet verzorgd uitzien.

Er zijn verschillende probleemgebieden die de meeste bedrijven tegenkomen met hun responsieve websites:

Plaatsing van afbeeldingen

Afgelopen ontwerpprocessen hebben gedicteerd dat de klant statische afbeeldingen en schermafbeeldingen goedkeurt vóór de ontwikkelingsfase. Tegenwoordig is design meer gericht op de herschikking van elementen voor verschillende apparaatafmetingen en veel minder gericht op het plaatsen van statische afbeeldingen.

Schermknijpen

Het weergeven van gegevens op een klein scherm maakt het vaak moeilijk om inhoud te zien of lezen, in het bijzonder tabellen met informatie. De W3C moedigt merken daadwerkelijk aan om een andere methode dan tabellen en tabbladen te kiezen om gegevens te presenteren; gecompliceerde gebruikersinterfaces bevatten eenvoudig te veel informatie voor mobiele apparaten om te verwerken.

Perspectiefverschuiving

Bovendien is het probleem met responsief ontwerp eenvoudigweg een kwestie van het perspectief van de klant versus het perspectief van de bedrijven. Helaas vragen de meeste bedrijven zich vaak af wat ze hun klanten willen vertellen in plaats van hoe hun klanten die informatie willen bekijken en gebruiken.

Terwijl registratieprocessen bijvoorbeeld meestal het belangrijkste aspect van webontwerp zijn, hebben ze vaak een lage prioriteit. Dat komt omdat bedrijven meer nadenken over de functionaliteit die ze willen dat klanten zien dan het logische punt van binnenkomst en primaire workflow waar klanten naar op zoek zijn.

Simpel gezegd, responsief ontwerp is niet de ultieme oplossing om gebruikers te geven wat ze van een website nodig hebben; het laat nog veel te wensen over.

Update responsief of upgrade naar adaptief?

Als het gaat om webdesign, moeten de belangrijkste gesprekspartners zich baseren op het concept van responsieve vs. adaptieve websites.

De responsieve benadering neemt de huidige site en past deze op verschillende schermformaten, terwijl de adaptieve benadering feitelijk de inhoud en hoe deze functioneert, verandert op basis van de schermgrootte.

Responsief webdesign gaat ervan uit dat uw inhoud en functionaliteit op alle apparaten hetzelfde zouden moeten zijn - maar dat is niet noodzakelijk waar

Over het algemeen pleit ik voor een meer adaptieve webontwerpmethode, in tegenstelling tot het simpelweg stapelen van inhoud, om een ​​belangrijke reden: responsief webontwerp gaat ervan uit dat uw inhoud en functionaliteit op alle apparaten hetzelfde zouden moeten zijn - maar dat is niet noodzakelijk waar. De sleutel is om de aard van de inhoud af te stemmen op de use-case en de context waarin gebruikers naar uw website kijken.

Stel dat u een responsieve site ontwerpt voor een merk in consumentenverpakkingen of consumentenartikelen. De promoties en offertepagina's voor dit soort sites ontvangen over het algemeen het meeste online verkeer. Mensen kijken zelden naar productdetails, maar wanneer ze dat doen, is een goede manier om die details te benadrukken, door te laten zien hoe ze zich verhouden tot andere items. Met dat in gedachten moet u productvisualisatie en educatieve inhoud op productpagina 's plaatsen, zodat u consumenten kunt helpen begrijpen hoe ze uw product moeten gebruiken en ermee moeten werken.

Voor de sector consumentenverpakte goederen wilt u uw klanten leren kennen en bepalen of ze pre-, in- of post-store zijn. U moet een andere ervaring creëren, afhankelijk van waar de klant zich op het pad bevindt om te kopen.

Hier is een kort overzicht van elk pad:

  1. Pre-store: mensen die in de winkel zijn gaan waarschijnlijk via social media of een advertentie naar de site en zoeken waarschijnlijk kortingsbonnen, aanbiedingen of recepten (in het geval van eten).
  2. In de winkel: zodra ze in de winkel zijn, zoeken ze waarschijnlijk kortingsbonnen, recensies of prijsvergelijkingen met andere verkopers.
  3. Post-store: wanneer ze post-store zijn, zijn ze waarschijnlijk op zoek naar merkcontent.

Als u weet waar klanten op het pad naar kopen zijn, kunt u de site zo ontwerpen dat deze aan deze behoeften voldoet en nog veel meer.

Adaptief ontwerp stelt de klant in staat om een ​​op maat gemaakte ervaring te hebben ... op basis van het apparaat dat hij of zij gebruikt

U moet vooral uzelf in de schoenen van uw klanten plaatsen. Ik shop bijvoorbeeld elke week bij Trader Joe's. Het zou leuk zijn als ik mijn maaltijden van tevoren van mijn laptop zou kunnen plannen en dat plan zou kunnen koppelen aan mijn winkelervaring. Met andere woorden, ik kon de site vertellen wat ik zou willen maken voor ontbijt, lunch of diner. De site zou me dan alle producten vertellen die ik nodig zou hebben om die maaltijden te maken en een uitgevulde lijst voor me te maken, zodat ik zou weten welke gangpaden ik moest raken toen ik in de winkel aankwam. Ik hoef alleen maar mijn telefoon tevoorschijn te halen.

Adaptief ontwerp stelt de klant in staat om een ​​op maat gemaakte ervaring te hebben, zoals deze, op basis van het apparaat dat hij of zij gebruikt.

Optimaliseer de klantervaring door het ontwerp en de informatie op het apparaat af te stemmen. Als uw klant u bijvoorbeeld op een smartphone opzoekt, maakt u uw telefoonnummer prominent en interactief zodat hij of zij gemakkelijk kan bellen. Zit de consument op een laptop? Misschien is het belangrijker om vooraf productinformatie te presenteren. Zoek uit wat het is dat uw klant nodig heeft op basis van het apparaat dat wordt gebruikt, en lever die ervaring.

U moet uw site bekijken vanuit het perspectief van gebruikers - ongeacht op welk apparaat zij het ervaren. Als uw klanten hun telefoon trekken om uw bedrijf op te zoeken, kunt u ze beter helpen om ze te helpen vinden wat ze nodig hebben met het best mogelijke ontwerp en de beste functionaliteit. Als je het niet eenvoudig en naadloos maakt, nemen ze hun bedrijf gewoon ergens anders mee naar toe.

Uitgelichte afbeelding, mobiel UX-beeld via Shutterstock.