Presentatie Ontwerpen voor Android

Datum: 26 januari 2010 | Door: Inge | Categorie: Blog

Afgelopen maandag mocht ik presenteren bij het Design by Fire café in Utrecht. Het was gezellig vol in Café Midi. Onderwerp van de presentatie was Ontwerpen voor Android (vs iPhone, want onder die vergelijking kom je bijna niet uit.) Interessant omdat Android nog een ontzettend jong platform is, waarbij de grote verschillen in software en hardware van al die verschillende toestellen vragen oproepen. Denk alleen al aan verschillende schermformaten. Hoe kan je hier als ontwerper nou het beste mee omgaan?

iPhone kent duidelijke ontwerprichtlijnen, wat heel handig is, maar Android nog niet. Wat voor invloed heeft dat op de user experience van applicaties in Market vs de Apple App Store? Het is belangrijk om te kijken naar de high level ontwerprichtlijnen, zowel richtlijnen over ontwerpen voor touchscreen (bijvoorbeeld van Dan Saffer) als die voor ontwerpen voor mobiel kunnen ons al een eind op weg helpen. Wat de verschillen ook gaan betekenen, Android is in ieder geval een groeiend platform met veel potentie. Hierbij ook de presentatie.

Wat vind jij? Biedt de openheid van het Android platform mogelijkheden voor het ontstaan van betere UX oplossingen?


Een nieuw perspectief op sociale netwerken

Datum: 11 januari 2010 | Door: Inge | Categorie: Blog | Tags: , , , , ,

Sociale groepen horen bij de menselijke natuur, en de kracht hiervan wordt steeds meer ontsloten door verschillende social networking tools. Waarom presenteren we onze connecties met anderen dan nog steeds op dezelfde manier?

Het kan heel interessant zijn om op een andere manier naar je sociale netwerken te kijken. Slimme programmeurs experimenteren met visualisaties van vrienden op bijvoorbeeld Facebook, Last FM en LiveJournal met soms schitterende resultaten. In ieder geval bieden ze weer eens een nieuw perspectief. Zo ontwikkelde Sebastian van Sande de Facebook Visualiser.

Facebook Visualizer

Als een organisch geheel vormen zich sociale netwerken om een geselecteerde vriend. Je ziet meteen welke vrienden bij elkaar horen, welke subgroepen van vrienden zijn ontstaan om een bepaalde vriend of vriendin, en er kunnen filters toegepast worden op je netwerk. Een andere visualisatie is die van Daniel Claren, hij ontwikkelde de Mutual Friend Network Visualisation.

Toegevoegde waarde

Wanneer voegt zo’n interactieve netwerkvisualisatie echt iets toe? Lees verder »


Fireworks template for Android

Datum: 23 november 2009 | Door: Inge | Categorie: Blog | Tags: , , , ,

Are you starting with interaction design for Android – like we are – then there are a number of useful resources to help you out. We couldn’t yet find a Fireworks template, so we have made one ourselves and want to share it here. In this Fireworks  template the Android user interface elements have been redrawn as vector images. In the folders the elements have been mostly labeled according to the Android vocabulary.

Android Mockup Template

Download the Fireworks Android template (version 2, Fri december 4 2009)

Are you looking for other templates, here’s a few we found that might be helpful:

Google Android Omnigraffle stencil (BinarySheep)
Android GUI PSD Vector Kit (Pavel Maček for Smashing Magazine)
Android GUI prototyping stencil for Visio (ArtfulBits)

For visual design Android offers the Android icon template pack

Even though the design guidelines for icons are very specific, interaction design guidelines are limited. Android offers User Interface Guidelines that give some information on various menu options for example, but it is far from the extensive design guidelines Apple has published for iPhone. This means there is a lot of room for interpretation by Android application designers and developers. It will be interesting to see what best practices in interaction design for Android will emerge in the near future.

We hope you find the template useful!


Student City Guide

Datum: 22 november 2009 | Door: Jaap | Categorie: Blog, Financieel, Mobile applications, Portfolio, Touch screens

ABN AMRO Student City Guide

Jaarlijks wordt het centrum van iedere grote universiteitsstad overspoeld met hordes nieuwe studenten. Om hen wegwijs te maken in hun nieuwe stad biedt ABN AMRO een handige applicatie aan, de ABN AMRO STUDENT CITY GUIDE (en die titel past net niet helemaal onder het icoontje)

De iPhone app serveert een heel scala van functies die handig of nuttig kunnen zijn voor studenten en natuurlijk ook om de weg te wijzen naar de ABN AMRO voor de nodige financiele ondersteuning.

Xwits huurde ons in om van dit alles iets begrijpelijks te maken. Middels onze iPhone prototype methodes konden we snel onze ideeën inzichtelijk maken. Op onze beurt vroegen wij Resoluut om een na te denken over het grafisch ontwerp.

Zelf downloaden (niet alleen voor studenten)


Touchless gesture interfaces

