05 jun

Responsive webdesign met Twitter’s bootstrap

 

responsive-webdesignVandaag de dag draait alles rond het maken van responsieve websites die voor iedereen en elk toestel toegankelijk zijn. Met mobiel surfen, tablets en computers met grote en kleine schermen is de vraag groot om een website te hebben dat er voor al deze apparaten goed uit ziet. Dat noemen we “responsive webdesign”! Voordien werd er vaak gebruik gemaakt van aparte urls zoals m.mijnwebsite.be die allemaal een andere design hadden, apart CSS bestand, een eigen PSD en zo voort. Met een responsieve website is het gedaan met die verschillen: een enkele url en layout voor elk aparaat.

Bootstrap van Twitter

Bootstrap van Twitter is een framework waarmee je gemakkelijk responsiviteit in je website kan integreren. Dit framework is onstaan nadat 2 medewerkers van Twitter besloten om hun werk te vergemakkelijken omdat ze steeds dezelfde code moesten schrijven bij het maken van een website of pagina. Iedereen die nu een responsieve website wilt maken hoeft enkel het framework in te laden en de helft van je werk is al klaar.

14 feb

Duidelijk zijn is altijd belangrijk!

 

“Met de deur in huis vallen” gebeurt wel eens tijdens lezingen of besprekingen, om zo weinig mogelijk tijd te verliezen en meteen to the point te komen. Je hoort mensen dat soms verontschuldigend gebruiken bij de start van hun verhaal: Pen Foto“Ik zal maar meteen met de deur in huis vallen, zeker?” – en door die zin te gebruiken, vallen ze per definitie eigenlijk niet meer met de deur in huis, want ze kondigen aan dat ze het gaan doen.

Op het internet wordt echter wel die fout gemaakt. Vaak zelfs. De homepage gaat over bedrijf x, geeft onmiddellijk een paar recente ontwikkelingen weer, of de bedrijfshistorie, maar er wordt wel eens over het hoofd gezien dat een korte en bondige inleiding voor de bezoeker veel meer kan doen. Op een webshop staan een boel artikelen gepresenteerd, maar welke materialen je nu in grote lijnen kan vinden is ook handig om weten en wordt vaak over het hoofd gezien. Bezoekers komen niet altijd mooi binnen via de homepage (misschien kwamen ze wel terecht op je “shareable content”, en blijven ze uit nieuwsgierigheid even hangen).

Verlies geen bezoekers in eindeloze teksten of nietszeggende berichten voor een leek. Vertel hen meteen wie je bent en wat je doet, kort en bondig.

Tagline

Zet op de homepage naast je logo een slogan of tagline die je diensten omschrijft. Op de Inbound homepage zal je zien dat we het wel heel erg kort hebben gehouden: wij doen “internetcommunicatie”. Niemand hoeft zich af te vragen waar wij ons precies mee bezighouden.

Slider

Een slider is een mooie manier om meteen al je key features samen te vallen. Wij gebruiken er op onze homepage 3, waarin we samenvatten wat onze diensten inhouden en de focus leggen op onze sterke kanten. Een leuke foto en een opsomming maakt het makkelijk om lezen. Wie bewegende beelden te druk vindt of niet vindt aansluiten bij zijn business, kan kiezen voor een mooie banner.

Samenvatting

Onder onze slider zie je meteen onze 3 pijlers benoemd – een lijn die we ook doortrekken op de rest van de website. Een simpele, begrijpbare zin, van waaruit een bezoeker meteen door kan klikken naar waar hij wilt.

Je kan ook kiezen voor één van de drie manieren natuurlijk, maar vertellen wat je doet (en zorgen dat eventueel een van de dingen terugkomt op elke pagina, zoals onze tagline) is erg handig!

28 jan

Responsive Web Design: Wat is het en waarom is het belangrijk?

 

Ons surfgedrag is de voorbije jaren enorm hard gewijzigd. Alsmaar meer mensen beschikken inmiddels over een moderne smartphone en/of tablet, en deze dienen voor heel wat meer dan te bellen of berichtjes te sturen. Alsmaar vaker bezoeken we websites  via deze “mobile devices” en niet meer uitsluitend via de grote beeldschermen die met onze computers verbonden zijn. Echter, doordat de beeldresoluties van deze toestellen heel wat lager zijn dan die responsief web designvan het klassieke beeldscherm zullen websites  op een minder duidelijke manier vertoond worden.

Zo gaat bijvoorbeeld de tekst op een webpagina in die mate verkleind worden dat deze haast onleesbaar wordt. Deze mobiele toestellen laten dan wel toe een pagina in te zoomen, maar van een fijne gebruikerservaring is helemaal geen sprake meer. Als web publishers zullen we hier dus iets op moeten vinden.