Categorie Vormgeving
User feedback: aftellend stoplicht
In Amsterdam (voor fietsers) en Den Bosch hebben ze op sommige plaatsen stoplichten die seconden aftellen tot ze groen worden. Dat is mooie feedback. Maar dit stoplicht doet het net even eleganter.
Twimply: mobile Tweeting made simple.
Are you looking for a Twitter app for your mobile phone? I was. And if you do not have an iPhone, but something like a Nokia N95 like I do, you’ll probably have noticed that good apps are pretty scarce.
That’s why I created Twimply: a free, simple, mobile-friendly Twitter app (with Instapaper and Delicious support). Try Twimply now, or read more about Twimply’s features…
Data inzichtelijk maken: Weerkaartjes
Ik vind het altijd interessant om te kijken hoe je informatie zo kunt vormgeven, dat de data in één keer inzichtelijk wordt. In deze post vergelijk ik daarvoor twee weerkaartjes, en kijk ik hoe ze nog verder te verbeteren zijn.
Op de vernieuwde website van weeronline kun je onder andere per stad het de weersverwachting bekijken voor de volgende 48 uur. In deze post vergelijk ik dat kaartje met dat van de Noorse weersite yr.no. Die maakt de data veel beter inzichtelijk.
Zó toon je dat logo naar homepage linkt
Prachtige manier om duidelijk te maken dat je logo naar de homepage linkt: in het redesign van Simplebits komt bij een hover van achter het logo een klein home-icoontje tevoorschijn.
Test je fontkennis in shootergame
Heb je verstand van lettertypes? Test dan je fontkennis in de verslavende shootergame Deep Font Challenge. Mijn highscore tot nu toe: 423.668 687.438…
Voorbeeld van toegankelijke data: plattegrond
Op veel plattegronden staat zo’n maatlijntje dat aangeeft wat 100 meter op de kaart is, maar eigenlijk zegt dat helemaal niets. Het geeft je in elk geval niet echt een gevoel geeft voor de schaal van de kaart.
Wél goed is de stadsplattegrond die ik op station Driebergen-Zeist tegen kwam: rondom het station staat een blauwe cirkel met daarin een icoontje 15 minuten lopen. Dat plaatst de hele kaart meteen in perspectief.
Periodiek systeem van lettertypes
100 populaire lettertypes ingedeeld in een variant op het bekende scheikundige periodiek systeem. Volgens de maker: As with traditional periodic tables, this table presents the subject matter grouped categorically. The Table of Typefaces groups by families and classes of typefaces: sans-serif, serif, script, blackletter, glyphic, display, grotesque, realist, didone, garalde, geometric, humanist, slab-serif and mixed.
Ontwerpen voor de doelgroep: Dikkie Dik
Mijn dochtertje van drie heeft een Dikkie Dik verzamelboek. Bij de inhoudsopgave staat steeds niet alleen de titel, maar ook een plaatje uit het verhaaltje. Zo kan zij direct aanwijzen welk verhaaltje ze wil dat ik voorlees. Zo simpel kan ontwerpen voor de doelgroep dus zijn.
Semi-transparantie met PNG-8
Voor afbeeldingen met semi-transparantie gebruikte ik altijd PNG-24. Dat heeft twee nadelen: de bestanden zijn groot, en Explorer 6 rendert de transparante delen als een lelijk grijs vlak. Deze week liep ik toevallig tegen een oplossing aan: je kunt afbeeldingen opslaan als PNG-8 mét volledige alpha-transparantie. Deze oplossing is al een paar jaar oud, maar toch lijkt niemand hem te kennen (waaronder ikzelf).
De voordelen: de bestanden zijn minder groot dan bij PNG-24, in Explorer 6 ziet het er heel acceptabel uit, en hacks of scripts zijn niet meer nodig. Het enige nadeel: het opslaan kan alleen in Fireworks.
Aanpassingen aan het standaard WordPress theme
Bij het maken van het template voor mijn weblog ben ik uitgegaan van [bigimglink img="2009/02/kubrick-bloghome.gif" title="Default Wordpress theme Kubrick"]Kubrick[/bigimglink], het default theme van Wordpress. Dat is anders werken dan wanneer je van een Functioneel Ontwerp uitgaat. Ik betrapte mezelf er op, dat ik geneigd was om de meeste functionaliteiten te handhaven: het zal immers niet voor niets het default template zijn.
Toch bleek dat er nog wel het een en ander beter kon, of niet nodig was – zeker niet als je net begint met een weblog. Neem als voorbeeld de vormgeving van een post-entry.
-
RSS
Geen post meer missen? Abonneer je nu op mijn RSS-feed!
-
Volg mij op Twitter
Twitter Categorieën
- Artikelen (17)
- Copywriting (7)
- English (10)
- html/css (6)
- Interaction Design (23)
- javascript (5)
- MiniPosts (19)
- Offline (8)
- usability (5)
- Vormgeving (10)
Archief
-
Mijn Delicious