205
edits
IFD:HumanCenteredDesignResearch SoSe13/team1 generalPresentation (view source)
Revision as of 14:07, 12 August 2013
, 12 August 2013→External Program
| (45 intermediate revisions by 3 users not shown) | |||
| Line 12: | Line 12: | ||
* our criteria for selecting the interview participants was that people publish something on-line | * our criteria for selecting the interview participants was that people publish something on-line | ||
* we knew all people personally and so we also knew, that they publish something on-line | * we knew all people personally and so we also knew, that they publish something on-line | ||
* we were looking for participants with a Doodle List and the Piazza but unfortunately there were only a few people who contact us. | |||
* it was difficult to find people and specially professional artists, because you can't find very easy, who use Creative Commons and who not, if you don't know the interview participants | * it was difficult to find people and specially professional artists, because you can't find very easy, who use Creative Commons and who not, if you don't know the interview participants | ||
* we asked some pre-formulated questions | * we asked some pre-formulated questions but we also added some other during the interview | ||
* pre-formulated questions were: | * pre-formulated questions were: | ||
** Do you know Creative Commons? If yes, from where do you know it? In which way do you use it or why do you not use it? | ** Do you know Creative Commons? If yes, from where do you know it? In which way do you use it or why do you not use it? | ||
| Line 28: | Line 29: | ||
** web designer | ** web designer | ||
* we recorded the interviews and made to ourselves a few written notes | * we recorded the interviews and made to ourselves a few written notes | ||
Firstly we limited our research on persons who had something do with CC. But there were not to many and so, after some time we recongnized that the persons we want to interview didn't directly had to do something with CC. It was also good to question these who do not know to much about CC and licenses. | |||
==Analysis== | ==Analysis== | ||
[[Image:Hcdr_team1_interview_structure.jpg| 300px |thumb]] | After our interviews we grouped all important facts in different categories. This practice helped us to get a structure. In this way we could analyze the problems, goals, motivations and important activities of the users. Sometimes it was difficult to formulate headings to the different groups and we had the problem, that some facts match in more than one category. | ||
[[Image:Hcdr_team1_interview_structure.jpg| 300px |thumb| Grouping]] | |||
===Problems we identified=== | ===Problems we identified=== | ||
| Line 63: | Line 67: | ||
==Ideas== | ==Ideas== | ||
For the Ideas we took the data from our research and we wanted to remove the problems, which we found. For this each of us generated for himself ideas and than we took them together in a mindmap. | |||
===1. TRADING PLACE FOR IMAGES=== | ===1. TRADING PLACE FOR IMAGES=== | ||
[[File:Hcdr_team1_trading_place_idea.jpg | thumb | right ]] | [[File:Hcdr_team1_trading_place_idea.jpg | thumb | right | overview]] | ||
The trading place for images should help that less people copy and paste images without looking for license of them and the registered users can trade some special images among themselves. Also they can rate and organize the uploaded images. | The trading place for images should help that less people copy and paste images without looking for license of them and the registered users can trade some special images among themselves. Also they can rate and organize the uploaded images. | ||
<br/><br/> | <br/><br/> | ||
| Line 81: | Line 86: | ||
This idea solves the problem, that people forget the place, where they downloaded the image or who was the author and people have a central place, where they can sort, manage and download images. | This idea solves the problem, that people forget the place, where they downloaded the image or who was the author and people have a central place, where they can sort, manage and download images. | ||
== | ====Scenario without our program==== | ||
[[File: Hcdr_team1_scenario1.jpg | thumb | center | scenario]] | [[File: Hcdr_team1_scenario1.jpg | thumb | center | scenario]] | ||
==== | ====Scenario with our program==== | ||
Anna L. is a student of art and she wants to make a collage with the topic 'endlessness' for a study project. For this she wants to use pictures with a Creative Commons license, because she wants to publish her work also on her website, where she have a portfolio. So she opens the image manager program and chooses the directory, where the data will be saved. Afterwards she creates a new search- and workspace-tab and searches for 'endlessness' there. She wants only images with the license 'by' and so she selects in the filter-menu the suitable checkbox. When she finds one image, she looks the picture in full size. If it has a good quality she drag and drop it in one workspace-folder. | Anna L. is a student of art and she wants to make a collage with the topic 'endlessness' for a study project. For this she wants to use pictures with a Creative Commons license, because she wants to publish her work also on her website, where she have a portfolio. So she opens the image manager program and chooses the directory, where the data will be saved. Afterwards she creates a new search- and workspace-tab and searches for 'endlessness' there. She wants only images with the license 'by' and so she selects in the filter-menu the suitable checkbox. When she finds one image, she looks the picture in full size. If it has a good quality she drag and drop it in one workspace-folder. | ||
If she has enough pictures, she goes in the workspace-area and there she manages her images. She arranges and rates the pictures, because she wants to see easily, which images are the best ones and after this she copies and pastes her favorites in a photo-manipulation-program, where she creates a collage. After she finishes her work, she looks after the license again in the image management program, where she can easily copy with one click the license-information. In the end she uploads her collage and pastes the license-information on her website. | If she has enough pictures, she goes in the workspace-area and there she manages her images. She arranges and rates the pictures, because she wants to see easily, which images are the best ones and after this she copies and pastes her favorites in a photo-manipulation-program, where she creates a collage. After she finishes her work, she looks after the license again in the image management program, where she can easily copy with one click the license-information. In the end she uploads her collage and pastes the license-information on her website. | ||
==Prototypes And Prototyping== | ==Prototypes And Prototyping== | ||
===Low-Fidelity-Prototype I=== | |||
===Low-Fidelity-Prototype=== | |||
First paper-mock-up for the second idea: | First paper-mock-up for the second idea: | ||
<gallery> | <gallery> | ||
| Line 101: | Line 102: | ||
</gallery> | </gallery> | ||
=== | ====Research Results==== | ||
We tested this prototyp with about seven persons. | |||
During the test of the prototype we identified that the probants had following problems: | |||
* some people didn't understand the workspace-path-menu | |||
* the function for exporting the files into an editing program was missing | |||
* a back-button and a forward-button was missing in the workspace-area | |||
* some people searched after a filter-function in the workspace area, e.g. for name or resolution of the images | |||
* the tools from the toolbox was confusing for the people | |||
* some people missed a save-option, because they didn't see, that the program automatically will be save their work in a specified time interval | |||
===Low-Fidelity-Prototype II=== | |||
After a brainstorming technique in the course we developed one new idea and also we improved our first paper-mock-up. In the group we couldn't decide, which idea is better, so we created two new paper-mock-ups and tested them parallel. The new idea was developed, because we thought, that the use of a browser-add-on is more integrated in the workflow of an user than an external program in this case. After the prototyping of the two mock-ups we asked every proband, which program he/she would be used personally. Overall we tested our prototypes with three persons. | |||
====External Program==== | |||
The paper-mock-up of the external program is generated with the prototyping-tool Evolus Pencil Project. In this case we had some problems with printing, because the proportions wasn't correct and sometimes the program deleted some fields. All in all it was easier to generate the prototype with a prototyping tool than to draw all things. | |||
This is a revision of the first prototype and this are the new functions: | |||
* we added a new function to the search filter that people who don't know the CC-licenses can say for what they need the pictures; they search and the filter choose the licenses which are good for this. | |||
* the user can see the workspace and the search at the same time | |||
* a new function to see the data of the choosen pictures | |||
* a help function for the different licenses | |||
* better function to switch between workspaces | |||
<gallery> | |||
File:1st step.jpg | |||
File:2nd step.jpg | |||
File:main search1.jpg | |||
File:main search2.jpg | |||
</gallery> | |||
====Browser-Add-On==== | |||
The paper-mock-up of the browser-add-on is generated with the prototyping-tool balsamiq. | |||
<gallery> | |||
File:Hcdr_team1_second_idea_browser_addon_pic1.jpg | right click on image | |||
File:Hcdr_team1_second_idea_browser_addon_pic2.jpg | 'add an image'-menu | |||
File:Hcdr_team1_second_idea_browser_addon_pic3.jpg | image-menu more in detail | |||
File:Hcdr_team1_second_idea_browser_addon_pic4.jpg | IM-button is blinking | |||
File:Hcdr_team1_second_idea_browser_addon_pic5.jpg | IM-menu | |||
File:Hcdr_team1_second_idea_browser_addon_pic6.jpg | image more in detail | |||
</gallery> | |||
====Research Results==== | |||
All three probands said, that the browser-add-on is more integrated in their normal workflow. Normally they are searching after images with their favorite search-machine and save with a right-click the image. With the add-on they have more control over the licenses and they can't forget the place, where they downloaded the image. Also they thought, that the tool is smaller and better to reach their goal. <br> | |||
Otherwise we discovered, that some probands don't like to use browser-add-ons and so they downloaded more external programs. This can be a problem to put into practice the browser-add-on idea. <br/><br/> | |||
During the tests of the prototypes we identified the following problems with the external program: | |||
* the tools from the toolbox was confusing for the people, e.g. | |||
** color-tool for changing the background of the workspace | |||
** changing the image with color-tool | |||
** a cancel button is missing | |||
* some people wanted the normal folder-system to organize the images, because they have their own structure | |||
* some people didn't understand the metaphor of the workspace-area | |||
* some people didn't know, where the images will be saved | |||
* some people missed a security query when they deleted an image in the workspace area | |||
During the tests of the prototypes we identified the following problems with the browser-add-on: | |||
* the people didn't see, that they must make a right-click on the image to add the image to the image manager | |||
* some people didn't understand the function of the colors of the CC-button | |||
** red is for a non-CC-image | |||
** green is for a CC-image | |||
* some people didn't understand the copy-icon | |||
* some people didn't see, that they must insert on their own the license-informations in the right field | |||
===Conclusion=== | |||
In the end we can say, that it wasn't very difficult to generate and design the prototypes, but some prototyping-tools are better than others. In our case we had some problems with the program Pencil. With the program Balsamiq we haven't got some problems. | |||
Sometimes it was difficult to think at typical buttons, e.g. back-button, forward-button oder cancel-button. Also it wasn't easy to think like a user, who has other knowledge and experience than ourself. <br/> | |||
If we want to develop our browser-add-on idea more, we must make more tests, whether users like to use an add-on or not. Three tests aren't enough for a good research solution, but the time was limited. All in all the idea is great for an artist, because it make the daily work easier and he/she deals more with image-licenses. The next step would be a mid-fidelity-prototype, because users can interact better with them, especially the right-click-problem would be improved, because the users can try more with the program. | |||
==Our Presentations In The Course== | |||
During the course everyone held a presentation and in the following we want to say something about our experience and problems with our themes. | |||
===Why it works (when it works): success factors in online creative collaboration=== | |||
In general it wasn't a big problem to give a lecture on this theme. Although one somehow confusing and discouraging aspect was the structure of text. The author repeated himself a lot in his essay. He summed up some aspects more than one time. In my presentation I was willing not to imitate the structure style of the author but in some points I had to repeat myself as well. | |||
==="Intuitivität" Intuitive = Familiar, The Intuition Gap=== | |||
It was not a big problem to make a presentation on this theme. The sources were very good and easy to understand although the topic was not new for me because I had it before in an other course. I only had problems with the decision which example of Intuitive I present but than I took them from the sources. I think that now eveyone who saw the presentation know what Intuitive and the Intuition Gap is. | |||
===Prototyping-Tools: Pencil, jQuery=== | |||
Download-Link: [http://webuser.uni-weimar.de/~quyu4945/Dokumente/Prototyping-Tools.pdf Prototyping Tools] (german presentation) <br/> | |||
It was hard for me to decide, which prototype-tools I want to present and which one not. A reason for this is, that everyone must decide self which program is good for his/her project. Pencil and jQuery are only two from a lot of tools. So I decided to name a lot of tools and present only 2-3 more in detail. I tested a lot of programs on his advantages and disadvantages, because I wanted to see the limits of every tool. My own goal was, that the others have a little overview of the existing prototyping-tools and maybe also that they can decide which one is good for their own idea. | |||