Reinier Ladan, freelance user experience designer en ondernemer

Reinier.biz

Weblog van een user experience designer met een passie voor design, code en concepts

Code editors op MacOS X

Sinds een jaar of 8 schrijf ik alle scripts en code met de hand in plaats van met een WYSIWYG editor. Dit zorgt voor meer controle over wat er gebeurt en het is in de meeste gevallen nog sneller ook. Er zijn een hoop text editors verkrijgbaar voor MacOS X en ik heb er al een hoop versleten. Hier volgt een klein overzicht van de editors die ik heb geprobeerd en nog steeds in gebruik heb.

Textmate

Macromates heeft een hele mooie krachtige text editor gemaakt in de vorm van Textmate. Van de drie editors die ik op dit moment gebruik is dit de meest veelzijdige en krachtige. Je kan zelf heel wat scripts zelf schrijven voor Textmate en er zijn heel wat plugins voor verkrijgbaar. Projecten en SVN worden out of the box ondersteunt. Alles werkt vrij intuïtief voor de gemiddelde coder. Voor het geavanceerde PHP en JavaScript werk is dit mijn favoriete editor.

Coda

Panic heeft voor eigen gebruik Coda ontwikkeld. Deze editor is erg makkelijk in gebruik. Hij bevat naast de standaard code editor ook een ingebouwde (s)ftp client, een browser en een terminal. Op deze manier hoef je het programma niet uit om je werk te doen. Dit werkt erg prettig. Toch heeft Coda niet dezelfde kracht an boord als Textmate. Er is nog geen plugin architectuur voor Coda en daarmee mist het de uitbreidbaarheid van Textmate. Wel werkt Coda erg prettig met projecten en SVN. Voor het opzetten van een website in HTML en CSS is dit mijn favoriet. Ik start ‘m ook op als ik even snel iets moet aanpassen op een live omgeving.

CSS Edit

MacRabbit is het bedrijf achter CSS Edit. Deze editor is enkel gemaakt om CSS mee te bewerken. Maar hier is het dan ook uitstekend voor geschikt. Als ik een groot project begin en moet veel CSS zelf schrijven dat is CSS Edit mijn steun en toeverlaat. Het laat je makkelijk CSS schrijven door goede code hinting en het heeft een ingebouwde browser aan boord waardoor je direct de veranderingen op de visualisatie kan zien. Ook voor het ontleden van CSS uit bestaande sites is CSS Edit erg geschikt.

Naast boven genoemde editors zijn er natuurlijk nog meer editors voor de mac. BBEdit is van oudsher de meest gebruikte maar hij viel bij mij niet in de smaak. Hij is veruit ook de duurste text editor. Er is een veel belovende nieuwe speler op komst in de vorm van Espresso (van dezelfde maker als CSS Edit). Als ik de ontwikkeling daarvan zie denk ik dat deze best nog wel eens Coda en Textmate in mijn rijtje zou kunnen vervangen. Ik wacht met spanning af op de officiële release van Espresso!

2 reacties

Recommendations via LinkedIn

LinkedIn is een geweldige tool om in contact te blijven met zakelijke contacten. Daarnaast bouw je een mooi CV op als je het netjes bijhoudt. Een van de krachtige tools daarin zijn de recommendations. Na elke flinke klus vraag ik de opdrachtgever om een stukje te schrijven over mijn werkzaamheden. Het geeft toekomstige opdrachtgevers gelijk een beeld van je referenties. Een greep uit mijn recommendations waar ik bijzonder trots op ben.

