Medien Wiki - User contributions [en]

IFD:Designing For Action/Nutzerforschung

2010-11-17T08:55:07Z

James: /* Interviewresultate */

==Aufgabenstellung 10.10.10==
*Interviews durchführen, Resultate zusammenfassen und Ziele Formulieren. Beispiel [[#Interviewresultate|hier]]
* Eine Skizze erstellen und hochladen - nachdem Interviewresultate und Zielformulierung fertig sind - ansonsten wäre es nur eine Fingerübung. Bitte hier einbinden: [[IFD:Designing_For_Action_Sketches|Sketches-Seite]]

==Aufgabenstellung 3.10.10==
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 ===
[[/VeraMischaMax|hier]]

===Bastian + Marv===
[[/BastianMarv|hier]]

===Sophie, Jule, Tristan, Laura===
[[/SJTL|hier]]

===Matthias===
[[File:Interview.pdf]]

===Sven===
[[File:Interview_SvenSom.pdf]]
[[/CarloJohannesSven|Resultate und Ziele]]

===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.
===Beispiel von Jan===
====Interviewresultate:====
I wrote a brief Analysis of the Interviews, with two topics that were reoccurring.

Social: Almost everybody mentioned the importance of social exchange.This goes beyond using feedback. Interviewees cared about personal contact (“People should not just be names in a list…”) and ongoing exchange even after the challegnes.
It seems that the biggest value of the challenges is the personal contact to other people who are interested in interaction design.

Feedback: Was often mentioned as well. [...]One mentioned that it was important for him that the judges feedback helps to improve the designs.
I would conclude that people value contact to mozilla staff as very positive.
====Ziele====
(es gab schon vorher feststehende Ziele, die schon erforscht wurden oder vom Auftraggeber vorgegeben waren. Diese Ziele sind auch in dieser Liste)

* Create a community of people who love graphic design
* Enable people to learn about graphic design.
* Visibility on the Web for getting known
* Enable participants to exchange with similar minded People
* Getting feedback and recognition for their efforts
====Nicht-Ziele====
* Cover other design disciplines than graphic design
* Create a deviant-art or flickr clone.
====Probleme====
* Users feel bad if they don't get useful feedback for doing further improvements
* Often "copied" and slightly changed concepts are published and voted higher that the same/similar looking concept, which makes the initiator of the first design frustrated.

===Resultate von Matthias===

Interviewresultate (5 Personen wurden befragt):

- Nutzer zwischen 20 - 35 surfen durchschnittlich ca. 2h am Tag 
- der meist verwendete Browser ist Firefox 
- die häufigste nWebdienste welche genutzt werden sind: youtube, maps, facebook und ebay 
- die Interviewpartner speichern durchschnittlich ca 1 x pro Woche Lesezeichen 
- alle nutzen Lesezeichen in der Symbolleiste für Hauptsächlich youtube, ebay, Mitfahrzentrale, Banken, blogs 
- fast keiner legt Ordner an für seine Lesezeichen und verwendet kein eigenes Sortiersystem 
- Nur 1 von 5 Nutzern bemängelte die Lesezeichenverwaltung (von Safari) 

- Verbesserungsvorschläge war z.b. das Speicherdatum vom Lesezeichen wird vermisst und ist evtl. hilfreich & ein Interface wie z.b. iTunes zu gestalten mit verschiedenen Sortiermöglichkeiten (Titel, Interpreten, Hinzugefügt, etc.)

IFD:Designing For Action/Nutzerforschung

2010-11-16T21:40:49Z

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

==Aufgabenstellung 10.10.10==
*Interviews durchführen, Resultate zusammenfassen und Ziele Formulieren. Beispiel [[#Interviewresultate|hier]]
* Eine Skizze erstellen und hochladen - nachdem Interviewresultate und Zielformulierung fertig sind - ansonsten wäre es nur eine Fingerübung. Bitte hier einbinden: [[IFD:Designing_For_Action_Sketches|Sketches-Seite]]

==Aufgabenstellung 3.10.10==
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 ===
[[/VeraMischaMax|hier]]

===Bastian + Marv===
[[/BastianMarv|hier]]

===Sophie, Jule, Tristan, Laura===
[[/SJTL|hier]]

===Matthias===
[[File:Interview.pdf]]

===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.
===Beispiel von Jan===
====Interviewresultate:====
I wrote a brief Analysis of the Interviews, with two topics that were reoccurring.

Social: Almost everybody mentioned the importance of social exchange.This goes beyond using feedback. Interviewees cared about personal contact (“People should not just be names in a list…”) and ongoing exchange even after the challegnes.
It seems that the biggest value of the challenges is the personal contact to other people who are interested in interaction design.

Feedback: Was often mentioned as well. [...]One mentioned that it was important for him that the judges feedback helps to improve the designs.
I would conclude that people value contact to mozilla staff as very positive.
====Ziele====
(es gab schon vorher feststehende Ziele, die schon erforscht wurden oder vom Auftraggeber vorgegeben waren. Diese Ziele sind auch in dieser Liste)

* Create a community of people who love graphic design
* Enable people to learn about graphic design.
* Visibility on the Web for getting known
* Enable participants to exchange with similar minded People
* Getting feedback and recognition for their efforts
====Nicht-Ziele====
* Cover other design disciplines than graphic design
* Create a deviant-art or flickr clone.
====Probleme====
* Users feel bad if they don't get useful feedback for doing further improvements
* Often "copied" and slightly changed concepts are published and voted higher that the same/similar looking concept, which makes the initiator of the first design frustrated.

File:Interview.pdf

2010-11-16T21:37:29Z

James:

== Summary ==

== Copyright status: ==

== Source: ==

IFD:Designing For Action

2010-11-02T18:36:29Z

James: /* Ziele-Übung (mit irgendwelchen Ziel/Nichtzielkombinationen) */

'''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
*In der gleichen Gruppe wie Sophie, Jule und Tristan. Gleiche Idee, eigener Entwurf, Gruppenarbeit. (Laura)
* Wir wollen dem Nutzer eine Möglichkeit bieten Links und Zitate, mit Hilfe eines sichtbaren Clipboards, weiter zu benutzen. (Max, Mischa, Vera)
* Lesezeichen besser veranschaulichen, die Listenansicht vermeiden bzw. ansprechender gestalten (ähnlich wie bei TabCandy) und das Wiederfinden durch eigene oder Urheber-Tags erleichtern (Matthias)

===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)
*Ziel: sich und sein Tier gesund und fit halten. Nicht-Ziel: Gassi gehen, gesundes Futter/Essen kaufen (von Laura)
* Ziel: im Moma Fotos ausstellen. Nicht Ziel: Chip lesen, Filme kaufen, in der Dunkelkammer rumprobieren. (Matthias)

===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]]

IFD:Designing For Action

2010-11-02T18:32:28Z

James: /* Eure Ziele für das Begleit-Projekt */

'''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
*In der gleichen Gruppe wie Sophie, Jule und Tristan. Gleiche Idee, eigener Entwurf, Gruppenarbeit. (Laura)
* Wir wollen dem Nutzer eine Möglichkeit bieten Links und Zitate, mit Hilfe eines sichtbaren Clipboards, weiter zu benutzen. (Max, Mischa, Vera)
* Lesezeichen besser veranschaulichen, die Listenansicht vermeiden bzw. ansprechender gestalten (ähnlich wie bei TabCandy) und das Wiederfinden durch eigene oder Urheber-Tags erleichtern (Matthias)

===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)
*Ziel: sich und sein Tier gesund und fit halten. Nicht-Ziel: Gassi gehen, gesundes Futter/Essen kaufen (von Laura)

===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]]

GMU:Interspezifische Wechselbeziehungen/Siebte Aufgabe

2010-02-01T12:25:06Z

James:

===Mila Burghardt "Das GUTEN-MORGEN-FRÜHSTÜCKS-KIT===

=====Erster Arbeitsstand=====

<videoflash type="vimeo">8802609</videoflash>

Das Konzept für die Versüßung des Aufstehens. Mit allerhand Wechselwirkungen (ungefähr 8, in worten: acht.)
Und weil das so viel ist, hab ich auf schnell gestellt... Alles weitere Live am Montag.

====Zweiter Arbeitsstand====

<videoflash type="vimeo">8966471</videoflash>

===Eva Thinius "Zurück zur Natur"===

Der Mensch nimmt von der Natur. Um die Wechselbeziehung zwischen Mensch und Natur aufrecht zu erhalten, sollte der Natur etwas zurückgegeben werden.
Das Wort Recycling ist bekannt.

Im folgenden Beispiel wird Altpapier, Pappe (=abbaubare Materialen), direkt zum Ausgangspunkt zurückgegeben:
 
"http://i43.photobucket.com/albums/e376/evathin/kleinerkreislauf.jpg"
 

Altes Papier und ähnliche ökologoisch abbaubare Produkte werden zu einem Blumentopf geformt. In diesen werden am oberen Rand kleine, schnell keimende Samen eingebettet.
Der Topf kann ebenfalls mit weiteren Pflanzen bestückt werden (z.B. Blumenzwiebel).
Der Topf kann vollständig ohne Rückstände in den Boden eingepflanzt werden. Nach einiger zeit verottet bzw. löst sich die Altpapier-Außenschale auf und vermischt sich mit dem Boden.
 
http://i43.photobucket.com/albums/e376/evathin/prozess-2.jpg
 

(Die kleineren Samen dienen nur zur Veranschaulichung, sodass zu erkennen ist, dass der Blumentopf mit verschiedenen Samen gleichzeitig bepflanzbar ist)

===Herstellung===

http://i43.photobucket.com/albums/e376/evathin/papierstreifen.jpg
 
Altpapier
 
http://i43.photobucket.com/albums/e376/evathin/pappeeinweichen.jpg
in Wasser aufweichen
 
http://i43.photobucket.com/albums/e376/evathin/bechher.jpg
Anzuchttopf aus Zellulose und anderen Fasern
 
http://i43.photobucket.com/albums/e376/evathin/becherpappe.jpg
Altpaper im Topf = Verwertung

 

===Matthias Schüller - Warp===

www.lotus-lumina.com/warp.mov

IFD:Webprogramming MS

2010-01-11T10:27:05Z

James: Created page with 'Matthias Schüller - Medienkunst/Mediengestaltung BFA Kurzbeschreibung: Homepage Fa. Lotus Lumina 800px| [[Image:…'

File:Ll website ansicht 3.jpg

2010-01-11T10:24:51Z

James:

File:Flash-Animation 1024x300.swf

2010-01-11T10:23:48Z

James:

IFD:Grundlagen der Webprogrammierung/Projekte

2010-01-11T10:19:54Z

James:

Die Projektdokumentationen sollten folgende Informationen enthalten:
* Kurzbeschreibung (was, für wen, worüber, dynamisch, statisch...)
* Entwurf-Scribbles (Aufbau Seitenstruktur, Designentwürfe)*
* Problem/Lösung (kurze Problem/Lösungs-Gegenüberstellung)
* Bei fertigen Projekten die aktuelle URL

<nowiki>*</nowiki> Bitte keine gezippten PDFs hochladen, die muss man für jedes Projekt erst mühsam runterladen und entpacken und dann anschauen; ladet einfach ein bis vier aussagekräftige Screenshots oder Scans als JPG, PNG, etc… hoch und bindet diese mit ein mit:

<tt>

<nowiki>[[File:meinbild.jpg]]</nowiki> </tt>

oder für verkleinertes, anklickbares Thumbnail mit 320px Breite:

<tt>

<nowiki>[[Image:meinbild.jpg|320px]]</nowiki> </tt>

== Projekte ==
* [[IFD:Webprogramming_JF|Jan F.]]
* [[IFD:Webprogramming_AV|Antonia Volke]]
* [[IFD:Webprogramming_KK|Katharina Knobel]]
* [[IFD:Webprogramming_CB|Clemens Beier]]
* [[IFD:Webprogramming_SH|S. Heim ]]
* [[IFD:Webprogramming_AVG|AlicevG ]]
* [[IFD:Webprogramming_CL|Carsten L.]]
* [[IFD:Webprogramming_CH|Claudia H.]]
* [[IFD:Webprogramming_MA|Matthias A.]]
* [[IFD:Webprogramming_FF|Fabia F.]]
* [[IFD:Webprogramming_LJ|Laura J.]]
* [[IFD:Webprogramming_MU|Mandy U.]]
* [[IFD:Webprogramming_GR|Gabriel R.]]
* [[IFD:Webprogramming_SW|Sabine W.]]
* [[IFD:Webprogramming_MS|Matthias Schüller]]

{{Template:Webprogramming}}

IFD:Webprogramming GR

2010-01-11T10:18:49Z

James: Blanked the page

File:Ll website ansicht 2.jpg

2010-01-11T10:16:27Z

James:

IFD:Webprogramming GR

2010-01-11T10:15:34Z

James:

Kurzbeschreibung:

Homepage für Fa. Lotus Lumina

Matthias Schüller (Medienkunst/Mediengestaltung BFA)

Screenshots:
[[Image:Ll_website_ansicht_1.jpg|left|thumb|800px|Zum Vergrößern bitte klicken...]]

Bemerkung:

Besondere Aspekte:

IFD:Webprogramming GR

2010-01-11T10:15:18Z

James:

Kurzbeschreibung:

Homepage für Fa. Lotus Lumina

Matthias Schüller (Medienkunst/Mediengestaltung BFA)

Screenshots:
[[Image:PRA Ll_website_ansicht_1.jpg|left|thumb|800px|Zum Vergrößern bitte klicken...]]

Bemerkung:

Besondere Aspekte:

File:Ll website ansicht 1.jpg

2010-01-11T10:14:48Z

James:

IFD:Webprogramming GR

2010-01-11T10:05:38Z

James: Replaced content with 'test'

test

IFD:Grundlagen der Webprogrammierung/Projekte

2010-01-11T10:03:58Z

James:

Die Projektdokumentationen sollten folgende Informationen enthalten:
* Kurzbeschreibung (was, für wen, worüber, dynamisch, statisch...)
* Entwurf-Scribbles (Aufbau Seitenstruktur, Designentwürfe)*
* Problem/Lösung (kurze Problem/Lösungs-Gegenüberstellung)
* Bei fertigen Projekten die aktuelle URL

<nowiki>*</nowiki> Bitte keine gezippten PDFs hochladen, die muss man für jedes Projekt erst mühsam runterladen und entpacken und dann anschauen; ladet einfach ein bis vier aussagekräftige Screenshots oder Scans als JPG, PNG, etc… hoch und bindet diese mit ein mit:

<tt>

<nowiki>[[File:meinbild.jpg]]</nowiki> </tt>

oder für verkleinertes, anklickbares Thumbnail mit 320px Breite:

<tt>

<nowiki>[[Image:meinbild.jpg|320px]]</nowiki> </tt>

== Projekte ==
* [[IFD:Webprogramming_JF|Jan F.]]
* [[IFD:Webprogramming_AV|Antonia Volke]]
* [[IFD:Webprogramming_KK|Katharina Knobel]]
* [[IFD:Webprogramming_CB|Clemens Beier]]
* [[IFD:Webprogramming_SH|S. Heim ]]
* [[IFD:Webprogramming_AVG|AlicevG ]]
* [[IFD:Webprogramming_CL|Carsten L.]]
* [[IFD:Webprogramming_CH|Claudia H.]]
* [[IFD:Webprogramming_MA|Matthias A.]]
* [[IFD:Webprogramming_FF|Fabia F.]]
* [[IFD:Webprogramming_LJ|Laura J.]]
* [[IFD:Webprogramming_MU|Mandy U.]]
* [[IFD:Webprogramming_GR|Gabriel R.]]
* [[IFD:Webprogramming_GR|Sabine W.]]
* [[IFD:Webprogramming_GR|Matthias Schüller]]

{{Template:Webprogramming}}

IFD:Grundlagen der Webprogrammierung/Projekte

2010-01-04T14:08:50Z

James:

Die Projektdokumentationen sollten folgende Informationen enthalten:
* Kurzbeschreibung (was, für wen, worüber, dynamisch, statisch...)
* Entwurf-Scribbles (Aufbau Seitenstruktur, Designentwürfe)*
* Problem/Lösung (kurze Problem/Lösungs-Gegenüberstellung)
* Bei fertigen Projekten die aktuelle URL

<nowiki>*</nowiki> Bitte keine gezippten PDFs hochladen, die muss man für jedes Projekt erst mühsam runterladen und entpacken und dann anschauen; ladet doch einfach ein bis vier aussagekräftige Screenshots oder Scans als JPG, PNG, etc… und bindet diese mit <tt>

<nowiki>[[File:meinbild.jpg]]</nowiki> </tt> ein!

== Projekte ==
* [[IFD:Webprogramming_MaxMustermann|Max Mustermann]]
* [[IFD:Webprogramming_JF|Jan F.]]
* [[IFD:Webprogramming_AV|Antonia Volke]]
* [[IFD:Webprogramming_KK|Katharina Knobel]]
* [[IFD:Webprogramming_CB|Clemens Beier]]
* [[IFD:Webprogramming_SH|S. Heim ]]
* [[IFD:Webprogramming_AVG|AlicevG ]]
* [[IFD:Webprogramming_CL|Carsten L.]]
* [[IFD:Webprogramming_CH|Claudia H.]]
* [[IFD:Webprogramming_MS|Matthias S.]]

{{Template:Webprogramming}}

GMU:Interspezifische Wechselbeziehungen/Fünfte Aufgabe

2009-12-14T14:34:08Z

James:

===Patrick Richter "Venusfliegenlampe"===

<videoflash type="vimeo">8015116</videoflash>

Konzept der "Venusfliegenlampe".

Ausgestattet mit einem Zeitschalter kann man bestimmen nach wievielen Minuten die Lampe zuschnappt oder es manuell beeinflussen.

Das an die Wand geworfene Schattenspiel ist einzigartig und macht jeden Abend anders.

für Visual Voltage 2009

===Anna Lehmann===

Wenn schon Verschwenden, dann auch richtig.

Erste Idee: [[File:Visual Voltage Amplified.pdf‎]]

Die finale Version: [[File:FINAL VERSION Visual Voltage Amplified.pdf]]

===Mario Stieding "Followthelight / Planetearth"===
Visual Voltage Amplified!

[[File:1_Followthelight.pdf]]

[[File:3_Planetearth.pdf]]

===Mila Burghardt "Velo-Fortüne"===

<videoflash type="vimeo">8123504</videoflash>

Energie sparen soll belohnt werden: Velo-Fortüne macht es möglich! Deine Umwelt wird es dir danken!

===Mandy Unger===

ECONOMIZER
Multifunktionaler Lesestuhl

[[File:Economizer.pdf‎]]

===Matthias Schüller===

intelligente Strassenbeleuchtung

Das Licht der Siedlungen kennt keine Stadtgrenzen und nimmt den Naturraum ein,
während das Erleuchten der industrialisierenden Welt die Grenze zwischen Tag und Nacht verschwimmen lässt.
Licht schafft zwar Sicherheit,trotzdem sollte auf einen sorgfältigen Umgang mit Licht
im Außenraum geachtet werden. Nicht nur allein der ökonomischen Folgen wegen, die durch unnützen Energieverbrauch
die Umwelt schädigen, sondern auch die Wirkung auf lebende Organismen durch die künstlich
aufgehellte Welt des Menschen ist ein Problem. Hierzu zählen nicht nur das
Wachstumsverhalten von Pflanzen und Störung nachtaktiver Tiere,
sondern auch der Mensch selbst ist von den Folgen der
Lichtverschmutzung betroffen.

- intelligente Straßenbeleuchtung 
- aus der Hosentasche steuerbar 
- das Mobiltelefon mit GPS als Sender und Empfänger 
- das Mobiltelefon als Sender & Empfänger von Steuerdaten & Beleuchtungsoptionen 
- herkömmliche Leuchtmittel werden durch LED Technologie ersetzt 
- neue Funktionen durch LED Technologie - z.B. Farbtemperatur & Helligkeit 

Skizzen

[[File:2.jpg|300px]]
[[File:3.jpg|300px]]
[[File:4.jpg|300px]]
[[File:5.jpg|300px]]

Ansichten Modell

[[File:Modell.jpg|300px]]
[[File:Foto-2.jpg|300px]]
[[File:Foto-3.jpg|300px]]

Film

<videoflash type="youtube">5k-Bi6TmBaI</videoflash>

GMU:Interspezifische Wechselbeziehungen/Fünfte Aufgabe

2009-12-14T14:33:26Z

James:

GMU:Interspezifische Wechselbeziehungen/Fünfte Aufgabe

2009-12-14T14:31:28Z

James:

GMU:Interspezifische Wechselbeziehungen/Fünfte Aufgabe

2009-12-14T14:30:52Z

James:

File:2.jpg

2009-12-14T14:30:21Z

James:

File:5.jpg

2009-12-14T14:29:20Z

James:

File:4.jpg

2009-12-14T14:28:31Z

James:

File:3.jpg

2009-12-14T14:27:12Z

James:

GMU:Interspezifische Wechselbeziehungen/Fünfte Aufgabe

2009-12-14T14:15:01Z

James:

File:Foto-3.jpg

2009-12-14T14:12:07Z

James:

File:Foto-2.jpg

2009-12-14T14:10:51Z

James:

File:Modell.jpg

2009-12-14T14:02:05Z

James:

GMU:Interspezifische Wechselbeziehungen/Fünfte Aufgabe

2009-12-14T13:57:58Z

James:

GMU:Interspezifische Wechselbeziehungen/Fünfte Aufgabe

2009-12-14T13:55:40Z

James: