Medien Wiki - User contributions [en]

IFD:Web Advanced I WS1213/Plog

2013-03-29T20:01:08Z

Mitschoko:

= Konzept =
Der Grundgedanke meiner Arbeit beseteht darin Nutzern die Möglchkeit zu geben ihrer Kommunikation auf das wesentliche zu konzentrieren. Durch einen Smilie-Editor kann der User seine gegenwertigige Gemütstlage auszudrücken. Der Nutzer wird damit von dem impliziten Zwang befreit seine persönliche Kommunikation als ''sinnig'' oder ''interessant'' Darzustellen. Durch die Reduktion auf den Gesichtsausdruck, als visuel ausdrucksstärkster Teil zwischenmenschlicher Kommunikation, kann der Nutzer sich gänzlich darauf konzentrieren, sein innerstes Selenleben auszudrücken.

= Implementation =
Der Webservice wurde mit Node.js und dem Express-Framework implementiert.

Der Quellcode ist in der Javascript-Metasprache Coffee-Script und der Template Sprache Jade verfasst. Als externe Bibliotheken wurden jQuery und Bootstrap benutzt.

Der Smilie Editor selbst wurde als SVG-Element Implementiert.

Das Frontend wurde mit dem Chromium Browser getestet.

= Probleme =
Der Service kann nur auf aktuellen Chrome-Browsern voll genutzt werden.
Ein Problem bei der Implementation besteht darin das Firefox gegenwärtig aus preformenz Gründen nicht in der Lage ist SVG-Elementen interaktiv zu editieren ( zumindest mittels Netbook). Auch bietet nur Chrome derzeit das in der HTML5 spezifikation beschriebene Input-Element vom Typ 'color' zur Verfügung.

Das Projekt ist im Rahmen des Werkmoduls WEB ADVANCED I WS 12/13 entstanden, die Dateien finden sich auf https://github.com/mitschoko/plog

IFD:Web Advanced I WS1213/Plog

2013-03-29T20:00:44Z

Mitschoko: Created page with "= Konzept = Der Grundgedanke meiner Arbeit beseteht darin Nutzern die Möglchkeit zu geben ihrer Kommunikation auf das wesentliche zu konzentrieren. Durch einen Smilie-Editor ka..."

IFD:Web Advanced I WS1213/Kursplan

2012-10-29T11:43:50Z

Mitschoko: /* Course Schedule */

==Course Schedule==

'''1st event''' 
15th Oct. 2012 (introduction, topics)
* [[Media:20121015_bu_ws12_web_advanced_I_v1_low.pdf|introduction & topics]]

<strike>22th Oct. 2012</strike>

'''2rd event''' 
29th Oct. 2012
* Sass / Compass / Less (Gabriel)
** [[Media:20121029_Web_Advanced_I_V_2_Sass.zip]]

'''3th event''' 
5th Nov. 2012

<strike>12th Nov. 2012</strike>

'''4th event''' 
19th Nov. 2012
* Moritz -- how to develop server-side applications in javascript

'''5th event''' 
26th Nov. 2012 
'''progress presentation'''

'''6th event''' 
3rd Dec. 2012 
* Christian Sohn -- Jump and Run

'''7th event''' 
10th Dec. 2012
* Mischa -- how to achive your aims with way less code in coffescript.

'''8th event''' 
17th Dec. 2012

'''9th event''' 
14th Jan. 2012 
* Physics in Webdesign - Lukas Krause

'''10th event''' 
21th Jan. 2012

'''11th event''' 
28th Jan. 2012 
'''course internal project endpresentation'''

'''>> endpresentation 31th Jan. 2012 Audimax <<'''

IFD:Designing For Action/Vera, Mischa, Max

2011-02-26T15:07:17Z

Mitschoko: /* Mischa Max */

''very cool demo. Please write a brief description and paste the interview results too.'' --[[User:JanD|JanD]] 14:37, 3 December 2010 (CET)

=Vera=

http://i.creativecommons.org/l/by-sa/3.0/88x31.png

==Concept==

===Which problem did you identify?===

The Addon should be a help for Researching. We want to give the user the possibility for further usage of citations, links and other important things in a virtual clipboard. There are many student, which use external programms like text editor, word, citavi, to save any informations. But this is a very complicated way to save informations.

===Why are current systems unable to solve this problem?===
There is a program named Zotero, which try to solve problem. But I think this is not program for beginners. The folder system is not the easiest and zotero has less methaphors. It's cover too much space of the window.

