The Wonderful World of Matthijs Adriaanse

My view on the world, whether you like it or not

DesignThis!: AllSocial so far

Ik heb mijn AllSocial concept al redelijk kunnen uitwerken. Heb het meeste van de HTML structuur klaar en een stukje van het technische verhaal.

Alle bron code die op dit moment nog heel slordig is en niet op geschoond en dus heel verwarrend kan overkomen is hier te downloaden

Links naar de html pagina’s tot dusverre:

http://allsocial.thijsadrmat.com/index.html

http://allsocial.thijsadrmat.com/login.php

http://allsocial.thijsadrmat.com/register.php (registreren heeft geen zin aangezien ik regelmatig mijn database leeg om dingen te testen ed.)

http://allsocial.thijsadrmat.com/socialstream.html

 

Presentatie uit de laatste les hier te downloaden

Matthijs Adriaanse | | Link |

DesignThis!: Minicolege brug bouwen met ijsstokjes!

Tijdens een minicollege was het de bedoeling een zo sterk mogelijke brug te brug te bouwen met je team. Ingrediënten waren ijsstokjes en een lijmpistool!

Filmpje met het resultaat!

 

Matthijs Adriaanse | | Link |

DesignThis!: Minicollege Bellenblazen

Tijdens een workshop in de les moesten er bellen geblazen worden en foto’s gemaakt worden. Bij deze het resultaat!

Matthijs Adriaanse | | Link |

DesignThis! : Workshop AfterEffects

Op dinsdag 22 maart heb ik voor designThis de workshop AfterEffects gevolgd. Deze workshop werd gegeven door Alexander Zeh. Ik had veel verwachtingen van deze workshop en hoopte wat coole dingen te leren.

Tijdens de workshop gingen we een geanimeerde diagram opmaken. Ik heb tijdens deze workshop een aantal nuttige dingen geleerd. Allereerst is dat het nesten van animaties. Dit houd in dat je een aparte composition maakt voor een bepaald element of animatie en deze vervolgens in andere composities weer kan hergebruiken. Heel handig. Verder wist ik de meeste dingen de we deden al wel. Maar het was een goede opfris cursus van de basics en dat kwam op het juiste moment omdat ik voor een ander vak ook met after effects bezig was.  Hoe je zelf zo’n diagram kan laten maken werd niet behandelt in de workshop en dat had ik wel graag willen weten.

Verder was de opdracht duidelijk en op het juiste niveau voor de meerderheid in het lokaal. De stappen die gezet moesten worden werden duidelijk uitgelegd en waren goed te volgen. Al met al een goede workshop, en ik hem me weer een middag vermaakt.

Het resultaat:

 

Matthijs Adriaanse | | Link |

DesignThis! : Darethis

Op 17 maart was het dan zover DareThis. Een middag waarop we aan ons design this project moesten gaan werken en na 4 uur iets klaar moesten hebben. In 1 woord BAH. Zit je daar in een grote open ruimte met een man of 100 met een shitload aan muziek die hard om je oren staat te galmen. Ofwel de ruimte voor een concentratie niveau van 0.0 niks voor mij dus. Als ik in 4 uur iets gedaan wilt krijgen moet ik thuis afgesloten op mijn kamertje gaan zitten werken met de deur dicht en mijn eigen muziek op. Op deze manier kan ik mij niet concentreren. Wel was het gezellig, en dat is ook wat waard.

Op deze middag heb ik me bezig gehouden met het wireframen van mijn webapp. Ik ben niet heel ver gekomen maar er ligt nu wel een basis waarop ik verder kan werken.

Het geen ik deze middag heb gedaan is te zien op de volgende plek: http://thijsadrmat.com/designthis/

Feedback die ik kreeg:

Tadek:
wat is cool? : klikable prototype, leuke uitdaging, webapp
Wat is niet zo cool? idee bestaat al 😛

Wilco:
wat is cool? : veel wireframes
Wat is niet zo cool? lijkt veel herhaling

Lennard:
wat is cool? : veel wireframes
Wat is niet zo cool? : Lijkt veel herhaling

Mehmet:
wat is cool? : duidelijke wireframes, idee
Wat is niet zo cool? –

Justus:
wat is cool? : cool idee, uitgebreid plan
Wat is niet zo cool? niet heel visueel

Ray:
wat is cool? : Goed idee, potentie
Wat is niet zo cool? Nog weinig uitwerking

JP:
wat is cool? : Goed plan, hogeverwachtingen
Wat is niet zo cool? –

Matthijs Adriaanse | | Link |

DesignThis! : Inspiratie

Voor design this ben ik bezig om een social media mashup te maken die vanaf een mobiel apparaat net zo toegankelijk is als vanaf een mobiele telefoon. Hieronder is inspiratie voor dit project te vinden:

Design inspiration:

http://www.smashingmagazine.com/2011/03/29/designing-for-the-future-web/

http://www.smashingmagazine.com/2011/03/24/how-to-choose-a-typeface/

 

Code inspiration

http://www.smashingmagazine.com/2011/04/07/useful-javascript-and-jquery-tools-libraries-plugins/

http://www.smashingmagazine.com/2011/03/30/how-to-use-css3-pseudo-classes/

http://www.smashingmagazine.com/2011/03/23/speeding-up-your-websites-database/

http://www.smashingmagazine.com/2011/03/19/styling-elements-with-glyphs-sprites-and-pseudo-elements/

http://www.smashingmagazine.com/2011/03/02/the-font-face-rule-revisited-and-useful-tricks/

http://www.alistapart.com/articles/apps-vs-the-web/

http://www.smashingmagazine.com/2010/10/18/common-security-mistakes-in-web-applications/

http://www.alistapart.com/articles/taking-advantage-of-html5-and-css3-with-modernizr/

 

Andere mash-ups

http://www.tweetdeck.com/http://www.tweetdeck.com/chrome/

http://www.inbox2.com/email-inbox-company/

html5 /webapps

http://www.smashingmagazine.com/2009/01/12/10-useful-web-application-interface-techniques/

http://www.smashingmagazine.com/2011/01/26/making-it-a-mobile-web-app/

http://www.smashingmagazine.com/2010/05/28/web-development-for-the-iphone-and-ipad-getting-started/

http://alexbosworth.net/post/356177222/building-html5-webapps

http://webwereld.nl/nieuws/67967/de-pers-lanceert-html5-app-voor-tablets.html

Matthijs Adriaanse | | Link |

DesignThis! : Review hoorcollege Think about design

Dit hoorcollege werd gegeven door Bas Leurs. Ik vond dit hoorcollege het beste van de vier die ik heb gezien. Veel nieuwe dingen die ik nog niet wist, op een goede manier gebracht in een hele duidelijk presentatie. Ik vond het vooral opvallend dat een boekje dat in 1970 geschreven was nog altijd enorm actueel was en nog steeds enorm bruikbaar is. Je zou verwachten dat design wel een enorme verandering had doorgemaakt, maar John Chris Jones was een genie back in the days.
Het verhaal werd heel duidelijk door de verschillende schema’s en diagrammen die gebruikt werden. Ook het zelf meedenken met het hoorcollege door wat dingen op een blaadje te moeten schijven op bepaalde momenten was goed. Op deze manier bleef je bij de les en dacht je mee aan wat er ging komen.
Één zin uit het hoorcollege is me heel goed bij gebleven: If you design needs tob e futureproof, then make it extremely simple. Daarnaast vond ik het geheel over probleem denken heel interessant. Eigenlijk is een designer altijd bezig met problemen oplossen en om te zien hoe creatieven en minder/niet creatieven een probleem aanpakken was verbazend, maar ook herkenbaar.
Wat ik ook mooi vond was hoe het werksysteem op school op de schop genomen werd. Het was heel herkenbaar omdat je altijd twee stappen vooruit doet en dan weer één terug, simpel gezegd. Maar je volgt zelden de stappen die op school worden aangeleerd, wel grappig om een leraar dat zo te horen vertellen.
Al met al een leerzaam en boeiend hoorcollege waar ik veel van heb opgestoken.

Matthijs Adriaanse | | Link |

DesignThis! : Review hoorcollege de geur van informatie

Dit hoorcollege werd gegeven door Ferry den Dopper. Ik vond dit hoorcollege niet zo heel goed. Hij had voor mij niet heel veel nieuws te vertellen. Veel dingen zoals de drie clicks regel en zaken over lees verder knoppen en links wist ik al en heb ik voornamelijk op stage veel over geleerd. De basis van zijn verhaal lag in het vertrouwen van de bezoeker met de content. Wat ik een vrij logisch vond, want daar komt de bezoeker voor. Voor deze man waren de drie stappen die een gebruiker in bijvoorbeeld een webshop moet maken reduceren daarna selecteren en dan valideren. De dingen die hij ook belangrijk vond waren pagina functionaliteit, scanbaarheid en context. Hij had hier wel goede voorbeelden bij zodat het geheel voor iedereen duidelijk werd. Waar ik misschien wel iets van heb geleerd is het samenstellen van links, wat eigenlijk ook vrij logisch was. De juiste trefwoorden gebruiken is hierbij heel belangrijk voor het scannen van een pagina. Hij had een goede tip om de juiste, veel gezochte trefwoorden te vinden. Dit was het gebruik van googletrends.
Wat ik goed vond aan dit hoorcollege was de metafoor die hij gebruikte voor een zoekende gebruiker. Hij gebruikte hiervoor de vossenjacht. De jachthond die het spoor van de vos volgt en zo bij zijn prooi uitkomt. Het spoor op je website moet zodanig zijn dat de gebruiker net als de jachthond direct op zijn doel afgaat. De slagzin bij dit college was Create Some Smell en dat klopte wel. Al met al een niet heel vernieuwend hoorcollege maar misschien wel goed om bepaalde zaken weer een keer te horen.

Matthijs Adriaanse | | Link |

DesignThis!: Review hoorcollege: Merk oriëntatie, innovatie, design

Dit hoorcollege werd gegeven door Patrick van Thiel van van Thiel & company. De beste man had een paar boekjes geschreven en kwam nu de wijsheid op ons overbrengen. In het begin vroeg hij over welk merk we het wel en over welk merk we het niet wilde hebben. Gelukkig riep iemand Apple als merk waar we het niet over zouden hebben. Maar helaas kon dit merk niet weggelaten worden om de simpele reden dat hij (achteraf gezien) dan zijn hele presentatie had moeten veranderen. Hij kwam met een aantal zeer bruikbare bouwstenen voor merk oriëntatie. Deze 11 bouwstenen onderbouwde hij vervolgens op een goede manier. Verder had hij een interessante diagram, hij zette de externe oriëntatie tegenover de interne oriëntatie. Hier in was er een verdeling van 4 vlakken, Salesmen, sceptics, educators en leaders. Het volgende stuk ging over innovatie, heel interessant. Hierbij werd vooral apple als voorbeeld van innovator gebruikt. Hierdoor werd zijn theorie omtrent innovatie zeer duidelijk. Ook kwam hij met het 3i model voor innovatie. Een mooi model waarin hij inspiration, idea en innovation aan elkaar linkte als een soort cirkel waarin we steeds rondraaien. Het werd vooral interessant toen hij er mensen en merken bij ging betrekken, omdat dit zorgde voor een eyeopener. Ik vond zijn verhaal aan de ene kant vrij logisch maar aan de andere kant toch vernieuwend omdat ik het nooit zo gehoord heb. Ook het belang van design bij merken en vooral het totaal concept vond ik goed verteld.
Al met al een goed hoorcollege, maar hij had van mij een ander voorbeeld als apple mogen kiezen als voorbeeld.

Matthijs Adriaanse | | Link |

Vorige pagina

Volgende pagina