var _paq = window._paq = window._paq || []; /* tracker methods like "setCustomDimension" should be called before "trackPageView" */ _paq.push(['trackPageView']); _paq.push(['enableLinkTracking']); (function() { var u="https://stats.webtic.nl/"; _paq.push(['setTrackerUrl', u+'matomo.php']); _paq.push(['setSiteId', '6']); var d=document, g=d.createElement('script'), s=d.getElementsByTagName('script')[0]; g.async=true; g.data-privacy-src=u+'matomo.js'; s.parentNode.insertBefore(g,s); })();

Handvatten voor een efficiënter ontwerpproces

2014-12-24T13:40:10+01:00december 24, 2014|Informatie en vormgeving|

Komt een goed ontwerp tot stand door hard werken of is het een gave van de ontwerper en kun je het niet leren? Of het nu een gebouw is, een landschap, een product, een dienst of een identiteit is een goede vormgeving betaalt zich altijd terug. Evenals een goede vormgever. Kwalitatieve nieuwe ontwerpen of verbeteringen op een bestaand product betalen zich altijd terug. In comfort, in milieuvriendelijkheid, in gebruikersvriendelijkheid, in een heldere communicatie, in een leefbaardere wereld. Hieraan bijdragen is te leren.

Isotope: een magische jQuery plugin voor uitstekende lay-outs

2011-02-09T12:01:21+01:00februari 9, 2011|Informatie en ordening, Informatie en vormgeving|

Een goede layout, de mogelijkheid om informatie te sorteren en te filteren kunnen, mits goed toegepast, de gebruikersvriendelijkheid optimaliseren. Isotope heeft hiervoor een uitstekende jQuery plugin ontwikkeld. Met Isotope kun je kiezen uit verschillende layouts die, alleen door gebruik van CSS3, niet te evenaren zijn. Je kunt animaties, inclusief 'fallback', implementeren. En er zit functionaliteit in waarmee je informatie kunt sorteren en filteren. Isotope maakt gebruik van bestaande plugins zoals Modernzr, Infinite Scroll en smrtresize. Of je het gebruikt

Een responsive of ontvankelijk webontwerp

2011-02-01T11:55:07+01:00februari 1, 2011|Informatie en vormgeving|

In mijn begintijd als webontwerper, zo rond 1995, was het heel gebruikelijk dat je rekening hield met de verschillende schermformaten en de grote verschillen tussen diverse browsers. Nu er de mobiele platformen zijn bijgekomen is de uitdaging wederom prikkelend. Eén antwoord uit de markt is het zogenaamde 'responsive web design' waarbij je de informatie filtert afhankelijk van de hardware waarmee je een site bezoekt. Een benadering die in mijn ogen voorbij gaat aan de doelgroep. Een voorbeeld Op dit moment

[tip] TED Talk iPad app 1.2 met ondertiteling

2011-02-01T11:21:46+01:00februari 1, 2011|Informatie en vormgeving|

Net mijn Ted iPad app vervangen door de TED+subtitles app. Heerlijk om nu de gesproken tekst ook in het getypte woord te kunnen volgen. Als minder goed horend persoon is het zeer plezierig om, vooral bij vreemde talen, een ondertiteling synchroon te hebben lopen. Andere mogelijkheid is om, mits beschikbaar, een vertaling mee te laten lopen in de ondertitling. En sinds versie 1.2 kan ik de TED Talks downloaden en later, zonder WiFi verbinding bekijken.

Informatie en typografie

2010-03-24T10:39:29+01:00maart 24, 2010|Informatie en vormgeving|

Eén van mijn grote frustraties behelst de slechte typografische mogelijkheden voor websites. Informatie die slecht leesbaar is of weinig eigen karakter heeft doordat de vorm beperkt wordt door de techniek zijn een doodzonde. Toch zal steeds meer informatie via mobiele applicaties, websites of andere schermen aangeboden worden. Het grote voordeel hiervan is dat tekst, beeld en gerelateerde informatie via deze kanalen beter gevisualiseerd en gekoppeld kunnen worden. Dankzij CSS3 kun je nu door een @font-face regel te gebruiken lettertype koppelen

Wat is de overeenkomst tussen de kerstman en de paashaas

2010-03-19T11:56:17+01:00maart 19, 2010|Data en visualisatie, Informatie en vormgeving|

Fernanda Viégas en Martin Wattenberg, twee wetenschappelijk onderzoekers bij IBM’s Visual Communication Lab, gebruiken data visualisatie om de digitale wereld te onderzoeken. Data visualisatie is een methode waarmee nieuwe inzichten kunt ontwikkelen door ruwe data met elkaar te relateren. Anders dan andere wetenschappers vinden zij dat deze vorm va visualisatie emotie omvat. Hun doelstelling is vooral het leveren van plezier, sociale betrokkenheid en het beiden van de om verrassende ontdekkingen te doen. Zij gebruiken kleur en ingewikkelde vormen om in

Prezi, een applicatie voor niet-lineaire visuele presentaties

2010-02-18T13:45:21+01:00februari 18, 2010|Informatie en vormgeving|

Met Prezi kun je een visuele kaart maken die opgebouwd is uit bijvoorbeeld woorden, afbeeldingen, links en video waarbij je tijdens je presentatie kunt in- en uitzoomen. De volledig in Flash gebouwde online applicatie doorbreekt hiermee het traditionele patroon van de lineaire dia-dia presentaties. Denk eens aan de mogelijkheden die je hebt wanneer je mindmaps, tijdslijnen, plattegronden, informatie architecturen of infographics als rode draad voor je presentaties kunt gebruiken. Doordat ze conceptueel het idee van lineair presenteren hebben losgelaten zijn

Een discrepantie tussen beeld, geluid en inhoud

2009-12-10T11:54:14+01:00december 10, 2009|Informatie en visualisatie, Informatie en vormgeving|

XPlane heeft in samenwerking met The Economist de informatieve video “The Carbon Economy” gemaakt. Alle ingrediënten zijn goed gekozen, krachtige verhalende muziek, sprekend cijfermateriaal, mooie afbeeldingen maar onderling vechten al deze ingrediënten met elkaar. Ze versterken elkaar niet, continue wordt je heen en weer geslingerd tussen beeld en geluid, de boodschap sneeuwt onder. Hun vorige video 'Did you know 4.0' was in dat opzicht veel krachtiger. Kijk ook naar de video 'Vampire Energy' die Nigel en Rowland Holmes voor GOOD

Zoekresultaten: afbeeldingen op een andere manier tonen

2009-12-02T13:46:19+01:00december 2, 2009|Informatie en ordening, Informatie en vormgeving, Zoeken naar informatie|

Google Image Swirl is een nieuwe eigenschap van zoekmachine Google waarbij gelijksoortige afbeeldingen uitgaande van kleur, structuur, textuur en meta informatie geclusterd en getoond worden. Op dit moment zijn nog lang niet alle zoekinstructies mogelijk maar het laat wel een alternatieve manier van presenteren zien. Meer informatie: Google Image Swirl Help Explore images with Google Image Swirl

Ga naar de bovenkant