publicworks » design

Een nieuw responsief jasje

Erik Visser — Wed, 07 Sep 2011 15:19:27 +0000

Na een paar jaar hetzelfde design is het hoogste tijd voor iets nieuws. En liefst zo simpel mogelijk en graag voor meerdere schermen geschikt. We leven tenslotte in een tijd waar we genoeg info tot ons krijgen via de “5 schermen” desktop, laptop, tablet, mobile en tv.

Het oude heeft zijn functie gehad en ik heb er weer veel van geleerd.

Responsive design luidt een nieuw tijdperk in. In 2000 ben ik begonnen met website bouwen en ondanks dat ik me in die jaren ontwikkeld heb als strateeg en consultant ging een simpele website bouwen nog net. Nu met html5 en css3 is dat voorgoed verleden tijd. Mijn rol als codeklopper is echt nu ten einde. Vanaf nu laat ik dat volledig over aan de professionals waar ik in de loop der jaren fijn mee heb samengewerkt en veel bewondering voor heb.

Met deze theme breek ik dan ook met een traditie. Geen eigen bouw en geen eigen ontwerp. Maar gewoon een gratis wordpress theme van Elmastudio. Nog wat uurtjes geklust, plugin hier en daar, wat css, wat html ietsie pietsie php en klaar is ie.
Nou ja klaar… goed genoeg en ik zal waarschijnlijk altijd wel beetje blijven sleutelen :). Daarnaast heb ik natuurlijk altijd mijn grotere ideeën maar die zijn experimenteel en zal ik samen een html5 code koning moeten doen. Dit is dan ook het eerste veilige stapje naar de afgrond die html5 en css3 heet.

Zelf ook zo’n lekker responsief jasje?
Kijk eens bij speckyboy of er wat voor je bij zit. Wil je meer weten over responsive design? Dan zijn de artikelen op webdesignersdepot, Alistapart, smashingmagazine en netmagazine een mooie start.

Hongerig naar mooie voorbeelden van responsive design?

Nu is het weer eens hoog tijd dat ik mijn oude liefde bloggen weer een oppak is het afgelopen half jaar niet echt gelukt terwijl er toch veel te vertellen valt.

Update: mooi artikel over hoe de web designer van morgen het behoort te doen: The future of web design

Gerelateerde berichten

De dageraad van het nieuwe tijdperk

Erik Visser — Wed, 05 Jan 2011 15:04:47 +0000

Ik ben nu tien jaar professioneel actief binnen het internet en digitale communicatie en heb het zien groeien en bloeien. Het was een feest om de afgelopen 10 jaar hier mee bezig te zijn en het te zien veranderen. Dramatische evolutie op alle denkbare niveaus. Nu raakt het werkelijk alle vezels binnen de maatschappij en hoe en waar wij werken en leven. En het is nog maar net begonnen! We staan aan het begin van weer een evolutionaire boost die ons leven de komende 10 jaar weer op de kop zal zetten (naast allemaal andere uitdagingen). Zo is er bijvoorbeeld “the internet of things“, symantic web, open data en wij; de nodes, zintuigen van het collectieve brein internet.

Maar de grootste uitdaging zal zijn hoe wij met deze vloedgolf gaan interacteren. Hoe zorgen we ervoor dat het werkelijk aansluit op ons brein? Al gaat dat zeker meer en meer kunnen. Hoe gaan we er voor zorgen dat we jou op de juiste manier gaan koppelen? Jij de node, het zintuig, de interpretatie motor, het kruispunt, gever van “meaning”. Hoe slechten we de kunstmatige brug tussen digitaal en fysiek terwijl die eigenlijk eender zijn?

De afgelopen 10 jaar is de wetenschap behoorlijk druk bezig geweest om het functioneren van het brein in kaart te brengen. En is er enorm veel data en statistieken verzameld over wat wel en niet werkt binnen User Interface Design. Deze ontwikkelingen + voortgang in techniek + de schreeuwende noodzaak gaat er voor zorgen dat we de komende 10 jaar radicale veranderingen zullen gaan meemaken.
Eén element gaat volgens mij in al deze veranderingen de emulgator en katalysator zijn, de saus zijn die in elke handeling elke taak zal worden geïntegreerd: het spelelement. Waarom? Omdat niets anders ons meer “aan” zet.

