Interactief ontwerp

Hoe Web Content Agnostic (en waarom je moet)

Je kunt niet ontwerpen zonder inhoud. Het is een mantra die door ontwerpers wereldwijd wordt herhaald, het is een pleidooi in ontelbare e-mails aan klanten, het is een hoeksteen van verantwoord ontwerpen.

Een van de meest gerespecteerde namen op internet, Jeffrey Zeldman , vat het netjes samen in een vastgezette tweet:

Dit komt omdat design gaat over het oplossen van problemen. Als de inhoud een pil was, zou het ontwerp de suikerdeklaag zijn.

Het ontwerpen met inhoud is echter in strijd met de richting waarin het web zich verplaatst en kan zelfs schadelijk zijn voor uw klanten ...

De mythe van het ontwerpen van inhoud

De waarheid is dat je niet met echte inhoud aan het ontwerpen bent.

Laten we het idee achterwege laten dat klanten niet op tijd content leveren - genoeg doen, en degenen die u niet alleen nodig hebben om te projecteren - laten we, in het belang van de discussie, aannemen dat u het ontwerpproces begint met een mooie glimmende e-mail van uw klant met uitgebreide inhoud bijgevoegd.

U ontwerpt nog steeds niet de werkelijke inhoud, omdat de aard van de inhoud op internet is dat deze van voorbijgaande aard is.

veranderingen in de inhoud mogen geen herontwerp noodzakelijk maken

Wanneer was de laatste keer dat u aan een website werkte die niet op een CMS draaide? Dacht je dat het bedrijf hun telefoonnummers gewoon up-to-date wilde houden? Bedrijven veranderen hun telefoonnummers niet. Wat ze doen is de VP van de marketing laten rennen met de WordPress login het eerste weekend dat je de rug omdraait.

Content op het web is altijd tijdelijk. Natuurlijke veranderingen in de inhoud zouden geen herontwerp behoeven.

We hebben onszelf de mythe van het ontwerpen van inhoud verkocht, omdat deze mooi synchroniseert met onze visie dat goed ontwerp onzichtbaar is. Met deze benadering is echter wat we echt ontwerpen een enkele iteratie van inhoud waarvan de levenscyclus onbepaald is. Het ontwerpen van inhoud is schadelijk voor klanten als we ons laten verleiden door het idee dat we werken met vaste inhoud.

Denk aan het inhoudelijk agnostisch zijn als responsief ontwerp, van de andere kant: terwijl we toch de inhoud respecteren, accepteren we dat het grotendeels onkenbaar is en dus moeten onze ontwerpen zich aanpassen aan de inhoud die wordt ingevoegd.

Ontwerpen van dummy content

Tenzij u een academisch essay schrijft dat volledig in het Latijn is geschreven, is lorem ipsum niet representatief voor uw inhoud en de meeste webontwerpers vermijden het terecht. Het is echter verkeerd om te zeggen dat dummy-inhoud geen doel dient. Dummy-inhoud kan waardevol zijn als het een prototypische inhoud van de site is. Idealiter heeft het drie kenmerken:

  • het zal dezelfde taal zijn als uw inhoud;
  • het zal bij benadering de lengte en het ritme zijn als uw inhoud;
  • het zal een vergelijkbaar onderwerp zijn als uw inhoud.

Deze drie kenmerken zorgen ervoor dat u dezelfde problemen tegenkomt in uw ontwerpproces, aangezien uw werkelijke inhoud live zal zijn.

Neem bijvoorbeeld een biografie van het personeel. Op voorwaarde dat je weet dat het in het Engels is geschreven, het cv is van een senior manager met een technische achtergrond, en een enkele alinea is van niet meer dan 100 woorden, dan kun je dat element ontwerpen. Bios van medewerkers worden regelmatig bijgewerkt en het personeelsverloop is vaak hoog. Elke oplossing die u levert, moet robuust genoeg zijn om aan dit soort wijzigingen aan te passen, of het is niet geschikt voor het doel.

Ons werk is niet theoretisch, maar dat betekent niet dat we echte inhoud nodig hebben om te ontwerpen. Wat we nodig hebben zijn de inhoudsmodellen: nauwkeurige prototypen waarmee we ontwerpproblemen kunnen onderzoeken, zonder de beperkingen van 'definitieve' kopie.

Design gaat vooraf aan inhoud

Wanneer we verwachten dat inhoud verandert, moeten we geen inhoud ontwerpen, maar tijdelijke aanduidingen voor inhoud.

