Your SlideShare is downloading. ×
0
Diamanten Muesli
Diamanten Muesli
Diamanten Muesli
Diamanten Muesli
Diamanten Muesli
Diamanten Muesli
Diamanten Muesli
Upcoming SlideShare
Loading in...5
×

Thanks for flagging this SlideShare!

Oops! An error has occurred.

×
Saving this for later? Get the SlideShare app to save on your phone or tablet. Read anywhere, anytime – even offline.
Text the download link to your phone
Standard text messaging rates apply

Diamanten Muesli

347

Published on

Final presentation of one of the wining teams of the Utrecht University course on Designing Interactive Systems

Final presentation of one of the wining teams of the Utrecht University course on Designing Interactive Systems

0 Comments
0 Likes
Statistics
Notes
  • Be the first to comment

  • Be the first to like this

No Downloads
Views
Total Views
347
On Slideshare
0
From Embeds
0
Number of Embeds
0
Actions
Shares
0
Downloads
1
Comments
0
Likes
0
Embeds 0
No embeds

Report content
Flagged as inappropriate Flag as inappropriate
Flag as inappropriate

Select your reason for flagging this presentation as inappropriate.

Cancel
No notes for slide
  • [0m00s]Ontwerpproces: totstandkoming en verantwoording van het eindproduct, eerste helftPrototype: demonstratie van het prototype[0m30s]
  • [0m30s]Websites: RockWerchter, Sziget, 5 daysoff, TicketserviceOntbrekend: zoekfunctie!Logische ordeningToegankelijkheidBloated[1m00s]Interviews:Social media zijn essentieel voor discussieF.A.Q. en helpdeskfuncties zijn belangrijk
  • [1m30s]Standaarden en conventies:Generiek [braille] Mentaal model‘Technical model’Integratie social media:De manier van communiceren, kun je niet omheenWebsite is een deel van het hele geïntegreerde web[2m30s]Mentaal model gebruiker centraalTransparantie door:URLGoed gebruik visuele feedbackWeergeven overzicht en mogelijkheid om terug te gaanBeschikbaarheid meer informatie met i’tjes, links naar andere delen websit2.0 technieken Gevoel van controle door manipulatie onderdelen Gecontroleerde opbouw mentaal model gebruiker Minder wachttijd gebruiker[3m30s]
  • [3m30s]Alles in een keer zien maakt dingen duidelijkerZoekfunctie altijd duidelijk in beeld als eerste oplossingTabs: Essentiële onderdelen gelijk in zicht, de rest wel duidelijk onder het meer knopje maar met minder aandachtNavigatie in een subpagina vindt altijd links plaatsDetailinformatie en geautomatiseerde content rechts[4m30s]Navigatie moet beschikbaar zijn voor alle mainstream input devices, ook met alleen toetsenbordDoor de goede acties uit te voeren ‘unlockt’ de gebruiker nieuwe velden in het ticketbestelsysteem. Zo wordt een goed mentaal model ontwikkeld en de informationoverload beperkt om duidelijkheid te scheppen - TICKETSYSTEEMSchuifmenu’s geven de interactiviteit aan en suggereren een hiërarchie. Beperken verder ook informationoverload.[5m30s]
  • [5m30s]Hoog contrast feature is niet aanwezig; wij vinden dat de website ook prima ontwerpen kan worden in hoog contrast en zo direct voor iedereen bruikbaar is.3 hoofdkleuren voor rust en duidelijkheid enBlauw is informatie; rustigste kleurGeel is tickets bestellen (meeste aandacht)Programma is roze; entertainment[6m00s]Zoeken met hints voor transparantie en bijzonder snel zoeken (2 toetsaanslagen is vaak genoeg)Geen overzichtspagina als tussenresultaat; direct doorverwezen naar betreffende pagina. Onderscheid voor meerdere hits kan worden aangegeven met paginacategorieën in de pop-outZoeken is altijd beschikbaar[7m30s]
  • [7m30s]Zoeken: er is nu geen optie voor ‘geen resultaat’. Moet gaan doorverwijzen naar Helpdesk of F.A.Q.Categorieën om resultaten nog duidelijker te makenMinimalistisch design: de uitlegwolkjes zijn te veel aanwezig en af en toe storend in beeldFoutmeldingen: velden worden wel rood met verkeerde input maar er is niet duidelijk wat er fout is. Verder wordt het veld direct rood terwijl je begint te schrijven, dat is beter om toe te passen [8m30s]
  • Transcript

    • 1. Ontwerpen van Interactieve Systemen
    • 2.  Ontwerpproces  Oriëntatie  Kwaliteitsplan en requirements  Ontwerpkeuzes en bijstellingen Tegelijkertijd demonstratie prototype
    • 3.  Analyse websites  Beschikbaarheid zoekfunctie  Helderheid zoekfunctie  Toegankelijkheidsopties altijd beschikbaar Interviews  Uitgaan van social media  F.A.Q. en helpdeskfunctionaliteit
    • 4.  Functionaliteit  Standaarden en conventies  Integratie social media  Beschikbaar op zo veel mogelijk devices Mentaal model gebruiker centraal  Transparantie  Beschikbaarheid meer informatie  2.0 technieken
    • 5.  Panelen: één oogopslag  Zoeken boven alles  Tabs on top  Navigatie binnen tabs links  Informatie rechts  Inhoud centraal Navigatie  Toetsenbord, muis en touch  Beperking information overload: ‘Unlocken’  Schuifmenu´s en harmonica’s
    • 6.  Kleuren  Hoog contrast  3 hoofdkleuren  Metaforisch gebruik Zoeken  Hints  Direct resultaat  Altijd beschikbaar
    • 7.  Zoeken  Helpdesk of F.A.Q. bij geen resultaat  Implementatie categorieën Minimalistisch design  Teveel uitlegwolkjes Foutmeldingen  Onduidelijk wat er fout is bij inputvelden  Postcodecheck klopt niet Navigatie  Tabnavigatie nog niet perfect

    ×