Archief voor Zonder categorie

  • nov
    09

    SMS-en of CM-en?

    Onze frisse hoofden mochten (en mogen) zich buigen over maar liefst 4 verschillende websites van CM: DE Nederlandse marktleider op het gebied van interactief SMS-verkeer. Het resultaat? Eén overkoepelende site die overzichtelijk de content weergeeft van de onderliggende vier sites. Nou ja, nu zijn het er eigenlijk nog maar drie, want de 4e site Producten is as we speak nog in ontwikkeling maar wordt binnenkort opgeleverd.

    CM…? Marktleider?
    Misschien heb je nog nooit gehoord van CM, denk dan eens aan de SMS’jes van de landelijke waarschuwingsdienst AMBER Alert, SMS berichten waarmee je kunt stemmen bij een tv programma of je rekening kunt betalen bij jouw bank.CM zorgt ervoor dat de SMS’jes worden ingekocht en vervolgens op grote schaal verstuurd kunnen worden.

    Over de site
    Freshheads heeft het interactie ontwerp, design en development voor de sites verzorgd. Dankzij  het navigatiemenu aan de top van de pagina kun je makkelijk navigeren tussen de verschillende CM-sites. Om de content zo overzichtelijk mogelijk weer te geven, hebben onze designers voor elke site individueel een gebruiksvriendelijke interface ontworpen. Uiteraard in de door ons ontworpen huisstijl, maar niet voordat we de IO’s en functionele omschrijvingen hadden gemaakt. Vervolgens hebben onze HTML’ers en backenders hun ‘ding’ gedaan. En dan heb je tot slot weer een paar websites om trots op te zijn!

    SMS-Analytics
    Naast de corporate site (Over CM) en de internationale website (CM Telecom / Wholesale) is er ook een aparte website voor SMS gateway ontwikkeld (CM direct). Hierin staat het best verkochte product van CM centraal en kan de gebruiker zonder tussenkomst van CM personeel gemakkelijk SMS’jes aanschaffen. Via een dashboard kunnen de gebruikers eenvoudig hun facturen bijhouden en SMS’jes inkopen. Daarnaast kunnen ze ook allerlei statistieken inzien over de verstuurde berichten. CM Direct communiceert met de door CM zelf ontworpen API, een intensieve samenwerking heeft ervoor gezorgd dat alles nu optimaal functioneert. We hebben dus weer een tof project achter de rug, dat je hier mag bewonderen!

  • okt
    31

    Freshheads bij Design by Fire 2011

    Donderdag 13 oktober zijn we met een gedeelte van de Freshheads studio naar Utrecht afgereisd om de workshop “A Practical Guide to Designing Across Devices” bij te wonen. De workshop werd gegeven door Andrei Herasimchuk die met zijn design-ervaring bij de grote bedrijven (Twitter, Yahoo), veel te vertellen heeft over het succesvol ontwerpen voor verschillende platformen.

    Van pc’s tot tablets
    De trend is dat er steeds meer platformen bij komen. Waar je vroeger alleen het web op de pc had, zijn er tegenwoordig mobiele telefoons en tablets bijgekomen. Ieder apparaat heeft weer zijn specifieke eigenschappen, voordelen en restricties waar je als ontwerper van een interfacerekening mee moet houden.

    Andrei’s methode
    Andrei heeft hiervoor een methode ontwikkeld die het makkelijker maakt een dienst te ontwerpen voor meerdere apparaten. Zijn methode heeft overigens al wel wat raakvlakken met ‘the Freshheads way of work.’ Beginnen bij de basis van het product en daarna vertalen naar de benodigde platformen.

    “Think from the center. Design for the edge”
    Bij het ontwikkelen van een nieuw product is het belangrijk prioriteiten te stellen. Volgens Andrei kun je een interface opdelen in 3 losse elementen: Content, Behaviour en Aesthetic. Content is de essentie van de applicatie. Wat is je applicatie en wat zit er allemaal in? Behaviour is hoe de applicatie zich gedraagt en dus ook wat je er als gebruiker mee kunt. Aesthetics gaat over hoe de applicatie eruit ziet en voelt.
    Door een applicatie eerst te beschrijven aan de hand van de drie pijlers, zul je merken dat de vertaling naar andere platformen, makkelijker zal verlopen.

    Source: Andrei Herasimchuk

    “There’s no magic to making this work.”
    Zijn persoonlijke leerproces tot het succesvol ontwerpen van verschillende platformen heeft geleid tot de volgende 5 basisprincipes:

    1. Set correct priorities to make good design decisions
    2. Achieve consistency with a top down approach
    3. Plan out a solid architecture to act as a structure
    4. Design systemically, make exceptions only when needed
    5. Perception dictates reality

    De stappen vereisen een strenge en strikte uitvoering maar leiden daardoor wel tot het beste resultaat. Het streven naar zoveel mogelijk consistentie tussen de verschillende platformen zal altijd blijven. Een wijze les van Andrei toont aan dat dit momenteel niet 100% kan worden behaald en bewijst in de workshop dat zelfs Apple hier moeite mee heeft in zijn producten. Ik weet zeker dat hij ons hiermee een duwtje in de rug heeft willen geven om aan te geven dat het altijd nog beter kan.

    Het mooiste aan Andrei en de manier waarop hij de workshop gaf was zijn openheid. Zijn mening was oprecht en stak hij duidelijk niet onder stoelen of banken. Inspirerend was het zondermeer. Al met al was het een inspirerende ochtend en hebben we er genoeg wijsheden, tips en trucs voor onze eigen lopende projecten opgestoken.