tada

MISSION STATEMENT In order to showcase the works of students and alumni of the Willem de Kooning academy, we will make a participatory magazine that lives online with a quarterly printed output that addresses issues such as design process and content sharing.

[t-a-d-a-blog]

Analyzing Nederland in ideeën

Nederland in ideeën

Structuur van de publicatie

De structuur van de website Nederland in ideeën is erg geordend. Er is goed gebruikt gemaakt met kleur. De paarse blokken in het grid geven informatie over de website en bieden uiteindelijk een mogelijkheid om te filteren binnen de content. De content die bij de geselecteerde filters horen, worden na selecteren rood gekleurd.

Tada! miste een goede structuur in de website. De vier verschillende ‘views’ binnen Tada! paste wel binnen het concept, maar was erg verwarrend voor de bezoeker en zorgde niet voor een samenhang binnen de website.

Relatie van vorm met de content

De vorm van de website heeft wat mindere relatie met de content. Een grid is een erg goede oplossing om een website overzichtelijk en makkelijk navigeerbaar te maken, maar heeft weinig te maken de content die de website biedt.

De relatie van vorm en content binnen Tada was ook niet perfect. Elke view had wel een relatie met de vorm, maar de content (het werk van de alumni) had geen relatie met de vorm. De random view liet bijvoorbeeld geen ‘random’ werk van alumni zien, maar alleen eindwerken.

Ervaring

De over gehele ervaring is er goed door het makkelijke filter systeem die gebruikt maakt van kleur en een grid. Het enige waar ik als bezoeker van de website mij aan irriteer, is dat als je eenmaal klikt op een artikel die je wilt lezen, je wordt doorverwezen naar een hele andere website. Door het doorlinken is het gevoel van een samenhangende website weg, en dat is iets wat ik als gebruiker belangrijk vind.

Dit samenhangende gevoel ontbrak ook bij de website van Tada! De verschillende views zorgde ervoor dat we website erg verwarrend werd voor de gebruiker, gewoonweg omdat er geen rode draad door de website liep.

Interactie

[t-a-d-a-blog]

Analyzing Atlas of Pentecostalism

Atlas of Pentecostalism

Structuur van de publicatie

De structuur van de website Atlas of Pentecostalism is erg geordernd en werkt met goede tussenkopjes die voor de gebruiker makkelijk te vinden zijn. De drie kopjes (photos / iconography, maps / cartography, interviews / perspectives) laten meteen zien waar ze over gaan en zijn weer onderverdeeld in makkelijke subcategorieën.

Tada! had ook een onderverdeling in de website. Deze vier verschillende views waren erg onduidelijk. Misschien had er net zoals de drie kopjes op de website Atlas of Pentecostalism met een kleine uitleg wat eenvoudiger geweest voor de bezoeker.

Relatie van vorm met de content

De website gebruik een prettige typografie die goed te lezen is. Het enige waar ik mij als bezoeker kan irriteren is de lichte kleurkeuze op de witte achtergrond. Het wordt hierdoor soms lastig om alle tekst te lezen. De publicatie van Atlas of Pentecostalism in relatie tot met de site is perfect samenhangend. De publicatie heeft veel weg van de website en andersom ook.

Tada! vond ik daarentegen wel duidelijk met navigeren. Op de homepage waren maar 4 verschillende knoppen waar je op kon klikken om verder te gaan naar de ‘echte’ content. Een klik verwijderd van de content waar je wilt zijn vind ik als gebruiker een prettige ervaring.

Ervaring

De al gehele ervaring op de website van Atlas of Pentecostalism is erg eenvoudig. De drie kopjes maken het erg makkelijk om te navigeren tussen de content. Ook het participate knopje rechtsboven (met de geweldige believers counter) is erg eenvoudig gedaan. Als bezoeker kan je makkelijk meedoen aan deze atlas door kerken toe te voegen.

De participate knop op Tada! was nog niet eens gemaakt, we hadden wel zo iets als de participate knop van de Atlas of Pentecostalism in ons hoofd, maar niet uitgevoerd. Dit was natuurlijk iets van noodzaak wat ontbrak. Ook de publicatie van Atlas of Pentecostalism heeft een mooie samenhang met die van de website. Tada! had daarentegen helemaal geen samenhang tussen de publicatie en website. Wij als Tada! lieten de gebruikers hun vrije gang gaan met het vullen en ontwerpen van de publicatie. Dit zorgde dus voor die ontbrekende, maar o zo belangrijke samenhang.

Interactie

[t-a-d-a-blog]

Analyzing Open!

Structuur van de publicatie

De structuur van de website Open! is helemaal gebaseerd op tags en dus een orderings systeem. Als eerst wil is als gebruiker natuurlijk weten wat voor publicatie dit is. Gelukkig is er een makkelijk vindbare ‘about’ knop die met een klik uitlegt waar deze publicatie over gaat. Het orden systeem van Open! is een hoogstandje. Alle tags die aan de zijkant staan zijn overzichtelijk en zorgt ervoor dat de de content binnen de publicatie heel eenvoudig kan filteren. Na wat klikken op wat tags hou je wat artikelen over en die zijn dan gereed om te lezen.

