Search

Author

dennisbaptist

Multimedia and Communication Science student at Erasmus University College Brussels

Bejing accelerator, probeer bij te blijven

beijing_accelerator_01

Onlangs ben ik in contact gekomen met Brecht Debackere tijdens een cursus Max 7. Brecht Debackere heeft een zeer brede kennis gaande van video, animatie, motion graphics, video synthese, interactie en conceptontwikkeling. Ik heb hem achter zijn projecten gevraagd en hij vertelde me over de Bejing Accelerator waar hij software voor heeft helpen schrijven.

Inspiratie

Beijing Accelerator is een installatie die in 2006 bedacht is door Marnix de Nijs. Hij kwam op het idee voor de installatie na zijn bezoek naar Beijing. Hij inspireerde zich door de dynamiek van de stad en hoe dat een dit effect had op het individu.

Werking

De persoon gaat in een gemotoriseerde racestoel zitten en ziet voor hem een 160×120 cm projectiescherm. Aan de hand van een joystick kan hij de stoel bewegen, waardoor het hele toestel kan draaien. Op dit scherm ziet de persoon een panorama beeld. De bedoeling is dat de persoon a.d.h.v. de joystick de bewegende beelden kan synchroniseren met het vast gepositioneerde panorama beeld. Bij het bewegen van de joystick zal dit het hele hele toestel in beweging krijgen.
bjs_acc_02

Synchroniseren

De bedoeling van Marnix was om een spel te ontwikkelen waar je bij moet blijven met de snelheid. Als dit niet gebeurd zal je een fysieke disoriëntatie ervaren, omdat de beelden met een andere snelheid bewegen dan dat je fysiek meemaakt. Dit effect zal er voor zorgen dat je duizelig wordt. Wanneer je een perfecte synchronisatie hebt, zul je een “rust” ervaren in je oriëntatie doorheen het spel.

Levels

Na een korte tijd zal er een nieuw panorama beeld te voorschijn komen waar je hetzelfde mee moet doen. Des te hoger je geraakt zal het moeilijker worden om met dit beeld te synchroniseren, omdat de snelheid is verhoogd. In totaal moet je tot level 6 geraken om het spel uit te spelen.

 

Estream, handig tijdens het camperen

estream-phone-charging-water-turbine-1296.jpg

Wie graag van camperen houdt raad ik zeker de Estream gadget aan. Estream is een draagbare waterturbine waar je je GSM mee kan opladen. 

Hoe werkt het? Het toestel is een waterdichte koker waar onderaan een turbine aan is bevestigd. In deze koker kun je je smartphone of een toestal wat klein genoeg is steken . Je maakt de koker met een draad vast aan rotsen of stenen in een rivier zodat de turbines onder water kunnen draaien. Deze genereren a.d.h.v. kinetische energie stroom aan de ingebouwde batterij die op zijn beurt jouw smartphone oplaadt. Aan de batterij kun je alle soorten toestellen hangen die je met USB kunt opladen. Moest je interesse hebben in de Estream, er is een link in de bronvermelding voorzien. Momenteel kun je de Estream vooruitbestellen voor $180.

 

Auteur: Dennis Baptist

Bronnen:

https://www.indiegogo.com/projects/estream-a-portable-water-power-generator-adventure#/

Snelle registratie, tevreden gebruiker

Ik ben de registratie van Soundcloud en Snapchat nagegaan omdat ik deze services dagelijks gebruik. Deze twee services hebben een gelijkaardige manier van registreren, ze vragen stapsgewijs je gegevens waardoor je meteen aan de slag kan.

 

screenshot_2016-11-22-21-59-11

Snapchat

De eerste keer dat je Snapchat opent zie je twee grote buttons: Inloggen en Aanmelden. Persoonlijk zou ik Aanmelden misschien hernoemd hebben naar “Registreren”, maar het is op zich wel duidelijk. Vervolgens stelt Snapchat enkele essentiële vragen per stapsgewijs op. Op het eerste scherm moet je je naam en voornaam opgeven waarna je naar de tweede stap kunt gaan. Hier moet je je geboortedatum opgeven. Ik merkte wel dat Snapchat minderjarigen niet toe laat.

