design

De Stentor.nl en bannerblockers, geen goede combinatie :-)

De nieuwe website van de stentor met bannerblocker links.

Ik weet niet of het express is of niet. Maar de DIV (zeg maar het kadopapier rondom de content) van denieuwe website van de Stentor is zo gekozen, dat banner blockers (links chrome met een default bannerblocker) de content blokken.

Rechts in een default safari zonder bannerblockers. Zie zelf op destentor.nl

Dit is OF heel slim (als je website wilt zien moet je bannerblocker uitzetten / gerconfigureren / site whitelisten) OF heel dom en website bouwer heeft geen bannerblocker :-)

(en ja, ik heb veel tabs open)

”O Deer”, the parking lot builder made some signs

Untitled
When I parked my car at a Park and Ride this summer in Kent, I saw this sign. My first thought was “Whisfull thinking of the city planners to warn about deers”. Only when I saw that there were a dozen of these signs I understood that it wasn't a warning but an indicator for where I parked. I saw that another area of the parking space had a realistic wolf. This is where someone didn't understand how pictograms / metaphors should work, they should be abstract and translate the environment towards the reality, indicate your space or actions via something else so one can predict what the result of the action should be or for example where one is. When I see a traffic sign of deer, I don't think “I parked in the deer section”. I think -stupid as it may sound- be careful when parking there are deers here.

Take for example the pictograms for the parking lot of Schiphol Airport, worldwide known for the best use of abstract pictograms and metaphors. What the London tube did for abstract maps, Schiphol did for icons. Clear abstract pictograms. Not drawn to resemble traffic signs and thereby confuse the reader but the Schiphol icons are clearly an indicator by themselves. All in the same language, pictograms of what foreigners think as “Typical Dutch”, wooden shoes, tulips, windmills etc. Borrowing from that was is good for the purpose of the objects but not steeling bad metaphors like a traffic sign with a red border generally associated with “forbidden”, not like blue sign that is associated with “information”

What you can learn from this if you use graphical metaphors IRL or in an application.

  1. Think about what you want to say
  2. Think about how you want to say this
  3. Think about how someone else will and can read this
  4. and do hire a designer :-)

Easel, online wireframing tool

easel online wireframing

If you make websites, you start with a pen and a paper to write and sketch. But at some time you need to prototype or show the grid, styleguide or design to the customer. Then you have tools like wireframes.

[rant]
Mind you, not photoshop. Repeat after me, "only print designer use photoshhop."

If your webpages are all A4/letter size, you should have made a book.

If all webpages can be printed like the photoshop file can, you should mail PDF's.

Websites are interactive and not bound to A4 size. Ans should not be made in tool with half pixels!
[/rant]

One of the best online tools I have seen recently is Easel, feels like "real" app with the advantages of being able to work everywhere, with multiple people and share results fast, like all webapps ;-)

iPhone tip of the day, Super8: great retro camera recorder


I remember the days that my father was sitting behind his reels cutting, making 16 mm movies. When the reels were spinning and you could here the sound.

Now I can be my dad again, with this ubercool retro free iPhone app "Super8". It is free since it is a promo for the movie with the same name; Super 8 Movie.

The apps is very well done, lots of features, incredible amount of great detail in graphics and mixing the launch of an app for a movie is a good way to use "cross medium" advertising.

See this demo:

Must install!

Wilders als gedoog akkoord


( bron: mijn flickr)

De woorden van het gedoog akkoord gevonden op telegraaf op Wilders geplot.

XML feed