Archief voor Usability

  • okt
    24

    Interactieontwerp

    Dat ik op elke verjaardag moet uitleggen wat Interaction design is, daar kan ik inkomen. Minder vrolijk word ik van het feit dat meer dan de helft van de klanten waarmee ik werk dit in eerste instantie ook niet weten.

    Bij grote webprojecten is het algemeen bekend dat deze gemaakt worden door een grafisch ontwerper en een techneut. Een interactieontwerper kan beide een grote meerwaarde bieden en voor een veel efficiënter verloop van een project zorgen. Genoeg redenen om toe te lichten wat een interactieontwerper is en hoe de functie op zijn best opereert.

    Wat
    De functie is simpelweg het best te omschrijven als het vaststellen en ontwerpen van interactie. Interactie is het actie-reactie element binnen bijvoorbeeld een website, het menuscherm van je telefoon, maar ook het touchscreen van een pinautomaat.
    Interactieontwerp begint bij brainstormen, het vaststellen van wensen en eisen en het uitwerken van een concept. In de eerste fase van een project is het erg belangrijk om op één lijn te komen met de klant en af te sluiten met een duidelijke visie op het te realiseren product. Deze visie wordt bestudeerd en compleet uitgekristalliseerd in wat in de volksmond een interactieontwerp wordt genoemd. Waaruit een interactieontwerp bestaat is niet in officiële onderdelen te definiëren. In principe kan datgene gebruikt worden waarmee duidelijk wordt waaruit het project bestaat en hoe het zal functioneren. Veelgebruikte toepassingen om dit vast te stellen zijn flowcharts, sitemaps, persona’s, wireframes en een functionele omschrijving. Of deze tekeningen en of documenten digitaal opgezet worden of puur op basis van pen en papier is in eerste instantie niet belangrijk. De kunst is om de documentatie zo helder mogelijk te krijgen voor de klant maar ook het hele interne team waarmee je het project maakt.

    Wanneer
    Interactieontwerpers zijn vooral actief bij projecten met complexe functionaliteiten en een grote hoeveelheid content. Waar een grafisch ontwerper creatief is met het uiterlijk (vorm, kleur, stijl etc.) is een interactieontwerper dit met het conceptuele, interactieve en functionele aspect (structuur, lay-out, klikgedrag, technische mogelijkheden etc.). Het onderzoeksgebied en de inhoudelijke uitwerking verschilt daarom erg van elkaar maar kan elkaar wel aanvullen. En daar ligt juist de kern. Het team waarmee je als interactieontwerper samenwerkt kan al snel bestaan uit de klant, een projectmanager, grafisch ontwerper en de developers. Daarnaast zijn er natuurlijk altijd nog aansluitingen met bijvoorbeeld conceptontwikkelaars, copyrighters, animators, SEO experts en fotografen.

    Als interactieontwerper heb je een centrale en belangrijke rol binnen het team met veel verantwoordelijkheid. Om goed te kunnen samenwerken moet je logischerwijs van ieders vakgebied in ieder geval de basisbeginselen kennen. Je moet wel weten waar je het over hebt wanneer je functionaliteiten bedenkt die later een collega gaat ontwikkelen. Constant op de hoogte blijven van nieuwe ontwikkelingen is daarin geen overbodige luxe en kan je goed helpen in het uitoefenen van je uitdagende functie.

    De interactieontwerper heeft tijdens een project vaak een centrale positie.

    Een interactieontwerper betrekken bij een project zorgt voor de volgende voordelen:

    -        Creatievere conceptfase
    -        Minder interpretatieverschillen
    -        Betere onderbouwing
    -        Strategischere aanpak
    -        Sneller schakelen en kortere lijntjes

    Er wordt niet alleen een expert op het gebied van usability en interfaces in huis gehaald maar ook iemand die zorgt voor een betere efficiëntie, een open workflow en meer focus. Elke betrokkenheid van een expert zou in theorie een beter product moeten opleveren. Deze theorie valt echter meteen in duigen wanneer er binnen het productieteam geen heldere samenwerking is. Een van de gunstigste bijkomstigheden van een interactieontwerper is juist de bevordering van een goede samenwerking.

    Geschreven door Igor Delissen en Evert Hilhorst

  • mei
    19

    Thuisbezorgd.nl in een nieuw jasje

    In opdracht van Thuisbezorgd.nl, de grootste eten-bestelsite van Nederland hebben wij Thuisbezorgd.nl en Takeaway.com voorzien van een geheel nieuw en strak jasje.

    Freshheads is verantwoordelijk voor het grafisch- en interactieontwerp van de vernieuwde website. Daarnaast  hebben we ook het ontwerp van overige huisstijlelementen zoals raam- en auto bestickering voor onze rekening genomen.

    We zijn erg trots op het resultaat en onze bijdrage aan de household name Thuisbezorgd.nl:

    Het nieuwe ontwerp zal de basis vormen van alle Takeaway.com websites. Het Thuisbezorgd team heeft de afgelopen maanden hard gewerkt om de nieuwe website te lanceren en afgelopen dinsdag was het zover. Na een beta periode is de nieuwe site nu landelijk uitgerold.

    Bekijk de nieuwe site op Thuisbezorgd.nl.

    Smakelijk eten!

  • feb
    01

    Browser als systeem vereiste

    Voor mijn negende verjaardag kreeg ik van mijn oom, die destijds werkzaam was op de computerafdeling van V&D, een Vendex Headstart cadeau. We praten hier over maart 1993 en, ook al was het toen al een redelijk oud beestje, ik was apetrots op mijn eerste Intel 8088 (XT) PC met 256KB geheugen. Met het fantastische besturingssysteem GeoWorks kon ik afbeeldingen afdrukken, brieven typen en nog veel belangrijker: spelletjes spelen. Lees meer »

  • dec
    16

    Airlock

    Het komt natuurlijk wel eens voor dat je ineens achter je bureau vandaan getrokken wordt, omdat een collega/vriend je vraagt om even ergens naar te kijken. Op dat moment denk je niet altijd na om je computer even op sleep stand te zetten, zodat niet iedereen bij al je gegevens kan komen. Lees meer »

  • dec
    10

    Browser screen sizes

    Een veel voorkomende handeling bij onze eigen design afdeling is het plaatsen van een ontwerp in een browser venster. Iedere keer opnieuw wordt er een screendhot genomen van het scherm alvorens het ontwerp erin te plaatsen.

    Om dit proces te stroomlijnen maken wij gebruik van een universeel .psd bestand waarin voor 3 verschillende browsers: Internet Explorer, Firefox en Safari. 3 afmetingen opgeslagen zijn.

    Voer je deze handeling ook vaak uit, of wil je je ontwerpen zien in één van de browsers, download dan hier de Freshheads Browser Sizes PSD en maak het jezelf gemakkelijk.

  • jun
    09

    De USB Web Button

    Meestal wordt ik niet vrolijk van spam. Gelukkig ontvang ik dankzij een redelijk goede spamfilter (SpamAssassin) op onze server niet erg veel spam meer, wat mij dus doorgaans vrolijk stemt. Afgelopen vrijdag ontving ik echter een spambericht wat spontaan een lach op mijn gezicht toverde; dat gebeurt niet vaak. Niet zozeer de tekst in de mailing maar het product wat het bericht mij maande aan te schaffen was de oorzaak van een kortstondig lachsalvo op de vroege vrijdagochtend. Het betrof hier namelijk de enige, echte, originele “USB Web button”, een knop die je aan kunt sluiten op de USB-poort van je computer, tot zover niets bijzonders.

    Maar wat doet deze knop? Eén druk op deze magische knop brengt je direct op je eigen website, één druk! Of zoals Tanja Lees meer »

  • jun
    08

    Nieuwe favicon voor Google

    Favicons zijn de icoontjes die links in je browser verschijnen voor de url van een website. Ze worden ook opgeslagen bij je favorieten in de browser. Mij viel het afgelopen week al op dat Google een nieuwe favicon heeft. Waarom? vroeg ik me af, het is inmiddels toch een sterk en herkenbaar beeldmerk geworden. Het Google blog gaf vandaag antwoord op mijn vraag. De reden dat ze de favicon hebben aangepast heeft te maken met de leesbaarheid en de functionaliteit op nieuwe (mobiele) platformen zoals de iPhone. Er is een complete set ontworpen voor verschillende toepassingen.

    Dat ze bij Google niet over een nacht ijs gaan als ze iets ontwerpen laat de verzameling van voorstellen voor het ontwerp van de nieuwe favicon zien.

    Op het blog van Google valt tevens te lezen dat ze er nog niet helemaal 100% uit zijn, dit is slechts een eerste aanzet.

    By no means is the one you’re seeing our favicon final; it was a first step to a more unified set of icons. However, we really value feedback from users and want to hear your ideas that we may have missed. If you have your own notions about the Google favicon, please send them to us. We’ll do our best to work them in, and maybe your idea will be the one that people see billions of times per day.

    Dus heb je ideeën, opmerkingen of voorstellen voor de nieuwe favicon van Google? Dan kun je die hier kwijt. Lees meer »

  • mrt
    16

    Maak snel een widget met Sprout Builder

    Met Sprout Builder maak je snel en simpel je eigen widget. De opzet, het ontwerp en het gebruiksgemak is verbluffend goed. Ik heb snel even een widget gemaakt van het Freshheads Blog. Hier maak ik enkel gebruik van de RSS-feed van ons blog. Je kunt in de widgets (of Sprouts zoals ze het daar noemen) ook audio en video opnemen.


    Maak nu dus snel je eigen spruitje :) (via The Next Web)

  • feb
    27

    Hyves API officieel uit bètaperiode

    Vandaag heeft Hyves zijn API officieel gereleased. Al enige tijd – zo’n 3 maanden – wordt er veelvuldig geëxperimenteerd met de Hyves API. Zo worden mijn Twitter updates al rechtstreeks doorgepost naar mijn Hyves via de Hyves API en een tool via Oproer.com Iedereen, zowel professionals als amateur programmeurs kunnen nu aan de slag met het ontwikkelen van plug-ins en apllicaties die gebruik maken van Hyves data.

    Hyves API

    Het is niet de bedoeling dat nieuwe toepassingen voor Hyves die gebruik maken van de API daar ook direct geld mee gaan verdienen, dat staat te lezen in de voorwaarden. Lees meer »

  • dec
    27

    Nu.nl/tvgids de moeite waard

    Het lijkt wel oorlog in online TV-Gidsen land. Via een artikel wat hierover gaat op Emerce kwam ik bij de nieuwe TV-Gids van Nu.nl. Die was me tot op heden ontgaan. Na een korte test moet ik zeggen dat de interface mij wel wel bevalt. Iets wat ik erg mis bij TVgids.nl is een overzicht met tijdsbalken, juist dit principe hebben ze bij nu.nl/tvgids als uitgangspunt genomen. Ik ben om!

    nu.nl/tvgids

    Voorbeeld van nu.nl/tvgids