IFD:Designing For Action/Carlo, Johannes, Sven: Difference between revisions

From Medien Wiki
Line 17: Line 17:
<br clear="all" />
<br clear="all" />


==Prototype==
==Prototypes==


<videoflash type=youtube>Z0VskOEq3Z8</videoflash>
===Prototype #1 (Johannes)===
Short demonstration video of how the bookmarks live search is working.


[http://www.lerdon.com/downloads/plain_bookmarks_prototype_3.mov 01/02/2011] The live search function has been implemented within the address input field.


<videoflash type=youtube>f_zAZgPOanI</videoflash>
<!--<videoflash type=youtube>Z0VskOEq3Z8</videoflash>-->
A video showing the first version of a partly functioning prototype built using HTML, CSS, Javascript (JQuery), PHP and MySQL.
[http://www.lerdon.com/downloads/plain_bookmarks_prototype_2.mov 19/01/2011] Short demonstration video of how the bookmarks live search is working.
 
<!--<videoflash type=youtube>f_zAZgPOanI</videoflash>-->
[http://www.lerdon.com/downloads/plain_bookmarks_prototype.mov 15/12/2010] A video showing the first version of a partly functioning prototype built using HTML, CSS, Javascript (JQuery), PHP and MySQL.
 
====Test Results====
 
While testing the second version of the prototype some of the testers claimed that it would be much easier to have only one textfield so I've merged the live search with the address bar as shown in the third demonstration video. However, my prototype does not have a history function so a switch would be necessary so the user could choose which database should be searched on keydown.
 
[[File:Jl_prototype_3_mockup.png‎]]




[[File:prototype2.gif|420px]]


prototype #2
===Prototype #2 (Carlo, Sven)===


===Testing Prototypes===
[[File:prototype2.gif|420px]]


====Results====
====Test Results====


All users appreciate the application quite good. Marking of individual images, textsamples or just a word causing confusion firstly. But after a short instruction most of the tester became familiar with it and finally liked it.
All users appreciate the application quite good. Marking of individual images, textsamples or just a word causing confusion firstly. But after a short instruction most of the tester became familiar with it and finally liked it.