Lees meer over de ontwikkelingen binnen gaming:

Gerelateerde berichten

100+ Guerrilla Marketing voorbeelden

Erik Visser — Thu, 16 Dec 2010 08:02:16 +0000

Martijn Arts van Total Active Media heeft weer in zijn gebruikelijke stijl meer dan 100 inspirerende Guerrilla Marketing voorbeelden verzameld. Een prachtige collectie. En waarom? Hij wilde graag een kaartenspel maken om mee te pesten en te toepen :)

Gerelateerde berichten

Kijk zo maak je een goede website

Erik Visser — Mon, 01 Nov 2010 11:21:50 +0000

Een prachtig filmpje van@zakiwarfel hoe je tot een website komt waar de gebruiker zijn hart kan ophalen.
Wordt er zelf helemaal gelukkig van. My cup of tea.

Wat zijn de gouden regels?

Doe gedegen onderzoek onder je (potentiële) doelgroep / bezoekers / klanten
Begrijp wat deze mensen beweegt en wat je unieke propositie is
Maak personas voor de sleutel types – dit brengt focus, je kunt nooit iedereen goed bedienen
Maak veel schetsen en werk deze uiteindelijk uit in wireframes
test ze door mensen die aan de personas voldoen
Maak de website
Controleer en vraag aan je bezoekers of het werkt en wat er beter kan. Je kan ergens een verkeerd pad zijn ingegaan of juist door deze stap onstaan er nieuwe behoeftes en dus nieuwe kansen. Grijp ze!

Via usability-vlaanderen.com

Gerelateerde berichten

Makkelijk Mood boards maken

Erik Visser — Thu, 12 Aug 2010 07:40:27 +0000

Binnen de designprofessie worden er veel moodboards gemaakt om zo te bepalen en te communiceren welke gevoel er nagestreefd moet worden. Een prima manier om zowel de klant als het design team letterlijk “on one page” te krijgen.
Vroeger knipte je allerlei dingen uit magazines en kranten om zo tot een mooie verzameling te komen. Nu wordt natuurlijk het internet afgeroomd naar mooie plaatjes. Er zijn services online die je hierbij kunnen helpen. Zo wordt het vinden naar het juiste gevoel steeds makkelijker en leuker.

Image Spark
Naast dat het je gemakkelijk maakt om tijdens het surfen plaatjes toe te voegen aan je verzameling en eigen materiaal te uploaden heeft het ook een mooie tool om de verzameling te herschikken. Daarnaast heeft het ook nog een sterke sociale component waar je zowel afbeeldingen als hele moodboards kan delen.
Natuurlijk is het ook uitstekend te gebruiken om plaatjes binnen een bepaald thema te verzamelen net zoals je links naar websites verzameld.

Moodboard.com
Is een andere service die je moodboards laat maken maar heeft meer de insteek dat je niet gewoon alle plaatjes op het net gebruikt maar gebruik maakt van hun stockfoto’s. Zodat je zeker weet dat alle copyrightrechten goed geregeld zijn.
Jammer genoeg is het heel duidelijk hun verzameling en putten ze bijvoorbeeld niet uit andere stock databases die er in overvloed zijn. Dit zou je als gebruiker veel meer de mogelijkheid geven iets te vinden dat echt de plank raak slaat ipv iets generieks wat er dicht bij komt. Maar als dat geen probleem is is het een prima service die je snel resultaten brengt.

En dan is er natuurlijk de moodboard pro app voor de ipad. De ipad geeft dankzij de touchscreen en het redelijk grote scherm een prachtige feedback op creatieve processen zoals het maken van moodboards en het maken van website schetsen

het moodboard is gemaakt door Michael Lindberg

Gerelateerde berichten

concept feedback

Erik Visser — Sat, 07 Aug 2010 14:19:00 +0000

Concept feedback is een erg mooie manier van crowdsourcing om je bestaande of nieuwe website te laten bekijken door een groep van professionals / experts zowel op het gebied van design, gebruiksvriendelijkheid en strategie. Een community van meer dan 7000 mensen die je graag willen helpen het beter te maken dan het is.

Vroeger was het erg moeilijk en duur om goede feedback te krijgen of je was al gauw aangewezen op de kleine kring vrienden.
Nu zijn er gelukkig sociale netwerken zoals twitter, waardoor je een grotere groep mensen om een mening kan vragen.
Maar wil je het echt goed doen zul je een stapje hoger moeten gaan. Concept feedback is zo’n stap waar je waardevolle feedback kunt verzamelen zonder veel geld te moeten betalen of moeite te hoeven doen.

Gerelateerde berichten

het zijn de kleine dingen die het doen

Erik Visser — Tue, 22 Jun 2010 17:35:53 +0000

Via twitter (dank @wethink en @cvancapelleveen) attend gemaakt op prachtig 12 minuten durende stand up comedy met een waanzinnige mooie boodschap van Rory Sutherland.

Wat is de boodschap? We kunnen veel meer doen met veel minder. Als we maar bereid zijn op detail niveau te kijken en deze details “kloppend” te maken. Deze schijnbaar triviale aanpassingen hebben de potentie grote veranderingen in menselijk gedrag en (bedrijfs)processen te weeg te brengen.
Iets wat ik alleen maar kan onderschrijven in mijn professionele en persoonlijke leven. Net een stapje verder gaan dan “goed genoeg” kan het verschil maken tussen succes en falen.

Waarom gebeurd dat niet?

Volgens Rory: The very person that has the power to solve the problem has also a very very large budget and when you have a very large budget you look for expensive things to spend it on.

De motivatie van die persoon kan nog steeds zijn om goed te doen, maar deels door gebrek aan visie en ook zeker het afdekken van risico zowel binnen de organisatie als naar de financiers is groot en duur nog steeds een synoniem voor “we hebben kosten nog moeite gespaard”. En zoals Rory ook aangeeft worden er ook prachtige dingen gemaakt met veel geld maar wordt er binnen deze projecten te weinig aandacht besteed aan de details. Dat is wat ik ook zo mooi vind aan het internet en sociale media in het bijzonder. Dankzij “persuasive technology” wordt de druk van “bottom-up” zodanig groot dat de personen met de macht en het budget meer worden gedwongen oog te hebben voor de kleine dingen die de wereld kunnen veranderen en erna te handelen.
De massa heeft veel kennis, goede en simpele ideeën die menselijke problemen oplossen en nieuwe kansen creëren.

Met mooie (persoonlijke) voorbeelden verteld Rory, liefdevol omhelst met context, kunde, timing, ironie en schaterlach ontlokkende humor, zijn verhaal. Als je 12 minuten over hebt….

Enkele uitspraken uit de video:

If you actually want people to remember you and appreciate what you do. The most potent things are mostly very very small… In a business context or a government context this would simply be a to trivial solution that it is too embarrassing to consider.

What we are completely lacking is a class of people with immense amount of power but no money at all.

What is happening in the world is that the big stuff actually is done magnificently well, but the small stuff, what you might call the user interface, is done spectacularly badly.

We spend to little time on those tiny things that may or may not work but when they do work can have a success absolutely disproportionate to their effort, the expenditure and the disruption they cause.

We need a chief details officer, every corporation should have one and every government should have a ministry of detail to be in charge of the “?” stuff.

Als toetje nog één van 16 minuten van een jaartje eerder. Waar hij in het begin van bovenstaande talk ook naar refereert. Kleine overlap maar verder complementair aan elkaar. Waar hij weer met aansprekende voorbeelden laat zien hoe we de wereld kunnen veranderen door “intangible value” goed te gebruiken.