Vervolgens kun je gebruikersnaam kiezen, Snapchat kijkt automatisch na of deze beschikbaar is, je krijgt dus geen foutmelding als je naar de volgende stap wil gaan. Dit vind ik een zeer groot pluspunt. Hierna moet je je wachtwoord opgeven. Snapchat heeft hier wel een vereiste opgelegd dat dit uit 8 tekens moet bestaan. Als het wachtwoord te simpel zal er een melding worden gegeven. Deze melding is wel handig voor de gebruiker wegens veiligheidsredenen. Vervolgens geven ze je de optie om je aan te melden met een emailadres of je GSM-nummer. Het is leuk dat je deze optie krijgt, als je bijvoorbeeld je nummer niet wilt opgeven. Tenslotte doet Snapchat een test om te zien of je geen robot bent. Dit neemt slechts een vijftal seconden in beslag. Persoonlijk mocht deze stap weggelaten worden, maar op zich is het niet storend omdat het slechts een korte tijd in beslag neemt. Als je dit alles gedaan hebt kun je Snapchat rechtstreeks gebruiken.

In totaal nam dit proces welgeteld een halve minuut in beslag. Het is een korte registratie waarin Snapchat je zeer goed in begeleid. Ik ben fan van zulke registraties, ze zijn straightforward en goed uitgelegd. Je kan er weinig bij mis doen. De beste toepassingen van zulke registraties zijn ongetwijfeld in mobiele apps, omdat je niet moet scrollen en slechts met een tik op het scherm naar de volgende stap kunt gaan.

 

 

 

screen-shot-2016-11-22-at-22-07-29

Soundcloud

Een soortgelijke registratie maar korter van duur is die van Soundcloud. Op de startpagina staan twee goed aangeduide buttons: “Sign in” en “Create account”. Bij het klikken op “Create Account” wordt er een overlay gelegd over de website zodat de gebruiker tijdens het registratieproces niet op iets anders zou klikken. Er verschijnt vervolgens een pop up kader boven op de overlay. Hiermee “verplichten” ze je om het registratieproces te vervolledigen.

Soundcloud geeft je vervolgens de mogelijkheid om je registratie te versnellen door je aan te melden met je Google of Facebook account. Dit vind ik vrij handig omdat je wat tijd kan besparen. Als je toch kiest voor een registratie met een mailadres vul je dit snel in je drukt op “Continue” en gaat vervolgens naar de laatste stap van het registratieproces. Hier moet je een username opgeven en je geslacht. Eens dit is afgerond kun je gebruik maken van Soundcloud. Het leuke aan dit soort registraties is dat ze men redundante informatie achterwegen laten. Ze focussen er meer op dat de gebruiker de website rechtstreeks zou kunnen gebruiken. Je kan later, naar wens, je gegevens nog aanvullen in je instellingen.

Het proces nam in totaal minder dan tien seconden in beslag. Zulke registraties zou je volgens mij best op bijna alle websites toepassen. Het kan misschien interessanter zijn voor websites waar je met andere mensen in contact kunt komen, omdat je je kan inloggen met Facebook of Google. Maar in het algemeen moeten zulke registraties in de toekomst de standaard zijn.

 

Auteur: Dennis Baptist

Bronnen:

https://www.snapchat.com/l/en-gb/

https://soundcloud.com

Lange registratieformulieren kosten je gebruikers

screen-shot-2016-11-22-at-18-58-22

California Department of Motor Vehicles

Deze website biedt op zich al een zeer slechte user experience aan maar vandaag ga ik het enkel hebben over de registratie. Wanneer je de website bezoekt zie je dat er rechts boven een login | registratie knop staat. Ik klikte eerst op de login voor te kijken wat er stond. Je kon je hier aanmelden met je User ID en paswoord en hieronder stond een knop dat je je kon registreren als je dit niet had. Dit hadden ze “goed” opgelost, want bij het teruggaan van een pagina kreeg je telkens “Confirm Form Resubmission”.

Ik klikte verder en kwam op een ellenlang registratieformulier uit. Eerst moet je een User ID en paswoord opgeven waar ontzettend veel vereisten aan gekoppeld zijn. Beveiliging is nodig, maar mensen zullen op deze manier hun wachtwoord sneller vergeten. Ze hebben de vereisten er langs geschreven, maar konden dit misschien beter oplossen door ze te laten verschijnen met een hover. Vervolgens moet je 5 beveilingsvragen opgeven wat in mijn ogen nutteloos is omdat je even geleden een superwachtwoord hebt opgegeven. Dat je hierna je SSN (Social Security Number) en DL (Drivings License) moet opgeven kan ik nog wel snappen, omdat het de site is van het Departement van Gemotoriseerde Voertuigen.