===What research findings led you to your first concept?===
I asked 5 Students about their handling with internet while investigating. They are students from history, sport, theology, computer science and german language. For all students the internet is an important place. The reasons for this are laziness and the big information flow on the internet. Most time they use google, google books and wikipedia for researching. The Students save
the collected information with extern programms, but also saving whole HTML pages or print them are common kinds of saving informations. They all have an
unbelievable fear of the loss of information.
For the Students, it is important that they can see the working area all time. Another important thing is, that they want tidyness, because this saves time. They want to use keywords which help to faster find previously saved informations. The addon should automatically identify the original author and the actual date while saving a citation. The possibility of making additional notes should be provided by the addon, because uses want to write down some possible thoughts which may occure during research.
How students will interact the GUI? The most common kind of interaction is the shortcut. Also the rightclick with the mouse is a very important.
Drag and drop isn't very common, but sometime they use it (mostly in cases when no other kind of interaction is provided by the application).
4 in 5 student don't care about sharing the investigation results or other thing related to that. One student use googledocs to share.

===In 140 characters, what is the essence of your project/solution?===

* should be a help for students
* save everything usefull
* no look to the metadata - save automatically
* further work - export to odt, doc or pdf

==Implementation==
===How did you ensure that a beginner can use your solution?===

I use many methaphors and many standards. The user can choose between add with drag & drop, contextmenu or shortcut and he can delete with a click or del. He can add topics with a simple click on plus and delete with a click or drag & drop on the recycle bin. The user can feel secure, because he has a undo button and a redo button

===What makes your solution more useful or efficient than current products?===

In my product I used Methaphors and that make it easier to use it. I think the register card System is easier to use than the difficult folder structur in zotero.

'''(Essential: Sketches and/or Video to illustrate the interaction)'''

http://www.youtube.com/watch?v=q06OaWyCJ9Y

==User tests==
===How did you test your design?===
I have testes my concept with 4 diffenrent stundents. Two tested a paperprototype, to see if they notice the buttons. The other two were tested with a quick-and-dirty programmed html-css-javascript-Prototype to test Drag & Drop and the contextmenu per rightclick. One of the student has no own computer but she has surly understand drag & drop and the contextmenu. The other testperson also understood the used techniques. Except drag & drop, the paperprototype was well-understood.

===What new problems did you identify?===
There are a few things, which I have to change in my concept, namely hide buttons behind the registercard and set the active registercard as highlighted. Otherwise I'm realy satisfied with the testing results. After the test I asked the tester "What can I do for the programm, so that you are more satisfied?" One answer was: "It would be more helpfull for me, when I can sync my collected Informations with other computers."The last answer is a really good idea we have to think about.

===What did you change following your user tests?===

If you follow the link, you can see the improved concept

http://www.youtube.com/watch?v=KDah-O3g2Wg

==Mischa Max==

===Which problem did you identify?===
Bookmarks only save a reference to a webpage. For the user most of the time a only a certain information on the Page is interesting.

===Users===
The Users we focused on are students, searching for relevant content on the net, they want to use in academic context.

===Why are current systems unable to solve this problem?===
There are some systems having an similar idea, but most of them do not integrate into the users work flow well.

===What research findings led you to your first concept?===

In our research we found out that users first collect a much information before selecting the relevant one, in a later step. To enable users to save information fast and later review it with an good overview. An other finding was that many users save the hole webpage as they fear that it will not be available later, so we decided that this should at least be an option to the user.

===In 140 characters, what is the essence of your project/solution?===
Saving relevant bits of information (url and metadata) with context and comments.