Tada! miste de ‘about’ knop heel erg. De gebruiker kwam op de website en snapte niet helemaal waar deze over ging. De ‘about’ knop is een must en moet er bij toegevoegd worden. Het ongelooflijk goede filter systeem van Open! is ook echt een must bij Tada! Tags vlogen bij Tada! over het beeldscherm wat voor een chaos zorgde, terwijl je met tags juist een georganiseerde pagina wilt hebben zoals Open! dat doet.

Relatie van vorm met de content

De site is zo ontworpen alsof het een publicatie (boek) is. Na het filteren door middel van de rechter zijbalk met tags. Hou je een artikel over. Nadat je deze opent lijkt het net als of je naar een boek kijkt. Er worden zelfs voetnoten gebruikt die erg handig zijn weergegeven aan de rechter kant.

Tada! had ook deze aanpak deels moeten overnemen om de samenhang groter te maken tussen vorm en content. Ik denk zelf dat wij als Tada! een grid hadden moeten ontwerpen voor onze gebruikers zodat zij deze zelf konden invullen met content. Door het grid (die een relatie heeft met de website) zou de samenhang van website en publicatie beter geweest zijn. Hierdoor zou er een eigen Tada! indentiteit ontstaan.

Ervaring

Open! is verreweg een van de beste ervaringen die ik heb gehad op een website. Het zoeken door middel van de tags is zo eenvoudig dat het haast te eenvoudig wordt om op de site te zoeken. Dit kan natuurlijk ook ten koste van de site gaan, maar dat lijkt mij stug.

Een dergelijk orderings systeem zoals Open! had Tada! een veel interessantere website gemaakt. Tara! is op dit moment gewoon een chaos van verschillende ‘views’ en zou meer gestructureerd moeten worden. Met natuurlijk als uitzondering de ‘random view’. Die zou zelfs nog meer willekeurig moeten zijn.

Interactie

[t-a-d-a-blog]

Wireframe at home

[t-a-d-a-blog]

My role in TADA

I see myself as the thinker / do-er in the TADA group. Always talking with the group about new ideas and how we can improve our concept. This came to some very interesting choices and a really nice workflow. Keeping everybody working was a bit of a challenge, but as soon as we started creating TADA awe went really fast. I was aslo the person who tried to make this whole website work and I must say I’m pretty happy with the end result. Though, I wish I had a little bit more time to talk to the interaction station teacher to make the website really a working website.  http://tada.kubmin.com/

[t-a-d-a-blog]

1st wireframe random view

First random wireframe designed by Boris. 

Was not random enough, just randomly placing images isn’t random enough, which I agree on. Need to do some more editing to make this part of the website more random. Something with movement, opacity, rotation etc.

[t-a-d-a-blog]

Wireframe Judith

Wireframes designed by Judith for the organized part of the TADA website.

[t-a-d-a-blog]

TADA online! Not fully functional, but came close.

[t-a-d-a-blog]

Building

Boris building the website with dreamweaver. Came really far with building, but in the end really needed some help from a professional. Sadly, the deadline was too close.

[t-a-d-a-blog]

Random view #2 Random view for the TADA website designed by Boris.

To make this part of the website as random as possible, I’ve tried to manipulate all values of images and text constantly. For example, the width and hight of images change randomly. Same can be done with opacity, rotation, movement etc.

[t-a-d-a-blog]

Alumni view for the TADA website designed by Bas.

[t-a-d-a-blog]

Printed version of the TADA magazine.

The idea is that every issue will be available as a pdf to download and they will be unique as every person can print it themselves at home. This method was our way to keep the randomness of the website on the analogue version.

Besides printing it yourself you can choose what works from that issue you want on your magazine, the order they appear, the feeling you wanna give to your magazine. That’s why we took two different printed versions for the presentation.

[t-a-d-a-blog]

Some feedback from the post-its who helped us along the project:

“It’s a confusing project, so think really well about how to explain it to the website visitors. They need to be explained but won’t read an novel-length explanation.”

We added the “WHAT?” tab to the website, where it quickly explains the idea to the visitors.

“Indesign is common for designers who have the program. What about the ones who don’t have it?”

We gave up on giving people a blank Indesign document so they could edit their magazine and for that we decided the editorial team would do it using material uploaded on tada.nl.

“Don’t base the magazine on your taste!”

We decided to make the magazine with themes, and make a selection based on that, not on “what’s better”.

[t-a-d-a-blog]

Leandro's final sketch for the tag view part of the TADA website.

[t-a-d-a-blog]

TADA presentation #1

[t-a-d-a-blog]

TADA on the WDKA open day!

[t-a-d-a-blog]

First tag view wireframes for the TADA website by Leandro

The goal was to use the tags and make the user experience very fluid and as simple as possible.