screen-shot-2016-11-22-at-18-56-21

Post Office Shop

Toen ik voor het wou registreren op de website snapte ik niet wat de bedoeling was. Ik klikte op Account Login en kon me aanmelden voor elf verschillende zijtakken van Post Office. Uiteindelijk heb ik slechts een voorbeeld gekozen en dit was Post Office Shop. Ik klikte op de link en werd doorverwezen naar een registreer pagina. Dit was alleszins niet duidelijk want rechts boven stond “Register” in het rood aangeduid. Op de login/registratie pagina vond ik de titels wat omslachtig: “Returning Shop Customer” en “New to Post Office Shop?”.  Ik was nieuw dus ik klikte op de tweede titel.

screen-shot-2016-11-22-at-18-56-16

Op deze pagina kreeg ik een ontzettend lang formulier voorgeschoteld met kadertjes waar je “Your Details”, “Delivery Addres”, “Billing Address”, etc. kon invullen. Dit is te veel informatie die een gebruiker in een keer moet opgeven. Ze hadden de gebruiker beter de mogelijkheid gegeven om deze gegevens op een later tijdstip te laten invullen. Iets waar ik mij zeer sterk aan stoorde is dat in het kader van “Your Details”onder het veld paswoord weer een aantal vereisten stonden opgesomd. Ze konden deze details evengoed in het vraagtekenicoon naast het veld hebben gezet. Registratieformulieren mogen nooit zo lang zijn, zeker als de gebruiker nog niets in zijn winkelmandje heeft en niet wou uitchecken.

 

Auteur: Dennis Baptist

Bronnen:

https://www.postofficeshop.co.uk/

https://www.dmv.ca.gov/

 

Wat is de beste reminder applicatie?

Braintoss

Iedereen kent het wel, je hebt een idee maar hebt geen papier bij de hand om het te noteren. Dat probleem had ik vorig jaar ook tot als ik op onderzoek ging. Hierdoor ben ik eerst op de applicatie Braintoss gestoten. Dit is een applicatie die $2 kost. Deze applicatie viel op tegenover de rest door zijn simpele interface en straight forward functionaliteit. Op de interface kun je 3 grote iconen zien. Een microfoon voor spraakopnames te maken, een mail voor een notitie te maken en een fototoestel voor een foto te maken. Dit was exact wat ik zocht, een zeer simpele interface waarmee je snel je idee naar je mailadres kan versturen. Deze app is bedoeld om snel van je idee af te geraken en op een later tijdstip op te halen en uit te werken. Je kan dus op een later tijdstip je idee dan openen in je mailbox. Andere reminder apps hadden nog een heleboel functionaliteiten die het onnodig ingewikkeld maakten. In mijn ogen is deze applicatie perfect op het gebied van functionaliteit. De interface kan er misschien wat kinderlijk voor sommigen uit zien door de grootte van de iconen en de kleur van de interface maar deze applicatie is zeker zijn prijs waard.

Keep

Onlangs ben ik op een gratis applicatie gestoten van Google. Deze applicatie doet exact hetzelfde als Braintoss maar is dan weer volledig afgesteld voor Google. Alles wat je opslaat wordt gesynchroniseerd met je Gmail. Er is wel een klein verschil tussen Keep en Braintoss. Braintoss slaat geen ideeën lokaal op terwijl Keep dit wel doet. Alles wat je in Keep schrijft kun je later weer openen in de app, terwijl je met Braintoss enkel je ideeën via je mail kan bekijken.

Welke applicatie is winnaar?

Je kan exact dezelfde dingen doen met beiden apps maar mijn voorkeur gaat uiteindelijk toch naar Keep. Keep is gratis en je kan er ideeën lokaal mee opslaan zonder je email te openen, waarvoor je misschien je internetconnectie moet aanzetten.

Auteur: Dennis Baptist

Bronnen:

https://braintoss.com/

https://www.google.com/keep/

Het karakteristieke design van Mobile Vikings

screen-shot-2016-11-21-at-19-23-13

