Meten we binnenkort kliks via het HTML ‘ping’ attribuut?

Ken je het HTML ping attribuut? Nog nooit van gehoord? Ping is een attribuut als onderdeel van de link tag <a href> in HTML. Het is eeuwenoud (in internetjaren) maar komt misschien binnenkort terug van weggeweest. Ziehier een voorbeeld hoe het ping attribuut wordt gebruikt: <a href=’https://duckduckgo.com’ ping=’https://example.com/ping’>Link</a> Ping zorgt ervoor dat als op een link – of bijvoorbeeld een banner – wordt geklikt deze klik wordt doorgegeven aan tracking software. In het vakjargon wordt deze techniek omschreven als hyperlink auditing. Eén of meerdere URLs kunnen in het ping attribuut worden genoteerd. Met andere woorden, je hoeft geen implementatie van bijvoorbeeld Google Analytics te hebben om kliks te meten. Plus, JavaScript moet bij de gebruiker niet zijn geactiveerd. Momenteel wordt het ping attribuut ondersteund door de meeste populaire browsers zoals Google Chrome, Apple Safari, Microsoft Edge en Opera. De privacy-browser die bewust de ping tag niet wenst te ondersteunen is Brave browser. De Firefox browser – met een marktaandeel van 7% in Europa – is de enige populaire browser die het ping attribuut momenteel nog niet volledig ondersteunt. Daardoor is het verzamelen van data via dit attribuut onvolledig. Nu blijkt echter dat het de ambitie van Firefox is om deze …

Lees verder  

Stoom je klaar voor de arbeidsmarkt met een opleiding Web Design

CVO “De Verdieping” biedt een intensieve opleiding Webdesign aan die jou klaarstoomt voor de arbeidsmarkt. Coden met HTML, CSS, JavaScript, het ontwerpen van een gebruikersinterface, programmeren in PHP,… het hele traject komt aan bod. Op het einde van de opleiding doe je een bedrijfsstage en nadien kan je aan de slag! We vroegen Toon Gorissen van De Verdieping hoe dit allemaal praktisch in elkaar zit: Dag Toon, CVO ‘De Verdieping’, vanwaar de naam? Onze school nam in 2015 zijn intrek in de oude gebouwen van het voormalige mijnterrein van Heusden-Zolder. De restauratie en renovatie van het ophaalgebouw was toen net achter de rug. Ophaalgebouw, ophalen, verdiepen,… – heb je ‘m? Maar natuurlijk is ’je ergens in verdiepen’ ook een mooie woordspeling voor een school. Hoe lang bestaan jullie reeds? De dagopleiding webdesign voor werkzoekenden werd in 2006 voor het eerst ingericht. We zijn ondertussen dus aan onze tiende jaargang toe. Voor wie is dat nu eigenlijk, zo’n opleidingsaanbod? Is dit iets voor bijvoorbeeld een grafisch designer? Is kennis van programmeren vereist? Een grafisch designer die zijn skills wil uitbreiden naar het web, zit bij ons zeker op de juiste plaats. Programmeerkennis is niet vereist, maar alle eerdere bagage is natuurlijk …

Lees verder  

De malheurs van een carousel

Een carousel slider. Op de ene plek hoogst onaangenaam, op de andere best handig. Ik vind de rotatie in de reisfoto’s van Muradosmann en zijn lief helemaal niet storend. Maar in mijn zoektocht naar een nieuwe droogautomaat raakte ik, net zoals Jakob Nielsen, volledig van de wijs door de homepage slider van Siemens. Wat vinden jouw bezoekers van een carousel  Zullen we carousels dan beter niet meer gebruiken? Jammer toch, je kan er zo veel informatie in kwijt. Helaas. Volgens Jared Smith gebruik je een carousel slider beter niet. Op shouldiuseacarousel.com  legt hij uit waarom, en delen enkele andere experts in online usability zijn mening. Vermijd de slider vooral op je homepage, luidt het gezamenlijke verdict. Zo’n draaimolentje is dus een foute keuze voor je homepage navigatie. Je bezoekers kijken er toch niet naar of raken zo gefrustreerd dat ze je website verlaten. Een slider blijkt ook nefast voor SEO. Dus? Weg ermee! Wat zet je in de plaats Rest ons alleen nog de vraag welke alternatieven er zijn. Gebruik voor je homepage gewoon een knappe statische banner, of meerdere aantrekkelijke foto’s vergezeld van een kwalitatieve tekst. Of ga nog een stap verder, en filter je homepage content op basis van de …

