Voor de geïnteresseerden:

Ik heb onderzoek gedaan naar in hoeverre cascades (kuddegedrag ala “hij gaat naar rechts, dus ik ga ook naar rechts…omdat hij het waarschijnlijk beter weet”) voorkomen op Twitter en Facebook, en wat het effect van deze Social Network Sites is erop. De uitkomst is te spannend om hier te vermelden, en zul je dus in de conclusie moeten opzoeken.

Omdat ik jullie natuurlijk niet wil onthouden van het document dat mij deze zegen heeft bezorgd, is deze hier te downloaden. Veel lees-plezier.

De aanwezigheid van meerdere auteurs is in het ontwerp meegenomen in het kleurgebruik. Elke internetman heeft een eigen kleur (en snor), waardoor je gelijk kunt zien wie wat heeft geschreven.

De bouw en het ontwerp van deze uitgebreide WordPress-installatie is er een van mijn handen, maar wordt ondersteund door een internet-mannelijke  poel van ideeën en tekstueel geweld.

Het project

In het vak werden we – master studenten uit de disciplines Artificial Intelligence, Design en New Media – gevraagd om een interactieve tool te ontwikkelen, waarmee grote hoeveelheden data moest worden gevisualiseerd in makkelijk te begrijpen afbeeldingen; oftewel information visualization.

Een mooie omschrijving hiervan is gegeven voor Stuart Card in 1999:

the use of computer-supported, interactive, visual representations of abstract data to amplify cognition

De tool: inleiding

Als student zijnde ben je veel bezig met het doen van onderzoek. Omdat het niet altijd duidelijk is waar je moet beginnen – in welke discipline, bij welke auteur, op welke locatie of in welk jaar – besloten we met een oplossing voor dit probleem te komen: een interactieve kaart van wetenschap rondom een door de gebruiker ingegeven onderwerp. Als dataset hebben we hiervoor de ISI web Web of Knowledge gebruikt; één van de grotere wetenschappelijke databases vol met artikelen, referenties en andere informatie. Voor meer informatie kun je op de Wikipedia pagina kijken.

De tool: prototype

Het prototype van Sciencemappr is op het moment nog niet online te vinden, maar ik zal jullie een kleine begeleiding geven aan de hand van screenshots.

In het startscherm wordt er gevraagd om een bepaald onderwerp in te voeren.

Zodra deze is ingevoerd begint de tool met het visualiseren van de data in de vorm van een kaart, bar-charts en een lijst met artikelen. Drie onderdelen dus, waarvan de kaart het belangrijkste is. Alle onderdelen zijn interactief en communiceren met elkaar. Duidelijk is dat de kaart gebruik maakt van de Google Maps Api, waardoor de tool overzichtelijk en herkenbaar is. De rode cirkels zijn grafische weergaven van het aantal gevonden artikelen over het onderwerp in een bepaald instituut (en dus op een bepaalde plek).

Verdere details worden duidelijk als er wordt ingezoomd. De cirkels “ont-clusteren” en gedetailleerde informatie wordt getoond zodra er op een cirkel wordt geklikt.

De ‘time-slider’ onderaan de kaart geeft in eerste instantie alle gevonden artikelen aan, maar kan worden veranderd in artikelen gepubliceerd in een bepaalde periode. Dit maakt verdere analyses mogelijk, zoals het uitvinden wanneer bepaalde onderwerpen populair en internationaal werden.

Verdere filtering is mogelijk door de bar-charts aan de rechterkant. Zodra één van de disciplines of instituten wordt geselecteerd is dit direct te zien in de getoonde data.

Een tweede visuele laag is de ‘explore citations’ knop, rechts bovenin de kaart. Deze kaart laat de verschillende samenwerkingen op globaal niveau zien, waarbij een grotere verbinding een dikkere lijn krijgt (en een kleinere verbinding een dunnere lijn).

Het team

Dit project is ontwikkeld voor het vak New Media Project: Information Visualization aan de UvA, en door de volgende mensen:

