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

Presentatie over: "Mediamatic voor Eden | Interactie Ontwerpendinsdag 18 september 2007 Ino Paap Interactie Ontwerpen."— Transcript van de presentatie:

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

2 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 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, 65 - 80 % Firefox, 15 - 30 % Safari, Opera, etc 5 - 10 %

4 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 5 dinsdag 18 september 2007Mediamatic voor Eden | Interactie Ontwerpen Menu structuren  Menu structuren en structureren www.welie.com Accordeon (FAQ, settings, mobile)  Ernie en Bert kunnen tot drie tellen

6 6 dinsdag 18 september 2007Mediamatic voor Eden | Interactie Ontwerpen Hierarchische structuur  Steeds gedetaileerdere informatie  Kruimelpad geeft context (www.amsterdam.nl)www.amsterdam.nl  Op hoofdniveau maximaal 3 tot 4 keuzes Dieper in de site kun je meer, tot 7 Dubbele navigatie www.apple.comwww.apple.com Fly-out menu www.being-here.netwww.being-here.net

7 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 www.stemwijzer.nl Afrekenen in webwinkels

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

9 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 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 11 dinsdag 18 september 2007Mediamatic voor Eden | Interactie Ontwerpen Interactie Lay out  Waar mensen kijken

12 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  www.rhiz.eu www.rhiz.eu

13 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 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 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 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 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 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 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 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 www.hyves.com

21 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 http://www.geheugenvanoost.nl/article-3557-nl.html

22 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 www.minvws.nlwww.minvws.nl Geclusterd www.marcworrell.comwww.marcworrell.com

23 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 www.mypagerank.net

24 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 25 dinsdag 18 september 2007Mediamatic voor Eden | Interactie Ontwerpen Spamming  Spamrobots  Captcha  Hidden fields  Negatieve captcha  IP blacklist/ whitelist

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

27 Mediamatic voor Eden | Interactie Ontwerpendinsdag 18 september 2007 ino@mediamatic.nl Einde