Lees verder  

8 webdesign trends voor 2014

Het webdesign wereldje staat nooit (lang) stil, maar toch zijn er ieder jaar opnieuw enkele trends te bespeuren die toch zeker een tijdje zullen meegaan. Maar op welke kar kan je nu volgend jaar best springen? Ik zet alvast 8 trends voor 2014 op een rijtje: 1. (Almost) Flat design Plat, platter, platst. Dat is de strijd die tegenwoordig ondermeer gestreden wordt door iOS7 en Windows 8. Maar toch hoeft het in 2014 niet per se helemaal plat te zijn, want “almost flat” komt steeds meer om het hoekje kijken: een flat ontwerp, dat toch bv. een subtiele schaduw heeft, zonder dat het echt opvalt.   2. Single page websites Eén simpele pagina waarop alle content netjes onder mekaar gezet wordt, uiteraard met een handig menu om in een handomdraai naar de juiste plek te navigeren. We zagen het al meer in meer in 2013, en verwacht wordt dat die trend zich gewoon zal verder zetten in 2014. 3. Responsive design Mobiel webverkeer steeg, volgens een studie van Walker Sands, in Q3 met 67%, in vergelijking met diezelfde periode van vorig jaar. Die stijging is al een hele tijd aan de gang, en zal zich in 2014 onverminderd voortzetten. Waar …

Lees verder  

Macaw, de responsive web design tool van de toekomst?

Macaw – een tool voor responsive web design – scheert hoge toppen. In tien dagen tijd haalde het meer dan $150.000 via Kickstarter binnen. Het programma wordt begin 2014 verwacht en lijkt heel beloftevol. De markt voor responsive web design tools is nog zeer jong. Adobe zette reeds zijn eerste stappen met Adobe Edge Reflow maar Macaw lijkt uit de demovideos een pak verder te staan. Het lijkt een nek-aan-nek race tussen Adobe en Macaw, waarvan de laatste slechts met twee ontwikkelaars werkt. Met Adobe Edge Reflow kan je eenvoudig responsive web pagina’s maken. Zonder één lijn code aan te raken kan je jouw layout met behulp van breakpoints voor verschillende schermbreedtes optimaliseren. In de achtergrond genereert Edge Reflow HTML code en Media Queries die je kan testen via Google Chrome. We hebben zelf Adobe Edge Reflow een dagje uitgetest en waren blij verrast met het snelle resultaat. De code die wordt gegenereerd werkt perfect in verschillende browsers, smartphones en tablets maar is niet perfect. De HTML code bestaat immers enkel uit <DIV> tags en maakt geen gebruik van HTML5 tags zoals <NAV>, <HEADER>, <FOOTER> etc. Daarnaast kan je geen links leggen, knoppen of formulieren aanmaken en kan je CSS …

Lees verder  

Google lanceert Google Web Designer

Google lanceerde gisteren “Google Web Designer”, een tool voor Mac en PC waarmee je eenvoudig HTML5 websites en banners kan ontwerpen. Op een visuele manier ontwerp en animeer je jouw creatie terwijl in de achtergrond automatisch HTML en CSS code wordt gegenereerd. Deze code kan je indien gewenst manueel aanpassen. Google ontwikkelde deze tool voornamelijk om interactieve banners, interstitials en expandable banners op een eenvoudige manier uit te werken maar je kan er evengoed een website mee bouwen of SVG graphics mee maken. Aangezien Google Web Designer gebruik maakt van de allerlaatste HTML5, CSS3 en JavaScript technieken kan je jou uitleven in 3D en via de tijdslijn frame per frame animaties uitwerken. Net zoals je dit in Flash kon, indertijd. Al dit moois is natuurlijk al eventjes mogelijk via Adobe Muse en Adobe Edge Animate, maar – zoals we gewoon zijn bij Google – is Google Web Designer volledig gratis. De oorsprong van Google Web Designer ligt bij Motorola, dat vorig jaar door Google werd overgenomen. Drie ontwikkelaars lanceerden toen een Google Chrome app genaamd “The Ninja authoring tool” dat zowat alle functionaliteiten bevat als Google Web Designer vandaag. Dat Google heuse plannen rond Google Web Designer heeft blijkt uit …

Lees verder  

Inhoud is (nog steeds) koning

