Interfaces: Difference between revisions

From Medien Wiki
m (Replaced content with "Content of this page has been split up in two pages: # Interface Design with links and literature for the design process for human-machine interaction design # [[Hardwar...")
 
(16 intermediate revisions by 2 users not shown)
Line 1: Line 1:
== Siehe auch ==
Content of this page has been split up in two pages:
* [[IFD:Course Interaction Design|Kurs Interaktionsdesign]]
* [[Mobile Interaction Design|Links zum Interaktionsdesign für mobile Geräte]]
* [[Tracking Motion Detection|Tracking, Motion Detection und Motion Capture]] (Linkliste)
* [[Multitouch]] interfaces
* [[Instruments]]
* [[Sensors]]


== Publikationen ==
# [[Interface Design]] with links and literature for the design process for human-machine interaction design
=== in der Uni-Bibliothek  ===
# [[Hardware Interfaces]] a linklist with notable hardware interfaces
*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.
*Mensch Computer Interface ISBN 3-89942-564-2
*Physical Computing ISBN 1-592-00346-X
*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.
* Observing the User Experience ISBN 978-0123848697
** Umfassende wie auch verständiche Zusammenfassung von Methoden zur Nutzerforschung und Tests.
 
==Weblinks: Methoden ==
===Allgemein===
*[http://www.jnd.org/dn.pubs.html Essays von Don Norman], Autor von "The Design of Everyday Things"
*[http://wikid.eu/index.php/Main_Page Design-Wiki der TU Delft]
 
===Nutzerforschung===
Wenn eine Software oder ein Geräte nützlich und erfreulich für andere sein soll, sollten die Nutzer, ihr Wissen, Denkweisen, Ziele und Probleme bekannt sein – aus eigener Anschauung.
* [http://www.uxbooth.com/blog/complete-beginners-guide-to-design-research/ der complete beginners guide to UX Research]
* Der [http://www.helsinkidesignlab.org/files/731/original.pdf Design Ethnography Field Guide] biete eine Einführung in Stichpunkten
* [http://www.ideo.com/work/human-centered-design-toolkit/ IDEOs Human Centered Design Toolkit] ist ausführlich und anuf das Design für Entwicklungshilfeprojekte fokussiert (Die Methoden ändert das nicht).
* [https://www.wickedproblems.com/table_of_contents.php Wicked Problems Worth Solving] Stellt methoden dar und gibt theoretischen Hintergrund.
* Tipps für das richtige [http://www.adaptivepath.com/ideas/e000041 Führen von Interviews]
* [[wikipedia:de:Fragetechnik]] – Generelle Übersicht über mögliche Fragedimensionen und -Arten
* Natürlich lohnt sich die Beschäftigung mit [[wikipedia:Ethnography#Data collection methods|Ethnographie]]
* Die [http://www.pflegewiki.de/wiki/Grounded_Theory Grounded Theory] bildet die theoretische Basis von Methoden wie [http://www.interaction-design.org/encyclopedia/contextual_design.html Contextual Design]
 
====Methodensammlungen====
* [http://designingwithpeople.rca.ac.uk/methods Designing with People] vom [http://rca.ac.uk/ RCA]
* [http://www.designmethodenfinder.de/ Designmethodenfinder]
 
===Evaluation/Studien===
*[http://jthom.best.vwh.net/usability/index.htm Usability Methods Toolbox] – was man selber gestaltet hat, scheint immer intuitiv. Deshalb gilt: forschen und testen, z.B. mit den hier beschriebenen, einfachen Methoden.
*Soll eine neue Idee als publiziert werden, zeigt man deren Leistungsfähigkeit oft in einem Test mit Nutzern bei dem z.B. die Ausführungszeit gemessen wird. Zur Auswertung benötigt man statistische Kenntnisse, die man sich im [http://www.jerrydallal.com/LHSP/LHSP.HTM Little Handbook of Statistical Practice] oder im (interaktiven) [http://onlinestatbook.com/2/introduction/introduction.html onlinestatbook] anlesen kann.
* Fragebögen werden sehr oft angewendet. Sie haben aber wie jedes Forschungswerkzeug ihre Vor- und Nachteile. Im Gegesatz zu Interviews und Beobachtung wird man durch Fragebögen z.B. wenig neues entdecken. Dafür lassen sich viele Probanden ansprechen und quantitative Daten erheben. Einen guter Einstieg ist diese [http://iss.leeds.ac.uk/info/312/surveys/217/guide_to_the_design_of_questionnaires/5 Übersicht zu Befragungen] der Universtiy of Leeds; Prof. Dr. Höpflinger gibt [http://www.hoepflinger.com/fhtop/Umfragemethodik.pdf methodische Hinweise zur Umfragenmethodik] (pdf, 56S.).
* 20 praktische [http://www.userfocus.co.uk/articles/surveys.html  Hinweise zur Fragebogenerstellung].
* [http://hcibib.org/perlman/question.cgi Standardfragebogen] zur Zufriedenheit mit der Usability.
 
===Prototypen===
*[http://www.alistapart.com/articles/paperprototyping/ Paper Prototyping] – Paper Prototyping ist eine einfache und günstige Möglichkeit, interaktive Produkte zu testen.
* Einfachere Skizzen lassen sich im OpenSource-Tool [http://pencil.evolus.vn/ Pencil] erstellen. Als Student der Fakultät Medien lässt sich auch Microsoft Visio kostenlos runterladen; "stencils" für Visio, also vorgefertigte Interfaceelemente gibts kostenlos z.B. [http://developer.yahoo.com/ypatterns/about/stencils/ bei Yahoo].
* Einfache interaktive Prototypen lassen sich mit Libre Office Impress (Open Source) oder [http://boxesandarrows.com/interactive-prototypes-with-powerpoint/ Powerpoint erstellen]. Noch einfacher zu nutzen ist [http://www.developer.nokia.com/info/sw.nokia.com/id/7557c13f-0b43-4805-85ce-8414bfbade57/Flowella.html Nokias Flowella]. Sie sind aber weniger gut zum testen geeignet, weil nut Interaktionswege vom Nutzer begangen werden, die ihr explizit vordefiniert habt.
* Programmierte, interaktive Prototypen sind aufwändiger zu erstellen, kommen dem Verhalten des fertigen Produktes aber schon sehr nahe. Sie werden (meist) programmiert und können z.B. in [[JavaScript]], [http://www.jquery.com JQuery] , [http://www.jqueryui.com jQuery UI] und [[HTML]] oder [http://www.slideshare.net/ladylexy/flash-prototyping-workbook-part-1-and-2-3534139 Flash] erstellt werden. Aber: meist sind Paper-Prototypen ausreichend, denn sie sind oft einfacher zu erstellen als programmierte Prototypen und flexibler.
 
===Präsentieren===
*Click-Through Prototypen eignen sich besser für die Präsentation der Ideen, aber weniger gut für das Testen. Sie können z.B. in [http://boxesandarrows.com/view/interactive Powerpoint] oder [http://boxesandarrows.com/view/interactive Acrobat] erstellt werden.
* Kunden [http://www.alistapart.com/articles/can-you-say-that-in-english-explaining-ux-research-to-clients/ Nutzerforschung erklären]
 
==Anwenden==
* [http://jancborchardt.net/usability-in-free-software "Usability in Free Software"] (Jan-Christoph Borchardt)  stellt dar, wie man sich in Open-Source-Projekten beteiligen kann.
 
== Institutionen ==
* [[IFD:Start|Professur Interface Design]] an der Bauhaus-Uni Weimar, [http://www.uni-weimar.de/cms/medien/usability.html Usability] und [http://www.uni-weimar.de/cms/index.php?id=385 VR] sind Professuren der Medieninformatik, die sich mit Interfaces Design und HCI beschäftigen.
* [http://www.media.mit.edu MIT Media Lab]
* [http://hci.stanford.edu HCI at Stanford] University – and a couple of [http://www.youtube.com/user/StanfordUniversity#grid/user/27C635EE182143CE their Lectures]
* [http://www.hitl.washington.edu/ Human Interface Technology Laboratory - Washington]
* [https://maps.google.com/maps/ms?hl=en&ie=UTF8&msa=0&msid=111762822334715389586.00048782c862d08f261c6&ll=56.316537,12.216797&spn=31.838235,66.005859&z=4 Map of Interaction Design institutes] all over the world:
 
== Hardware ==
=== I/O Boards ===
* [[Arduino Links|Arduino]] the number one controller board becomes an interface when loaded with the [http://firmata.org Firmata] Firmware
* [http://www.minitronics.net Minia] ([http://minia.wikkii.com wiki]) awesome open source HID and MIDI interface!! (other sources: [http://www.1010.co.uk/avrhid.html AVRHID], [http://www.1010.co.uk/org/byron.html BYRON])
* [http://www.obdev.at/products/vusb/prjall.html V-USB] atmel based USB scheme
* [http://www.wiring.org.co Wiring] Arduinos older sister
* [http://www.parallax.com BASIC Stamp]
* [http://www.codemercs.com/IOWarriorE.html IO-Warrior - Generic USB I/O Controller / Overview] [http://monitzer.com/iowarrior IO-Warrior example]
* [http://www.create.ucsb.edu/~dano/CUI The CREATE USB Interface]
* [http://makingthings.com Make Controller], [http://makezine.com/controller MakeZine.com: Controller Kit]
* [http://www.glui.de/?jump=workshop glui] (expensive, but unique features)
 
=== MIDI Devices ===
* [http://www.behringer.com/BCF2000/index.cfm?lang=ENG B-CONTROL FADER BCF2000: Total Recall USB/MIDI Controller Desk with 8 Motorized Faders]
* [http://www.doepfer.de/home_d.htm doepfer]
* [http://www.cinetix.de/interface/midmxgen.htm MIDI/DMX-512 Generator]
* [http://www.midibox.org MIDIbox.org], [http://www.ucapps.de ucapps.de]
 
=== USB Devices ===
* [http://aug.ment.org/lechero August Black]
* [http://www.electrotap.com/teabox/ Electrotap]
* [http://intronico.de/english/mfc_8800_dc_em_e.html Intronico – Wireless solutions for industrial automation and facility management]
* [http://www.techdesign.be/projects/023/023.htm 023 - TD-CMP]
* [http://infusionsystems.com/catalog/index.php I-CubeX Online Store: The Ultimate Controller]
* [http://www.gumstix.com/products.html gumstix - all things small]
* [http://www.interface-z.com Interface-Z: Capteurs, actionneurs, interfaces Midi pour interaction à distance, art contemporain et installation artistique.]
* [http://www.thereminworld.com Theremin World]
* [http://www.ergodex.com Welcome to Ergodex]
* [http://www.hoagieshouse.com/IR Make an Infrared Webcam]
* [http://de.eao.com/global/de/home.asp?navid=0 EAO home]
* [http://audiopint.org audiopint.org]
* [http://de.wii.com Nintendo Wii]
 
=== Home Automation ===
* [http://www.leibnix.de Linux Home Automation]
* [http://www.macbrick.com MacBrick - Home Automation with your Macintosh]
* [http://www.eib-home.de/instabus_eib_home.htm www.eib-home.de Konnex Gebäudesystemtechnik instabus KNX/EIB Startseite]
* [http://www.x10.com X10]
 
=== Sonstige ===
* [http://www.kernelthread.com/software/ams/ams.html The PowerBook Sudden Motion Sensor]
 
== Software ==
* [http://www.inference.phy.cam.ac.uk/dasher Inference Group: Dasher Project: Home]
 
[[Category:Electronics]]
[[Category:Hardware]]
[[Category:Interfaces]]
[[Category:Linklist]]
[[Category:Software]]
[[Category:Electronics]]

Latest revision as of 15:04, 6 April 2014

Content of this page has been split up in two pages:

  1. Interface Design with links and literature for the design process for human-machine interaction design
  2. Hardware Interfaces a linklist with notable hardware interfaces