Mobile Vikings is een mobiele netwerk provider in België en Polen. Het bedrijf is in 2008 gelanceerd door Frank Bekkers. Op een paar jaar tijd is het bedrijf uitgegroeid als volwaardige concurrent en maakte in 2011 een omzet van 9,1 miljoen euro. In 2014 werd in België de 200.000e klant geregistreerd. 

Website

Ik ben al enkele jaren klant bij Mobile Vikings en gebruik hun website dus regelmatig, zo’n tweetal keer per week. Dit doe ik omdat Mobile vikings vaak goede acties aanbieden. Het is een zeer makkelijke website om door te navigeren en je merkt dat de Mobile Viking branding zeer aanwezig zijn.

Kleur

De hoofdkleur van Mobile Vikings is rood. Deze gebruiken ze om bepaalde belangrijke zaken in het oog te laten springen. Een goed voorbeeld hiervan is de herlaadknop op de startpagina. Ook op andere pagina’s kun je zien dat ze de rode kleur gebruiken om iets te benadrukken, bepaalde tarieven of links. Wit, zwart en grijs zijn ook belangrijke kleuren in hun branding maar deze gebruiken ze voornamelijk als achtergrondkleur. Als accentkleuren gaan ze meer voor de aardse kleuren zoals kaki of donkerblauw om toch een associatie te maken met de vikings van vroeger.

screen-shot-2016-11-21-at-19-53-40

Kleurenblindheid

Het probleem van kleurenblindheid heeft Mobile Vikings goed opgelost door veel gebruik te maken contrast. Ze gebruiken bijvoorbeeld witte tekst op een donkere achtergrond om zo de leesbaarheid te verhogen. De kleuren zijn misschien anders voor kleurenblinden maar de leesbaarheid is in orde.

screen-shot-2016-11-21-at-19-51-43

Compositie

Wanneer je doorheen de website navigeert merk je alvast op dat er ontzettend veel gebruik is gemaakt van negatieve ruimte. Ondanks dat ze veel content aanbieden blijft er ademruimte voor de gebruiker. Elke pagina op de website is ook volgens een bepaalde structuur opgebouwd, een grote headerafbeelding met tekst in het midden en hieronder content die ingedeeld is in secties. Elke sectie heeft een andere kleur. Op de site maakt men ontzettend veel gebruik van grote fonts die telkens in het midden gepositioneerd zijn zodat de gebruiker met een oogopslag weet waar hij zich bevindt. Wat je ook overal in hun website terugziet is dat ze hun iconen vaak in ruiten zetten.

screen-shot-2016-11-21-at-19-58-37

Auteur: Dennis Baptist

Bronnen:

https://nl.wikipedia.org/wiki/Mobile_Vikings

https://vikingco.com

Craigslist, miljoenen gebruikers, erbarmelijke interface

screen-shot-2016-11-21-at-15-23-39

 

Iedereen heeft er vast wel eens gehoord over de beruchte Craigslist. Deze website biedt alle soorten advertenties aan die door willekeurige personen kunnen geplaatst worden. Dit kunnen vacatures zijn, huizen, contactadvertenties etc. De dienst is gestart in 1995 door Craig Newmark in de Verenigde Staten en is later in 1999 een officieel bedrijf geworden. Craigslist mag dan niet de mooiste dienstenwebsite zijn die er bestaat maar toch wordt hij dagelijks meer dan twintig miljard keer bekeken.

 

Design

Bij het bezoeken van de startpagina liet dit mij sterk denken aan Wikipedia. Dit komt door het kleurenschema dat de website gebruikt. Craigslist gebruikt zoals Wikipedia een witte achtergrond, secties die met grijs worden aangeduid en links die in het blauw zijn gekleurd. Wanneer je op een van de links klinkt wordt je doorverwezen naar de verscheidene diensten van die sectie. In de afbeeldingen van de sectie kun je zien dat titels verschoven zijn omdat deze te lang waren. Er is geen rekening gehouden met de grote en positionering binnen in de kaders. De afbeeldingen zijn te groot en raken de rand. Er is geen vaste margin binnen de kaders waardoor alles zeer inconsequent lijkt. Ook zijn de prijzen dubbel te zien in de kadertjes, wat naar mijn mening helemaal geen meerwaarde heeft.

screen-shot-2016-11-21-at-15-49-23

Eenvoudig

