Katholieke Universiteit Leuven
Faculteit Ingenieurswetenschappen Departement Computerwetenschappen
Gebruikersinterfaces
Professor Erik Duval
Verslag 2de sessie CHI
Team Tai CHI Erik De Weerdt Peter Mylemans
Joris Nijs
22 februari 2010
1 Brainstorm
Onze tool focust voornamelijk op het toevoegen van metadata aan bestaande documenten op het internet.
2 Feedback
2.1 Van anderen op ons systeem
Het systeem kan eventueel verder gebouwd worden op een bestaande link-sharing-tool als Delicious. Dit zou de implementatie uiteraard vereenvoudigen en de tijd om een werkend prototype te bouwen drastisch inkorten.
Sommige studenten vroegen zich af wat de meerwaarde is ten opzichte van bestaande syste- men zoals Google Scholar. Onze tool laat de gebruikers toe om metadata toe te voegen aan hun content. In eerste instantie denken we daarbij aan commentaar bij stukjes tekst van de papers, het linken van geciteerde auteurs, sleutelwoorden in de tekst klikbaar maken... We proberen dus waarde toe te voegen aan de content, niet (hoofdzakelijk) aan de organisatie ervan.
Het invulveld om hyperlinks in te voeren zou verward kunnen worden met een zoekveld.
We zijn het daar mee eens en dachten dit eventueel op te lossen door standaard de tekst
“http://www.yourlink.com” te tonen. Dit moet natuurlijk onderzocht worden met echte gebruikers.
U stelde zelf op onze blog het gebruik van een popup in vraag. Initieel was het idee om geen nieuw venster te openen, maar de “popup” in een soort overlay te tonen. Een alternatief zou zijn om een nieuwe commentaarballon aan te maken (onder de bestaande ballonnen) en de tekst daar rechtstreeks in te voeren. Dit is uiteraard weer iets dat met echte gebruikers moet getest worden.
2.2 Op systemen van anderen
Veel teams bleven tijdens de sessie redelijk dicht bij de Mendeley toepassing en maakten een soort uitbreiding. Als we de uiteindelijke storyboards bekijken, is dit al wel veel verbeterd.
Meer speciefieke commentaar hebben we rechtstreeks op de blogs gepost, zodat de teams er zelf ook iets aan hebben.
3 Storyboard
(a) Inloggen (b) Hoofdpagina
(c) Link toevoegen (d) Tag bekijken
4 Uitleg
a) De gebruiker vult zijn/haar gebruikersnaam en wachtwoord in om in te loggen.
b) In de linker zijbalk ziet de gebruiker van boven naar onder:
• gebruikersinformatie (avatar, gebruikersnaam...),
• zoekbalk,
• een tagcloud met tags die voor de gebruiker relevant zijn.
Bovenaan is een groot tekstveld met bijhorende knop voorzien om links toe te voegen. Een feed met de lijst van de laatste papers van de gebruiker vult het centrale gedeelte van het scherm. Door op de titel van de paper te klikken, gaat de gebruiker naar de “Link bekijken”- pagina (e).
c) De gebruiker heeft net op de knop gedrukt om een link te delen. In deze pagina wordt het document geladen in onze eigen documentlezer. Het systeem zal automatisch tags genereren in de linkerzijbalk, waar de gebruiker deze tags ook kan aanpassen. Als de gebruiker klaar is, kan hij voor “Save” of “Cancel” kiezen om terug te gaan naar de hoofdpagina (b).
d) Deze weergave krijgt de gebruiker als hij op een tag klikt bv. in de feed of tagcloud. De weergave van deze lijst van papers is consistent met die van de hoofdpagina (b).
e) Wanneer de gebruiker klikt op een paper, kan de gebruiker het document bekijken. In dit scherm ziet hij links relevante tags en aanverwante documenten. Het systeem zal automatisch auteurs, sleutelwoorden... in het document converteren naar hyperlinks. Commentaar wordt in een zijbalk weergegeven met een pijl naar het stuk tekst waar het bij hoort. De bedoeling is dat de gebruiker deze zijbalk kan uitschakelen met behulp van een knop. Deze knop zou naast de “New Comment”-knop komen bovenaan de documentlezer.
f) Als de gebruiker een stuk tekst selecteerde en op de “New Comment”-knop (zie scherm e) geklikt heeft, krijgt hij een soort popup om commentaar toe te voegen. Deze popup wordt niet in een nieuw venster getoond, maar als een soort overlay in pagina (e).