uitspraken in deze video:

intangible value in many ways is a very very fine substitute for using up limited labor or limited resources in the creation of things

engineers, medical people, scientist have an obsession with solving the problem of reality when actually most problems, when you reach a basic level of wealth, are just perception.

The interface determines the behavior. Marketing created great stuff for impulse buying but never for impulse saving > 12 minuten

going forward we need more intangible value and spending more time appreciating what already excists and less time agonizing over what else we can come up with.

poetry is when you make new things familiar and familiar things new

Gerelateerde berichten

lifehacking to the extreme

Erik Visser — Tue, 01 Jun 2010 09:32:38 +0000

Net naar de presentatie van Andrew Hessel zitten kijken die hij op Mobile Monday nr.15 gaf met de titel “The internet of living things“. De titel alleen al is erg fantasieprikkelend maar zijn verhaal gaat veel verder dan ik durfde te denken.

Het brengt me terug in de jaren tachtig waar mijn geeky neefje met zijn dos-computer zat te spelen in zijn niet verlichte slaapkamer en waarvan niemand wist wat hij precies aan het doen was. Maar waar hij samen met vele geeks met hem wel de digitale toekomst waar wij in leven aan het creëren waren.

Toen gebeurde het met een relatief kleine groep hackers en “slechts” computer code. Nu is diezelfde revolutie bezig in bio-engineering. En met de huidige technieken en interconnectiviteit tussen mensen en informatie gaat dit een veel grotere vlucht nemen dan we ons überhaupt kunnen voorstellen. De middelen om met DNA-codes te gaan experimenteren wordt goedkoper en goedkoper en met een paar 100 euro en een hackersbrein kun je helemaal los gaan en de code van het leven manipuleren, herschrijven en printen! Nu het gat gedicht is tussen digitaal en analoog kunnen we elke fantasie werkelijkheid laten worden met een druk op de knop ‘t Schaep met de 5 pooten ;) of glow in the dark cats printen en je eigen huis groeien.

Andrew Hessel vind het allemaal geweldig en ziet de toekomst rooskleurig in. Natuurlijk zullen we foute code schrijven natuurlijk zullen er groepen mensen zijn die foute dingen willen doen. Maar hij zegt dat we tegelijkertijd een “global immune system” aan het bouwen zijn waarin informatie zich zo snel verspreidt dat we zonder al te veel moeite de problemen het hoofd kunnen bieden. Ondanks het oneindige potentieel blijf ik sceptisch. De geschiedenis leert ons dat we nogal onwetend zijn. De taal van het leven kennen en de bijzondere mogelijkheden zien is 1 ding. Zinnige, wijze dingen zeggen is heel wat anders.

Al met al staat mijn brein op hol. Het is eng, fascinerend en geweldig tegelijk. Eén ding weet ik wel de wereld ziet er over 10-20 jaar heel anders uit dan nu. De afgelopen 10 jaar zijn slechts een bescheiden beginnetje. Alleen al omdat Andrew aangeeft dat dit economisch en maatschappelijk van grote waarde is. Op maat gemaakte vaccins (iedereen heeft zijn eigen markup), het opruimen van onze troep (zoals de recente BP olieramp en de CO2 problematiek), gezonder en efficiënter maken van het voedsel en onze leefomgeving, vervoermiddelen die hun energie rechtstreeks uit de omgeving halen. Geen zee te hoog, geen brug te ver. Geen grenzen aan wat mogelijk is en onstuitbaar omdat iedereen het kan. Dat is wat Andrew Hessel ons verteld op een manier dat je het alleen maar met ‘m eens kan zijn. De werkelijkheid gaat de science fiction ernstig voorbij streven.

Op het laatst wordt Andrew door Ben van den Burg terecht de vraag gesteld hoe de ziel in dit plaatje past. Hij heeft het tenslotte over het “printen” van muizen en apen. Zijn antwoord stemt me enigszins gerust.