===Implementation===
Visulization of Concept here [http://webuser.uni-weimar.de/~cono0627/edu/dfa/stopmotion.mp4]

===How did you ensure that a beginner can use your solution?===

We used the metaphor of the Index card to make it more usable.

===What makes your solution more useful or efficient than current products?===

The Design!

===How did you test your design?===
We did a paper prototype.

===What new problems did you identify?===
Users don't feel comfortable with a Design that uses one "Index Card" per bit of information.
===What did you change following your user tests?===
The design was changed so that there is one "Index Card" per page.

IFD:Designing For Action/Vera, Mischa, Max

2010-12-07T22:40:55Z

Mitschoko:

''very cool demo. Please write a brief description and paste the interview results too.'' --[[User:JanD|JanD]] 14:37, 3 December 2010 (CET)

==Vera==

please click here: [[http://www.php-dir.de/thespiralNotePad.gif]]. You will find the describtion in the bottom of the image.

===researching results===
The Addon should be a help for investigation. We want to give the user the possibility for further
usage of saved citations and links in a virtual clipbaord.
Many students investigate with the internet. I asked 5 Students about their handling with internet while investigating. They are students from history, sport, theology, computer science and german language.
For all students the internet is an important place. The reasons for this are laziness and the big information flow on the internet. Most time they use google, google books and wikipedia for researching. The Students save
the collected information with extern programms, but also saving whole HTML pages or print them are common kinds of saving informations. They all have an
unbelievable fear of the loss of information.
For the Students, it is important that they can see the working area all time. Another important thing is, that they want
tidyness, because this saves time. They want to use keywords which help to faster find previously saved informations. The addon should automatically identify the original author and the actual
date while saving a citation. The possibility of making additional notes should be provided by the addon, because uses want to write down some possible thoughts which may occure during research.
How students will interact the GUI? The most common kind of interaction is the shortcut. Also the rightclick with the mouse is a very important.
Drag and drop isn't very common, but sometime they use it (mostly in cases when no other kind of interaction is provided by the application).
4 in 5 student don't care about sharing the investigation results or other thing related to that. One student use googledocs to share.

==Mischa Max==

One idea to support research the user can mark certain data and save it in a time-line. Quotes, value, tabular data and micro-formats are supported.
The Website is saved to be able to work offline with the data. The User can later scroll back through his Session.
Visulization of Concept here [[http://webuser.uni-weimar.de/~cono0627/edu/dfa/stopmotion.mp4]]

===Goals===
We want to give the user the possibility for further usage of saved informations.
#the user can save nearly everything.
#the user can generate a pdf, if he want or reject it

===Non-goals but maybe a feature===

The possibility to share sth

IFD:Designing For Action/Vera, Mischa, Max

2010-12-07T22:39:47Z

Mitschoko:

''very cool demo. Please write a brief description and paste the interview results too.'' --[[User:JanD|JanD]] 14:37, 3 December 2010 (CET)

==Mischa Max==

Visulization of Concept here [[http://webuser.uni-weimar.de/~cono0627/edu/dfa/stopmotion.mp4]]

==Vera==

please click here: [[http://www.php-dir.de/thespiralNotePad.gif]]. You will find the describtion in the bottom of the image.

===researching results===
The Addon should be a help for investigation. We want to give the user the possibility for further
usage of saved citations and links in a virtual clipbaord.
Many students investigate with the internet. I asked 5 Students about their handling with internet while investigating. They are students from history, sport, theology, computer science and german language.
For all students the internet is an important place. The reasons for this are laziness and the big information flow on the internet. Most time they use google, google books and wikipedia for researching. The Students save
the collected information with extern programms, but also saving whole HTML pages or print them are common kinds of saving informations. They all have an
unbelievable fear of the loss of information.
For the Students, it is important that they can see the working area all time. Another important thing is, that they want
tidyness, because this saves time. They want to use keywords which help to faster find previously saved informations. The addon should automatically identify the original author and the actual
date while saving a citation. The possibility of making additional notes should be provided by the addon, because uses want to write down some possible thoughts which may occure during research.
How students will interact the GUI? The most common kind of interaction is the shortcut. Also the rightclick with the mouse is a very important.
Drag and drop isn't very common, but sometime they use it (mostly in cases when no other kind of interaction is provided by the application).
4 in 5 student don't care about sharing the investigation results or other thing related to that. One student use googledocs to share.

==Mischa Max==

One idea to support research the user can mark certain data and save it in a time-line. Quotes, value, tabular data and micro-formats are supported.
The Website is saved to be able to work offline with the data. The User can later scroll back through his Session.
Visulization of Concept here [[http://webuser.uni-weimar.de/~cono0627/edu/dfa/stopmotion.mp4]]

===Goals===
We want to give the user the possibility for further usage of saved informations.
#the user can save nearly everything.
#the user can generate a pdf, if he want or reject it

===Non-goals but maybe a feature===

The possibility to share sth

IFD:Designing For Action/Nutzerforschung

2010-11-10T10:52:16Z

Mitschoko: /* Interviewresultate */

==Aufgabenstellung==
Hier eure Hausaufgaben: Bis in spätestens 2 Wochen sollen alle Interviews im Kasten sein - d.h. ihr habt die Resultate und die dadurch beeinflussten Entscheidungen ausformuliert vor euch. (Zum ausformulieren nächste Woche mehr)

Bis Mittwoch nächste Woche sollt ihr:
*Pro Person zwei Interviewpartner vorweisen können. Achtet Darauf passende Nutzer zu finden. Wenn ihr z.B. Zitate und Referenzen sammel unterstützen wollt sollten eurer Nutzer z.B. Erfahrungen im wiss. Arbeiten haben, oder sonstige Motivation um Zitate und Referenzen zu sammeln.
*Beispielfragen: Sammelt ein paar Fragen, die ihr in den Interviews stellen könntet.

Jeder sollte mindestens eine Frage beisteuern.

Obwohl ihr euch in den Interviews nicht nach einem festen Plan richtet ist es sehr hilfreich, sich vorher Gedanken darüber zu machen.
==Fragen, für die Interviews==
Ich habe als Hilfe mögliche Bereichen für die Fragen angegeben - ihr könnt die Kategorien gerne erweitern oder Fragen hinzufügen, die nicht in deie Kategorien passen.

Bitte denkt daran, dass es in den Interviews darum geht,
*'''Motivationen und Ziele'''
*'''Momentane Arbeitsweise und Probleme'''
herrauszufinden.

===Vera, Mischa, Max ===
[[/IFD:Designing_for_Action Nutzerforschung_VeraMischaMax|hier]]

===Bookmarks===
====Warum wird gebookmarkt====
*Was für Seiten sind in Ihren Bookmarks? (Jan D.)
* Folgefrage:Warum diese Seiten? (Jan D.)

====Was wird erinnert====
(Nachtrag:Vielleicht ein typischer Fall wo testen besser ist:[[FirefoxMobile-SmartTabs#Study|Studie von Basti&Jan]])
* Wie erkennen sie Ihre bookmarks wieder? (Alex V.)
* Folgefrage: Editieren sie den Titel Ihrer bookmarks? (Alex V.)
* Folgefrage: Würde Ihnen eine Visualisierung (z.B. Farbe) helfen, Inhalt und URL leichter zu verbinden? (Alex V.) (<--- Ich habe leider nicht darüber geredet aber: Nutzer sidn ziemlich schlecht darin, zu sagen was gut für sie ist. Jan)
* Halten sie Screenshots für ein probates Mittel die gewünschte Seite(n) schneller wiederzufinden? (Alex V.) (<-- Same here. Kein Problem, wie oben steht, viellicht generell eher zu testen)

====Was für Probleme treten auf====
* Wann haben sie das letzte mal nach einer Seite gesucht und sie nicht gefunden?
* Was haben sie versucht, um die Seite zu finden?
* Würden Sie einen Zeit-Mehraufwand in Kauf nehmen, um Bookmarks in Zukunft besser wiederzufinden? (Sven)
(weitere Folgefragen von euch...)

===Aktionen===
====Welche Webdienste werden genutzt?====
* Nutzen Sie Dienste wie Flickr, Wikipedia,...? (Jan D.)
* Folgefrage: Verstehen Sie bookmarks als "Privatsache" oder teilen Sie sie öffentlich/ in Nutzergruppen? (Alex V.)
* Folgefrage: Vertrauen Sie diesen Diensten? (Sicherheitsaspekt) (Alex V.)

====Wofür und in welchen Situationen?====

====Was stört die Nutzer?====

==Interviewresultate==

Die durch die Interviews gefundenen Nuzterziele und bestehende Probleme bitte hier eintragen.

IFD:Designing For Action/Nutzerforschung/VeraMischaMax

2010-11-10T10:49:03Z

Mitschoko: Created page with "Was studierst du? Hast du weitere private Projekte denen du nachgehst? Welche Rolle spielen Recherchearbeiten für dein Studium/Private Projekte? Welche Rolle spielt das Inter..."

Was studierst du?

Hast du weitere private Projekte denen du nachgehst?

Welche Rolle spielen Recherchearbeiten für dein Studium/Private Projekte?

Welche Rolle spielt das Internet für deine Recherchen?
* welcher Browser / wie ist er Eingestellt.
* konkrete Beispiele

Wie Sammelst du deine Ergebnisse.
* konkrete Beispiele
* was Sammelst du:
-> Notizen
-> Urls
-> Bilder
-> Zitate
-> Verweise auf
-> bücher
-> Magazine
-> Filme
-> ...

Bereitest du die Ergebnisse deiner Recherche nach?
* wenn ja -> wie sieht diese nachbereitung aus?

IFD:Designing For Action/Nutzerforschung

2010-11-10T10:43:55Z

Mitschoko: /* Fragen, für die Interviews */

IFD:Designing For Action

2010-11-02T14:52:47Z

Mitschoko: /* Aufgaben 2 */

'''RUNTERSCROLLEN [[#homework|(oder hier klicken)]] FÜR DIE HAUSAUFGABEN!!!'''

==Beschreibung /Description==
[[File:mozilla-crowdsourcing-logo.png|400px]]

Im [http://de.wikipedia.org/wiki/Interaktionsdesign Interaktionsdesign] fusionieren Design, Psychologie und Technologie zum "next big thing": Eine Disziplin, deren Ziel es ist, die eine Welt voller Komplexität verständlicher und menschlicher zu machen.

Der digitale Studentenalltag ist voll von Gegenbeispielen: 3 verschiedene Passwörter für Bibliothek, Computer und Mail? Sieben Klicks bis zur Windows Studentenversion? In der Anwendung von Wissen und Methoden designen wir die Zukunft des Webbrowsers, die Verwaltung und das (wieder)Abrufen der Informationen, die wir im Web sammeln.

Wie? Indem wir verstehen lernen wie Menschen denken, fühlen und handeln. Das gibt es natürlich nicht als Patentrezept. Selber forschen gehört dazu. Nicht als trockene Wissenschaft, sondern durch Beobachten und Experimentieren: Nutzer werden interviewt, "Softwaremodelle" erstellt und ausprobiert.

Partner für das Werkmodul (und das dazugehörige Projekt) ist [http://www.mozilla.com Mozilla], die Stiftung die den Firefox-Browser erstellt - mit Hilfe von freiwilligen Helfern aus der ganzen Welt. Unsere Übungen werden sich mit neuen Interaktions- und Nutzungsmöglichkeiten für das Web beschäftigen.

Der Kurs wird zusammen mit dem [[IFD:Bibliothek_der_Zukunft|Projektmodul Interfacedesign]] empfohlen, die Übungen und Ergebnisse im Rahmen des Werkmoduls können in den Projektablauf integriert werden.

'''Anmeldung:'''
Mail an jan PUNKT dittrich ÄT uni-weimar.de mit kurzem(!) Motivationsschreiben.

'''English'''

The aim of interaction design is to make products that meet the needs of the user and are easy to operate - this is what you will learn in this course.
To be able to "Design for Action" you will learn how people think, feel and act. Your own research will be needed for that as well. Not like in a lab and with a team of scientists: We will just observe and try out ideas.
Our partner is Mozilla, a foundation creating Firefox and promoting the open web - supported by thousands of volunteers from all over the world. The knowledge you gain can help you to design new ways of interacting with web content.

It is recommended to do this course in combination with the Interface Design Project module "Bibliothek der Zukunft". Our exercises and research can and should be used for contributing to your practical work and specific topics for the Mozilla-Project will be covered in the course.

==Kursinhalte/Topics covered==
{{anchor|schedule}}

Werkmodul immer Mittwochs, 9:15-12:30, ab dem 20.10.2010. Marienstraße 7 B - Seminarraum 103. ([https://www.uni-weimar.de/qisserver/rds?state=verpublish&status=init&vmfile=no&publishid=11122&moduleCall=webInfo&publishConfFile=webInfo&publishSubDir=veranstaltung Im Vorlesungsverzeichnis])

(Jeder Punkt eine Vorlesung)
* Übersicht Interaktionsdesign und Vorstellung der zu bearbeitenden Aufgaben '' ____20.10''
* Designprozess: "Iteratives" Designen '' ____27.10''
* Nutzerforschung und Interviews '' ____03.11''
* Ziele formulieren '' ____10.11''
* Psychologie 1: Metaphern,Standards und Konsistenz '' ____17.11''
* Psychologie 2: Sichbarkeit,Feedback und Modes '' ____24.11''
* Ideen testen '' ____01.12''
* Prototypen '' ____08.12''

* Open Design, Übersicht Design-Initiativen@Mozilla
* Einfache Add-On-Entwicklung mit Mozilla Jetpack (?)

English:
Management, User Research, Psychology, Testing. Practial work with mozilla.

Das Werkmodul besteht aus Vorträgen und Übungen.

This Werkmodul consists of talks and exercices.

==Leistungsnachweis==

t.b.a.

Vorraussichtlich: 20% Vorlesungsmitschrift/Eigenes "Büch" als Gedächtnisstütze, 20% Teilnahme und Mitarbeit, 60% prakitsche Aufgaben und Aufgabendokumenation.

==Zielgruppe==
Studenten der Mediengestaltung; der Kurs ist offen für Studenten anderer Fachrichtungen.

Die Bücher in der Literaturliste sind in der Bibliothek verfügbar. Wer wissen möchte, ob die Kursinhalte für ihn/sie interessant sind, sollte das erste Kapitel von "The Design Of Everyday Things" lesen und/oder sich ein paar Einträge auf [http://mozillalabs.com Mozilla Labs] anschauen.

By the way: Obwohl in dem Semesterapparat auch JavaScript Bücher stehen, ist keine Programmiererfahrung nötig!

==Ressourcen==
===Wiki===
* [[IFD:Course_Interaction_Design]]
===Literatur===
'''In der Limona steht der Semesterapperat mit den Büchern'''
*Interaction design: beyond human-computer interaction ISBN 0-471-49278-7
**Standardlehrbuch und guter Einstieg, deckt als eines der wenigen Bücher praktisch alle Fachgebiete ab. Verständlich geschrieben, manchmal aber etwas akademisch.
*The Design of Everyday Things ISBN 978-0465067107
**Der Klassiker von Don Norman: Wie müssen alltägliche Dinge gestaltet sein? Bietet keine "fertigen" Lösungen, aber gute Denkanstöße.
* The Humane Interface ISBN 978-0201379372
**Jeff Raskins Buch zeigt Prinzipen, wie man Software so gestaltet, das sie praktisch "unbewusst" in Bezug auf das Interface zu bedienen ist.
*Effective Prototyping for Software Makers ISBN 978-0120885688
**Überblick über die Arbeit mit Prototypen und deren Gestaltung.
*About Face 3 ISBN 978-0470084113
**Die Ansätze in der Nutzerforschung gehen einen alternativen Weg, die Lösungen in den "Design-Patterns" (Teil 2 und 3) sind sehr gut und interessant.
===Links===
[http://de.wikipedia.org/wiki/Interaction_Design Wikipedia: Interaktionsdesign]
- Definition für Interaktionsdesign

[http://developer.apple.com/mac/library/documentation/UserExperience/Conceptual/AppleHIGuidelines/XHIGIntro/XHIGIntro.html Apple Human Interface Guidelines]
- Das erste Kapitel ("Part I: Application Design Fundamentals") hat ähnliche Inhalte wie der Kurs.

[http://mozillalabs.com Mozilla Labs] - hier werden neue Interfaceideen und Funktionen erdacht und Getestet - gemeinsam mit der Community

[http://design-challenge.mozillalabs.com/ Design Challenges] sind Wettbewerbe für Interaktionsdesigner zu von Mozilla gestellten Aufgaben

[http://creative.mozilla.org/ Mozilla Creative Collective] ist eine Plattform für (Grafik-) Designer um z.B. Skins für Mozilla-Applikationen zu posten.

[http://www.useit.com/papers/heuristic/heuristic_list.html Heuristiken für Interface-Design]

==Aufgaben 1==
{{anchor|homework}}
Hier wie versprochen die Aufgaben. Ich habe formuliert was man machen soll (Ziele) und was man lässt (nicht-ziele)
Zudem gibt es für jede Sektion noch Materialien.
Ich erwarte das jeder der die Aufgabe 1 bearbeitet, das Paper "Information Archiving with Bookmarks" liest und versteht. (Außer etwaige Formeln) Das Dokument ist im Anhang.

Für die Aufgabe 2 sind alle Links Pflicht.

Zur Auswahl der Aufgaben:
Ich halte "Suchen und Finden" für einen geeignetere Aufgabe: Es sind mehr Materialien vorhanden und es gibt potenziell mehr auf dem Weg zu lernen. Nur wer er sich gar nicht damit anfreunden kann, und zudem meint, der finde wohl einen besseren Weg als Microsofts "Accelerators", möge bitte die Aufgabe 2 wählen und mir das schreiben.
Das Problem in Aufgabe 1 erscheint möglicherweise langweilig aber:
Wir werden die besehenden Bookmarks ja nicht ein bisschen aufhübschen, sondern uns grundlegend Gedanken darüber machen:
Wie man das, was das System heute macht auch auf einem besseren Wege erreichen kann
Und: Das momentane Bookmarksystem hat seine Probleme und das wiederfinden von Informationen ist ein Ziel das selbst Gelegenheitsnutzer haben. Nur bookmarken die zumindest aus meiner Erfahrung nach selten. Und manche viel-nutzer ebenso.

Noch etwas zum Arbeitsprozess: Eine Idee müsst ihr noch nicht haben - wir werden erstmal in der Nutzerforschung schauen, woran wir genau arbeiten werden!

Schreibt mir bitte eine Mail, wenn eine Aufgabe als Gruppe gewählt habt, sodass ich mich etwas um die Balance kümmern kann, sodass beide Aufgaben vertreten sind.

===a) Suchen und Finden===
'''Ziele'''
* Das Wiederfinden von Seiten erleichtern, die man informativ/gut fand
* Den "Merkprozess" vereinfachen.
* Verwaltungsaufwand reduzieren.

'''Nicht-Ziele:'''
* Chronikfunktion überarbeiten – zur Chronik gibt es bereits etliche interessante Designs.

'''Szenario:''' Karl hat vor einem Jahr ein tolles Rezept für eine Champagnersuppe gefunden und nachgekocht. Heute kommt Anna zu Besuch und er möchte ein romantisches Dinner für zwei kochen - die Champagnersuppe. Er möchte das Rezept im Netz wiederfinden.

'''Materialien:'''
* [http://www.google.com/search?client=ubuntu&channel=fs&q=Dynamic+Queries+for+Visual+Information+Seeking&ie=utf-8&oe=utf-8#hl=en&expIds=17259,17291,17315,22881,23628,23670,23945,25532,25646,25834,25907,26328,26637,26761,26849,26992,27045,27126&sugexp=ldymls&xhr=t&q=Dynamic+Queries+for+Visual+Information+Seeking+type%3Apdf&cp=55&pf=p&sclient=psy&aq=f&aqi=&aql=&oq=Dynamic+Queries+for+Visual+Information+Seeking+type:pdf&gs_rfai=&pbx=1&fp=dbb5a847909cbca1 DynamicQueries-ShneidermanJain-1994]
* [http://www.google.com/search?client=ubuntu&channel=fs&q=finding+and+reminding+reconsidered&ie=utf-8&oe=utf-8#hl=en&expIds=17259,17291,17315,22881,23628,23670,23945,25532,25646,25834,25907,26328,26637,26761,26849,26992,27045,27126&sugexp=ldymls&xhr=t&q=finding+and+reminding+reconsidered+type:pdf&cp=40&pf=p&sclient=psy&aq=f&aqi=&aql=&oq=finding+and+reminding+reconsidered+type:pdf&gs_rfai=&pbx=1&fp=dbb5a847909cbca1 Information Archiving with Bookmarks: Personal Web Space Construction and Organization]
* [http://www.google.com/search?client=ubuntu&channel=fs&q=finding+and+reminding+reconsidered&ie=utf-8&oe=utf-8#hl=en&expIds=17259,17291,17315,22881,23628,23670,23945,25532,25646,25834,25907,26328,26637,26761,26849,26992,27045,27126&sugexp=ldymls&xhr=t&q=finding+and+reminding+reconsidered+type:pdf&cp=40&pf=p&sclient=psy&aq=f&aqi=&aql=&oq=finding+and+reminding+reconsidered+type:pdf&gs_rfai=&pbx=1&fp=dbb5a847909cbca1 findingAndRemindingReconsidered-FertigFreemanGelernter-1996]

===b) Aktionen===
Of benutzen wir Dienste im Internet, die Eingaben verlagen (Siehe Szenarios). Wie kann man die Nutzung erleichtern, sdass man sich dauerhaftes Kopieren und einfügen spart?
Dabei kann man sich auch nur einen Bereich konzentrieren: z.B. Texte schreiben, Websuchen etc.
Ziele:
*Zeit sparen (z.B. durch weniger Copy and Paste und Seitenwechsel)
*Auch für Gelegenheitsnutzer bedienbar

Nicht-Ziele:
* Ubiquity nachbauen.
* Funktion als Expertentool

Materialien:
* [http://www.youtube.com/watch?v=knNS-5em7xU Ubiquity video]
* [http://www.youtube.com/watch?v=kPfU2mrE7oM&feature=player_embedded Links sharen/mailen]
*[http://www.microsoft.com/windows/internet-explorer/features/faster.aspx Die Accelerator funktion von MS]

Dienste wie: http://www.netspeak.cc/, delicious (taggen), twitter (tweeten), suchanfragen, Wikipediaartikel...

Szenario:
- Ich lese einen Artikel in einem wissenschaftlichen Magazin. Ein Begriff ist mir lediglich vage bekannt, sodass ich ihn in der Wikipedia nachschlagen möchte. Dazu muss ich die Wikipedia Seite aufrufen, indem ich die Adresse in die Adresszeile eingebe, den Begriff kopiere, ihn in das suchfeld auf der Wikipediaseite einfüge und bestätige.

==Aufgaben 2==
Ihr sollt klare Ziele für euer Projekt formulieren. Zur Erinnerung: Ziele sind ein zu erreichender Endzustand nicht der Weg dorthin. Nicht nötig ist also die Technik Hintergründe und Interfaces aufzuschreiben.
schreibt z.B.

* Ich möchte das organisieren von Bookmarks vereinfachen
* Ich möchte es erleichtern, eine bestimmte Seite anhand von dem NUtzer erinnerten Attribute - in der History wiederzufinden.
* Ich möchte Dienste mithilfe eines visuellen Interfaces verbinden und Aktionen ermöglichen und speichern.

Versucht dass, was ihr euch vorstellt, in ein bis zwei Sätze zu fassen, sodass klar wird was ihr für den Nutzer erreichen wollt. Dieses Ziel wird euch durch die Planung euerer Nutzerforschung leiten.

Bitte beachtet, dass es von meiner Seite auch Vorgaben gibt. Siehe dazu die Szenarien und dargestellte Probleme in 1.

=== Eure Ziele für das Begleit-Projekt===
* Beispiel Jan: Ich möchte es dem Nutzer ermöglichen ohne Seitenwechsel und Copy/Paste Daten an oft genutzte Dienste weiterzugeben. (Beispiel von Jan)
* Noch ein Beispiel von Jan: Der Nutzer soll Seiten anhand von impliziten Eigenschaften (e.g) Farbe wiederfinden können.
* Ich möchte es dem User ermöglichen durch unterstützende Automatismen ''(Auslesen von Meta-Descriptions, farbliche Visualisierung der Aufruf-Häufigkeit, dadurch Vorsortierungen, ...)'' seine Bookmarks schneller und sinnvoller in geordnete Strukturen zu bringen. (von Alex)
* Wir möchten dem User ermöglichen, Bookmarks via Drag&Drop zu speichern und anschließend anhand verschiedenen Kategorien (Date, Tags, Rate, Relevance, Title, Url, Color, ...) zu sortieren/wiederzufinden. -- [[User:Sven|Sven]] - Carlo - Johannes
* Ich möchte dem User eine visuelle Darstellung seiner Bookmarks bieten, die es ihm erleichtert diese zu ordnen und zu finden und das Verwalten der Bookmarks angenehmer und attraktiver gestalten soll. - Tristan
* Ich bin in einer Gruppe mit Tristan, Julia und Laura, wir alle wollen Bookmarks ansprechender visualisieren. Jeder entwirft sein eigenes Design, aber wir arbeiten bei der Grundbearbeitung zusammen. - Sophie
* Ich gehöre auch zur Gruppe und möchte einen eigenen Entwurf zur Idee entwickeln. - Julia
* Wir wollen dem Nutzer eine Möglichkeit bieten Links und Zitate, mit Hilfe eines sichtbaren Clipboards, weiter zu benutzen. (Max, Mischa, Vera)

===Ziele-Übung (mit irgendwelchen Ziel/Nichtzielkombinationen)===
...Ein Beispiel für ein Ziel und ein nicht-Ziel.
* Ziel: Einen guten Eindruck bei Freunden, die mich in meiner Wohnung besuchen, hinterlassen. Nicht-Ziel:Staubsaugen und Bad putzen. (von Jan)
* Ziel: Hunger stillen. Nicht-Ziel: Zur Mensa/Einkaufen gehen und Essen aussuchen/kochen (von Alex)
* Ziel: Eine Vorlesung besuchen. Nicht-Ziel: Aus dem Haus gehen und zur Uni gehen/fahren. (von Carlo)
* Ziel von Bastian und Marv: Bookmarks automatisch clustern und in einer cloud darstellen. Nicht Ziel: viel java script research und LSA forschung, auch nicht ziel firefoxplugins programmieren lernen.
* Ziel: Erholt sein, damit man in der Uni nicht müde ist. Nicht-Ziel: Zeitig schlafen gehen. (von [[User:Sven|Sven]])
* Ziel: Grünen Strom verkaufen. Nicht-Ziel: dazugehöriges Info-Material erstellen. (von Vera)
* Ziel: Möglichst schnell gesund werden. Nicht-Ziel: Einen Arzt-Termin vereinbaren, mit Fieber zur Praxis fahren, eineinhalb Stunden im Wartezimmer verbringen, total erschöpft die nächste Apotheke aufsuchen, Medikamente zum Teil aus eigener Tasche bezahlen und zu Hause in noch schlechterem Zustand als zuvor ankommen.
* Ziel: Eine Halloweenparty schmeißen. Nicht-Ziel: Einladungskarten verteilen, Deko und Trinken kaufen, Wohnung auf Vordermann bringen, sich gruselig anmalen, auf Gäste warten, Musik anmachen... ( von Sophie + Julia)
* Ziel: Besser als Jimi Hendrix Gitarre spielen zu können. Nicht-Ziel: Gitarre kaufen, neue Saiten aufziehen, Gitarrenlehrer aufsuchen, üben. (von Johannes)
* Ziel: Essen. Nicht-Ziel: Kochen. (von Mischa)
===Zusatzmaterialien zur 2. Sitzung:===

* [http://www.azarask.in/blog/post/tabcandy/ Bookmark/Tab-Desktop von Firefox 4]

* Googles HTML5Rocks-Site ist ein guter Überblick über was kommen wird bzw. teilweise in modernen Browsern schon geht
** [http://slides.html5rocks.com/#slide1 Einführungspräsentation als Slideshow]
** [http://playground.html5rocks.com/ Der Playground zum Ausprobieren]
*** Empfehlungen: JS: Web Storage und Drag from Desktop; HTML: Semantic Markup, Microdata"
* Sollte man zumindest grob wissen was es ist: [http://microformats.org/about microformats]
** Einfaches Beispiel: Die [http://www.uni-weimar.de/mediengang/2009/ Website des Mediengang 2009] kann man sich von von einem [http://h2vx.com/ics/ Webdienst] automatisch in eine Kalender-Datei umwandeln lassen und dann [http://h2vx.com/ics/www.uni-weimar.de/mediengang/2009/ herunterladen] oder abbonieren (webcal://h2vx.com/ics/www.uni-weimar.de/mediengang/2009/)

[[Category:Courses]]
[[Category:Design]]
[[Category:Jan Dittrich]]
[[Category:Grundlagen]]
[[Category:Interface-Design]]
[[Category:Interaktion]]
[[Category:Research]]
[[Category:Webdesign]]