Sinds Tom Cruise in Minority Report met een niet bestaande futuristische user interface indruk maakte op (interaction)designers en overige techgeeks proberen verschillende studenten en obscure bedrijven al jaren om deze technieken werkelijkheid te maken. Soms met een omgebouwde Wii, een 3 miljoen euro kostend holografisch scherm of ’slechts’ een concept video, maar zo nu en dan krijgen we een glimp te zien van een daadwerkelijk voor consumenten geschikt systeem. Als je dacht dat ik het weer over Project Natal of Motion van Xbox of Playstation heb dan moet ik je teleurstellen.
In onderstaand filmpje zie je een demo video van Oblong. Een bedrijf dat zich deels in het geheim al enkele jaren bezig houdt met het ontwikkelen van Tom’s speeltje.
Meer informatie en “oeee’s en aaaaah’s” vind je in het bronartikel op Techcrunch. Wat vind ik er zelf van? Ik ben sinds jong af aan al gek op dit soort ontwikkelingen en technieken en ben misschien wel mede daarom interactie ontwerper geworden (gooi alle conventies maar alvast overboord als dit de toekomst is), maar ik blijf sceptisch en denk dat ik na een half uur met mn armen uitgestrekt zwaaien voor een groot scherm gesloopt ben en dat we in de toekomst mensen met muisarmen juist gaan adviseren om toch maar weer een muis en toetsenbord te gebruiken. Voor de Playstation 5 en Xbox 1080 zeg ik: “Doe maar morgen!!”
Het maken van illustraties kost meestal veel tijd. Juist omdat er zoveel mogelijkheden zijn om bepaalde effecten te creëren. Het team van Adobe zit niet echt heel stil en lanceert bij elk nieuw CS pakket weer plenty of mogelijkheden/technieken. Zo zijn de mogelijkheden in Illustrator CS4 zijn weer minimaal verdubbeld in vergelijking tot CS3.
Of je er nu blij van moet worden, is vraag 2. Meestal heb je een bepaalde werkwijze / slimmigheden om je illustratie zo fijn mogelijk te ontwerpen.
Via de site van webdesignledger, kom je op een goed overzicht van deze slimmigheden. Tutorials.
Google wás altijd al het voorbeeld van een minimalistische site gefocussed op het vervullen van één heel specifieke behoefte, en toch hebben ze het nog een stapje extremer weten te maken.
Bezoek je de homepage dan zie je (zolang je de muis niet beweegt over je browser) alleen nog het logo en de zoekfunctie. Dit is waar bezoekers in eerste instantie voor komen, dus waarom zou je ze afleiden met alle overige tools? Google heeft meerdere designs getest en het bleek dat bezoekers de eerste keer iets minder goed presteren dan gebruikelijk, maar al heel snel daarna werden de prestaties juist beter.
Het uitzoeken van het geschikte kleurenpalet bij één van je ontwerpen is een tijdrovende klus. Kleuren vertellen iets over de uitstraling van het bedrijf, roepen gevoel op. Maken een ontwerp heel zakelijk of juist helemaal niet. Het is dus belangrijk om hier goed over na te denken voordat je gewoon maar een kleurtje kiest en hiermee aan de slag gaat. Helaas is het zakelijke ontwerp niet altijd gebaat bij een happy tree met wat vandijcke yellow. Het lijkt zo makkelijk maar een Happy Tree had wel degelijk een heel scale aan nuttige kleurtjes om zich heen. Dat kleine beetje Rembrandt brown deed net even dat kleine blaadje levendig maken.
Nu schilderen wij niet op meer op canvas maar op ons beeldscherm. De basis blijftt gelijk. Kleurstudies, knippen, plakken, zoeken en vergelijken levert je uiteindelijk wel een gedegen palet op. Maar wat nu? Met een hele stapel papier heb je nog niet die kleurcodes die nu zo hard nodig hebt voor in bijvoorbeeld Photoshop of Fireworks.
Er zijn een aantal handige tools online gekomen om ons kleursmurfen te helpen ook een echte Bob Ross te zijn, zonder nu heel veel tijd kwijt te zijn aan het vertalen van kleuren naar codes.
Colorblender Deze tool helpt je met het kiezen van een hoofdkleur en hiernaast krijg je 5 matchende kleuren die in dezelfde lijn liggen als de hoofdkleur. (Heel fijn om naast een okerkleur ook een grijs te hebben.) Deels blijft het een kwestie van smaak en inzicht. Maar alles wat helpt om je nog beter te laten ontwerpen is meegenomen. Door op de button variations te klikken kan je de kleuren verzadigen naar een andere kleur en zo spelen met je palet, todat het gewenste resultaat bereikt is. Een export naar een photoshop kleurpalet is aanwezig.
Color Palette Generator Deze tool werkt op basis van een kleurenpalet die je kan samenstellen door het uploaden van een foto. Werkt net even wat anders dan de eerste tool. Maar net zo handig. Fijne van deze tool is de eenvoud. Maar ook gelijkertijd de valkuil. De tool analyseert de foto en genereerd op basis hiervan zelf een palet. Je kan dus geen invloed uitoefenen op een kleur die je wilt vaststellen als hoofdkleur.
Kuler Adobe’s antwoord op alles wat er maar met kleur te maken heeft. Tegelijkertijd ook mijn alltime favorite om kleuren samen te stellen. Wil je op een eenvoudige manier snel een palet? Probeer dan niet even snel met deze tool aan de slag te gaan. Het is een zeer uitgebreide website waar je op vele manieren kleuren kan samenstellen, paletten kan delen, van andere mensen kan downloaden, saven op een account en jawel! Inladen in je CS pakket.
15.10.2009 om 13:18 in creative, www door PatrickS
Volvo vroeg aan de Turkse kunstenaar Esref Armagan een schilderij van de nieuwe Volvo S60 te maken. Normaliter niet zo bijzonder zou je denken. Kunstenaar die van een auto een schilderij maakt, gebeurt wel vaker. Echter in dit geval wel.
Esref is namelijk blind, al vanaf zijn geboorte. Hij leerde zichzelf schilderen en tekenen.Van het maken van dit schilderij hebben ze bij Volvo een documentaire gemaakt. Een voorproefje daarvan kan je zien op Volvo’s Facebook-pagina. De volledige documentaire en het schilderij zullen binnen enkele dagen worden onthuld.
05.10.2009 om 23:11 in creative, www door Lodewijk
Kwam vorige week tijdens een avondje bladeren Freckle tegen. Daar raakte ik geïnspireerd door een paar dingen: ik was erg onder de indruk van het interactieontwerp, in combinatie met grafisch ontwerp, tone of voice en frontend realisatie.
Ze passen een aantal vrij recente inzichten op een hele lekkere manier toe: kijk bijvoorbeeld eens naar de manier waarop je je wachtwoord opgeeft bij het aanmelden (Jakob Nielsen zou er trots op zijn), en ook de tips van Smasing Magazine (deze zijn ouder maar ook de moeite waard) zijn ter harte genomen. Freckle is echt de moeite waard om even te bekijken. De vormgeving (volgens sommigen wat te eigenwijs) wordt mooi ingezet om interactie te ondersteunen, en ook tekstueel worden dingen leuk en verrassend duidelijk gebracht (voorbeeldje: ooit wel eens ‘remember me‘ bij een inlogformulier zien staan? vast: wat betekent dat? Freckle legt het met hun variant van dit standaardtekstje ondubbelzinnig uit: ‘always keep me logged in (unless I sign out)‘. that’s wat it is). Pricing model achter de site ziet er ook goed uit trouwens: omdat ik Free aan het lezen ben ik daar de laatste tijd ook extra alert op.
Helaas bleek het niet de applicatie te zijn waar we naar op zoek zijn (ik mis nog steeds een online tool met de kwaliteit van zoiets als dit om op een eenvoudige en efficiënte manier werkplanningen te maken en van daaruit ook een koppeling naar een stuk administratie te kunnen maken… helaas ontbreekt zoiets in bijvoorbeeld GoPlan dat we hier gebruiken, dat zou helemaal perfect zijn – suggesties iemand?), maar ik kreeg er wel een glimlach van op mijn gezicht.
Een netbook is net iets te onhandig, heeft geen (multi-)touchscreen en de toetsen zijn toch wel erg klein. De iPhone is geweldig, met alle mogelijke apps bij de hand regel je leven vanuit je broekzak, maar geef toe, hij heeft z’n beperkingen. De geruchten over een Apple-tablet zijn er al, maar de tablet zelf vooralsnog niet… Dan kom Microsoft met de Courier…
Met twee – met elkaar communicerende – 7″ multitouch-beeldschermen, een 3 megapixel camera, bediening met sylus of de vingers en een geweldige gebruikservaring, die je digitale leven enorm zal vereenvoudigen. Met een simpele penbeweging afbeeldingen uit een website zo in je vers aangemaakte digitale notieboek slepen, foto’s van de omgeving toevoegen, commentaar erbij schrijven, contacpersonen toevoegen, en dat alles direct in je agenda slepen…
Op The Next Web alvast een video van hoe het gaat werken, en op Gizmodo wat meer afbeeldingen.. Als iemand weet waar ik een pre-order kan doen?
Over een week gaat de eerste serieuze test van start voor Google Wave. Er worden dan 100.000 uitnodigingen verstuurd naar mensen die zich aangemeld hebben om dit nieuwe ambitieuze project van Google uit te gaan proberen.
Google Wave is niet makkelijk in 2 zinnen te beschrijven. Het kan het best gezien worden als een HTML 5.0 applicatie die Google Talk, Gmail en Google Apps en je browser combineert tot 1 platform dat gebruikt kan worden om realtime met andere gebruikers te communiceren en vooral samen te werken. In dat opzicht lijkt het nog het meest op een zeer uitgebreid online project management/collaboration tool zoals Goplan of Basecamp. In tegenstelling tot deze meer werk/project gerelateerde tools is Google Wave veel interactiever. Het biedt tevens eindeloos veel mogelijkheden om te implementeren in bestaande websites.
Via deze link kan een saaie anderhalf uur durende presentatie bekeken worden. Gelukkig heeft iemand de moeite gedaan om hier een 10 minuten durende samenvatting van te maken, die wat mij betreft zeker de moeite waard is om te bekijken. Ik heb mij in ieder geval aangemeld voor een betatest, al schijnt de kans niet groot te zijn dat Europeanen voor 2010 er nog mee aan de slag kunnen gaan.
10.06.2009 om 16:32 in creative, www door Lodewijk
Kwam via via een mooi linkje tegen. Kuler kenden we natuurlijk al, maar ColoRotate voegt daar ook nog de derde dimensie aan toe. Ontwerpen is vaak ook een stukje wiskunde (gridjes, opbouw van kleurenpalet), en dit soort tools laten dat mooi zien. En los daarvan levert het gewoon hele mooie plaatjes op…
“Bij de loodgieter thuis lekt de kraan”: als je elke dag bezig bent met online media, dan heb je gek genoeg ’s avonds niet altijd zin om ook weer achter de laptop te kruipen. Althans, dat geldt voor mij. Maar afgelopen weekend werd me weer eens helemaal duidelijk waar we hier bij Acato toch alle bloed, zweet en tranen in stoppen. Ik was een weekendje naar een willekeurige Belgische provinciestad.
In het aparthotel (bestaat die term in Nederland ook?) natuurlijk even de mac opengeklapt om te kijken waar de pareltjes van het op het eerste gezicht vrij troosteloze stadje verborgen zaten. Al gauw raakte ik verstrikt in een serie goedbedoelde toeristische webpagina’s, waarbij je er, na vier keer hoopvol op een link geklikt te hebben waarvan je dacht dat daarachter dan écht die informatie zou zitten die je zoekt, achter komt dat je al de hele tijd tussen dezelfde twee pagina’s heen en weer aan het klikken bent. Van het kastje naar de muur. Die pagina waar écht staat wat je zoekt blijkt er helemaal niet te zijn. Ook het zoeken van een beetje een hip restaurant leidt tot een drama. Of ik in het beeldschermvullende-zoekformulier even de keuken, prijsklasse, postcode, waardering en het al dan niet aanwezig zijn van een terras wil opgeven voor het restaurant dat ik zoek: als ik dat zou weten had ik die site niet nodig! Overigens hebben we het enige leuke tentje uiteindelijk op eigen intuïtie toch nog gevonden…
Kortom, genoeg te doen nog voor ons! Er is een wereld te verbeteren. Ter illustratie van het feit dat de uitdagingen echt niet alleen online liggen, maar ook gewoon op straat, de volgende twee plaatjes gemaakt rondom hetzelfde provinciestadje (klik op foto voor grote versie): waar op de kaart bevindt de maker van de foto zich, en welk groot gevaar schuilt er achter de bewegwijzering? Laat je antwoorden achter in de comments en maak kans op een geheel verzorgd weekend naar… Juist.