Life is an immersing system, any living thing, a bacterium, you…- there really isn’t that much difference, the code is very similar – The whole is always greater then the sum of it’s parts… so I look at that as a kind of magic so all live is magical.

Gerelateerde berichten

Art is work

Erik Visser — Thu, 01 Apr 2010 05:39:08 +0000

Heb net een post gewijd aan Milton Glaser en nu moet ik alweer. Wat is er toch met die man dat hij mij zo weet te raken?

Deze keer gaat het over de kunst en design. Ik heb zelf met heel veel plezier de kunst opleiding gedaan om uiteindelijk af te studeren als autonoom kunstenaar in 1996. Met deze titel heb altijd zitten worstelen. Wat is een kunstenaar en wat is kunst? In 2000 schreef Milton Glaser het volgende hierover. Wou dat ik dan toen gelezen had ipv 10 jaar na dato.

If one of the definitions we have concerning art is that it serves its public by reflecting and explaining the world at a particular moment in history, it is hard to believe that design does not serve in a similar way. In any case, the issue has become blurred since art currently seems mostly about money, and designers seem to be increasingly concerned about ethics, the environment, and their effect on the world. There seems to be much confusion about what we mean when we use the word art. I have a recommendation. We eliminate the word art and replace it with work and develop the following descriptions:

1. Work that goes beyond its functional intention and moves us in deep and mysterious ways we call great work.
2. Work that is conceived and executed with elegance and rigor we call good work.
3. Work that meets its intended need honestly and without pretense we call simply work.
4. Everything else, the sad and shoddy stuff of daily life, can come under the heading of bad work.

This simple change will eliminate anxiety for thousands of people who worry about whether they are artists or not, but this is not its most significant consequence. More importantly, it can restore art to a central, useful activity in daily life—something for which we have been waiting for a very long while.

Je kunt het boek “Art is Work” van Milton Glaser o.a. vinden op Amazon.

Gerelateerde berichten

Milton Glaser: 10 things I’ve learned

Erik Visser — Thu, 01 Apr 2010 05:05:09 +0000

Via Huub koch en zijn blog Zichtbare Zaken heb ik Milton Glaser mogen ontdekken. En daarvoor ben ik heel dankbaar. Ik kan dan ook niet anders dan het weer hier (en op twitter natuurlijk) te delen.

Wat spreekt me zo aan? Zijn designs zijn zo direct gekoppeld aan de liefde voor tekenen, kunst en de mens. Wat het eigenlijk altijd intiem, oprecht en persoonlijk maakt. Dat dat gevoel wat ik krijg bij zijn werk ook klopt met de mens achter het design kun je heel mooi zien aan een weergave van een lezing die Huub vond, waar Milton de 10 dingen die hij geleerd heeft deelt met zijn toehoorders.

You can only work for people that you like
If you have a choice never have a job
Some people are toxic avoid them
Professionalism is not enough or the good is the enemy of the great
Less is not necessarily more
Style is not to be trusted
How you live changes your brain
Doubt is better than certainty
Aging
Tell the truth

Het zijn niet zozeer de 10 punten op zichzelf die zo bijzonder zijn maar het verhaal erachter die me laten grijpen, begrijpen en herkennen.

… I discovered that all the work I had done that was meaningful and significant came out of an affectionate relationship with a client. And I am not talking about professionalism; I am talking about affection. I am talking about a client and you sharing some common ground. That in fact your view of life is someway congruent with the client, otherwise it is a bitter and hopeless struggle.

… After all, what is required in our field, more than anything else, is the continuous transgression. Professionalism does not allow for that because transgression has to encompass the possibility of failure and if you are professional your instinct is not to fail, it is to repeat success. So professionalism as a lifetime aspiration is a limited goal.

Kijk voor het hele verhaal erachter op Zichtbare Zaken.

Nog wat mooie linkjes:

een mooie video waar Milton tekent
het nieuwe boek “Drawing is thinking” nooit snel verleid tot het kopen van een boek, maar deze…
een video interview met Milton Glaser
het boek “Art is work” uit 2000 ook een pareltje zo op het eerste oog waar ik zo een hele pagina van zou willen citeren :)