Bekijk een krant. Het is een praktische onmogelijkheid dat de hele inhoud elke avond wordt ontworpen. Duizenden lijnen en honderden kolommen zijn ingevoegd in een vooraf ontworpen structuur. Wanneer de structuur niet bij de inhoud past, is dit de kopie die is opgevuld of afgekapt; niet het ontwerp. Pt-grootte op inserts kan worden aangepast, afbeeldingen kunnen worden geschaald, maar in algemene termen bepaalt het ontwerp van een krant de inhoud.

Gelukkig hebben we niet hetzelfde probleem op het web; we hebben scrollen. Vergelijkbare problemen online worden echter opgelost met vergelijkbare oplossingen.

The Guardian heeft onlangs een uitstekend responsief herontwerp van zijn website gelanceerd. Bij het ontwerpen van koppen hebben ze ervoor gezorgd dat een kop van vijf woorden comfortabel naast een kop van veertien woorden staat. De aanpak is succesvol omdat het team van The Guardian de site heeft ontworpen, niet voor inhoud, maar voor een reeks potentiële inhoud. Er zijn beperkingen: u kunt geen kop van een vijftig woorden invoegen, maar de oplossing is flexibel genoeg om de inhoud te laten groeien.

theguardian

Omdat inhoud waarschijnlijk verandert, zal ontwerp onvermijdelijk voorafgaan aan inhoud. De oplossing voor dit probleem is om een ​​inhoudelijke agnostische aanpak te hanteren met behulp van technieken zoals Samantha Warren's Stijltegels ontwerpen voor inhoudsmodellen die robuust genoeg zijn om in het wild te overleven.

Ontwerp is inhoud

We weten uit oog-trackingonderzoek dat de enige keer dat uw inhoud wordt gelezen, is wanneer deze wordt geparseerd door Googlebot. De meeste mensen lezen nooit websites, ze kijken nauwelijks naar websites. Jij en ik misschien, maar we zijn de uitzondering. De meeste mensen scannen snel een pagina, klikken op iets dat er interessant uitziet en herhalen het proces totdat ze landen op een benadering van wat ze zochten.

En zo wordt de kernboodschap van de klant niet overgebracht door de inhoud, maar door het merk. De kleuren, het type, de afbeeldingen en een paar stukjes inhoud hier en daar, waarop de meeste gebruikers hun beslissingen baseren.

Dit is de belangrijkste reden dat micro-kopiëren zo'n essentieel onderdeel van webdesign blijkt te zijn: je zult geen verkoop doen met de openingsparagraaf van je 'Over ons' pagina, maar je zou kunnen met de privacyverklaring boven je contactformulier .

wat we echt ontwerpen ... is het kader waarbinnen we inhoud kunnen creëren, niet de inhoud zelf

Met de opkomst van SaaS ontdekken ontwerpers steeds vaker dat hun ontwerpwerk, visueel, UX en strategisch, de rol van inhoud op zich neemt. Terwijl het web blijft af van passieve contentlevering, naar actieve contentcreatie, wordt design steeds belangrijker als het primaire communicatiemiddel.

Een productontwerper hoeft niet te weten welke woorden een pen zal schrijven om deze te ontwerpen. Hij moet het algemene gebruik kennen - of het nu een penseel, vulpen of rollerbal is - maar de woorden die het zal schrijven zijn niet relevant voor het ontwerpproces.

Het internet wordt steeds meer een plaats voor het creëren van content. We kunnen parameters leveren - een maximum van 140 karakters is het voor de hand liggende voorbeeld - maar wat we echt ontwerpen, of we het nu voor klanten of hun klanten doen, is het kader waarbinnen we inhoud kunnen creëren, niet de inhoud zelf.

Conclusie

De mythe dat we inhoud ontwerpen, is geworteld in printontwerp, toen de inhoud definitief was zodra deze naar de printers werd verzonden. Het ontwerpen van inhoud voor het web vereist dat we het inherente tijdelijke karakter van onze inhoud omarmen of dat we het potentieel van de inhoud beperken door er een rigide ontwerp op te leggen.

Naarmate de definitie van wat een website betreft blijft evolueren, blijft het ontwerp functioneren als inhoud en zal de inhoud blijven fungeren als een ontwerpoplossing. Wat we ontwerpen, is niet de inhoud van een site - die van voorbijgaande aard is - maar eerder de doelstellingen, de waarden, de ambities; wat we ontwerpen is (bij gebrek aan een beter woord) zijn ziel.

In plaats van decoratie, dwingt een inhoudelijke agnostische aanpak ons ​​tot het maken van een robuuste ontwerpoplossing die zichzelf niet oplegt aan toekomstige inhoud.

Design gaat vooraf aan inhoud. Inhoud in afwezigheid van ontwerp is niet tevreden, het is een beknopt overzicht.

project felix