Lorem Ipsum is geen koning. Inhoud wel! Voor velen lijkt dit Chinees (het is eigenlijk oud en incorrect Latijn), maar als je werkt in de designsector zal je zeker al in aanraking gekomen zijn met het goedje. Het wordt wereldwijd gebruikt als plaatsvervangende tekst doorheen verschillende ontwerpen. Designers kunnen hierdoor een bijna finaal product afleveren, op de tekst na. Mensen die zweren bij de belangrijkheid van content, hebben echter een enorme hekel aan Lorem Ipsum. Het zou insinueren dat de woorden niet echt uitmaken. Dat de ruimte gewoon moet ingevuld worden met willekeurige tekst om het visueel compleet te maken. Dat niemand eigenlijk geeft om wat er zal staan. Maar niks is minder waar! De boodschap die je wilt overbrengen, de beelden én de woorden, zijn het hart en ziel van een website. De juiste methode is om je website op te bouwen op basis van de inhoud. Inhoud IS design. No! Go! 5 redenen waarom je Lorem Ipsum wilt vermijden: Het etaleert een pijnlijk gebrek aan samenwerking tussen ontwerpers en schrijvers. Bij de beste projecten zie je schrijvers en designers vaak intensief de hoofden samensteken. Ze spelen in op elkaar en faciliteren zo een productieve en creatieve collaboratie. Door …

Lees verder  

Ziet de site van een luchtvaartmaatschappij er binnenkort zo uit?

Wist je dat in 2012 maar liefst 87% van de reizigers gebruik maakte van het internet voor hun reisplanning? Online boeken maakte de laatste jaren een enorme sprong. Desondanks bleven de luchtvaartmaatschappijen ter plaatse trappelen. Hun online boeking-systemen kende immers geen rechtevenredige evolutie en bleven steken in de good old 90s. Fi, een internationaal design-bureau – gespecialiseerd in Flash-heavy websites- nam de proef op de som en wierp een kritische blik op het digitale uithangbord van de luchtvaartbedrijven. Het resultaat bleek bedroevend: op vlak van informatie-architectuur, interactief en visueel design scoren ze ondermaats. En ook al leverden ze reeds een aantal online inspanningen, er liggen kapers op de kust. Kayak, Hipmunk en Expedia snoepten al een deel van de koek en zullen dat blijven doen, zolang de luchtvaartmaatschappijen op hun lauweren blijven rusten en hun systemen niet onderwerpen aan een stevige revolutie. Vijf voor twaalf dus… Fi ging nog een stapje verder en droomde even hardop: Wat als… die luchtvaartmaatschappijen eindelijk eens nieuwe digitale horizonten zouden verkennen? Dit filmpje toont het resultaat. Een resultaat dat gericht is op ontdekken, grenzen verleggen, inspireren en relaxen. Met de nadruk op een duidelijke look & feel van je reisbestemming, je hotel, bezienswaardigheden… Geen …

Lees verder  

5 slimme technieken voor een betere user experience

Op zoek naar ingrediënten voor een uitstekende user experience voor een applicatie? Vaak vind je de ingrediënten in je eigen leefwereld. Zo zijn deze 5 slimme technieken geïnspireerd door het dagelijkse leven. 1. Accidental Discovery Ooit een klassieke Super Mario game gespeeld? Dan herinner je je ongetwijfeld de geheime ruimtes die je in het spel kon bereiken. Een gevoel van vreugde ging toen wellicht door je heen, waardoor de gebeurtenis memorabel werd. Dit is een mooi voorbeeld van Accidental Discovery en gamedesigners passen deze techniek voortdurend toe. In applicaties is de techniek Accidental Discovery een meerwaarde voor de user experience. Gebruikers die een functie op zichzelf ontdekken, krijgen hiervan namelijk voldoening. De gebruiker heeft iets bereikt en zijn aandacht verscherpt. Hij zal de ontdekte functie bijgevolg beter onthouden. Instagram-gebruikers kunnen foto’s liken door twee keer te tikken op een plaatje, de zogenaamde double-tap gesture. Deze gesture is nochtans niet door een tutorial aangeleerd. Inmiddels is deze gesture voor een aantal gebruikers zo vertrouwd dat het een conventie wordt en opduikt in andere apps. De droom van elke designer! 2. Progressive Reduction Je verhuis naar een nieuwe stad. Aanvankelijk moet je af en toe naar een kaart kijken hoe je van punt A naar punt B geraakt, maar langzamerhand verdwijnt die kaart op de achtergrond en vertrouw je op je kennis …

Lees verder  
  12