“Reinier was verantwoordelijk voor het interaction design en front-end development van de uiterst succesvolle Olympische Spelen website van de NOS (http://os2008.nos.nl). De bijdrage van Reinier aan het eindproduct was substantieel en zonder overdrijven van doorslaggevende invloed op het enorme succes dat deze website heeft behaald. Een echte teamplayer.”
Roeland Stekelenburg (Hoofd Nieuwe Media bij NOS) - 27 Augustus 2008

“It is always a pleasure to work with Reinier. He has valuable insights and is very up-to-date with current technologies. He is also capable of working with projects on a conceptual level and can think about the underlying principles of a service. For Reinier technology is a means to an end, not the ultimate goal.”
Boris Veldhuijzen van Zanten (Serial Internet Entrepeneur) - 21 Juli 2008

“We hired Reinier to do some frontend work on a medium-sized website. He acted very quick, came with some good ideas and worked well with others in the team. Very friendly guy to work with!”
Frank Meeuwsen (Brand Director bij Rhinofly) - 13 mei 2007

Meer recommendations op mijn LinkedIN profiel

Reageren?

Verover de markt met user experience

Een prachtig stukje uit een oud artikel over Apple (weer opgedoken via Daring Fireball):

Ask Apple CEO Steve Jobs about it, and he’ll tell you an instructive little story. Call it the Parable of the Concept Car. “Here’s what you find at a lot of companies,” he says, kicking back in a conference room at Apple’s gleaming white Silicon Valley headquarters, which looks something like a cross between an Ivy League university and an iPod. “You know how you see a show car, and it’s really cool, and then four years later you see the production car, and it sucks? And you go, What happened? They had it! They had it in the palm of their hands! They grabbed defeat from the jaws of victory!

“What happened was, the designers came up with this really great idea. Then they take it to the engineers, and the engineers go, ‘Nah, we can’t do that. That’s impossible.’ And so it gets a lot worse. Then they take it to the manufacturing people, and they go, ‘We can’t build that!’ And it gets a lot worse.”

Uit: How Apple Does It - TIME

Wat Apple zo anders maakt dan andere bedrijven is dat ze niet uitgaan van de techniek maar van de user experience. Op techniek win je het uiteindelijk niet meer, het gaat erom wat gebruikers ervaren als ze je producten of diensten gebruiken. Apple weet dat al jaren.

Reageren?

NOS Olympische Spelen 2008

Samen met het vaste NOS nieuwe media team en JWE New Media Solutions heb ik van de week de website voor de aankomende Olympische Spelen 2008 gelanceerd. Voor deze website heb ik de basis gelegd door uiterst gedetailleerde wireframes te ontwerpen. Daarna heb ik voor een groot gedeelte het front-end werk voor m’n rekening genomen. Al met al zit er dus aardig wat digital energy in de website. De samenwerking met de NOS is goed bevallen. Na de Olympische Spelen zal ik me gaan bezighouden met de algehele website van de NOS nos.nl.

Reageren?

User Experience Designer

AchtMisschien had ik het hier nog niet officieel gemeld, maar ik ben eindelijk helemaal afgestudeerd! De opleiding heeft me een dikke acht gegeven voor mijn scriptie (over het ontwerpen van rich internet applications) en mijn afstudeerproject (bij Meganova). Toen ik begon aan de opleiding heette het vakgebied nog ‘interaction design’ maar tegenwoordig zie je steeds vaker ‘user experience designer’ op de kaartjes staan. Het dekt dan ook beter de lading; je bent niet enkel met interactie bezig maar ook met wat die interactie emotioneel gezien met de gebruiker doet. Een prachtig vakgebied al zeg ik het zelf.

Daarom linkt userexperiencedesigner.nl gewoon naar deze site toe. Of uxdesigner.nl, opdat u het makkelijk kunt vinden mocht u een user experience designer in willen huren. Of een interaction designer natuurlijk.

5 reacties

Probleem omzetten in een dienst

TwannabeGisteren liep ik tegen een ‘probleem’ aan in Twitter. Ik wilde wel eens zien welke mensen persoon X allemaal volgt en ik niet. Handig om op nieuwe te followen mensen te komen dacht ik zo. Ik heb gezocht, maar kon geen service vinden welke me dat kon vertellen. Dan maar zelf een scriptje schrijven dacht ik.

Maar waarom enkel zelf een scriptje schrijven als je met een paar uur extra moeite een dienst voor de hele wereld kan maken? Hostingruimte heb ik nog wel over en een domein kost iets van 6 euro per jaar. Zo gezegd, zo gedaan. Twannabe.com ontstond en was na een ontwikkeltijd van 5 uurtjes klaar voor gebruik. Bekijk hier het resultaat: Twannabe.

1 reactie

Rich Internet Applications ontwerpen

Het Ladan-model

Statische webpagina’s zijn te wireframen, maar hoe zit dat met pagina’s van RIA’s (Rich Internet Applications)? Deze bevatten vaak veel AJAX technologie wat resulteert in ’single page interfaces’. Dit zorgt ervoor dat er flink wat interactie plaats vindt binnen de pagina zelf. Sleepbare objecten, animatie, live formuliercontrole, noem maar op. Hoe ga je dat in een wireframe vertellen? En is een wireframe wel de beste manier om zo’n ontwerp te communiceren als interaction designer?

Hier heb ik de laatste maanden erg veel over nagedacht. Niet zomaar, maar voor mijn afstudeerscriptie. Afgelopen maandag heb ik het document van 104 pagina’s ingeleverd, en sinds enkele dagen is de scriptie voor een ieder te downloaden: Rich Internet Applications ontwerpen.

Lees het eens door, kijk naar de aanbevelingen en als u een mening heeft over de scriptie dan hoor ik die graag!

De komende tijd wil ik dmv een aantal blogposts de scriptie kort en bondig uiteenzetten. Maar eerst even wat rust, dinsdag 17 juni is de eindexamenpresentatie.

1 reactie

NOS, les geven en afstuderen

De afgelopen en komende weken staan geheel in het teken van afstuderen, les geven en freelancen bij de NOS. De eerste drie weken werken bij de NOS zijn me goed bevallen. Er is veel vrijheid in het bedenken van interactie modellen en dat mag ook wel. Er is nogal wat informatie die tijdens de Olympische Spelen op de website moet verschijnen. Live-data, live-streams, nieuwsberichten, video’s met samenvattingen en nog veel meer. Hier moet de gebruiker tijdens de Olympische Spelen intuitief doorheen geleid worden. Binnenkort word die fase afgerond en gaan we het geheel ook echt bouwen. Ik heb er zin in.

Op vrijdag geef ik nog steeds les aan een eerste jaars HBO klas. Daar is net het lente kwartaal afgelopen en ik maak me alweer op voor een nieuw (en mogelijk laatste) kwartaal. De docent die ik vervang is intussen alweer terug van zwangerschapsverlof maar ik mag het jaar nog even afmaken. Al met al wel een erg leuke en leerzame ervaring.

Daarnaast ben ik in de overige uren aan het afstuderen. Gebruiksonderzoeken zijn net achter de rug en het valt me op dat daar écht veel informatie uit te halen valt. Het scenario wat ik de gebruikers voorlegde was niet groot en toch gingen er dingen mis waar ik het niet verwachtte. Erg nuttig dus! Verder gaat de scriptie elke keer met stappen vooruit en bouw ik gestaag verder aan het product bij Meganova. Over anderhalve maand moet het toch echt klaar zijn met de opleiding.

Ik duik nog even in m’n scriptie.

1 reactie

Foto’s op RotterdamEducation.nl

ErasmusbrugOp de promotiesite rotterdameducation.nl wordt gebruik gemaakt van door mij gemaakte foto’s. De site heeft als doelstelling de onderwijsinstellingen in Rotterdam onder de aandacht te brengen in het buitenland. Ik mag dan tegenwoordig officieel een Amsterdammer zijn, ik draag Rotterdam nog wel een warm hart toe!

Reageren?

The Next Web 2008

Wat zijn de trends? Waar gaat het heen met het web? Waarom krijgt Boris Veldhuijzen van Zanten een lapdance van een 17 jarig meisje? Dat zijn vragen die The Next Web 2008 conferentie heeft beantwoord.

Conferentiezaal The Next Web 2008Wat met opviel aan deze conferentie was hoe laid-back alles was. Twee dagen lang kwam de creme de la creme van ondernemend internet in de westergas bijeen om het over de toekomst van het web te hebben. Er waren VC’s, er waren startups en alles daar tussen in. Er waren een shitload aan interessante sprekers en de organisatoren maakte er tussentijds een feestje van.

De keynotes die me echt wisten te boeien waren die van Adeo Ressi, Gil Penchina, Nova Spivack en Werner Vogels.

Adeo Ressi gaf een kijkje in het spelletje van het verkrijgen van funding voor je startup. Interessante details daarin waren dat je advocaat niet perse de beste deal voor jou wil verzorgen, maar dat hij enkel bij het zetten van een handtekening gebaat is (dan kan hij cashen). Dingen waar je normaal niet echt bij nadenkt in de rush van het verkrijgen van geld stipte hij praktisch aan. Even met de benen op de grond. VC’s willen maar 1 ding, en dat is geld. En het liefst zo veel mogelijk. Het zijn geen liefdadigheidsinstellingen.

Gil Penchina gaf een praatje over de controle die je je bezoeker moet geven. Totale controle volgens Gil. Hij gelooft heilig in het principe van Wikipedia. Daarom is hij er zelf een begonnen. Lekker extreem kijkje in de keuken van UGC.

Het hart van Nova Spivack ligt bij het semantische web, en na zijn keynote ligt mijn hart er ook een beetje. Met het semantische web hoeven webdevelopers zich (in het ideale geval) geen zorgen meer te maken om de betekenis van content, maar kunnen ze er direct mee uit de voeten. Mashups maken zal dan een stuk makkelijker gaan, en daardoor zullen er geavanceerdere diensten ontwikkeld worden. Mooie toekomstvisie.

De keynote van Werner Vogels vormde meer een commercial voor Amazon dan een objectieve kijk op de toekomst van het web. Toch vormde de kern van het verhaal een belangrijk punt: doe gewoon waar je goed in bent en laat andere het werk opknappen waar die andere goed in zijn. Vind niet het wiel opnieuw uit, maar koop je schaalbare hosting in bij Amazon.

De rest van de sprekers waren óf niet boeiend (persoonlijkheidskwestie) óf vertelde niks nieuws. Jessica Mah klaagde alleen maar dat het internet niet deed wat ze wilde. Dit alles in een ADHD presentatie waarbij ze tussen neus en lippen door nog een van de organisators een lapdance gaf.

Maar al met al een erg geslaagde conferentie! Volgend jaar weer!

Reageren?

Over Reinier Ladan

User Experience Designer in hart en nieren. Vroeger heette dat gewoon Interaction Designer overigens. Schrijft daarnaast (X)HTML, CSS, JavaScript en PHP alsof het niks is. Zuurstof is van minder belang. Ik adem design, code en concepts en ik ben er klaar voor om voor u of uw bedrijf unieke, interactieve en creatieve producten te creëren. Dit doe ik op freelance basis en met heel veel plezier.

Mijn kracht ligt in het ontwerpen van gebruiksvriendelijke websites met rijke interactie en een prettig werkbare vormgeving. Het proces van het maken van een ‘Rich Internet Application’ is mijn specialiteit. Graag adviseer ik over dit proces of maak ik onderdeel uit van een team dat werkt aan een Rich Internet Application. Door een divers netwerk van bevriende freelancers ontwikkel ik ook graag uw grotere projecten.

Mocht u meer informatie willen over mij of mijn activiteiten, bel me dan op +31624872725 of kijk op meer over Reinier Ladan.

Foto's

U mag mij groeten als u mij tegenkomt.

Recente klussen

  • NOS
    Voor de NOS heb ik het (interactie)ontwerp gemaakt voor de Olympische Spelen 2008 website. Daarnaast heb ik het front-end traject begeleid om de interactie op een zo dynamisch en werkbare methode in te bouwen. De site werkt uiteindelijk optimaal in IE6/7, Firefox2/3 en Safari.
    Interactie, Usability, HTML, CSS, JavaScript
  • Taalunieversum.org
    Voor de Nederlandse Taalunie heb ik het taalunieversum uitgebreid met verschillende onderdelen.
    PHP, MySQL, JavaScript, HTML, CSS, Interactie
  • Vinoo
    Samen met Realvine heb ik de wijn-community site Vinoo opgezet.
    PHP, MySQL, JavaScript, HTML, CSS, Interactie, Ontwerp, Usability
  • COC 60 jaar out!
    In opdracht van OpusDesign heb ik de techniek van de website verzorgd.
    PHP, MySQL, JavaScript, HTML, CSS, Interactie
  • Dutch Bloggies
    Voor de vierde keer op rij heb ik voor de Dutch Bloggies de publieke stemscripts geschreven. Daarnaast heb ik meegewerkt aan het ontwerp van de website en de technische invulling daarvan.
    PHP, MySQL, JavaScript, HTML, CSS, Interactie

© Reinier Ladan - reinier@digitalenergy.nl