Mediamatic voor Eden | Interactie Ontwerpendinsdag 18 september 2007 Ino Paap Interactie Ontwerpen

2 dinsdag 18 september 2007Mediamatic voor Eden | Interactie Ontwerpen Interactie ontwerpen  Web infrastructuur  Menu structuren  Usability for communities/ web2.0 applicaties  Zoekmachines  Eden Weblog

3 dinsdag 18 september 2007Mediamatic voor Eden | Interactie Ontwerpen Web infrastructuur  Server - Client  IP-adressen/ url/ uri  DNS Domain Name System  Template/ Controller/ database  Browsers Internet Explorer, % Firefox, % Safari, Opera, etc %

4 dinsdag 18 september 2007Mediamatic voor Eden | Interactie Ontwerpen Model controller view  Strikte scheiding tussen data en presentatie  Templates zorgen voor presentatie  Controller sturen database en templates aan  Database (model) bewaart de informatie

5 dinsdag 18 september 2007Mediamatic voor Eden | Interactie Ontwerpen Menu structuren  Menu structuren en structureren Accordeon (FAQ, settings, mobile)  Ernie en Bert kunnen tot drie tellen

6 dinsdag 18 september 2007Mediamatic voor Eden | Interactie Ontwerpen Hierarchische structuur  Steeds gedetaileerdere informatie  Kruimelpad geeft context (  Op hoofdniveau maximaal 3 tot 4 keuzes Dieper in de site kun je meer, tot 7 Dubbele navigatie Fly-out menu

7 dinsdag 18 september 2007Mediamatic voor Eden | Interactie Ontwerpen Lineaire structuur  Gebruiker moet een aantal stappen doorlopen  Gebruiker niet afleiden  Hoever ben ik al  Hoever moet ik nog Afrekenen in webwinkels

8 dinsdag 18 september 2007Mediamatic voor Eden | Interactie Ontwerpen Netwerkstructuur  Maak interessante ingangen  Inhouds afhankelijke context Thema Geografie

9 dinsdag 18 september 2007Mediamatic voor Eden | Interactie Ontwerpen Informatie structuur  Voor wie is welke boodschap?  Maak de boodschap voor iedereen hetzelfde als het aantal doelgroepen meer is dan drie Ondernemers, experts en fondsen Kunstenaars, ambtenaren, ondernemers, potentiele klanten, free lancers, fondsen, & meer  Kunnen we informatie weglaten? ‘iets actueels’ ‘iets dynamisch’

10 dinsdag 18 september 2007Mediamatic voor Eden | Interactie Ontwerpen Beeldscherm gebruik  Links in het content-vlak worden het meest gebruikt  Daarna het menu boven of links  Bewegend beeld wordt ‘automatisch’ genegeerd

11 dinsdag 18 september 2007Mediamatic voor Eden | Interactie Ontwerpen Interactie Lay out  Waar mensen kijken

12 dinsdag 18 september 2007Mediamatic voor Eden | Interactie Ontwerpen Flash  Gebruik het niet ‘ter decoratie’  Bouwen eigen ‘controls’ is vragen om problemen  Functioneel gebruik  Flash wordt niet geindexeerd door zoekmachines Webbouwer moet zorgen voor html substituut 

13 dinsdag 18 september 2007Mediamatic voor Eden | Interactie Ontwerpen Ontwerpen voor communities  Extreem laagdrempelig  Zien en gezien worden, direct publiceren  Ultrakorte loops  Minder knoppen!  Design for the majority!

14 dinsdag 18 september 2007Mediamatic voor Eden | Interactie Ontwerpen Succesvolle community  Halen en brengen Geld Exposure Contact Duurzaam  Iets ‘in common’  Biedt ruimte voor eigen invulling en creativiteit  Sociale controle  Wie zegt wat, afzender van informatie

15 dinsdag 18 september 2007Mediamatic voor Eden | Interactie Ontwerpen Web2.0 tools  “iedereen mag meedoen”  Twitter (wat ben je aan het doen)  Jaiku (miniblog)  Del.icio.us (online bookmarking)  Flickr (online photo sharing)  Google maps  Google analytics

16 dinsdag 18 september 2007Mediamatic voor Eden | Interactie Ontwerpen Creative commons  Gebruikslicenties om makkelijker te kunnen samenwerken Copyright Attribution Attribution Non-Commercial Attribution Non-Commercial NoDerivs Attribution NoDerivs Attribution Non-Commercial Share alike Attribution Share alike Public domain

17 dinsdag 18 september 2007Mediamatic voor Eden | Interactie Ontwerpen Trust permissions  Wiki - iedereen mag in elkaars document werken  Trust permissions - toegang tot elkaars documenten op basis van vertrouwen Wie mag het zien Wie mag erop reageren Wie mag het bewerken

18 dinsdag 18 september 2007Mediamatic voor Eden | Interactie Ontwerpen Grafisch ontwerp voor User Generated Content  Niet het ontwerp ‘opsluiten’  Redactie kun je trainen, gebruikers niet  Geen scrollbars in het midden van de pagina  Hierarchie in de pagina Fontgrootte Kleurgebruik  Maak het simpel simpel simpel  Informatieblokken komen op meerdere pagina’s terug

19 dinsdag 18 september 2007Mediamatic voor Eden | Interactie Ontwerpen Grafisch ontwerp  Vermijd het gebruik van frames Worden slecht geindexeerd door zoekmachines Zijn vaak moeilijk in het gebruik  Knoppen die eruitzien als een advertentie worden niet gezien  Knoppen buiten beeld worden niet gebruikt De meeste mensen hebben een scherm van 1024 pixels

20 dinsdag 18 september 2007Mediamatic voor Eden | Interactie Ontwerpen Gebruikers in actie  Minimaliseer gebruikspatronen Tekst bewerken op de pagina Uitgebreidere bewerkingen in een ‘lightbox’  Knoppen op de juiste plaats  Styling van je eigen pagina kan chaotisch worden

21 dinsdag 18 september 2007Mediamatic voor Eden | Interactie Ontwerpen Fora  Een compleet forum met topics vergt aandacht  Initiatie en moderatie  En heel veel bezoekers  Reageren op een artikel werkt vaak veel beter Het artikel is een goede inleiding Het onderwerp van de discussie is duidelijk

22 dinsdag 18 september 2007Mediamatic voor Eden | Interactie Ontwerpen Zoeken in de website  ‘Simple search’  Advanced search Biedt mogelijkheden voor intensieve gebruikers Vereist vaak kennis van de informatiestructuur  Eenvoudige advanced search  Presenteren zoekresultaten Eén lijst Geclusterd

23 dinsdag 18 september 2007Mediamatic voor Eden | Interactie Ontwerpen Zoekmachines  Crawling  Updaten indexer paar dagen later  ‘Cloaking’ Verschillende sites voor bezoekers en zoekmachines Gevolg: uitsluiting van de index  Page ranking

24 dinsdag 18 september 2007Mediamatic voor Eden | Interactie Ontwerpen Zoekmachines  Zoekmachines willen het juiste antwoord op jouw vraag op de eerste plek Eerste link: 50% Tweede link: 30% Derde link: 15% Rest: 5%

25 dinsdag 18 september 2007Mediamatic voor Eden | Interactie Ontwerpen Spamming  Spamrobots  Captcha  Hidden fields  Negatieve captcha  IP blacklist/ whitelist

26 dinsdag 18 september 2007Mediamatic voor Eden | Interactie Ontwerpen Eden Weblog

Mediamatic voor Eden | Interactie Ontwerpendinsdag 18 september 2007 Einde