Artificial Intelligence: Minh Thuong Bui & Francesco Stablum

Design: Kathrin Hero & Kim Kamphuis

New media: Frank Molenaar, Sander Jansma & Xander Stolwijk

Het logo, de slogan, de ontwerpen en de beschrijving zijn eigendom van hun respectievelijke eigenaren en moeten als dusdanig behandeld worden.

Nou, dames en heren, dat is dan ook precies wat ik heb gedaan bij de website van de Internetmannen.

Na de lancering eind december vorig jaar was er al snel één ding dat me opviel: niet alleen de männer lezen de berichten, maar ook bekenden en onbekenden. En ze houden het hierbij niet bij enkel 1 bericht: neen, volgens onze statistieken van Google worden er gemiddeld bij elk bezoek 3 artikelen gelezen…DRIE! Da’s best wat en in ieder geval een leuk compliment, omdat mensen na het lezen van een bericht dus zin hebben in meer. En met inmiddels meer dan 120 berichten in de database kunnen we ze dit ook bieden.

En ik ben dan ook niet te beroerd hier in het nieuwe ontwerp aandacht aan te schenken:

Zo staan de meest populaire berichten van de afgelopen week bovenaan de verschillende pagina’s en worden er nu op de homepage welgeteld 13 berichten getoond.

Zodra er op een bericht is geklikt verschijnen dezelfde populaire artikelen bovenaan, maar dan net ietsje kleiner en minder ruimte-innemend. Dit zorgt ervoor dat de Googler en/of Twitteraar deze berichten alsnog kan zien.

Verder worden soortgelijke berichten getoond onder aan het bericht. Wie bekend is met de eerste versie weet dat dit niet helemaal nieuw is, maar we hebben het algoritme nog net even iets strenger gezet zodat daadwerkelijk de meest relevante berichten naar voren zullen komen.

In het algemeen is de website iets breder geworden (van 960px naar 1000px) zodat ik met meer witruimte kon werken. De vorige website voelde wat mij betreft soms een beetje benauwd aan, wat de claustrofobische mensen onder ons kunnen enkel kunnen beamen.

Wie bekend is met de vorige website zal nog veel kleine aanpassingen, tweaks en nieuwigheden ontdekken. De grootste hiervan is misschien wel de overgang naar HTML5, want een blog over internet, technologie en nog-veel-meer kan natuurlijk niet blijven hangen achter HTML4…toch?

Om toch nog wat veranderingen te noemen…een klein lijstje:

• Meer aandacht voor de ‘specials’ zoals de videomuur en lachbrandstof (gepowered door het gave jQuery Masonry)
• Soepele animaties bij menu’s en mouse-overs
• Meer info in de footer van de website
• Een vaststaande menubalk en een extra balk bij een berichten-pagina
• De mogelijkheid om gastblogs op te sturen
• En nog veuuuul meer

Ik zou zeggen: neem vooral een kijkje en laat hieronder even weten wat je ervan vindt!

Luckily there are inspirational website-galleries such as MakeBetterWebsites, CSS-lounge.com, Cssdesignawards and thedesigninspiration where – if you’re lucky – it can be showcased for hundreds (or thousands) to see.

This is what happened to me today and is the reason why I’m writing this blogpost in English instead of Dutch. I would like to thank the people at MakeBetterWebsites and CSS-lounge in an understandable language for showcasing my little digital child (and for creating these opportunities for people like me)!

Thanks!

My webby on MakeBetterWebsites

My webby on CSS-lounge

Benodigdheden:

Schaar, Lijm, Stevig papier

Stappenplan:

1. Print de afbeelding (PDF) uit, het liefst op stevig papier
2. Knip alle onderdelen uit het vel
3. Vouw het papier op de vouwlijnen
4. Plak de vouwlijnen op elkaar
5. Zet de bril op
6. Bekijk het leven door de nieuwe intergalactische bril
7. Maak een foto waarbij je dit laat zien
8. Plaats een link naar de foto in een reactie hieronder