De website heeft misschien wel een afzichtelijke interface maar op zich vond ik merendeel van de tijd mijn weg wel makkelijk terug op de site. Soms was het wel storend dat er in bepaalde secties een lijst werd gegeven waarin alle informatie in een titel werd gepropt. Maar al bij al werd het nog wel duidelijk aangegeven. Ook was het handig dat je je zoekresultaten kon filteren links bovenaan. Dit bespaarde je alvast veel tijd als je naar iets specifiek op zoek was. Het kruimelpad was voor deze website zeker een must omdat je doorheen verschillende advertenties navigeert en op deze manier gemakkelijk je weg terug vindt.

 

Kleurenblindheid

Waar men (onbewust) rekening mee heeft gehouden is kleurenblindheid. Ik heb een aantal screenshots genomen van de site en ingeladen in illustrator om de twee verschillende type kleurenblindheid te testen. Hieruit kon ik helemaal geen verschil opmaken. Mensen met kleurenblindheid zullen dus geen moeilijkheden ondervinden.

colorblindness

Typografie

Ik heb de lettertypes op de Craigslist geïnspecteerd en bleek dat zij zeer inconsequent gebruik maken van hun lettertypes. Op de startpagina gebruikt Craigslist Arial voor de links (naar secties). Als je dan verder klikt naar de sectie gebruiken zijn voor hun links Times New Roman. Waarschijnlijk hebben de makers dit bewust gedaan om de gebruikers duidelijk te maken dat dit links binnen een sectie zijn maar toch blijft dit onlogisch.

screen-shot-2016-11-21-at-16-08-27

Auteur: Dennis Baptist

Bronnen:

https://nl.wikipedia.org/wiki/Craigslist

https://brussels.craigslist.org/

 

Joshua Davis, een nieuwe vorm van kunst

d4be1f27270461.56363b570db02.png

In het eerste jaar Multec heeft Dhr. Van Den Broeck een hoorcollege gegeven over Generative Art en had hierin Joshua Davis vermeld. Joshua Davis is een Amerikaanse designer, programmeur en multimedia-artiest. Hij is vooral bekend geraakt om zijn Generative Art. Joshua maakt namelijk kunst met code. Hiervoor gebruikt hij de programma’s Processing en HYPE. Met deze programma’s creeërt Joshua statische maar ook dynamische kunstwerken.

Joshua Davis inspireert mij omdat ik later hetzelfde wil doen met code . We hebben dit al kort gedaan in het eerste jaar, maar ik zou hier graag dieper op in willen gaan en het niveau van Joshua bereiken. Wat hij ook doet is de animatie op muziek laten bewegen. Dit zou ik in de toekomst ook graag willen bereiken omdat ik dan animaties op mijn eigen muziek kan maken. In de video kunnen jullie ervaren wat voor kunst hij maakt.

Auteur: Dennis Baptist

Bronnen:

https://www.pinterest.com/praystation/

https://www.behance.net/joshuadavis

http://thegreatdiscontent.com/interview/joshua-davis

SQUAREPUSHER / Damogen Furies from Joshua Davis on Vimeo.

Ontmoet Musketon, ons Belgisch talent

static1.squarespace.png

Bert Dries alias Musketon is een Belgische grafisch designer afkomstig uit Genk. Musketons ontwerpen kun je meteen herkennen door zijn unieke stijl van illustraties. Hij creeërt kleurrijke vectoriële cartoons in Illustrator in de stijl flat design.

Bert Dries is begonnen met illustraties maken in het jaar 2008. Musketon legde contacten in de DJ scene en op enkele jaren tijd is hij ontzettend bekend geworden binnen België maar ook in de Verenigde Staten. Hij heeft al samengewerkt met o.a. Nike, Steve Aoki en I Love Techno.

Ik zelf ben ontzettend liefhebber van flat design, dat is het gene wat mij aanspreekt aan Musketon. Zijn illustraties zijn speels en modern en hij heeft een unieke stijl binnen de flat design gecreeërd. Elke illustratie is zo herkenbaar dat je zijn stijl bijna een handelsmerk kunnen noemen.

auteur: Dennis Baptist

bronnen:

http://www.musketon.com/

http://www.groetenuitlimburg.be/bert-dries-alias-musketon/

http://chase.be/blog/een-gesprek-met-belgische-top-illustrator-musketon/

Create a free website or blog at WordPress.com.

Up ↑