Archive for augustus, 2010
De computer is net een huisdier
augustus 29th, 2010
Dat zinnetje las ik jaren geleden, toen er op bedrijven allerlei pc-privé-projecten werden gestart om mensen maar achter de computer te krijgen. Voor mij als zelfstandig ondernemer golden dergelijke regelingen niet, maar dat maakte niet uit, want ik had de computer al in 1987 met veel plezier omarmd.
In het land der blinden is eenoog koning
Natuurlijk was het soms moeilijk om mijn informatie te vinden. Ik kende niet veel mensen met een computer – je kunt het je nauwelijks voorstellen nu!
En er ging ook wel eens wat mis. Ik kan me de dag nog heugen dat er een volledig tijdschrift van 60 pagina’s ‘ineens’ weg was. Verkeerde knop gebruikt, geen back-up. Dagen werk naar de vaantjes. Al doende leert men!
Alfabet-project
Het was ook de tijd dat ik met mijn alfabet-project ben begonnen, want je moet je vaardigheid ergens opbouwen. En voor mij was het dan natuurlijk logisch om dat in een beeldend project te doen.
Zestien jaar ben ik daar in totaal mee bezig geweest.
Doe het raam maar open
De schrijver van “De computer is net een huisdier” had echter wel gelijk. Wat is er een hoop tijd gaan zitten in uitproberen, tegen schijnbaar onlogische problemen oplopen, tegen echt onlogische problemen oplopen. Ik kon het ding soms met liefde het raam uit kieperen.
Al met al vind ik mezelf vaardig op de computer en met programma’s. Wel heb ik jaren geleden een enorme inschattingsfout gemaakt: ik heb me verdiept in HTML. En PHP en CMS-systemen aan me voorbij laten gaan.
WordPress en Joomla
Dat was niet zo slim. Sinds een paar maanden ben ik met een flinke inhaalslag bezig. En wat een huisdier-gevoel geeft dat weer. Uren zit ik achter mijn scherm, omdat ik per se iets wil doorgronden of opgelost wil hebben.
Depressief word ik er van
De afgelopen twee weken zijn min of meer als verloren te beschouwen. Er was een probleem met de RSS-feeds dat ik maar niet kreeg opgelost. Om wanhopig van te worden. Verschillende mensen om advies gevraagd, emails gestuurd naar Feedburner waar ik nooit antwoord op kreeg, opnieuw begonnen en nog eens opnieuw begonnen. Tot ik eindelijk de gouden tip op een of ander forum las: gooi al je plugins er eens uit om te kijken of het probleem weg is, en schakel ze dan één voor één weer in. Pfff, daar zat dus een boosdoener tussen.
Wat zijn jullie ervaringen?
Maar het heeft me wel aan het denken gezet. Hoe computer-minded ik ook ben: zijn we wel gelukkig geworden van dat ding? Hoeveel oneconomische tijd gaat er eigenlijk verloren met problemen oplossen?
Posted in 
Tags: 
Hoe krijg ik tevreden klanten?
augustus 25th, 2010
Enkele pagina’s uit “Hoe begin je aan een vogeltje” – HW Lohman
…..
Na ons onderzoek gaan wij schetsen en tekenen aan het multifunctionele vogeltje, volgens de briefing, voor de firma VOGEL.
Het woord multifunctioneel is tamelijk bepalend voor ons en we zoeken naar een beeld van een vogeltje dat geanimeerd kan worden. Een vriendelijk vogeltje van een neutraal, ongenoemd ras.
De eerste 2 tekeningen zijn voor de poes. (Niet voor de opdrachtgever)
Ha! Hiermee kan ik naar de klant. Dit vogeltje beantwoordt volgens mij helemaal aan de vraag.
Vaak heeft de klant ook al iets in zijn (m/v) hoofd.
Daarom laat ik eerst het onderzoek en de schetsen zien, daarna, als opwarmer, wat wij al verworpen hebben.
Dan komt hèt moment: ‘Pikt-ie het of pikt-ie het niet!’
Dit vogeltje komt goed aan bij de kleine commissie, maar er is één “maar”… “Kan het beestje ook staan?”
De staande vogel gaat nu een gang door het bedrijf maken: Inspraak.
Mensen die niets van de briefing weten en nooit over vormgeving hebben nagedacht mogen hun zegie zeggen.
Is dat vogeltje niet erg rechts? Kan het niet beter naar links kijken? En kan het zijn bek niet houden?
Wij weten dat het beter met de leesrichting kan meekijken. Een Externe Adviseur komt met de oplossing: Een links georiënteerd vogeltje dat naar rechts kijkt.
Tijdens een volgende grote inspraak-sessie komt er vraag naar een wat ‘leuker’ vogeltje met betere vleugels én hij dient steviger te staan.
Met enige versiering, een aanzet van veren en de poten steviger geplaatst, hopen wij natuurlijk te voldoen aan de vraag…
Het hoofd van het secretariaat is zeer tevreden met het beest, “alleen”, zegt die “hebben vogels veel lievere oogjes”.
De kennis van enige mensen, dat gezonde vogels altijd helemaal in de veren zitten helpt ons uiteindelijk écht vooruit.
Waarna wij het beeldmerk afgemaakt hebben. We hopen dat iedereen nu tevreden is.
(Elke overeenkomst met de werkelijkheid is toevallig.)
…..
“Hoe begin je aan een vogeltje” is te koop, 5 € excl. verzendkosten.
Leesbaarheid op het scherm
augustus 23rd, 2010
Sinds kort volg ik op maandagavond #blogpraat. Ik vind het geweldig! Weliswaar zit ik tegen 9 uur helemaal te stuiteren en kan ik die nacht vaak niet slapen, maar naast de pret die ik eraan beleef, leer ik er hartstikke veel van.
Stokpaardje
Laatst ging het over mijn stokpaardje: leesbaarheid. Al jaren ben ik op zoek naar goede onderzoeken op het gebied van leesbaarheid op het beeldscherm. Echt veel vind ik er niet over. Maar de discussie op #blogpraat leverde een link op. Uitkomst: gebruik Verdana. Nu is de Verdana een goed leesbare letter en noem ik hem ook in mijn andere blogpost over Leesbaarheid, maar de uitkomst was me nog te summier.
WC-eend
Karel van der Waarde, lector aan de AvansHogeschool, werpt wat licht op het artikel:
Het onderzoek van Jim Sheedy is betaald door Microsoft, het lettertype Verdana is speciaal voor Microsoft ontworpen door Matthew Carter. Of zoals Karel treffend zegt: “Wij van wc-eend adviseren wc-eend”.
Overzicht kwijt
Maar je komt leuke dingen tegen als je zo over het net struint. Ik vind het immens grappig dat een artikel over CVS (computer vision syndrome) zo vol staat met advertenties dat ik het overzicht totaal kwijt raak. Leesbaarheid gaat toch niet alleen maar over lettertypes?
Eigenwijs
Voorlopig hou ik het zelf op de Georgia. Net als de Verdana speciaal voor het beeldscherm getekend. Door Matthew Carter, voor Microsoft. Al is het wellicht volkomen ongegrond, ik hecht nog even aan de oude leesbaarheidsonderzoeken dat een schreefletter rustiger leest. Maar ik blijf geïnteresseerd in onderzoek, dus weet iemand nog meer onderzoeken naar leesbaarheid op het beeldscherm?
Artikelen:
Wrong font can cause computer vision syndrome
Viewing the wrong font can cause computer vision syndrome–study
Georgia & Verdana, Typefaces designed for the screen (finally)
Zijn we links of rechts?
augustus 20th, 2010
Nee, dit wordt geen blog over de politiek. Links en rechts komen in meer interessante onderwerpen voor.
Laatst werd ik geprikkeld door een vraag op Twitter “Waarom zetten sommigen hun menu rechts”. Die vraag had natuurlijk over een restaurant kunnen gaan, maar ja, ik maak nu eenmaal websites, dus mijn focus ligt op webpagina’s.
Terwijl ik antwoord gaf, merkte ik dat ik vastliep en dat mijn redenering niet helemaal klopte. Dat liet me niet meer los.
Naadje van de kous
Volgens mij is het verstandig om het menu links te zetten (of bovenin). Om verschillende redenen:
•wij (in het Westen) lezen van boven naar beneden en van links naar rechts;
•er is in de afgelopen 20 jaar consensus ontstaan over de plaats van het menu, waardoor men gewend is aan een menu dat links of boven staat;
•linker- en rechterhersenhelft hebben verschillende functies. Grofweg gezegd reageert de linkerhelft op tekst en de rechterhelft op plaatjes. (Een uitgebreid rijtje staat in deze blog van Balanced Mind). Maar de aansturing naar ogen en handen is kruislings, waardoor voor optimaal begrip plaatjes het beste links kunnen staan en tekst rechts.
Manke redenering
Vandaar dat ik er in mijn beantwoording op Twitter niet zo gauw uitkwam. (Nog afgezien van een ernstig tekort aan ruimte, 140 tekens is niet veel). Want zowel menu als inhoud van een blog bestaat uit tekst.
Contemplatie
Maar na een paar weken broeden en denken, blijf ik bij mijn eerste antwoord: Het menu hoort links. Het belangrijkste deel van je site of blog blijft toch de inhoud, en die inhoud zal vaak uit tekst bestaan, die door het kruislingse verband dus rechts ‘moet’ staan. Al zou je de lezer kunnen helpen door een kleurverschil aan te brengen tussen het inhoudelijke deel en de rest. En bij voorkeur door de inhoud op een lichtere achtergrond te zetten dan de rest, zodat er letterlijk een spot op staat.
Aanhalingstekens
Zodra je de regels kent, weet je ook waar en waarom je ervan af kunt wijken. Vandaar dat ‘moet’ tussen aanhalingstekens. Je moet natuurlijk niets. Het kan best zijn dat je hele goede redenen hebt om je menu rechts te zetten. Aan welke kant zet jij het menu?
Dansen met de klok mee
Heb je trouwens het plaatje gezien in de blog van Balanced Mind? Er staat dat de meesten de danseres tegen de klok in zien draaien. Daar snap ik niets van. Ze draait zo duidelijk met de klok mee!
Literatuur: Prioritizing Web Usability – Nielsen en Loranger
Plaatjes vullen gaatjes
augustus 18th, 2010
“Een beeld zegt meer dan 1.000 woorden”. Meestal waar, al zijn er ook voorbeelden waar tekst de voorkeur heeft boven een plaatje.
Maar een grafiek, een illustratie, een foto maakt een blog of website levendig en geeft ook meteen een eerste indruk van de aard ervan. Zeker grafieken zijn in staat ingewikkelde onderwerpen in een korte tijd te verduidelijken, het Graphic Design Museum had daar eerder dit jaar een geweldige tentoonstelling en seminar over.
Decoratie of illustratie?
Foto’s en tekeningen kunnen op drie manieren worden gebruikt: op zichzelf staand, decoratief of illustratief.
•Het eerste spreekt voor zich, tekst is niet of nauwelijks nodig.
•In het tweede geval is het puur versierend, het beeld zal wel iets te maken hebben met de tekst, maar dient geen ander doel dan de pagina te verlevendigen.
•In het derde geval legt de illustratie iets uit over (een deel van) de tekst.
Mij lijkt het logisch om een decoratief plaatje klein te maken. Een op zichzelf staand of illustratief plaatje kan zowel groot als klein zijn, al zou ik een klein plaatje wel klikbaar maken naar een vergroting.
Formaat
Natuurlijk kun je bitmaps en tiffs in je pagina gebruiken, maar die nemen veel ruimte in beslag en maken het laden van de pagina trager. Voor foto’s kun je beter jpeg’s nemen. Voor tekeningen en logo’s (als die ten minste bestaan uit grote vlakken en geen kleurverlopen hebben) voldoet gif of png beter.
Pas de breedte x hoogte zoveel mogelijk van te voren aan. Aangezien veel beeldschermen niet meer dan 1024 pixels breed zijn, is het onzin om een foto van 3000×2000 pixels te gebruiken. Een goede standaardmaat om aan te houden is 600 of 800 pixels breed.
Comprimeren
Jpeg is een compressie-formaat, maakt de documenten kleiner. Bij het opslaan in jpeg kun je kiezen uit hoge, midden of lage kwaliteit. Een foto die uitsluitend op een beeldscherm wordt gezien en die niet te veel fijne details heeft, kan zonder probleem in een lage kwaliteit worden opgeslagen. Vergelijk maar de vergroting van de eerste drie plaatjes. De grootte is respectievelijk 48k, 24k en 12k, maar verschil in uiterlijk is er nauwelijks.
Wel moet je uitkijken als je vaak een foto bewerkt, en nog eens bewerkt, en nog eens bewerkt. Bij elke keer opslaan, wordt er opnieuw gecomprimeerd en informatie weggefilterd. Dat zie je op den duur. Kijk maar naar de vergroting van het vierde en vijfde plaatje: ruis en kleurverschillen.
Gesneden koek
Ik heb zelf bijna altijd plaatjes in mijn blog. Soms op zichzelf staand, zoals in mijn fotoblog. Soms illustratief, zoals in deze blog. (Ik kan me niet herinneren of ik plaatjes op de decoratieve manier gebruik.)
Hoe zet jij plaatjes in? En zijn dat dan foto’s of tekeningen? Vind je überhaupt dat plaatjes belangrijk zijn?
Is dit verhaal gesneden koek voor je, of heb je toch iets nieuws gelezen? Ik hoop natuurlijk het laatste 
Heb je overigens nog vragen, schroom niet en stel ze!