Datum: 13 november 2009 | Door: Jaap | Categorie: Blog

De tijd dat we alleen knoppen of schakelaars tot onze beschikking hebben bij het bedienen van apparaten ligt ver achter ons. Hoewel we nog dagelijks muizen en toetsenborden gebruiken is het gebruik van touchscreens behoorlijk toegenomen. We ‘touchen’ of ‘tappen’ bijvoorbeeld op onze telefoon, ons navigatiesysteem en om een kaartje voor het openbaar vervoer te kopen. Een echt lekker Nederlands woord hebben we er nog niet voor gevonden (aanraakscherm? aanraken?). Het ontwerpen voor touchscreen interfaces brengt wel wat uitdagingen met zich mee, maar ook veel ontwerpvrijheid, zeker als je ook nog eens een groot touchscreen als de Microsoft Surface tot je beschikking hebt. In onderstaand TED-filmpje gaan ze nog een stap verder; de hele wereld als interface. Lopen we straks allemaal ‘touchend’ door de Albert Heijn of de boekenwinkel om informatie over onze volgende aankoop te krijgen?

Update: nog een TED video hierover van Pranav Mistry zelf.


Prototyping en het effect van ‘net echt’

Datum: 2 november 2009 | Door: Caat | Categorie: Blog | Tags: , ,

Kleimodel in ontwikkeling

Kleimodel in ontwikkeling (bron: BMW)

Je zou er bijna in willen gaan zitten, zo echt lijken ze: de volledig uit klei opgetrokken prototypes van auto’s, die in de automotive industrie worden gemaakt voordat modellen in productie worden genomen. De oeroude en kostbare ontwerpmethode staat nog steeds als een huis. Pas als de auto tot op een kwart millimeter nauwkeurig is gemodelleerd en afgewerkt met folies om de klei echt te doen lijken, als na vele iteraties helemaal duidelijk is hoe de auto eruit komt te zien, dan pas kunnen de executives hun goedkeuring geven en kan de productie beginnen, eerder niet. Er moet om de auto heen gelopen kunnen worden. Hij moet er echt uit zien, een 2D tekening kan niet op die manier worden beoordeeld. Het is interessant om een vergelijking met onze sector te maken. Lees verder »


Schuberg Philis

Datum: 26 oktober 2009 | Door: Shen | Categorie: Industrie, Portfolio, Websites

Via Techtribe heeft UNITiD voor de nieuwe website van Schuberg Philis het interactie ontwerp gerealiseerd. Luis Mendo van GOOD Inc. heeft het ontwerp gemaakt en Techtribe heeft de website ontwikkeld. Voor hun nieuwe site wilde Schuberg Philis een hoge kwalitatieve uitstraling die past bij hun dienstverlening. Lees verder »


Fair trade ansichtkaarten van Fairmail

Datum: 8 oktober 2009 | Door: Shen | Categorie: Portfolio, Web 2.0

FairMail website uitsnede

Fairmail is een bedrijf dat fair trade ansichtkaarten maakt. Kinderen uit India en Peru maken foto’s voor de kaarten en verdienen daarmee geld voor het volgen van een opleiding. UNITiD (interaction design), Resoluut (grafisch ontwerp) en Jerbys (techniek) hebben gewerkt aan het realiseren van de nieuwe website. Hierbij heeft UNITiD voor Fairmail in kaart gebracht wat goede mogelijkheden zijn voor de nieuwe website en vervolgens een structuur en interactie ontwerp opgeleverd. Lees verder »


Ontwerpen voor het mobiele web

Datum: 29 september 2009 | Door: Jaap | Categorie: Blog | Tags: , , , ,

Steeds meer mensen internetten via hun mobiele telefoon en de verwachting is dat mobiel internet gebruik de komende jaren zal stijgen. Wij worden ook steeds vaker gevraagd sites en applicaties te ontwerpen voor mobiel. Wat maakt ontwerpen voor mobiel nou zo anders dan voor het ‘traditionele’ web? Twee belangrijke aspecten die je zou moeten overwegen voordat je gaat ontwerpen voor mobiel zijn de gebruikscontext en de (veelheid aan) gebruikte devices.

IMAGE1

Lees verder »


SpecialBite.com lanceert eigenzinnige culinaire site

Datum: 6 augustus 2009 | Door: Jaap | Categorie: Blog, Food, Portfolio, Web 2.0, Websites | Tags: , , ,

case_specialbiteSpecialBite, bekend van de populaire restaurantgidsen, lanceert een eigenzinnige nieuwe website. UNITiD maakte het interactieontwerp.

Naast recensies van zo’n 1000 bijzondere, onderscheidende restaurants, bevat de nieuwe site een dagelijkse blog met vers nieuws voor foodies en een webshop met culinaire boeken. Later deze zomer zal specialbite.com nog worden uitgebreid met de onderdelen Travel en Events.

Om bezoekers meer bij de site te betrekken zijn er verschillende mogelijkheden voor interactie Lees verder »