Gerelateerde berichten

I’m not an artist

Erik Visser — Sat, 27 Mar 2010 07:38:52 +0000

Vind het werkelijk geweldig. 10talle animated gifs op 1 website. op zich zelf zijn ze mooi maar juist ook als verzameling wordt ik er helemaal blij van. Zelf ook veel met animated gif gewerkt. Je kan prachtige dingen mee genereren waar juist de beperkingen de kracht is. Dit is daar een prachtig voorbeeld van. Hoop dat het groeit en bloeit.

iamnotanartist.org is gemaakt als promo voor de opendeurdag van ELISAVA, de ‘leading design school’ van de Catalaanse trekpleister, met als thema: “an animated gif paranoia about nonstop design workers”. Had ik al gezegd dat ik het geweldig vind?

Gerelateerde berichten

who needs designers!?

Erik Visser — Mon, 26 Jan 2009 22:35:57 +0000

When you can get this amazing set of tools for just 3 payments of $29,95!

Gerelateerde berichten

Als het design gemaakt wordt…

Erik Visser — Sat, 10 Jan 2009 10:18:24 +0000

Kun je, zoals gezegt bij de laatste presentatie, een design laten testen door onze doelgroepen. Een goed idee. En ik zou hierbij ook willen pleiten om het aan een groep van experts te vragen. Een heel mooi voorbeeld is flaironline.

Sanne heeft een screenshot op flickr.com gezet en daarna de vraag op twitter.com gesteld. Wat vinden jullie ervan?

Ik vind dit een hele goede manier om voor de lauch al een algemene indruk te krijgen van medeprofessionals. Als je in zo’n project zit ben je gedwongen door het aspect tijd, geld en hobbels in techniek / proces interne wensen van de organisatie veel compromissen te sluiten. Door deze voorschouw kun je zien of die compromissen de juiste waren en dat je nog steeds een waardevol product opleverd voor de buitenwereld.

Ik zou dit dan ook bij elk product wat ik mede ontwikkel willen doen en proberen de baas te overtuigen van de winst die daarmee te behalen is. En Michiel kijk speciaal eens naar die “bad ass footer” zoals Bert Boerland het omschrijft ;-)

Enige nadeel wat ik zie is dat je design “op straat ligt”. Ik vind dat de voordelen ver boven dit ene nadeel uitstijgen.
Wat vinden jullie?

Gerelateerde berichten

De onderstroom

Erik Visser — Fri, 26 Dec 2008 10:18:30 +0000

Dutchcowboys herinnerde mij er weer aan en op mijn eigen websites maak ik er ook dankbaar gebruik van. De onderkant onderstroom van je website.

Een webpagina bestaat als basis structuur uit drie onderdelen:

header – wordt gebruikt om al je metadata in op te slaan je stylesheets te koppelen en de zoekrobots de juiste paden te laten bewandelen
body – het eerste en prominent zichtbare deel voor de gebruikeren waar logischerwijs zich (bijna) alle content toont.
footer – het laatste deel, ook zichtbaar voor de gebruiker maar omdat het zich aan de onderkant bevind wordt het vaak alleen maar gebruikt voor een disclaimer.

Maar je kunt ook even lekker uitpakken. En ter inspiratie is er deze post op Six Revisons waar je 25 mooie voorbeelden ziet van hoe het ook kan.
In mijn ogen kan het zeker een meerwaarde zijn voor elke website. Zowel inhoudelijk als grafisch kan het het element zijn waardoor je website “aard”.

En bovenstaand screenshot is mijn favoriet. Niet zozeer qua inhoud, daarbij kunnen we van elk voorbeeld wat leren, maar vooral omdat de header – body – footer zo letterlijk is vertaald in beeld. Iets wat voor menig groene organisatie grafisch ook zeer voor de hand ligt en wellicht gebruikt zou moeten worden.