Medien Wiki - User contributions [en]

User:JanD

2016-03-17T19:09:08Z

JanD: /* Jan Dittrich */

=Jan Dittrich=

''Everything is best for something and worst for something else'' – Bill Buxton

I have been student at the Bauhaus University from 2009–2015. Thus I edit here only occasionally. If you want to stay in contact, have a look at [http://www.fordes.de my webpage, fordes.de]

-------------------------------------

I mainly doing [[wikipedia:Interaction Design|interaction design]] and user research. If I don't I may be busy with javascript programming, statistics, cognitive psychology or lazing in the Ilmpark.

I publish term-wise a [[HCIVeranstaltungen|collection of HCI-related classes]] at the uni

If you are bored, feel free to read the [[/bookmarks|bookmarked pages]] and use the [[IFD:UXTemplates|UX document templates]]

==Current Projects==
* Develop lightweight user research methods
* [[IFD:Nutzerstudien_WiSe1314|Werkmodul HumanCenteredDesignResearch 3: Secure Communication]] Teaching concept, Teaching. Students learn to use needfinding and evaluation research techniques.
* Needfinding and Requirements for eLearning

== Old Projects==
* User [[/MediaWikiResearch|Research for the Medienwiki]]
* [[IFD:HumanCenteredDesignResearch_SoSe13|Werkmodul HumanCenteredDesignResearch 2: Share and Remix]] Teaching concept, Teaching. Students learn to use needfinding and evaluation research techniques.
* [[IFD:HumanCenteredDesignResearch-Library|Werkmodul HumanCenteredDesignResearch]] Teaching concept. Students learn to use needfinding and evaluation research techniques by designing for the university's library.

* User Research for a project on sustainable consuption
* Literature Research and case studies for my Bachelor's Thesis on intuitive interaction for novel interface paradigms. The Netspeak-Interface Redesign served here as an example of an innovative interface which is nervertheless intuitively usable.

* [http://mozillalabs.com/conceptseries/2010/08/04/week-1-status-update-from-the-crowdsourcing-project/#more-398 Crowdsourcing@mozilla 1], [http://mozillalabs.com/conceptseries/2010/08/27/crowdsourcing-project-summary-of-key-learnings/ 2][http://mozillalabs.com/conceptseries/2010/10/07/crowdsourcing-project-%E2%80%93-team-1-3-phase-2/ 3]: Mozilla Crowdsourcing is a international team of students redesigning Mozilla's outreach to the UX-Designer community.

* Bimanual Interaction Research @ [http://www.uni-weimar.de/cms/medien/medieninformatik.html Media Computer Science Weimar]. [http://www.uni-weimar.de/cms/fileadmin/medien/vr/documents/publications/hold-and-move.pdf Paper] published at MobileHCI 2012 (Coauthor)

[[File:Netspeak_altUI.png|thumb|right|Interface-Entwurf Netspeak]]
* Usability for Search Interfaces: [http://www.netspeak.cc/ Netspeak] Netspeak is a search engine for words in the context of a sentence.While the normal use requires the user to lear a wildcard syntax, the novel design allows just to click on the words in question to get a list of alternatives.

* [[IFD:Designing For Action]]-Werkmodul: Concept for a Werkmodul, teaching the basics of Interaction Design: user research, best Practices, prototyping and testing. Mozilla publishes a series of blog posts about the course: [http://mozillalabs.com/conceptseries/2010/11/09/student-outreach-bauhaus-university-class-embarking-on-open-interaction-design/ project start]

* Icon Design

* [[IFD:Bringing Usability To Touch|bringing usability to touch]]

* [[FirefoxMobile-SmartTabs]] How can we ease the recognition of webpages by creating good represenations? Was a little project in order to improve the tabs in Firefox Mobile.

[[Category:Student]]
[[Category:Jan Dittrich]]

User:JanD/bookmarks

2015-07-28T20:12:06Z

JanD: /* misconceptins and bad things */

== Design ==

=== Lehre ===

[http://www.gurtle.com/ppov/2009/12/18/so-you-want-to-be-a-user-researcher So you want to be a user researcher? | Pat's Point of View]

[https://www.cmu.edu/teaching/designteach/design/instructionalstrategies/groupprojects/design.html What are best practices for designing group projects? - Enhancing Education - Carnegie Mellon University]

[http://studentaffairs.stanford.edu/sites/default/files/registrar/files/sample_crse_eval.pdf Stanford University - Course Evaluation - sample_crse_eval.pdf]

[http://www.cooperhewitt.org/conversations/2011/09/09/ready-set-design Ready, Set, Design! | Smithsonian Cooper-Hewitt, National Design Museum in New York]

[http://d.ucsd.edu/class/intro-hci/index.html Intro to HCI]

=== Allgemein/Basics ===

[http://www.infodesign.com.au/uxpod User Experience Podcast | Information & Design]

[http://www.namahn.com//resources/interviews.htm Podcasts on HCI]

[http://littlebigdetails.com/ Little Big Details]

[http://www.contrast.ie/blog/make-it-meaningful/ UX + Usability debate: Make it meaningful | The Contrast Blog]

[http://johnnyholland.org/2010/03/01/johnny-tvs-10-must-see-ux-videos/ Johnny Holland –» Johnny TV’s 10 Must-See UX Videos]

[http://www.kickerstudio.com/blog/2010/09/essential-interaction-design-essays-and-articles/comment-page-1/#comment-3667 Kicker Studio: Essential Interaction Design Essays and Articles]

[http://www.smashingmagazine.com/2010/01/05/25-user-experience-videos-that-are-worth-your-time/ 25 User Experience Videos That Are Worth Your Time - Smashing Magazine]

[http://delicious.com/sochi.si HCI Bookmarks]

Keep, share, and discover the best of the Web using Delicious, the world's leading social bookmarking service.

[http://theixdlibrary.com/ The IxD Library - A collection of materials related to Interaction Design]

[http://www.forum.nokia.com/Design/Design_process/Getting_started/Interaction_design_and_prototyping.xhtml Forum Nokia - Interaction design and prototyping]

[http://www.ixda.org/ Interaction Design Association]

[http://www.ijdesign.org/ojs/index.php/IJDesign/index International Journal of Design]

[http://meiert.com/de/publications/translations/asktog.com/firstprinciples/ Grundsätze des Interaction Designs (Bruce Tognazzini) – Übersetzung von Jens O. Meiert]

[http://developer.apple.com/documentation/UserExperience/Conceptual/AppleHIGuidelines/XHIGIntro/chapter_1_section_1.html Apple Human Interface Guidelines: Introduction to Apple Human Interface Guidelines]

[http://www.jnd.org/index.html Don Norman's jnd.org / user advocacy and human-centered design]

[http://www.joelonsoftware.com/printerFriendly/uibook/fog0000000249.html User Interface Design For Programmers - Joel on Software]

[http://www.experientia.com/blog/ux-week-2008-videos/ Putting people first » UX Week 2008 videos]

[http://usability.gov/guidelines/index.html Guidelines | Usability.gov]

[http://www.cs.umd.edu/class/fall2002/cmsc838s/tichi/oai.html Objects-Actions Interface model]

[http://www.brandonwalkin.com/blog/2009/08/10/managing-ui-complexity/ Managing UI Complexity | Brandon Walkin]

[http://wikid.eu/index.php/Main_Page Main Page - WikID, the Industrial Design Engineering wiki]

[http://uxblog.sameerchavan.com/?p=138 Usability Bloopers – Short videos on bad UI design - User Experience & Usability Review Blog]

[http://www.designforusability.org/wp-content/DfU_MethodCollection_a5Kaarten_WEB.pdf DfU_MethodCollection_a5Kaarten_WEB.pdf]

[http://uxtogo.files.wordpress.com/2012/05/projectcanvasenglishv1.pdf Project Canvas - projectcanvasenglishv1.pdf]

[http://www.designcouncil.org.uk/about-design/how-designers-work/design-methods/ Design Council - Design methods]

[https://www-01.ibm.com/software/ucd/ucd.html#ucdfaq IBM Design: UCD process]

=== misconceptions and bad things ===

[http://www.cooper.com/journal/2010/10/making_it_suck.html Making it suck | Cooper Journal]

[http://www.nngroup.com/articles/the-myth-of-the-genius-designer/ The Myth of the Genius Designer]

[http://asktog.com/atc/the-third-user/ Apple: Focus on the buyer, not the user: "The Third User" | askTog]

[http://danwin.com/2013/01/infinite-scroll-fail-etsy/ Why did infinite scroll fail at Etsy? | danwin.com]

[http://www.elasticspace.com/2013/03/no-to-no-ui No to NoUI – Timo Arnall]

[http://dilbert.com/strips/comic/2001-12-12/ Dilbert comic strip for 12/12/2001 from the official Dilbert comic strips archive.]

[http://dilbert.com/strips/comic/2004-08-17/ Dilbert comic strip for 08/17/2004 from the official Dilbert comic strips archive.]

[http://www.azarask.in/blog/post/the-seduction-of-simple-hidden-complexity/ The Seduction of Simple: Hidden Complexity « Aza on Design]

[http://uxmyths.com/ UX Myths]

[http://uxmyths.com/post/715009009/myth-icons-enhance-usability Myth #13: Icons enhance usability - UX Myths]

[http://www.zeit.de/2013/28/entwicklungshilfe-reiche-arme-ofen/ [Failed] Entwicklungshilfe: Öfen für alle | ZEIT ONLINE]

[http://www.uxmag.com/design/the-dirtiest-word-in-ux-complexity The Dirtiest Word in UX: Complexity | UX Magazine]

[http://www.baddesigns.com/ Bad Human Factors Designs]

[http://dilbert.com/strips/comic/2001-02-02/ Dilbert comic strip for 02/02/2001 from the official Dilbert comic strips archive.]

[http://search.dilbert.com/comic/Technology%20Demo Technology Demo on Dilbert.com]

[http://dilbert.com/strips/comic/1996-05-26/ Dilbert: Business Language]

=== Berufswahl/Richtungen ===

[http://www.cooper.com/journal/2001/06/so_you_want_to_be_an_interacti.html Berufswahl: So You Want To Be An Interaction Designer]

[http://germanupa.de/german-upa/branchenreport/branchenreport-usability-2008.pdf/view Branchenreport 2008 — German UPA]

[http://www.adaptivepath.com/ideas/essays/archives/000656.php Interactiondesigner Berufswahl]

A User Experience design and consulting firm that unites theory and practice to advance the art of user experience design while helping clients make better business decisions. Located in San Francisco, California, USA.

=== IA ===

[http://www.uxmatters.com/mt/archives/2012/02/ia-strategy-addressing-the-signatures-of-information-overload.php IA Strategy: Addressing the Signatures of Information Overload :: UXmatters]

[http://www.cennydd.co.uk/2011/editing-tips-for-designers/ Editing tips for designers : Cennydd Bowles]

[http://www.jjg.net/ia/recon/ Jesse James Garrett: ia/recon]

=== action research ===

[http://alandix.com/blog/2012/12/10/action-research-in-hci/ Action Research in HCI | Alan Dix]

[http://www.edu.plymouth.ac.uk/resined/actionresearch/arhome.htm#FURTHER%20READING Action Research in Education]

=== mobile ===

[http://developer.apple.com/library/ios/#documentation/userexperience/conceptual/mobilehig/Introduction/Introduction.html#//apple_ref/doc/uid/TP40006556-CH1-SW1|iOS Human Interface Guidelines: Introduction]

[http://uxmag.com/technology/five-lessons-from-a-year-of-tablet-ux-research?utm_source=feedburner&utm_medium=feed&utm_campaign=Feed%3A+UXM+%28UX+Magazine%29 Five Lessons from a Year of Tablet UX Research | UX Magazine]

[http://design-challenge.mozillalabs.com/resources/files/designing_for_mobile.pdf designing_for_mobile.pdf (application/pdf-Objekt)]

[http://yuiblog.com/blog/2007/10/02/challenges-of-interface-design-for-mobile-devices/ Challenges of Interface Design for Mobile Devices » Yahoo! User Interface Blog (YUIBlog)]

[http://patterns.littlespringsdesign.com/index.php/Main_Page Main Page - Design For Mobile: resources for designing and building mobile apps and sites]

[http://www.forum.nokia.com/Technology_Topics/Design_and_User_Experience/ Forum Nokia - Design and User Experience]

[http://vimeo.com/3327288 Rachel Hinman | UX Week 2008 | Adaptive Path on Vimeo]

[http://www.paulhibbitts.com/small-screen-ui-design-links.html Small Screen UI Design - Recommended Links - Resources - Paul Hibbitts, Vancouver, Canada]

[http://www.accessdevnet.com/docs/zenofpalm.pdf zenofpalm.pdf (application/pdf-Objekt)]

[http://www.usercentric.com/news/2009/08/26/best-practices-designing-mobile-applications Best Practices for Designing Mobile Applications]

[http://www.boxesandarrows.com/view/four-key-principles Four Key Principles of Mobile User Experience Design - Boxes and Arrows: The design behind the design]

[http://www.edwardtufte.com/bboard/q-and-a-fetch-msg?msg_id=00036T Ask E.T.: iPhone interface design]

[http://www.uxmatters.com/mt/archives/2013/02/how-do-users-really-hold-mobile-devices.php How Do Users Really Hold Mobile Devices? :: UXmatters]

=== Modeling ===

[http://www.azarask.in/blog/post/know_when_to_stop_designing_quantitatively/# Know When to Stop Designing, Quantitatively « Aza on Design]

[http://courses.csail.mit.edu/6.831/2009/handouts/ac18-predictive-evaluation/klm.shtml Keystroke Level Model (KLM) Calculator]

[http://particletree.com/features/visualizing-fittss-law/ Particletree » Visualizing Fitts’s Law]

[http://www.codinghorror.com/blog/2010/03/the-opposite-of-fitts-law.html Coding Horror: The Opposite of Fitts' Law]

[http://en.wikipedia.org/wiki/Hick%27s_law Hick's law - Wikipedia, the free encyclopedia]

==== non-WIMP ====

[http://users.erols.com/rwservices/pens/biblio70.html#DavisMR64 (early) History of Pen and Gesture Computing: References Papers]

[http://www.disambiguity.com/when-to-use-drag-drop-some-informal-research-results/ when to use drag & drop (some informal research results) | disambiguity]

[http://www.cs.umd.edu/class/fall2002/cmsc838s/tichi/dirman.html Direct Manipulation]

[http://www.jnd.org/dn.mss/ui_breakthroughcomma.html Command Line Interfaces - Don Norman's]

books by Don Norman, personal web page for Don Norman, of the Nielsen Norman Group and Northwestern University, champion of human-centered design. Publications, papers, sample chapters and writings, list of students.

[http://www.yorku.ca/mack/hci3.html Text entry for mobile computing: Models and methods, theory and practice]

[http://zoomism.com/ zoomabel UI: zoomism]

[http://searchuserinterfaces.com/book/sui_ch1_design.html Design of Search User Interfaces (Ch 1) | Search User Interfaces | Marti Hearst | Cambridge University Press 2009]

[http://www.sapdesignguild.org/resources/TSDesignGL/Index.htm Interaction Design Guide for Touchscreen Applications]

[http://mattgemmell.com/2010/03/05/ipad-application-design iPad Application Design » Slate Devices Touch Interaction]

[http://depts.washington.edu/aimgroup/proj/dollar/ JavaScript $1 Unistroke Recognizer]

[http://www.lukew.com/ff/entry.asp?1071 LukeW | Touch Gesture Reference Guide]

The Touch Gesture Reference Guide is a unique set of resources for software designers and developers working on touch-based user interfaces.The guide contains: 1) an overview of the core gestures used for most touch commands 2) how to utilize these gesture ...

[http://www.vimeo.com/2761844 NYC IxDA - Tap is the New Click - Dan Saffer on Vimeo]

[http://www.donhopkins.com/drupal/node/98 The Design and Implementation of Pie Menus -- Dr. Dobb's Journal, Dec. 1991 | Don Hopkins]

[http://patterns.design4mobile.com/index.php/Touch_Screen_UI_Guidelines Touch Screen UI Guidelines - Design For Mobile: resources for designing and building mobile apps and sites]

[http://vimeo.com/6712657 Touch: 10GUI]

[http://sethsandler.com/multitouch/mtmini/ Touch: mtMini - DIY Multitouch Mini Pad]

[https://help.ubuntu.com/community/UMEGuide/DesigningForFingerUIs Ubunutu Guidelines for Touch Interfaces; Target sizes]

[http://www.nngroup.com/reports/mobile/ipad/ Usability of iPad Apps and Websites: First Research Findings]

[http://www.jnd.org/dn.mss/natural_user_interfaces_are_not_natural.html NUI Are Not Natural]

[http://web.archive.org/web/20050214045718/http://piemenu.com/ Pie Menu Central]

=== Questionaires ===

[http://www.usabilitynet.org/tools/r_questionnaire.htm UsabilityNet: questionnaire resources]

[http://www.slideshare.net/rebeccaweiss/writing-surveysthatwork Writing surveysthatwork]

[http://hcibib.org/perlman/question.cgi Computer System Usability Questionnaire]

[http://www.hoepflinger.com/fhtop/Umfragemethodik.pdf Umfragemethodik.pdf]

[http://www.userfocus.co.uk/articles/satisfaction.html Measuring satisfaction: Beyond the usability questionnaire]

[http://arbeitsblaetter.stangl-taller.at/FORSCHUNGSMETHODEN/Fragebogen.shtml Schritte der Fragebogen Konstruktion]

[http://iss.leeds.ac.uk/info/312/surveys/217/guide_to_the_design_of_questionnaires/5 University of Leeds - Guide to the Design of Questionnaires]

[http://www.mmk.ei.tum.de/lehre/ebof/vlss12/referate/Fragenbogen%20und%20Interview.pdf PowerPoint-Präsentation - Fragenbogen und Interview.pdf]

[http://www.cochrane.es/files/Recursos/How_to_design_a_questionnaire.pdf How_to_design_a_questionnaire.pdf]

[http://www.measuringusability.com/blog/10-things-SUS.php 10 Things to Know About the System Usability Scale (SUS): Measuring Usability]

=== Prototyping etc. ===

[http://www.boxesandarrows.com/view/storyboarding_rich_internet_applications_with_visio Storyboarding Rich Internet Applications with Visio - Boxes and Arrows: The design behind the design]

[http://www.alistapart.com/articles/sketchingincode A List Apart: Articles: Sketching in Code: the Magic of Prototyping]

[http://boxesandarrows.com/view/interactive Interactive Prototypes with PowerPoint - Boxes and Arrows: The design behind the design]

[http://www.nngroup.com/articles/thinking-aloud-the-1-usability-tool/ Thinking Aloud: The #1 Usability Tool]

[http://www.alistapart.com/articles/paperprototyping/ A List Apart: Articles: Paper Prototyping]

[http://www.userfocus.co.uk/articles/paperprototyping.html 7 myths about paper prototyping]

[http://www.usability.gov/get-involved/blog/2005/06/paper-prototypes-and-software-prototypes.html Paper Prototypes Work as Well as Software Prototypes | Usability.gov]

[http://www.boxesandarrows.com/view/quick-and-easy-flash Quick and Easy Flash Prototypes - Boxes and Arrows: The design behind the design]

[http://hci.stanford.edu/research/prototyping/ Prototyping · Research · Stanford HCI]

=== particiaptive Design ===

[http://www.ijdesign.org/ojs/index.php/IJDesign/article/view/749/404 The Quality of Design Participation: Intersubjectivity in Design Practice]

=== Psycho & Evaluierung ===

[http://www.useit.com/papers/heuristic/ Heuristic Evaluation]

Center for information about heuristic evaluation of user interface designs: a cheap and fast usability inspection method (by Jakob Nielsen who co-invented the method in 1989)

[http://www.usercentric.com/blogs/uxnuggets/2012/01/26/statistical-analysis-user-research-when-it-meaningful Statistical Analysis for User Research: When Is It Meaningful? - User Centric, Inc.]

[http://en.wikipedia.org/wiki/Cognitive_dimensions Cognitive dimensions of notations - Wikipedia, the free encyclopedia]

[http://www.useit.com/papers/guerrilla_hci.html Guerrilla HCI]

[http://en.wikipedia.org/wiki/Fitts_law Fitts's law - Wikipedia, the free encyclopedia]

[http://www.boxesandarrows.com/view/cognitive_psychology_ia_from_theory_to_practice Cognitive Psychology & IA: From Theory to Practice - Boxes and Arrows: The design behind the design]

[http://articles.sitepoint.com/article/heuristic-evaluation-guide Heuristic Evaluation - a Step By Step Guide]

[http://www.measuringusability.com/blog/five-history.php A Brief History of the Magic Number 5 in Usability Testing: Measuring Usability]

[http://www.measuringusability.com/blog/quant-criticism.php How to Deal With Quantitative Criticism: Measuring Usability]

[http://www.measuringusability.com/blog/stats-usability-errors.php Nine misconceptions about statistics and usability: Measuring Usability]

[http://optimalusability.createsend1.com/t/ViewEmail/r/2A9B9D7B374CB328/A99A37E0B6D9AA7E0CC2E775D3CF5869 10tips for mobile usability testing]

=== Social/User Creativity ===

[http://www.uxmatters.com/mt/archives/2009/08/empowering-users-to-create-their-own-software.php Empowering Users to Create Their Own Software :: UXmatters]

[http://boxesandarrows.com/view/designing-for-social Designing for Social Interaction - Boxes and Arrows: The design behind the design]

[http://johnnyholland.org/2012/02/principles-of-social-interaction-design/ Principles of Social Interaction Design | Johnny Holland]

[http://uxdesign.smashingmagazine.com/2012/04/26/gamification-ux-users-win-lose/ Gamification And UX: Where Users Win Or Lose | Smashing UX Design]

[http://developer.yahoo.com/ypatterns/social/people/reputation/index.html Reputation Patterns - Design Pattern Library - YDN]

[http://pipeline.cc.gatech.edu/pdf/p1-luther.pdf Paper: Why it Works When it Works]

[http://faculty.washington.edu/aragon/pubs/cc09.pdf Paper: A Tale of Two Online Communities: - cc09.pdf]

[http://pipeline.cc.gatech.edu/pdf/p2823-luther.pdf Paper: Edits and Credits]

=== Experience ===

[http://www.interaction-design.org/encyclopedia/user_experience_and_experience_design.html User Experience and Experience Design]

[http://www.nngroup.com/articles/satisfaction-vs-performance-metrics/ User Satisfaction vs. Performance Metrics]

[http://www.userfocus.co.uk/articles/satisfaction.html Measuring satisfaction: Beyond the usability questionnaire]

=== UserResearch-Examples ===

[https://www.youtube.com/watch?v=9t-_hYjAKww EXAMPLE: (cc-by) How to do a research interview - YouTube]

[https://www.youtube.com/watch?v=LyJMQDAa4v0 EXAMPLE: cc-by Interview with Ben Clip - YouTube]

[http://stbyblogs.eu/cyclehiring/ EXAMPLE: Road safety for London cyclists]

[http://vimeo.com/6002157 EXAMPLE: Reading Ahead project: Chris interview clip on Vimeo]

[http://www.bbc.co.uk/blogs/legacy/bbcinternet/2011/11/bbc_weather_design_refresh.html BBC User Centered Design of Weather Page]

[http://www.uk.sagepub.com/braunandclarke/study/qualitative.htm SAGE - Student and Instructor Site for Sucessful Qualitative Research]

[http://vimeo.com/27214053 CC-By: What does it mean to be 16? (High School Project)the NYC iSchool on Vimeo]

[http://vimeo.com/86436452 CC-BY: How do poeple choose meat?]

Analysis presentation. Mainly desciptive.

[http://vimeo.com/66064252 CC-BY: The Challenges of Small Business Owners on Vimeo]

Much edited; Nice Interview snippets

[http://vimeo.com/70890195 CC-BY: Man explains future house]

Guy walks through unfinished house showing what he wants to do there.

[http://vimeo.com/33597564 CC-BY: Warten auf der Straße]

Migranten reden über ihren Treffpunkt, eine Straßenecke, und warum sie dort warten.

[http://blog.usabilla.com/top-ethnographic-research-videos/ Top 10 Ethnographic Research Videos - The Usabilla Blog]

=== UserResearch-Datenerhebung ===

[http://www.qualitative-research.net/index.php/fqs/article/view/466/996#g9 Participant Observation as a Data Collection Method | Kawulich | Forum Qualitative Sozialforschung / Forum: Qualitative Social Research]

[http://www.uxmatters.com/mt/archives/2011/10/research-guidelines-you-wont-find-in-a-textbook.php Research Guidelines: Make Friends, No Answers, No Selling]

[https://blog.mozilla.org/ux/2012/08/when-to-use-a-focus-group-and-when-not-to/ When To Use a Focus Group and When Not To | Mozilla UX]

[http://www.adaptivepath.com/ideas/essays/archives/000041.php adaptive path » nondirected interviews: how to get more out of your research questions]

[http://www.uxmatters.com/mt/archives/2011/04/when-interviews-go-wrong.php When Interviews Go Wrong :: UXmatters]

[http://de.wikipedia.org/wiki/Fragetechnik Fragetechnik – Wikipedia]

=== UserResearch ===

[http://de.wikipedia.org/wiki/Aktionsforschung Aktionsforschung – Wikipedia]

[http://www.smallfire.co.nz/2012/07/04/co-design-workshop-resources-techniques-and-methods/?utm_source=feedburner&utm_medium=feed&utm_campaign=Feed%3A+indyusability+%28Usability+News+with+Brandon+Corbin%29 Co Design Workshop Techniques]

[http://uxmag.com/articles/ethnography-in-industry-objectives Ethnography in Industry: Objectives? | UX Magazine]

[http://www.pflegewiki.de/wiki/Grounded_Theory Grounded Theory – PflegeWiki]

[http://www.pflegewiki.de/wiki/Schematischer_Ablauf_der_Grounded_Theory_am_Beispiel_der_Studie_%22Vertrautheit%22_von_Corry_Bosch Schematischer Ablauf der Grounded Theory am Beispiel der Studie "Vertrautheit" von Corry Bosch – PflegeWiki]

[http://www.alistapart.com/articles/can-you-say-that-in-english-explaining-ux-research-to-clients/ A List Apart: Articles: Can You Say That in English? Explaining UX Research to Clients]

[http://ils.unc.edu/~march/blsreport/mainbls.html Diary/Focusgroup Entry Coding Organization]

[http://www.slideshare.net/jaremfan/the-goodness-of-diary-studies Diary Studies Slides]

[http://www.slideshare.net/jaremfan/diary-studies-a-primer Diary studies - A primer]

[http://www.eriontheinterweb.com/2011/07/the-dos-and-donts-of-diary-studies/ The Dos and Don’ts of Diary Studies - eri on the interweb]

[http://www.tiresias.org/tools/diary_analysis_studies.htm Tiresias :: Project tools :: Diary studies]

[http://www.uxmatters.com/mt/archives/2008/05/bite-sized-ux-research.php Bite-Sized UX Research :: UXmatters]

[http://www.uxmatters.com/mt/archives/2009/01/design-research-methods-for-experience-design.php Design Research Methods for Experience Design :: UXmatters]

[http://help.ethnohub.com/guide/aeiou-framework AEIOU Framework | EthnoHub Help]

[https://en.wikipedia.org/w/index.php?title=Thematic_analysis&oldid=606461893 Thematic analysis - Wikipedia, the free encyclopedia]

[http://blogs.parc.com/blog/2013/12/mythbusting-corporate-ethnography-and-the-giant-green-button/ Mythbusting: Corporate Ethnography and the Giant Green Button | PARC blog]

[http://www.sitepoint.com/contextual-enquiry-primer/ Contextual Enquiry – A Primer » SitePoint]

[http://www.slideshare.net/RuthEllison/guerrilla-user-design-research-final Guerrilla User and Design Research]

[[http://webcache.googleusercontent.com/search?q=cache:U4UpMBG7-X8J:www.slideshare.net/leisa/diy-user-research-londonbarcamp3+%22We+tend+to+project+our+own+rationalisations+and+beliefs+onto+the+actions+and+beliefs+of+others.%22&cd=1&hl=de&ct=clnk≷=de&client=firefox-a|DIY User Research (LondonBarCamp3)]]

[http://incontextdesign.com/articles/helpful-tips-to-improve-your-contextual-inquiry-techniques/ InContext » Helpful Tips to Improve Your Contextual Inquiry Techniques]

[http://www.uxmag.com/design/five-ux-research-pitfalls Five UX Research Pitfalls | UX Magazine]

[http://www.adaptivepath.com/ideas/essays/archives/000755.php adaptive path » research is a method, not a methodology]

[http://wiki.fluidproject.org/display/fluid/Contextual+Inquiry Contextual Inquiry - Fluid Project Wiki]

[http://www.uxbooth.com/blog/complete-beginners-guide-to-design-research/ Complete Beginner’s Guide to Design Research | UX Booth]

[http://www.helsinkidesignlab.org/dossiers/design-ethnography Design Ethnography Ressources/Fieldguide]

[http://usability.jameshom.com/ The Usability Methods Toolbox - Usability Methods Toolbox Contextual Design Heuristic Evaluation Inspection Inquiry usable engineering]

[http://designingwithpeople.rca.ac.uk/ethics D. Research Ethics]

[http://designingwithpeople.rca.ac.uk/methods Method Overview: Designing With People]

[http://www.eval.org/SummerInstitute08/08SIHandouts/Uploaded/aea08.si.liebow1.pdf Rapid Ethnography in Evaluation - aea08.si.liebow1.pdf]

[http://www.forbes.com/sites/nathanfurr/2011/06/09/how-failure-taught-edison-to-repeatedly-innovate/ Iterate: "How Failure Taught Edison to Repeatedly Innovate - Forbes"]

[http://www.paulos.net/teaching/2011/BID/readings/rapid_visualization.pdf Sketching made easy]

[http://www.portigal.com/wp-content/uploads/2008/01/Portigal-Consulting-White-Paper-Persona-Non-Grata.pdf Persona-non-crata: critical view of personas]

=== Creatitvity and Facilitation ===

[http://www.zeit.de/karriere/beruf/2013-10/entscheidungen-gruppe-zwang Sozialpsychologie: Gruppen entscheiden meistens schlecht | ZEIT ONLINE]

[http://www.newyorker.com/reporting/2013/07/29/130729fa_fact_gawande?currentPage=all Atul Gawande: How Do Good Ideas Spread? : The New Yorker]

[http://www.sueddeutsche.de/wissen/warum-brainstorming-nicht-funktioniert-windstille-im-kopf-1.1303668 Warum Brainstorming nicht funktioniert - Windstille im Kopf - Wissen - Süddeutsche.de]

[http://www.businessweek.com/stories/2006-07-25/eight-tips-for-better-brainstorming Eight Tips for Better Brainstorming - Businessweek]

[http://uxmag.com/articles/problems-with-innovation-workshops Problems With Innovation Workshops | UX Magazine]

[http://carmine.se.edu/cvonbergen/Productivity%20Loss%20In%20Brainstorming_Toward%20the%20Solution%20of%20a%20Riddle.pdf Productivity Loss In Brainstorming_Toward the Solution of a Riddle.pdf]

[http://kops.ub.uni-konstanz.de/bitstream/handle/urn:nbn:de:bsz:352-opus-88355/Group_versus_individual_performance_on_tasks_1973_KOPS8835.pdf?sequence=1 Group versus individual performance on tasks requiring ideational proficiency (brainstorming): A review - Group_versus_individual_performance_on_tasks_1973_KOPS8835.pdf]

[http://www.slideshare.net/Vorkronor/design-studio-workshop Design studio workshop]

[http://vimeo.com/37861987 The Design Studio Method - Todd Zaki Warfel on Vimeo]

[https://en.wikipedia.org/wiki/Oblique_Strategies Oblique Strategies - Wikipedia, the free encyclopedia]

=== Books ===

[https://www.wickedproblems.com/table_of_contents.php Wicked Problems: Problems Worth Solving - Table Of Contents]

[http://www.scribd.com/doc/7479034/hcimodelstheoriesandframeworkstowardamultidisciplinaryscienceinteractivetechnologies hci-models-theories-and-frameworks-toward-a-multidisciplinary-science-interactive-technologies]

[about:blank Connecting…]

[http://searchuserinterfaces.com/book/ Read It: Search User Interfaces]

[http://www.billbuxton.com/inputManuscript.html Buxton: Input Theories, Techniques and Technology]

[http://www.id-book.com/ Interaction Design - Second Edition]

The companion website for the book Interaction Design: beyond human-computer interaction, by Preece, Rogers and Sharp. On this site, you'll find a variety of resources and activities to support your exploration of interaction design.

[http://hci.rwth-aachen.de/hcibooks.html The Media Computing Group : Jan's Top Ten List of Books on Human-Computer Interaction]

=== Tools/Ressourcen ===

[http://www.e-werkzeug.eu/ FLOSS Transkriptionstool]

[http://www.usability.gov/templates/docs/release.doc Videotape Consent Form (DOC - 152KB)]

[http://usability.gov/templates/index.html Templates | Usability.gov]

[http://www.designerinaction.de/gestaltung/android-234-gui.html Android 2.3.4 GUI - DESIGNER IN ACTION]

[https://openoffice.apache.org/get-involved.html OpenSource: learning to participate- Modules]

[http://www.uclic.ucl.ac.uk/annb/CASSM/CASSMindesign.html CASSM-Method for concept matching analysis]

[https://en.wikipedia.org/wiki/Technology_acceptance_model Technology acceptance model - Wikipedia, the free encyclopedia]

=== Forms and Signups ===

[http://www.ryancramer.com/journal/entries/select_multiple/ Select multiple form fields - finding a better solution for multiple selection]

Despite their important function, select multiple form fields are problematic. This article looks at the inherent problems with select multiple form fields, and talks about ways to improve upon them.

=== Instructional Des. ===

[http://classweb.gmu.edu/ndabbagh/Resources/IDKB/instruct_design.htm IDKB - Doing an ID Project]

[http://de.wikipedia.org/wiki/ARCS-Modell ARCS-Modell – Wikipedia]

=== Recht und Business ===

[http://www.alistapart.com/articles/designing-contracts-for-the-xxi-century/?utm_source=feedburner&utm_medium=feed&utm_campaign=Feed%3A+alistapart%2Fmain+A+List+Apart A List Apart: Articles: Designing Contracts for the XXI Century]

[http://www.germanupa.de/data/mediapool/german_upa_branchenreport_usability_2011.pdf german_upa_branchenreport_usability_2011.pdf]

=== sampling and Recruiting ===

[http://www.measuringusability.com/blog/finding-users.php 7 Ways to Find Users for Usability Testing: Measuring Usability]

[http://www.measuringusability.com/blog/finding-users.php 7 Ways to Find Users for Usability Testing: Measuring Usability]

=== Kommunikation, Aufbereitung, Visualisierung ===

[http://wireframes.linowski.ca/wp-content/themes/darwin/images/PersonaTemplate.pdf persona template]

[http://www.uxmatters.com/mt/archives/2011/11/using-storyboards-and-sentiment-charts-to-quantify-customer-experience.php Using Storyboards and Sentiment Charts to Quantify Customer Experience :: UXmatters]

[http://www.uxmatters.com/mt/archives/2007/06/walking-through-your-product-design-with-stakeholders.php Walking Through Your Product Design With Stakeholders :: UXmatters]

[http://uxmag.com/articles/designing-with-stakeholders-accelerating-the-design-process-through-co-creation?utm_source=Facebook&utm_medium=ArticleShare&utm_tone=sf Designing with Stakeholders? Accelerating the design process through co-creation | UX Magazine]

[http://www.uxmatters.com/mt/archives/2012/02/communicating-user-research-findings.php Communicating User Research Findings :: UXmatters]

[http://www.asktog.com/columns/047HowToWriteAReport.html Ask Tog: How to Deliver a Report Without Getting Lynched]

[http://wireframes.linowski.ca/wp-content/themes/darwin/images/PersonaTemplate.pdf Persona Template.indd - PersonaTemplate.pdf]

[http://www.adaptivepath.com/ideas/the-anatomy-of-an-experience-map The Anatomy of an Experience Map - Adaptive Path]

[http://blogs.hbr.org/cs/2010/11/using_customer_journey_maps_to.html Using Customer Journey Maps to Improve Customer Experience - Adam Richardson - Harvard Business Review]

[http://www.uxmatters.com/mt/archives/2012/02/communicating-user-research-findings.php Communicating User Research Findings :: UXmatters]

[http://www.uxmatters.com/mt/archives/2011/09/the-value-of-customer-journey-maps-a-ux-designers-personal-journey.php The Value of Customer Journey Maps: A UX Designer’s Personal Journey :: UXmatters]

[http://www.uxmatters.com/mt/archives/2012/09/3-keys-to-aligning-ux-with-business-strategy.php 3 Keys to Aligning UX with Business Strategy :: UXmatters]

[http://www.uxmatters.com/mt/archives/2011/06/knowledge-importance-matrix-for-wiki-project-coordination.php Knowledge / Importance Matrix for Wiki Project Coordination :: UXmatters]

=== Philosophie und Denken ===

[http://www.brandeins.de/magazin/schoen-ist-gut.html brand eins Online: brand eins 10/2000 - SCHWERPUNKT: Design]

=== Cardsorts ===

[http://www.uxmatters.com/mt/archives/2010/09/dancing-with-the-cards-quick-and-dirty-analysis-of-card-sorting-data.php Dancing with the Cards: Quick-and-Dirty Analysis of Card-Sorting Data :: UXmatters]

[http://rosenfeldmedia.com/books/downloads/cardsorting/cardsort_analysis.pdf howtoAnalysis-Excel]

=== activity Theory ===

[http://www.sigchi.org/chi97/proceedings/tutorial/bn.htm CHI 97: Activity Theory: Basic Concepts and Applications]

[http://www.interaction-design.org/encyclopedia/activity_theory.html Activity Theory]

[http://www.slideshare.net/stephaniebeth/introduction-to-activity-theory-in-hci Introduction to Activity Theory in HCI]

[http://bokardo.com/archives/activity-centered-design/ Activity-Centered Design]

User:JanD/bookmarks

2015-07-27T18:48:41Z

JanD: /* Lehre */ rotten

== Design ==

=== Lehre ===

[http://www.gurtle.com/ppov/2009/12/18/so-you-want-to-be-a-user-researcher So you want to be a user researcher? | Pat's Point of View]

[https://www.cmu.edu/teaching/designteach/design/instructionalstrategies/groupprojects/design.html What are best practices for designing group projects? - Enhancing Education - Carnegie Mellon University]

[http://studentaffairs.stanford.edu/sites/default/files/registrar/files/sample_crse_eval.pdf Stanford University - Course Evaluation - sample_crse_eval.pdf]

[http://www.cooperhewitt.org/conversations/2011/09/09/ready-set-design Ready, Set, Design! | Smithsonian Cooper-Hewitt, National Design Museum in New York]

[http://d.ucsd.edu/class/intro-hci/index.html Intro to HCI]

=== Allgemein/Basics ===

[http://www.infodesign.com.au/uxpod User Experience Podcast | Information & Design]

[http://www.namahn.com//resources/interviews.htm Podcasts on HCI]

[http://littlebigdetails.com/ Little Big Details]

[http://www.contrast.ie/blog/make-it-meaningful/ UX + Usability debate: Make it meaningful | The Contrast Blog]

[http://johnnyholland.org/2010/03/01/johnny-tvs-10-must-see-ux-videos/ Johnny Holland –» Johnny TV’s 10 Must-See UX Videos]

[http://www.kickerstudio.com/blog/2010/09/essential-interaction-design-essays-and-articles/comment-page-1/#comment-3667 Kicker Studio: Essential Interaction Design Essays and Articles]

[http://www.smashingmagazine.com/2010/01/05/25-user-experience-videos-that-are-worth-your-time/ 25 User Experience Videos That Are Worth Your Time - Smashing Magazine]

[http://delicious.com/sochi.si HCI Bookmarks]

Keep, share, and discover the best of the Web using Delicious, the world's leading social bookmarking service.

[http://theixdlibrary.com/ The IxD Library - A collection of materials related to Interaction Design]

[http://www.forum.nokia.com/Design/Design_process/Getting_started/Interaction_design_and_prototyping.xhtml Forum Nokia - Interaction design and prototyping]

[http://www.ixda.org/ Interaction Design Association]

[http://www.ijdesign.org/ojs/index.php/IJDesign/index International Journal of Design]

[http://meiert.com/de/publications/translations/asktog.com/firstprinciples/ Grundsätze des Interaction Designs (Bruce Tognazzini) – Übersetzung von Jens O. Meiert]

[http://developer.apple.com/documentation/UserExperience/Conceptual/AppleHIGuidelines/XHIGIntro/chapter_1_section_1.html Apple Human Interface Guidelines: Introduction to Apple Human Interface Guidelines]

[http://www.jnd.org/index.html Don Norman's jnd.org / user advocacy and human-centered design]

[http://www.joelonsoftware.com/printerFriendly/uibook/fog0000000249.html User Interface Design For Programmers - Joel on Software]

[http://www.experientia.com/blog/ux-week-2008-videos/ Putting people first » UX Week 2008 videos]

[http://usability.gov/guidelines/index.html Guidelines | Usability.gov]

[http://www.cs.umd.edu/class/fall2002/cmsc838s/tichi/oai.html Objects-Actions Interface model]

[http://www.brandonwalkin.com/blog/2009/08/10/managing-ui-complexity/ Managing UI Complexity | Brandon Walkin]

[http://wikid.eu/index.php/Main_Page Main Page - WikID, the Industrial Design Engineering wiki]

[http://uxblog.sameerchavan.com/?p=138 Usability Bloopers – Short videos on bad UI design - User Experience & Usability Review Blog]

[http://www.designforusability.org/wp-content/DfU_MethodCollection_a5Kaarten_WEB.pdf DfU_MethodCollection_a5Kaarten_WEB.pdf]

[http://uxtogo.files.wordpress.com/2012/05/projectcanvasenglishv1.pdf Project Canvas - projectcanvasenglishv1.pdf]

[http://www.designcouncil.org.uk/about-design/how-designers-work/design-methods/ Design Council - Design methods]

[https://www-01.ibm.com/software/ucd/ucd.html#ucdfaq IBM Design: UCD process]

=== misconceptins and bad things ===

[http://www.cooper.com/journal/2010/10/making_it_suck.html Making it suck | Cooper Journal]

[http://www.nngroup.com/articles/the-myth-of-the-genius-designer/ The Myth of the Genius Designer]

[http://asktog.com/atc/the-third-user/ Apple: Focus on the buyer, not the user: "The Third User" | askTog]

[http://danwin.com/2013/01/infinite-scroll-fail-etsy/ Why did infinite scroll fail at Etsy? | danwin.com]

[http://www.elasticspace.com/2013/03/no-to-no-ui No to NoUI – Timo Arnall]

[http://dilbert.com/strips/comic/2001-12-12/ Dilbert comic strip for 12/12/2001 from the official Dilbert comic strips archive.]

[http://dilbert.com/strips/comic/2004-08-17/ Dilbert comic strip for 08/17/2004 from the official Dilbert comic strips archive.]

[http://www.azarask.in/blog/post/the-seduction-of-simple-hidden-complexity/ The Seduction of Simple: Hidden Complexity « Aza on Design]

[http://uxmyths.com/ UX Myths]

[http://uxmyths.com/post/715009009/myth-icons-enhance-usability Myth #13: Icons enhance usability - UX Myths]

[http://www.zeit.de/2013/28/entwicklungshilfe-reiche-arme-ofen/ [Failed] Entwicklungshilfe: Öfen für alle | ZEIT ONLINE]

[http://www.uxmag.com/design/the-dirtiest-word-in-ux-complexity The Dirtiest Word in UX: Complexity | UX Magazine]

[http://www.baddesigns.com/ Bad Human Factors Designs]

[http://dilbert.com/strips/comic/2001-02-02/ Dilbert comic strip for 02/02/2001 from the official Dilbert comic strips archive.]

[http://search.dilbert.com/comic/Technology%20Demo Technology Demo on Dilbert.com]

[http://dilbert.com/strips/comic/1996-05-26/ Dilbert: Business Language]

=== Berufswahl/Richtungen ===

[http://www.cooper.com/journal/2001/06/so_you_want_to_be_an_interacti.html Berufswahl: So You Want To Be An Interaction Designer]

[http://germanupa.de/german-upa/branchenreport/branchenreport-usability-2008.pdf/view Branchenreport 2008 — German UPA]

[http://www.adaptivepath.com/ideas/essays/archives/000656.php Interactiondesigner Berufswahl]

A User Experience design and consulting firm that unites theory and practice to advance the art of user experience design while helping clients make better business decisions. Located in San Francisco, California, USA.

=== IA ===

[http://www.uxmatters.com/mt/archives/2012/02/ia-strategy-addressing-the-signatures-of-information-overload.php IA Strategy: Addressing the Signatures of Information Overload :: UXmatters]

[http://www.cennydd.co.uk/2011/editing-tips-for-designers/ Editing tips for designers : Cennydd Bowles]

[http://www.jjg.net/ia/recon/ Jesse James Garrett: ia/recon]

=== action research ===

[http://alandix.com/blog/2012/12/10/action-research-in-hci/ Action Research in HCI | Alan Dix]

[http://www.edu.plymouth.ac.uk/resined/actionresearch/arhome.htm#FURTHER%20READING Action Research in Education]

=== mobile ===

[http://developer.apple.com/library/ios/#documentation/userexperience/conceptual/mobilehig/Introduction/Introduction.html#//apple_ref/doc/uid/TP40006556-CH1-SW1|iOS Human Interface Guidelines: Introduction]

[http://uxmag.com/technology/five-lessons-from-a-year-of-tablet-ux-research?utm_source=feedburner&utm_medium=feed&utm_campaign=Feed%3A+UXM+%28UX+Magazine%29 Five Lessons from a Year of Tablet UX Research | UX Magazine]

[http://design-challenge.mozillalabs.com/resources/files/designing_for_mobile.pdf designing_for_mobile.pdf (application/pdf-Objekt)]

[http://yuiblog.com/blog/2007/10/02/challenges-of-interface-design-for-mobile-devices/ Challenges of Interface Design for Mobile Devices » Yahoo! User Interface Blog (YUIBlog)]

[http://patterns.littlespringsdesign.com/index.php/Main_Page Main Page - Design For Mobile: resources for designing and building mobile apps and sites]

[http://www.forum.nokia.com/Technology_Topics/Design_and_User_Experience/ Forum Nokia - Design and User Experience]

[http://vimeo.com/3327288 Rachel Hinman | UX Week 2008 | Adaptive Path on Vimeo]

[http://www.paulhibbitts.com/small-screen-ui-design-links.html Small Screen UI Design - Recommended Links - Resources - Paul Hibbitts, Vancouver, Canada]

[http://www.accessdevnet.com/docs/zenofpalm.pdf zenofpalm.pdf (application/pdf-Objekt)]

[http://www.usercentric.com/news/2009/08/26/best-practices-designing-mobile-applications Best Practices for Designing Mobile Applications]

[http://www.boxesandarrows.com/view/four-key-principles Four Key Principles of Mobile User Experience Design - Boxes and Arrows: The design behind the design]

[http://www.edwardtufte.com/bboard/q-and-a-fetch-msg?msg_id=00036T Ask E.T.: iPhone interface design]

[http://www.uxmatters.com/mt/archives/2013/02/how-do-users-really-hold-mobile-devices.php How Do Users Really Hold Mobile Devices? :: UXmatters]

=== Modeling ===

[http://www.azarask.in/blog/post/know_when_to_stop_designing_quantitatively/# Know When to Stop Designing, Quantitatively « Aza on Design]

[http://courses.csail.mit.edu/6.831/2009/handouts/ac18-predictive-evaluation/klm.shtml Keystroke Level Model (KLM) Calculator]

[http://particletree.com/features/visualizing-fittss-law/ Particletree » Visualizing Fitts’s Law]

[http://www.codinghorror.com/blog/2010/03/the-opposite-of-fitts-law.html Coding Horror: The Opposite of Fitts' Law]

[http://en.wikipedia.org/wiki/Hick%27s_law Hick's law - Wikipedia, the free encyclopedia]

==== non-WIMP ====

[http://users.erols.com/rwservices/pens/biblio70.html#DavisMR64 (early) History of Pen and Gesture Computing: References Papers]

[http://www.disambiguity.com/when-to-use-drag-drop-some-informal-research-results/ when to use drag & drop (some informal research results) | disambiguity]

[http://www.cs.umd.edu/class/fall2002/cmsc838s/tichi/dirman.html Direct Manipulation]

[http://www.jnd.org/dn.mss/ui_breakthroughcomma.html Command Line Interfaces - Don Norman's]

books by Don Norman, personal web page for Don Norman, of the Nielsen Norman Group and Northwestern University, champion of human-centered design. Publications, papers, sample chapters and writings, list of students.

[http://www.yorku.ca/mack/hci3.html Text entry for mobile computing: Models and methods, theory and practice]

[http://zoomism.com/ zoomabel UI: zoomism]

[http://searchuserinterfaces.com/book/sui_ch1_design.html Design of Search User Interfaces (Ch 1) | Search User Interfaces | Marti Hearst | Cambridge University Press 2009]

[http://www.sapdesignguild.org/resources/TSDesignGL/Index.htm Interaction Design Guide for Touchscreen Applications]

[http://mattgemmell.com/2010/03/05/ipad-application-design iPad Application Design » Slate Devices Touch Interaction]

[http://depts.washington.edu/aimgroup/proj/dollar/ JavaScript $1 Unistroke Recognizer]

[http://www.lukew.com/ff/entry.asp?1071 LukeW | Touch Gesture Reference Guide]

The Touch Gesture Reference Guide is a unique set of resources for software designers and developers working on touch-based user interfaces.The guide contains: 1) an overview of the core gestures used for most touch commands 2) how to utilize these gesture ...

[http://www.vimeo.com/2761844 NYC IxDA - Tap is the New Click - Dan Saffer on Vimeo]

[http://www.donhopkins.com/drupal/node/98 The Design and Implementation of Pie Menus -- Dr. Dobb's Journal, Dec. 1991 | Don Hopkins]

[http://patterns.design4mobile.com/index.php/Touch_Screen_UI_Guidelines Touch Screen UI Guidelines - Design For Mobile: resources for designing and building mobile apps and sites]

[http://vimeo.com/6712657 Touch: 10GUI]

[http://sethsandler.com/multitouch/mtmini/ Touch: mtMini - DIY Multitouch Mini Pad]

[https://help.ubuntu.com/community/UMEGuide/DesigningForFingerUIs Ubunutu Guidelines for Touch Interfaces; Target sizes]

[http://www.nngroup.com/reports/mobile/ipad/ Usability of iPad Apps and Websites: First Research Findings]

[http://www.jnd.org/dn.mss/natural_user_interfaces_are_not_natural.html NUI Are Not Natural]

[http://web.archive.org/web/20050214045718/http://piemenu.com/ Pie Menu Central]

=== Questionaires ===

[http://www.usabilitynet.org/tools/r_questionnaire.htm UsabilityNet: questionnaire resources]

[http://www.slideshare.net/rebeccaweiss/writing-surveysthatwork Writing surveysthatwork]

[http://hcibib.org/perlman/question.cgi Computer System Usability Questionnaire]

[http://www.hoepflinger.com/fhtop/Umfragemethodik.pdf Umfragemethodik.pdf]

[http://www.userfocus.co.uk/articles/satisfaction.html Measuring satisfaction: Beyond the usability questionnaire]

[http://arbeitsblaetter.stangl-taller.at/FORSCHUNGSMETHODEN/Fragebogen.shtml Schritte der Fragebogen Konstruktion]

[http://iss.leeds.ac.uk/info/312/surveys/217/guide_to_the_design_of_questionnaires/5 University of Leeds - Guide to the Design of Questionnaires]

[http://www.mmk.ei.tum.de/lehre/ebof/vlss12/referate/Fragenbogen%20und%20Interview.pdf PowerPoint-Präsentation - Fragenbogen und Interview.pdf]

[http://www.cochrane.es/files/Recursos/How_to_design_a_questionnaire.pdf How_to_design_a_questionnaire.pdf]

[http://www.measuringusability.com/blog/10-things-SUS.php 10 Things to Know About the System Usability Scale (SUS): Measuring Usability]

=== Prototyping etc. ===

[http://www.boxesandarrows.com/view/storyboarding_rich_internet_applications_with_visio Storyboarding Rich Internet Applications with Visio - Boxes and Arrows: The design behind the design]

[http://www.alistapart.com/articles/sketchingincode A List Apart: Articles: Sketching in Code: the Magic of Prototyping]

[http://boxesandarrows.com/view/interactive Interactive Prototypes with PowerPoint - Boxes and Arrows: The design behind the design]

[http://www.nngroup.com/articles/thinking-aloud-the-1-usability-tool/ Thinking Aloud: The #1 Usability Tool]

[http://www.alistapart.com/articles/paperprototyping/ A List Apart: Articles: Paper Prototyping]

[http://www.userfocus.co.uk/articles/paperprototyping.html 7 myths about paper prototyping]

[http://www.usability.gov/get-involved/blog/2005/06/paper-prototypes-and-software-prototypes.html Paper Prototypes Work as Well as Software Prototypes | Usability.gov]

[http://www.boxesandarrows.com/view/quick-and-easy-flash Quick and Easy Flash Prototypes - Boxes and Arrows: The design behind the design]

[http://hci.stanford.edu/research/prototyping/ Prototyping · Research · Stanford HCI]

=== particiaptive Design ===

[http://www.ijdesign.org/ojs/index.php/IJDesign/article/view/749/404 The Quality of Design Participation: Intersubjectivity in Design Practice]

=== Psycho & Evaluierung ===

[http://www.useit.com/papers/heuristic/ Heuristic Evaluation]

Center for information about heuristic evaluation of user interface designs: a cheap and fast usability inspection method (by Jakob Nielsen who co-invented the method in 1989)

[http://www.usercentric.com/blogs/uxnuggets/2012/01/26/statistical-analysis-user-research-when-it-meaningful Statistical Analysis for User Research: When Is It Meaningful? - User Centric, Inc.]

[http://en.wikipedia.org/wiki/Cognitive_dimensions Cognitive dimensions of notations - Wikipedia, the free encyclopedia]

[http://www.useit.com/papers/guerrilla_hci.html Guerrilla HCI]

[http://en.wikipedia.org/wiki/Fitts_law Fitts's law - Wikipedia, the free encyclopedia]

[http://www.boxesandarrows.com/view/cognitive_psychology_ia_from_theory_to_practice Cognitive Psychology & IA: From Theory to Practice - Boxes and Arrows: The design behind the design]

[http://articles.sitepoint.com/article/heuristic-evaluation-guide Heuristic Evaluation - a Step By Step Guide]

[http://www.measuringusability.com/blog/five-history.php A Brief History of the Magic Number 5 in Usability Testing: Measuring Usability]

[http://www.measuringusability.com/blog/quant-criticism.php How to Deal With Quantitative Criticism: Measuring Usability]

[http://www.measuringusability.com/blog/stats-usability-errors.php Nine misconceptions about statistics and usability: Measuring Usability]

[http://optimalusability.createsend1.com/t/ViewEmail/r/2A9B9D7B374CB328/A99A37E0B6D9AA7E0CC2E775D3CF5869 10tips for mobile usability testing]

=== Social/User Creativity ===

[http://www.uxmatters.com/mt/archives/2009/08/empowering-users-to-create-their-own-software.php Empowering Users to Create Their Own Software :: UXmatters]

[http://boxesandarrows.com/view/designing-for-social Designing for Social Interaction - Boxes and Arrows: The design behind the design]

[http://johnnyholland.org/2012/02/principles-of-social-interaction-design/ Principles of Social Interaction Design | Johnny Holland]

[http://uxdesign.smashingmagazine.com/2012/04/26/gamification-ux-users-win-lose/ Gamification And UX: Where Users Win Or Lose | Smashing UX Design]

[http://developer.yahoo.com/ypatterns/social/people/reputation/index.html Reputation Patterns - Design Pattern Library - YDN]

[http://pipeline.cc.gatech.edu/pdf/p1-luther.pdf Paper: Why it Works When it Works]

[http://faculty.washington.edu/aragon/pubs/cc09.pdf Paper: A Tale of Two Online Communities: - cc09.pdf]

[http://pipeline.cc.gatech.edu/pdf/p2823-luther.pdf Paper: Edits and Credits]

=== Experience ===

[http://www.interaction-design.org/encyclopedia/user_experience_and_experience_design.html User Experience and Experience Design]

[http://www.nngroup.com/articles/satisfaction-vs-performance-metrics/ User Satisfaction vs. Performance Metrics]

[http://www.userfocus.co.uk/articles/satisfaction.html Measuring satisfaction: Beyond the usability questionnaire]

=== UserResearch-Examples ===

[https://www.youtube.com/watch?v=9t-_hYjAKww EXAMPLE: (cc-by) How to do a research interview - YouTube]

[https://www.youtube.com/watch?v=LyJMQDAa4v0 EXAMPLE: cc-by Interview with Ben Clip - YouTube]

[http://stbyblogs.eu/cyclehiring/ EXAMPLE: Road safety for London cyclists]

[http://vimeo.com/6002157 EXAMPLE: Reading Ahead project: Chris interview clip on Vimeo]

[http://www.bbc.co.uk/blogs/legacy/bbcinternet/2011/11/bbc_weather_design_refresh.html BBC User Centered Design of Weather Page]

[http://www.uk.sagepub.com/braunandclarke/study/qualitative.htm SAGE - Student and Instructor Site for Sucessful Qualitative Research]

[http://vimeo.com/27214053 CC-By: What does it mean to be 16? (High School Project)the NYC iSchool on Vimeo]

[http://vimeo.com/86436452 CC-BY: How do poeple choose meat?]

Analysis presentation. Mainly desciptive.

[http://vimeo.com/66064252 CC-BY: The Challenges of Small Business Owners on Vimeo]

Much edited; Nice Interview snippets

[http://vimeo.com/70890195 CC-BY: Man explains future house]

Guy walks through unfinished house showing what he wants to do there.

[http://vimeo.com/33597564 CC-BY: Warten auf der Straße]

Migranten reden über ihren Treffpunkt, eine Straßenecke, und warum sie dort warten.

[http://blog.usabilla.com/top-ethnographic-research-videos/ Top 10 Ethnographic Research Videos - The Usabilla Blog]

=== UserResearch-Datenerhebung ===

[http://www.qualitative-research.net/index.php/fqs/article/view/466/996#g9 Participant Observation as a Data Collection Method | Kawulich | Forum Qualitative Sozialforschung / Forum: Qualitative Social Research]

[http://www.uxmatters.com/mt/archives/2011/10/research-guidelines-you-wont-find-in-a-textbook.php Research Guidelines: Make Friends, No Answers, No Selling]

[https://blog.mozilla.org/ux/2012/08/when-to-use-a-focus-group-and-when-not-to/ When To Use a Focus Group and When Not To | Mozilla UX]

[http://www.adaptivepath.com/ideas/essays/archives/000041.php adaptive path » nondirected interviews: how to get more out of your research questions]

[http://www.uxmatters.com/mt/archives/2011/04/when-interviews-go-wrong.php When Interviews Go Wrong :: UXmatters]

[http://de.wikipedia.org/wiki/Fragetechnik Fragetechnik – Wikipedia]

=== UserResearch ===

[http://de.wikipedia.org/wiki/Aktionsforschung Aktionsforschung – Wikipedia]

[http://www.smallfire.co.nz/2012/07/04/co-design-workshop-resources-techniques-and-methods/?utm_source=feedburner&utm_medium=feed&utm_campaign=Feed%3A+indyusability+%28Usability+News+with+Brandon+Corbin%29 Co Design Workshop Techniques]

[http://uxmag.com/articles/ethnography-in-industry-objectives Ethnography in Industry: Objectives? | UX Magazine]

[http://www.pflegewiki.de/wiki/Grounded_Theory Grounded Theory – PflegeWiki]

[http://www.pflegewiki.de/wiki/Schematischer_Ablauf_der_Grounded_Theory_am_Beispiel_der_Studie_%22Vertrautheit%22_von_Corry_Bosch Schematischer Ablauf der Grounded Theory am Beispiel der Studie "Vertrautheit" von Corry Bosch – PflegeWiki]

[http://www.alistapart.com/articles/can-you-say-that-in-english-explaining-ux-research-to-clients/ A List Apart: Articles: Can You Say That in English? Explaining UX Research to Clients]

[http://ils.unc.edu/~march/blsreport/mainbls.html Diary/Focusgroup Entry Coding Organization]

[http://www.slideshare.net/jaremfan/the-goodness-of-diary-studies Diary Studies Slides]

[http://www.slideshare.net/jaremfan/diary-studies-a-primer Diary studies - A primer]

[http://www.eriontheinterweb.com/2011/07/the-dos-and-donts-of-diary-studies/ The Dos and Don’ts of Diary Studies - eri on the interweb]

[http://www.tiresias.org/tools/diary_analysis_studies.htm Tiresias :: Project tools :: Diary studies]

[http://www.uxmatters.com/mt/archives/2008/05/bite-sized-ux-research.php Bite-Sized UX Research :: UXmatters]

[http://www.uxmatters.com/mt/archives/2009/01/design-research-methods-for-experience-design.php Design Research Methods for Experience Design :: UXmatters]

[http://help.ethnohub.com/guide/aeiou-framework AEIOU Framework | EthnoHub Help]

[https://en.wikipedia.org/w/index.php?title=Thematic_analysis&oldid=606461893 Thematic analysis - Wikipedia, the free encyclopedia]

[http://blogs.parc.com/blog/2013/12/mythbusting-corporate-ethnography-and-the-giant-green-button/ Mythbusting: Corporate Ethnography and the Giant Green Button | PARC blog]

[http://www.sitepoint.com/contextual-enquiry-primer/ Contextual Enquiry – A Primer » SitePoint]

[http://www.slideshare.net/RuthEllison/guerrilla-user-design-research-final Guerrilla User and Design Research]

[[http://webcache.googleusercontent.com/search?q=cache:U4UpMBG7-X8J:www.slideshare.net/leisa/diy-user-research-londonbarcamp3+%22We+tend+to+project+our+own+rationalisations+and+beliefs+onto+the+actions+and+beliefs+of+others.%22&cd=1&hl=de&ct=clnk≷=de&client=firefox-a|DIY User Research (LondonBarCamp3)]]

[http://incontextdesign.com/articles/helpful-tips-to-improve-your-contextual-inquiry-techniques/ InContext » Helpful Tips to Improve Your Contextual Inquiry Techniques]

[http://www.uxmag.com/design/five-ux-research-pitfalls Five UX Research Pitfalls | UX Magazine]

[http://www.adaptivepath.com/ideas/essays/archives/000755.php adaptive path » research is a method, not a methodology]

[http://wiki.fluidproject.org/display/fluid/Contextual+Inquiry Contextual Inquiry - Fluid Project Wiki]

[http://www.uxbooth.com/blog/complete-beginners-guide-to-design-research/ Complete Beginner’s Guide to Design Research | UX Booth]

[http://www.helsinkidesignlab.org/dossiers/design-ethnography Design Ethnography Ressources/Fieldguide]

[http://usability.jameshom.com/ The Usability Methods Toolbox - Usability Methods Toolbox Contextual Design Heuristic Evaluation Inspection Inquiry usable engineering]

[http://designingwithpeople.rca.ac.uk/ethics D. Research Ethics]

[http://designingwithpeople.rca.ac.uk/methods Method Overview: Designing With People]

[http://www.eval.org/SummerInstitute08/08SIHandouts/Uploaded/aea08.si.liebow1.pdf Rapid Ethnography in Evaluation - aea08.si.liebow1.pdf]

[http://www.forbes.com/sites/nathanfurr/2011/06/09/how-failure-taught-edison-to-repeatedly-innovate/ Iterate: "How Failure Taught Edison to Repeatedly Innovate - Forbes"]

[http://www.paulos.net/teaching/2011/BID/readings/rapid_visualization.pdf Sketching made easy]

[http://www.portigal.com/wp-content/uploads/2008/01/Portigal-Consulting-White-Paper-Persona-Non-Grata.pdf Persona-non-crata: critical view of personas]

=== Creatitvity and Facilitation ===

[http://www.zeit.de/karriere/beruf/2013-10/entscheidungen-gruppe-zwang Sozialpsychologie: Gruppen entscheiden meistens schlecht | ZEIT ONLINE]

[http://www.newyorker.com/reporting/2013/07/29/130729fa_fact_gawande?currentPage=all Atul Gawande: How Do Good Ideas Spread? : The New Yorker]

[http://www.sueddeutsche.de/wissen/warum-brainstorming-nicht-funktioniert-windstille-im-kopf-1.1303668 Warum Brainstorming nicht funktioniert - Windstille im Kopf - Wissen - Süddeutsche.de]

[http://www.businessweek.com/stories/2006-07-25/eight-tips-for-better-brainstorming Eight Tips for Better Brainstorming - Businessweek]

[http://uxmag.com/articles/problems-with-innovation-workshops Problems With Innovation Workshops | UX Magazine]

[http://carmine.se.edu/cvonbergen/Productivity%20Loss%20In%20Brainstorming_Toward%20the%20Solution%20of%20a%20Riddle.pdf Productivity Loss In Brainstorming_Toward the Solution of a Riddle.pdf]

[http://kops.ub.uni-konstanz.de/bitstream/handle/urn:nbn:de:bsz:352-opus-88355/Group_versus_individual_performance_on_tasks_1973_KOPS8835.pdf?sequence=1 Group versus individual performance on tasks requiring ideational proficiency (brainstorming): A review - Group_versus_individual_performance_on_tasks_1973_KOPS8835.pdf]

[http://www.slideshare.net/Vorkronor/design-studio-workshop Design studio workshop]

[http://vimeo.com/37861987 The Design Studio Method - Todd Zaki Warfel on Vimeo]

[https://en.wikipedia.org/wiki/Oblique_Strategies Oblique Strategies - Wikipedia, the free encyclopedia]

=== Books ===

[https://www.wickedproblems.com/table_of_contents.php Wicked Problems: Problems Worth Solving - Table Of Contents]

[http://www.scribd.com/doc/7479034/hcimodelstheoriesandframeworkstowardamultidisciplinaryscienceinteractivetechnologies hci-models-theories-and-frameworks-toward-a-multidisciplinary-science-interactive-technologies]

[about:blank Connecting…]

[http://searchuserinterfaces.com/book/ Read It: Search User Interfaces]

[http://www.billbuxton.com/inputManuscript.html Buxton: Input Theories, Techniques and Technology]

[http://www.id-book.com/ Interaction Design - Second Edition]

The companion website for the book Interaction Design: beyond human-computer interaction, by Preece, Rogers and Sharp. On this site, you'll find a variety of resources and activities to support your exploration of interaction design.

[http://hci.rwth-aachen.de/hcibooks.html The Media Computing Group : Jan's Top Ten List of Books on Human-Computer Interaction]

=== Tools/Ressourcen ===

[http://www.e-werkzeug.eu/ FLOSS Transkriptionstool]

[http://www.usability.gov/templates/docs/release.doc Videotape Consent Form (DOC - 152KB)]

[http://usability.gov/templates/index.html Templates | Usability.gov]

[http://www.designerinaction.de/gestaltung/android-234-gui.html Android 2.3.4 GUI - DESIGNER IN ACTION]

[https://openoffice.apache.org/get-involved.html OpenSource: learning to participate- Modules]

[http://www.uclic.ucl.ac.uk/annb/CASSM/CASSMindesign.html CASSM-Method for concept matching analysis]

[https://en.wikipedia.org/wiki/Technology_acceptance_model Technology acceptance model - Wikipedia, the free encyclopedia]

=== Forms and Signups ===

[http://www.ryancramer.com/journal/entries/select_multiple/ Select multiple form fields - finding a better solution for multiple selection]

Despite their important function, select multiple form fields are problematic. This article looks at the inherent problems with select multiple form fields, and talks about ways to improve upon them.

=== Instructional Des. ===

[http://classweb.gmu.edu/ndabbagh/Resources/IDKB/instruct_design.htm IDKB - Doing an ID Project]

[http://de.wikipedia.org/wiki/ARCS-Modell ARCS-Modell – Wikipedia]

=== Recht und Business ===

[http://www.alistapart.com/articles/designing-contracts-for-the-xxi-century/?utm_source=feedburner&utm_medium=feed&utm_campaign=Feed%3A+alistapart%2Fmain+A+List+Apart A List Apart: Articles: Designing Contracts for the XXI Century]

[http://www.germanupa.de/data/mediapool/german_upa_branchenreport_usability_2011.pdf german_upa_branchenreport_usability_2011.pdf]

=== sampling and Recruiting ===

[http://www.measuringusability.com/blog/finding-users.php 7 Ways to Find Users for Usability Testing: Measuring Usability]

[http://www.measuringusability.com/blog/finding-users.php 7 Ways to Find Users for Usability Testing: Measuring Usability]

=== Kommunikation, Aufbereitung, Visualisierung ===

[http://wireframes.linowski.ca/wp-content/themes/darwin/images/PersonaTemplate.pdf persona template]

[http://www.uxmatters.com/mt/archives/2011/11/using-storyboards-and-sentiment-charts-to-quantify-customer-experience.php Using Storyboards and Sentiment Charts to Quantify Customer Experience :: UXmatters]

[http://www.uxmatters.com/mt/archives/2007/06/walking-through-your-product-design-with-stakeholders.php Walking Through Your Product Design With Stakeholders :: UXmatters]

[http://uxmag.com/articles/designing-with-stakeholders-accelerating-the-design-process-through-co-creation?utm_source=Facebook&utm_medium=ArticleShare&utm_tone=sf Designing with Stakeholders? Accelerating the design process through co-creation | UX Magazine]

[http://www.uxmatters.com/mt/archives/2012/02/communicating-user-research-findings.php Communicating User Research Findings :: UXmatters]

[http://www.asktog.com/columns/047HowToWriteAReport.html Ask Tog: How to Deliver a Report Without Getting Lynched]

[http://wireframes.linowski.ca/wp-content/themes/darwin/images/PersonaTemplate.pdf Persona Template.indd - PersonaTemplate.pdf]

[http://www.adaptivepath.com/ideas/the-anatomy-of-an-experience-map The Anatomy of an Experience Map - Adaptive Path]

[http://blogs.hbr.org/cs/2010/11/using_customer_journey_maps_to.html Using Customer Journey Maps to Improve Customer Experience - Adam Richardson - Harvard Business Review]

[http://www.uxmatters.com/mt/archives/2012/02/communicating-user-research-findings.php Communicating User Research Findings :: UXmatters]

[http://www.uxmatters.com/mt/archives/2011/09/the-value-of-customer-journey-maps-a-ux-designers-personal-journey.php The Value of Customer Journey Maps: A UX Designer’s Personal Journey :: UXmatters]

[http://www.uxmatters.com/mt/archives/2012/09/3-keys-to-aligning-ux-with-business-strategy.php 3 Keys to Aligning UX with Business Strategy :: UXmatters]

[http://www.uxmatters.com/mt/archives/2011/06/knowledge-importance-matrix-for-wiki-project-coordination.php Knowledge / Importance Matrix for Wiki Project Coordination :: UXmatters]

=== Philosophie und Denken ===

[http://www.brandeins.de/magazin/schoen-ist-gut.html brand eins Online: brand eins 10/2000 - SCHWERPUNKT: Design]

=== Cardsorts ===

[http://www.uxmatters.com/mt/archives/2010/09/dancing-with-the-cards-quick-and-dirty-analysis-of-card-sorting-data.php Dancing with the Cards: Quick-and-Dirty Analysis of Card-Sorting Data :: UXmatters]

[http://rosenfeldmedia.com/books/downloads/cardsorting/cardsort_analysis.pdf howtoAnalysis-Excel]

=== activity Theory ===

[http://www.sigchi.org/chi97/proceedings/tutorial/bn.htm CHI 97: Activity Theory: Basic Concepts and Applications]

[http://www.interaction-design.org/encyclopedia/activity_theory.html Activity Theory]

[http://www.slideshare.net/stephaniebeth/introduction-to-activity-theory-in-hci Introduction to Activity Theory in HCI]

[http://bokardo.com/archives/activity-centered-design/ Activity-Centered Design]

User:JanD/bookmarks

2015-07-27T18:48:21Z

JanD: /* Design */ rotten link

== Design ==

=== Lehre ===

[http://www.gurtle.com/ppov/2009/12/18/so-you-want-to-be-a-user-researcher So you want to be a user researcher? | Pat's Point of View]

[https://www.cmu.edu/teaching/designteach/design/instructionalstrategies/groupprojects/design.html What are best practices for designing group projects? - Enhancing Education - Carnegie Mellon University]

[http://studentaffairs.stanford.edu/sites/default/files/registrar/files/sample_crse_eval.pdf Stanford University - Course Evaluation - sample_crse_eval.pdf]

[http://www.cooperhewitt.org/conversations/2011/09/09/ready-set-design Ready, Set, Design! | Smithsonian Cooper-Hewitt, National Design Museum in New York]

[http://d.ucsd.edu/class/intro-hci/index.html Intro to HCI]

[http://d.ucsd.edu/class/intro-hci/assignments/ Index of /class/intro-hci/assignments]

=== Allgemein/Basics ===

[http://www.infodesign.com.au/uxpod User Experience Podcast | Information & Design]

[http://www.namahn.com//resources/interviews.htm Podcasts on HCI]

[http://littlebigdetails.com/ Little Big Details]

[http://www.contrast.ie/blog/make-it-meaningful/ UX + Usability debate: Make it meaningful | The Contrast Blog]

[http://johnnyholland.org/2010/03/01/johnny-tvs-10-must-see-ux-videos/ Johnny Holland –» Johnny TV’s 10 Must-See UX Videos]

[http://www.kickerstudio.com/blog/2010/09/essential-interaction-design-essays-and-articles/comment-page-1/#comment-3667 Kicker Studio: Essential Interaction Design Essays and Articles]

[http://www.smashingmagazine.com/2010/01/05/25-user-experience-videos-that-are-worth-your-time/ 25 User Experience Videos That Are Worth Your Time - Smashing Magazine]

[http://delicious.com/sochi.si HCI Bookmarks]

Keep, share, and discover the best of the Web using Delicious, the world's leading social bookmarking service.

[http://theixdlibrary.com/ The IxD Library - A collection of materials related to Interaction Design]

[http://www.forum.nokia.com/Design/Design_process/Getting_started/Interaction_design_and_prototyping.xhtml Forum Nokia - Interaction design and prototyping]

[http://www.ixda.org/ Interaction Design Association]

[http://www.ijdesign.org/ojs/index.php/IJDesign/index International Journal of Design]

[http://meiert.com/de/publications/translations/asktog.com/firstprinciples/ Grundsätze des Interaction Designs (Bruce Tognazzini) – Übersetzung von Jens O. Meiert]

[http://developer.apple.com/documentation/UserExperience/Conceptual/AppleHIGuidelines/XHIGIntro/chapter_1_section_1.html Apple Human Interface Guidelines: Introduction to Apple Human Interface Guidelines]

[http://www.jnd.org/index.html Don Norman's jnd.org / user advocacy and human-centered design]

[http://www.joelonsoftware.com/printerFriendly/uibook/fog0000000249.html User Interface Design For Programmers - Joel on Software]

[http://www.experientia.com/blog/ux-week-2008-videos/ Putting people first » UX Week 2008 videos]

[http://usability.gov/guidelines/index.html Guidelines | Usability.gov]

[http://www.cs.umd.edu/class/fall2002/cmsc838s/tichi/oai.html Objects-Actions Interface model]

[http://www.brandonwalkin.com/blog/2009/08/10/managing-ui-complexity/ Managing UI Complexity | Brandon Walkin]

[http://wikid.eu/index.php/Main_Page Main Page - WikID, the Industrial Design Engineering wiki]

[http://uxblog.sameerchavan.com/?p=138 Usability Bloopers – Short videos on bad UI design - User Experience & Usability Review Blog]

[http://www.designforusability.org/wp-content/DfU_MethodCollection_a5Kaarten_WEB.pdf DfU_MethodCollection_a5Kaarten_WEB.pdf]

[http://uxtogo.files.wordpress.com/2012/05/projectcanvasenglishv1.pdf Project Canvas - projectcanvasenglishv1.pdf]

[http://www.designcouncil.org.uk/about-design/how-designers-work/design-methods/ Design Council - Design methods]

[https://www-01.ibm.com/software/ucd/ucd.html#ucdfaq IBM Design: UCD process]

=== misconceptins and bad things ===

[http://www.cooper.com/journal/2010/10/making_it_suck.html Making it suck | Cooper Journal]

[http://www.nngroup.com/articles/the-myth-of-the-genius-designer/ The Myth of the Genius Designer]

[http://asktog.com/atc/the-third-user/ Apple: Focus on the buyer, not the user: "The Third User" | askTog]

[http://danwin.com/2013/01/infinite-scroll-fail-etsy/ Why did infinite scroll fail at Etsy? | danwin.com]

[http://www.elasticspace.com/2013/03/no-to-no-ui No to NoUI – Timo Arnall]

[http://dilbert.com/strips/comic/2001-12-12/ Dilbert comic strip for 12/12/2001 from the official Dilbert comic strips archive.]

[http://dilbert.com/strips/comic/2004-08-17/ Dilbert comic strip for 08/17/2004 from the official Dilbert comic strips archive.]

[http://www.azarask.in/blog/post/the-seduction-of-simple-hidden-complexity/ The Seduction of Simple: Hidden Complexity « Aza on Design]

[http://uxmyths.com/ UX Myths]

[http://uxmyths.com/post/715009009/myth-icons-enhance-usability Myth #13: Icons enhance usability - UX Myths]

[http://www.zeit.de/2013/28/entwicklungshilfe-reiche-arme-ofen/ [Failed] Entwicklungshilfe: Öfen für alle | ZEIT ONLINE]

[http://www.uxmag.com/design/the-dirtiest-word-in-ux-complexity The Dirtiest Word in UX: Complexity | UX Magazine]

[http://www.baddesigns.com/ Bad Human Factors Designs]

[http://dilbert.com/strips/comic/2001-02-02/ Dilbert comic strip for 02/02/2001 from the official Dilbert comic strips archive.]

[http://search.dilbert.com/comic/Technology%20Demo Technology Demo on Dilbert.com]

[http://dilbert.com/strips/comic/1996-05-26/ Dilbert: Business Language]

=== Berufswahl/Richtungen ===

[http://www.cooper.com/journal/2001/06/so_you_want_to_be_an_interacti.html Berufswahl: So You Want To Be An Interaction Designer]

[http://germanupa.de/german-upa/branchenreport/branchenreport-usability-2008.pdf/view Branchenreport 2008 — German UPA]

[http://www.adaptivepath.com/ideas/essays/archives/000656.php Interactiondesigner Berufswahl]

A User Experience design and consulting firm that unites theory and practice to advance the art of user experience design while helping clients make better business decisions. Located in San Francisco, California, USA.

=== IA ===

[http://www.uxmatters.com/mt/archives/2012/02/ia-strategy-addressing-the-signatures-of-information-overload.php IA Strategy: Addressing the Signatures of Information Overload :: UXmatters]

[http://www.cennydd.co.uk/2011/editing-tips-for-designers/ Editing tips for designers : Cennydd Bowles]

[http://www.jjg.net/ia/recon/ Jesse James Garrett: ia/recon]

=== action research ===

[http://alandix.com/blog/2012/12/10/action-research-in-hci/ Action Research in HCI | Alan Dix]

[http://www.edu.plymouth.ac.uk/resined/actionresearch/arhome.htm#FURTHER%20READING Action Research in Education]

=== mobile ===

[http://developer.apple.com/library/ios/#documentation/userexperience/conceptual/mobilehig/Introduction/Introduction.html#//apple_ref/doc/uid/TP40006556-CH1-SW1|iOS Human Interface Guidelines: Introduction]

[http://uxmag.com/technology/five-lessons-from-a-year-of-tablet-ux-research?utm_source=feedburner&utm_medium=feed&utm_campaign=Feed%3A+UXM+%28UX+Magazine%29 Five Lessons from a Year of Tablet UX Research | UX Magazine]

[http://design-challenge.mozillalabs.com/resources/files/designing_for_mobile.pdf designing_for_mobile.pdf (application/pdf-Objekt)]

[http://yuiblog.com/blog/2007/10/02/challenges-of-interface-design-for-mobile-devices/ Challenges of Interface Design for Mobile Devices » Yahoo! User Interface Blog (YUIBlog)]

[http://patterns.littlespringsdesign.com/index.php/Main_Page Main Page - Design For Mobile: resources for designing and building mobile apps and sites]

[http://www.forum.nokia.com/Technology_Topics/Design_and_User_Experience/ Forum Nokia - Design and User Experience]

[http://vimeo.com/3327288 Rachel Hinman | UX Week 2008 | Adaptive Path on Vimeo]

[http://www.paulhibbitts.com/small-screen-ui-design-links.html Small Screen UI Design - Recommended Links - Resources - Paul Hibbitts, Vancouver, Canada]

[http://www.accessdevnet.com/docs/zenofpalm.pdf zenofpalm.pdf (application/pdf-Objekt)]

[http://www.usercentric.com/news/2009/08/26/best-practices-designing-mobile-applications Best Practices for Designing Mobile Applications]

[http://www.boxesandarrows.com/view/four-key-principles Four Key Principles of Mobile User Experience Design - Boxes and Arrows: The design behind the design]

[http://www.edwardtufte.com/bboard/q-and-a-fetch-msg?msg_id=00036T Ask E.T.: iPhone interface design]

[http://www.uxmatters.com/mt/archives/2013/02/how-do-users-really-hold-mobile-devices.php How Do Users Really Hold Mobile Devices? :: UXmatters]

=== Modeling ===

[http://www.azarask.in/blog/post/know_when_to_stop_designing_quantitatively/# Know When to Stop Designing, Quantitatively « Aza on Design]

[http://courses.csail.mit.edu/6.831/2009/handouts/ac18-predictive-evaluation/klm.shtml Keystroke Level Model (KLM) Calculator]

[http://particletree.com/features/visualizing-fittss-law/ Particletree » Visualizing Fitts’s Law]

[http://www.codinghorror.com/blog/2010/03/the-opposite-of-fitts-law.html Coding Horror: The Opposite of Fitts' Law]

[http://en.wikipedia.org/wiki/Hick%27s_law Hick's law - Wikipedia, the free encyclopedia]

==== non-WIMP ====

[http://users.erols.com/rwservices/pens/biblio70.html#DavisMR64 (early) History of Pen and Gesture Computing: References Papers]

[http://www.disambiguity.com/when-to-use-drag-drop-some-informal-research-results/ when to use drag & drop (some informal research results) | disambiguity]

[http://www.cs.umd.edu/class/fall2002/cmsc838s/tichi/dirman.html Direct Manipulation]

[http://www.jnd.org/dn.mss/ui_breakthroughcomma.html Command Line Interfaces - Don Norman's]

books by Don Norman, personal web page for Don Norman, of the Nielsen Norman Group and Northwestern University, champion of human-centered design. Publications, papers, sample chapters and writings, list of students.

[http://www.yorku.ca/mack/hci3.html Text entry for mobile computing: Models and methods, theory and practice]

[http://zoomism.com/ zoomabel UI: zoomism]

[http://searchuserinterfaces.com/book/sui_ch1_design.html Design of Search User Interfaces (Ch 1) | Search User Interfaces | Marti Hearst | Cambridge University Press 2009]

[http://www.sapdesignguild.org/resources/TSDesignGL/Index.htm Interaction Design Guide for Touchscreen Applications]

[http://mattgemmell.com/2010/03/05/ipad-application-design iPad Application Design » Slate Devices Touch Interaction]

[http://depts.washington.edu/aimgroup/proj/dollar/ JavaScript $1 Unistroke Recognizer]

[http://www.lukew.com/ff/entry.asp?1071 LukeW | Touch Gesture Reference Guide]

The Touch Gesture Reference Guide is a unique set of resources for software designers and developers working on touch-based user interfaces.The guide contains: 1) an overview of the core gestures used for most touch commands 2) how to utilize these gesture ...

[http://www.vimeo.com/2761844 NYC IxDA - Tap is the New Click - Dan Saffer on Vimeo]

[http://www.donhopkins.com/drupal/node/98 The Design and Implementation of Pie Menus -- Dr. Dobb's Journal, Dec. 1991 | Don Hopkins]

[http://patterns.design4mobile.com/index.php/Touch_Screen_UI_Guidelines Touch Screen UI Guidelines - Design For Mobile: resources for designing and building mobile apps and sites]

[http://vimeo.com/6712657 Touch: 10GUI]

[http://sethsandler.com/multitouch/mtmini/ Touch: mtMini - DIY Multitouch Mini Pad]

[https://help.ubuntu.com/community/UMEGuide/DesigningForFingerUIs Ubunutu Guidelines for Touch Interfaces; Target sizes]

[http://www.nngroup.com/reports/mobile/ipad/ Usability of iPad Apps and Websites: First Research Findings]

[http://www.jnd.org/dn.mss/natural_user_interfaces_are_not_natural.html NUI Are Not Natural]

[http://web.archive.org/web/20050214045718/http://piemenu.com/ Pie Menu Central]

=== Questionaires ===

[http://www.usabilitynet.org/tools/r_questionnaire.htm UsabilityNet: questionnaire resources]

[http://www.slideshare.net/rebeccaweiss/writing-surveysthatwork Writing surveysthatwork]

[http://hcibib.org/perlman/question.cgi Computer System Usability Questionnaire]

[http://www.hoepflinger.com/fhtop/Umfragemethodik.pdf Umfragemethodik.pdf]

[http://www.userfocus.co.uk/articles/satisfaction.html Measuring satisfaction: Beyond the usability questionnaire]

[http://arbeitsblaetter.stangl-taller.at/FORSCHUNGSMETHODEN/Fragebogen.shtml Schritte der Fragebogen Konstruktion]

[http://iss.leeds.ac.uk/info/312/surveys/217/guide_to_the_design_of_questionnaires/5 University of Leeds - Guide to the Design of Questionnaires]

[http://www.mmk.ei.tum.de/lehre/ebof/vlss12/referate/Fragenbogen%20und%20Interview.pdf PowerPoint-Präsentation - Fragenbogen und Interview.pdf]

[http://www.cochrane.es/files/Recursos/How_to_design_a_questionnaire.pdf How_to_design_a_questionnaire.pdf]

[http://www.measuringusability.com/blog/10-things-SUS.php 10 Things to Know About the System Usability Scale (SUS): Measuring Usability]

=== Prototyping etc. ===

[http://www.boxesandarrows.com/view/storyboarding_rich_internet_applications_with_visio Storyboarding Rich Internet Applications with Visio - Boxes and Arrows: The design behind the design]

[http://www.alistapart.com/articles/sketchingincode A List Apart: Articles: Sketching in Code: the Magic of Prototyping]

[http://boxesandarrows.com/view/interactive Interactive Prototypes with PowerPoint - Boxes and Arrows: The design behind the design]

[http://www.nngroup.com/articles/thinking-aloud-the-1-usability-tool/ Thinking Aloud: The #1 Usability Tool]

[http://www.alistapart.com/articles/paperprototyping/ A List Apart: Articles: Paper Prototyping]

[http://www.userfocus.co.uk/articles/paperprototyping.html 7 myths about paper prototyping]

[http://www.usability.gov/get-involved/blog/2005/06/paper-prototypes-and-software-prototypes.html Paper Prototypes Work as Well as Software Prototypes | Usability.gov]

[http://www.boxesandarrows.com/view/quick-and-easy-flash Quick and Easy Flash Prototypes - Boxes and Arrows: The design behind the design]

[http://hci.stanford.edu/research/prototyping/ Prototyping · Research · Stanford HCI]

=== particiaptive Design ===

[http://www.ijdesign.org/ojs/index.php/IJDesign/article/view/749/404 The Quality of Design Participation: Intersubjectivity in Design Practice]

=== Psycho & Evaluierung ===

[http://www.useit.com/papers/heuristic/ Heuristic Evaluation]

Center for information about heuristic evaluation of user interface designs: a cheap and fast usability inspection method (by Jakob Nielsen who co-invented the method in 1989)

[http://www.usercentric.com/blogs/uxnuggets/2012/01/26/statistical-analysis-user-research-when-it-meaningful Statistical Analysis for User Research: When Is It Meaningful? - User Centric, Inc.]

[http://en.wikipedia.org/wiki/Cognitive_dimensions Cognitive dimensions of notations - Wikipedia, the free encyclopedia]

[http://www.useit.com/papers/guerrilla_hci.html Guerrilla HCI]

[http://en.wikipedia.org/wiki/Fitts_law Fitts's law - Wikipedia, the free encyclopedia]

[http://www.boxesandarrows.com/view/cognitive_psychology_ia_from_theory_to_practice Cognitive Psychology & IA: From Theory to Practice - Boxes and Arrows: The design behind the design]

[http://articles.sitepoint.com/article/heuristic-evaluation-guide Heuristic Evaluation - a Step By Step Guide]

[http://www.measuringusability.com/blog/five-history.php A Brief History of the Magic Number 5 in Usability Testing: Measuring Usability]

[http://www.measuringusability.com/blog/quant-criticism.php How to Deal With Quantitative Criticism: Measuring Usability]

[http://www.measuringusability.com/blog/stats-usability-errors.php Nine misconceptions about statistics and usability: Measuring Usability]

[http://optimalusability.createsend1.com/t/ViewEmail/r/2A9B9D7B374CB328/A99A37E0B6D9AA7E0CC2E775D3CF5869 10tips for mobile usability testing]

=== Social/User Creativity ===

[http://www.uxmatters.com/mt/archives/2009/08/empowering-users-to-create-their-own-software.php Empowering Users to Create Their Own Software :: UXmatters]

[http://boxesandarrows.com/view/designing-for-social Designing for Social Interaction - Boxes and Arrows: The design behind the design]

[http://johnnyholland.org/2012/02/principles-of-social-interaction-design/ Principles of Social Interaction Design | Johnny Holland]

[http://uxdesign.smashingmagazine.com/2012/04/26/gamification-ux-users-win-lose/ Gamification And UX: Where Users Win Or Lose | Smashing UX Design]

[http://developer.yahoo.com/ypatterns/social/people/reputation/index.html Reputation Patterns - Design Pattern Library - YDN]

[http://pipeline.cc.gatech.edu/pdf/p1-luther.pdf Paper: Why it Works When it Works]

[http://faculty.washington.edu/aragon/pubs/cc09.pdf Paper: A Tale of Two Online Communities: - cc09.pdf]

[http://pipeline.cc.gatech.edu/pdf/p2823-luther.pdf Paper: Edits and Credits]

=== Experience ===

[http://www.interaction-design.org/encyclopedia/user_experience_and_experience_design.html User Experience and Experience Design]

[http://www.nngroup.com/articles/satisfaction-vs-performance-metrics/ User Satisfaction vs. Performance Metrics]

[http://www.userfocus.co.uk/articles/satisfaction.html Measuring satisfaction: Beyond the usability questionnaire]

=== UserResearch-Examples ===

[https://www.youtube.com/watch?v=9t-_hYjAKww EXAMPLE: (cc-by) How to do a research interview - YouTube]

[https://www.youtube.com/watch?v=LyJMQDAa4v0 EXAMPLE: cc-by Interview with Ben Clip - YouTube]

[http://stbyblogs.eu/cyclehiring/ EXAMPLE: Road safety for London cyclists]

[http://vimeo.com/6002157 EXAMPLE: Reading Ahead project: Chris interview clip on Vimeo]

[http://www.bbc.co.uk/blogs/legacy/bbcinternet/2011/11/bbc_weather_design_refresh.html BBC User Centered Design of Weather Page]

[http://www.uk.sagepub.com/braunandclarke/study/qualitative.htm SAGE - Student and Instructor Site for Sucessful Qualitative Research]

[http://vimeo.com/27214053 CC-By: What does it mean to be 16? (High School Project)the NYC iSchool on Vimeo]

[http://vimeo.com/86436452 CC-BY: How do poeple choose meat?]

Analysis presentation. Mainly desciptive.

[http://vimeo.com/66064252 CC-BY: The Challenges of Small Business Owners on Vimeo]

Much edited; Nice Interview snippets

[http://vimeo.com/70890195 CC-BY: Man explains future house]

Guy walks through unfinished house showing what he wants to do there.

[http://vimeo.com/33597564 CC-BY: Warten auf der Straße]

Migranten reden über ihren Treffpunkt, eine Straßenecke, und warum sie dort warten.

[http://blog.usabilla.com/top-ethnographic-research-videos/ Top 10 Ethnographic Research Videos - The Usabilla Blog]

=== UserResearch-Datenerhebung ===

[http://www.qualitative-research.net/index.php/fqs/article/view/466/996#g9 Participant Observation as a Data Collection Method | Kawulich | Forum Qualitative Sozialforschung / Forum: Qualitative Social Research]

[http://www.uxmatters.com/mt/archives/2011/10/research-guidelines-you-wont-find-in-a-textbook.php Research Guidelines: Make Friends, No Answers, No Selling]

[https://blog.mozilla.org/ux/2012/08/when-to-use-a-focus-group-and-when-not-to/ When To Use a Focus Group and When Not To | Mozilla UX]

[http://www.adaptivepath.com/ideas/essays/archives/000041.php adaptive path » nondirected interviews: how to get more out of your research questions]

[http://www.uxmatters.com/mt/archives/2011/04/when-interviews-go-wrong.php When Interviews Go Wrong :: UXmatters]

[http://de.wikipedia.org/wiki/Fragetechnik Fragetechnik – Wikipedia]

=== UserResearch ===

[http://de.wikipedia.org/wiki/Aktionsforschung Aktionsforschung – Wikipedia]

[http://www.smallfire.co.nz/2012/07/04/co-design-workshop-resources-techniques-and-methods/?utm_source=feedburner&utm_medium=feed&utm_campaign=Feed%3A+indyusability+%28Usability+News+with+Brandon+Corbin%29 Co Design Workshop Techniques]

[http://uxmag.com/articles/ethnography-in-industry-objectives Ethnography in Industry: Objectives? | UX Magazine]

[http://www.pflegewiki.de/wiki/Grounded_Theory Grounded Theory – PflegeWiki]

[http://www.pflegewiki.de/wiki/Schematischer_Ablauf_der_Grounded_Theory_am_Beispiel_der_Studie_%22Vertrautheit%22_von_Corry_Bosch Schematischer Ablauf der Grounded Theory am Beispiel der Studie "Vertrautheit" von Corry Bosch – PflegeWiki]

[http://www.alistapart.com/articles/can-you-say-that-in-english-explaining-ux-research-to-clients/ A List Apart: Articles: Can You Say That in English? Explaining UX Research to Clients]

[http://ils.unc.edu/~march/blsreport/mainbls.html Diary/Focusgroup Entry Coding Organization]

[http://www.slideshare.net/jaremfan/the-goodness-of-diary-studies Diary Studies Slides]

[http://www.slideshare.net/jaremfan/diary-studies-a-primer Diary studies - A primer]

[http://www.eriontheinterweb.com/2011/07/the-dos-and-donts-of-diary-studies/ The Dos and Don’ts of Diary Studies - eri on the interweb]

[http://www.tiresias.org/tools/diary_analysis_studies.htm Tiresias :: Project tools :: Diary studies]

[http://www.uxmatters.com/mt/archives/2008/05/bite-sized-ux-research.php Bite-Sized UX Research :: UXmatters]

[http://www.uxmatters.com/mt/archives/2009/01/design-research-methods-for-experience-design.php Design Research Methods for Experience Design :: UXmatters]

[http://help.ethnohub.com/guide/aeiou-framework AEIOU Framework | EthnoHub Help]

[https://en.wikipedia.org/w/index.php?title=Thematic_analysis&oldid=606461893 Thematic analysis - Wikipedia, the free encyclopedia]

[http://blogs.parc.com/blog/2013/12/mythbusting-corporate-ethnography-and-the-giant-green-button/ Mythbusting: Corporate Ethnography and the Giant Green Button | PARC blog]

[http://www.sitepoint.com/contextual-enquiry-primer/ Contextual Enquiry – A Primer » SitePoint]

[http://www.slideshare.net/RuthEllison/guerrilla-user-design-research-final Guerrilla User and Design Research]

[[http://webcache.googleusercontent.com/search?q=cache:U4UpMBG7-X8J:www.slideshare.net/leisa/diy-user-research-londonbarcamp3+%22We+tend+to+project+our+own+rationalisations+and+beliefs+onto+the+actions+and+beliefs+of+others.%22&cd=1&hl=de&ct=clnk≷=de&client=firefox-a|DIY User Research (LondonBarCamp3)]]

[http://incontextdesign.com/articles/helpful-tips-to-improve-your-contextual-inquiry-techniques/ InContext » Helpful Tips to Improve Your Contextual Inquiry Techniques]

[http://www.uxmag.com/design/five-ux-research-pitfalls Five UX Research Pitfalls | UX Magazine]

[http://www.adaptivepath.com/ideas/essays/archives/000755.php adaptive path » research is a method, not a methodology]

[http://wiki.fluidproject.org/display/fluid/Contextual+Inquiry Contextual Inquiry - Fluid Project Wiki]

[http://www.uxbooth.com/blog/complete-beginners-guide-to-design-research/ Complete Beginner’s Guide to Design Research | UX Booth]

[http://www.helsinkidesignlab.org/dossiers/design-ethnography Design Ethnography Ressources/Fieldguide]

[http://usability.jameshom.com/ The Usability Methods Toolbox - Usability Methods Toolbox Contextual Design Heuristic Evaluation Inspection Inquiry usable engineering]

[http://designingwithpeople.rca.ac.uk/ethics D. Research Ethics]

[http://designingwithpeople.rca.ac.uk/methods Method Overview: Designing With People]

[http://www.eval.org/SummerInstitute08/08SIHandouts/Uploaded/aea08.si.liebow1.pdf Rapid Ethnography in Evaluation - aea08.si.liebow1.pdf]

[http://www.forbes.com/sites/nathanfurr/2011/06/09/how-failure-taught-edison-to-repeatedly-innovate/ Iterate: "How Failure Taught Edison to Repeatedly Innovate - Forbes"]

[http://www.paulos.net/teaching/2011/BID/readings/rapid_visualization.pdf Sketching made easy]

[http://www.portigal.com/wp-content/uploads/2008/01/Portigal-Consulting-White-Paper-Persona-Non-Grata.pdf Persona-non-crata: critical view of personas]

=== Creatitvity and Facilitation ===

[http://www.zeit.de/karriere/beruf/2013-10/entscheidungen-gruppe-zwang Sozialpsychologie: Gruppen entscheiden meistens schlecht | ZEIT ONLINE]

[http://www.newyorker.com/reporting/2013/07/29/130729fa_fact_gawande?currentPage=all Atul Gawande: How Do Good Ideas Spread? : The New Yorker]

[http://www.sueddeutsche.de/wissen/warum-brainstorming-nicht-funktioniert-windstille-im-kopf-1.1303668 Warum Brainstorming nicht funktioniert - Windstille im Kopf - Wissen - Süddeutsche.de]

[http://www.businessweek.com/stories/2006-07-25/eight-tips-for-better-brainstorming Eight Tips for Better Brainstorming - Businessweek]

[http://uxmag.com/articles/problems-with-innovation-workshops Problems With Innovation Workshops | UX Magazine]

[http://carmine.se.edu/cvonbergen/Productivity%20Loss%20In%20Brainstorming_Toward%20the%20Solution%20of%20a%20Riddle.pdf Productivity Loss In Brainstorming_Toward the Solution of a Riddle.pdf]

[http://kops.ub.uni-konstanz.de/bitstream/handle/urn:nbn:de:bsz:352-opus-88355/Group_versus_individual_performance_on_tasks_1973_KOPS8835.pdf?sequence=1 Group versus individual performance on tasks requiring ideational proficiency (brainstorming): A review - Group_versus_individual_performance_on_tasks_1973_KOPS8835.pdf]

[http://www.slideshare.net/Vorkronor/design-studio-workshop Design studio workshop]

[http://vimeo.com/37861987 The Design Studio Method - Todd Zaki Warfel on Vimeo]

[https://en.wikipedia.org/wiki/Oblique_Strategies Oblique Strategies - Wikipedia, the free encyclopedia]

=== Books ===

[https://www.wickedproblems.com/table_of_contents.php Wicked Problems: Problems Worth Solving - Table Of Contents]

[http://www.scribd.com/doc/7479034/hcimodelstheoriesandframeworkstowardamultidisciplinaryscienceinteractivetechnologies hci-models-theories-and-frameworks-toward-a-multidisciplinary-science-interactive-technologies]

[about:blank Connecting…]

[http://searchuserinterfaces.com/book/ Read It: Search User Interfaces]

[http://www.billbuxton.com/inputManuscript.html Buxton: Input Theories, Techniques and Technology]

[http://www.id-book.com/ Interaction Design - Second Edition]

The companion website for the book Interaction Design: beyond human-computer interaction, by Preece, Rogers and Sharp. On this site, you'll find a variety of resources and activities to support your exploration of interaction design.

[http://hci.rwth-aachen.de/hcibooks.html The Media Computing Group : Jan's Top Ten List of Books on Human-Computer Interaction]

=== Tools/Ressourcen ===

[http://www.e-werkzeug.eu/ FLOSS Transkriptionstool]

[http://www.usability.gov/templates/docs/release.doc Videotape Consent Form (DOC - 152KB)]

[http://usability.gov/templates/index.html Templates | Usability.gov]

[http://www.designerinaction.de/gestaltung/android-234-gui.html Android 2.3.4 GUI - DESIGNER IN ACTION]

[https://openoffice.apache.org/get-involved.html OpenSource: learning to participate- Modules]

[http://www.uclic.ucl.ac.uk/annb/CASSM/CASSMindesign.html CASSM-Method for concept matching analysis]

[https://en.wikipedia.org/wiki/Technology_acceptance_model Technology acceptance model - Wikipedia, the free encyclopedia]

=== Forms and Signups ===

[http://www.ryancramer.com/journal/entries/select_multiple/ Select multiple form fields - finding a better solution for multiple selection]

Despite their important function, select multiple form fields are problematic. This article looks at the inherent problems with select multiple form fields, and talks about ways to improve upon them.

=== Instructional Des. ===

[http://classweb.gmu.edu/ndabbagh/Resources/IDKB/instruct_design.htm IDKB - Doing an ID Project]

[http://de.wikipedia.org/wiki/ARCS-Modell ARCS-Modell – Wikipedia]

=== Recht und Business ===

[http://www.alistapart.com/articles/designing-contracts-for-the-xxi-century/?utm_source=feedburner&utm_medium=feed&utm_campaign=Feed%3A+alistapart%2Fmain+A+List+Apart A List Apart: Articles: Designing Contracts for the XXI Century]

[http://www.germanupa.de/data/mediapool/german_upa_branchenreport_usability_2011.pdf german_upa_branchenreport_usability_2011.pdf]

=== sampling and Recruiting ===

[http://www.measuringusability.com/blog/finding-users.php 7 Ways to Find Users for Usability Testing: Measuring Usability]

[http://www.measuringusability.com/blog/finding-users.php 7 Ways to Find Users for Usability Testing: Measuring Usability]

=== Kommunikation, Aufbereitung, Visualisierung ===

[http://wireframes.linowski.ca/wp-content/themes/darwin/images/PersonaTemplate.pdf persona template]

[http://www.uxmatters.com/mt/archives/2011/11/using-storyboards-and-sentiment-charts-to-quantify-customer-experience.php Using Storyboards and Sentiment Charts to Quantify Customer Experience :: UXmatters]

[http://www.uxmatters.com/mt/archives/2007/06/walking-through-your-product-design-with-stakeholders.php Walking Through Your Product Design With Stakeholders :: UXmatters]

[http://uxmag.com/articles/designing-with-stakeholders-accelerating-the-design-process-through-co-creation?utm_source=Facebook&utm_medium=ArticleShare&utm_tone=sf Designing with Stakeholders? Accelerating the design process through co-creation | UX Magazine]

[http://www.uxmatters.com/mt/archives/2012/02/communicating-user-research-findings.php Communicating User Research Findings :: UXmatters]

[http://www.asktog.com/columns/047HowToWriteAReport.html Ask Tog: How to Deliver a Report Without Getting Lynched]

[http://wireframes.linowski.ca/wp-content/themes/darwin/images/PersonaTemplate.pdf Persona Template.indd - PersonaTemplate.pdf]

[http://www.adaptivepath.com/ideas/the-anatomy-of-an-experience-map The Anatomy of an Experience Map - Adaptive Path]

[http://blogs.hbr.org/cs/2010/11/using_customer_journey_maps_to.html Using Customer Journey Maps to Improve Customer Experience - Adam Richardson - Harvard Business Review]

[http://www.uxmatters.com/mt/archives/2012/02/communicating-user-research-findings.php Communicating User Research Findings :: UXmatters]

[http://www.uxmatters.com/mt/archives/2011/09/the-value-of-customer-journey-maps-a-ux-designers-personal-journey.php The Value of Customer Journey Maps: A UX Designer’s Personal Journey :: UXmatters]

[http://www.uxmatters.com/mt/archives/2012/09/3-keys-to-aligning-ux-with-business-strategy.php 3 Keys to Aligning UX with Business Strategy :: UXmatters]

[http://www.uxmatters.com/mt/archives/2011/06/knowledge-importance-matrix-for-wiki-project-coordination.php Knowledge / Importance Matrix for Wiki Project Coordination :: UXmatters]

=== Philosophie und Denken ===

[http://www.brandeins.de/magazin/schoen-ist-gut.html brand eins Online: brand eins 10/2000 - SCHWERPUNKT: Design]

=== Cardsorts ===

[http://www.uxmatters.com/mt/archives/2010/09/dancing-with-the-cards-quick-and-dirty-analysis-of-card-sorting-data.php Dancing with the Cards: Quick-and-Dirty Analysis of Card-Sorting Data :: UXmatters]

[http://rosenfeldmedia.com/books/downloads/cardsorting/cardsort_analysis.pdf howtoAnalysis-Excel]

=== activity Theory ===

[http://www.sigchi.org/chi97/proceedings/tutorial/bn.htm CHI 97: Activity Theory: Basic Concepts and Applications]

[http://www.interaction-design.org/encyclopedia/activity_theory.html Activity Theory]

[http://www.slideshare.net/stephaniebeth/introduction-to-activity-theory-in-hci Introduction to Activity Theory in HCI]

[http://bokardo.com/archives/activity-centered-design/ Activity-Centered Design]

User:JanD/bookmarks

2015-07-27T18:47:13Z

JanD: deleted link: Instructions not actionable; vague

== Design ==

=== Lehre ===

[http://www.gurtle.com/ppov/2009/12/18/so-you-want-to-be-a-user-researcher So you want to be a user researcher? | Pat's Point of View]

[https://www.cmu.edu/teaching/designteach/design/instructionalstrategies/groupprojects/design.html What are best practices for designing group projects? - Enhancing Education - Carnegie Mellon University]

[http://www.core77.com/reactor/09.06_chochinov.asp Core77 - 1000 Words of Advice for Design Teachers]

[http://studentaffairs.stanford.edu/sites/default/files/registrar/files/sample_crse_eval.pdf Stanford University - Course Evaluation - sample_crse_eval.pdf]

[http://www.cooperhewitt.org/conversations/2011/09/09/ready-set-design Ready, Set, Design! | Smithsonian Cooper-Hewitt, National Design Museum in New York]

[http://d.ucsd.edu/class/intro-hci/index.html Intro to HCI]

[http://d.ucsd.edu/class/intro-hci/assignments/ Index of /class/intro-hci/assignments]

=== Allgemein/Basics ===

[http://www.infodesign.com.au/uxpod User Experience Podcast | Information & Design]

[http://www.namahn.com//resources/interviews.htm Podcasts on HCI]

[http://littlebigdetails.com/ Little Big Details]

[http://www.contrast.ie/blog/make-it-meaningful/ UX + Usability debate: Make it meaningful | The Contrast Blog]

[http://johnnyholland.org/2010/03/01/johnny-tvs-10-must-see-ux-videos/ Johnny Holland –» Johnny TV’s 10 Must-See UX Videos]

[http://www.kickerstudio.com/blog/2010/09/essential-interaction-design-essays-and-articles/comment-page-1/#comment-3667 Kicker Studio: Essential Interaction Design Essays and Articles]

[http://www.smashingmagazine.com/2010/01/05/25-user-experience-videos-that-are-worth-your-time/ 25 User Experience Videos That Are Worth Your Time - Smashing Magazine]

[http://delicious.com/sochi.si HCI Bookmarks]

Keep, share, and discover the best of the Web using Delicious, the world's leading social bookmarking service.

[http://theixdlibrary.com/ The IxD Library - A collection of materials related to Interaction Design]

[http://www.forum.nokia.com/Design/Design_process/Getting_started/Interaction_design_and_prototyping.xhtml Forum Nokia - Interaction design and prototyping]

[http://www.ixda.org/ Interaction Design Association]

[http://www.ijdesign.org/ojs/index.php/IJDesign/index International Journal of Design]

[http://meiert.com/de/publications/translations/asktog.com/firstprinciples/ Grundsätze des Interaction Designs (Bruce Tognazzini) – Übersetzung von Jens O. Meiert]

[http://developer.apple.com/documentation/UserExperience/Conceptual/AppleHIGuidelines/XHIGIntro/chapter_1_section_1.html Apple Human Interface Guidelines: Introduction to Apple Human Interface Guidelines]

[http://www.jnd.org/index.html Don Norman's jnd.org / user advocacy and human-centered design]

[http://www.joelonsoftware.com/printerFriendly/uibook/fog0000000249.html User Interface Design For Programmers - Joel on Software]

[http://www.experientia.com/blog/ux-week-2008-videos/ Putting people first » UX Week 2008 videos]

[http://usability.gov/guidelines/index.html Guidelines | Usability.gov]

[http://www.cs.umd.edu/class/fall2002/cmsc838s/tichi/oai.html Objects-Actions Interface model]

[http://www.brandonwalkin.com/blog/2009/08/10/managing-ui-complexity/ Managing UI Complexity | Brandon Walkin]

[http://wikid.eu/index.php/Main_Page Main Page - WikID, the Industrial Design Engineering wiki]

[http://uxblog.sameerchavan.com/?p=138 Usability Bloopers – Short videos on bad UI design - User Experience & Usability Review Blog]

[http://www.designforusability.org/wp-content/DfU_MethodCollection_a5Kaarten_WEB.pdf DfU_MethodCollection_a5Kaarten_WEB.pdf]

[http://uxtogo.files.wordpress.com/2012/05/projectcanvasenglishv1.pdf Project Canvas - projectcanvasenglishv1.pdf]

[http://www.designcouncil.org.uk/about-design/how-designers-work/design-methods/ Design Council - Design methods]

[https://www-01.ibm.com/software/ucd/ucd.html#ucdfaq IBM Design: UCD process]

=== misconceptins and bad things ===

[http://www.cooper.com/journal/2010/10/making_it_suck.html Making it suck | Cooper Journal]

[http://www.nngroup.com/articles/the-myth-of-the-genius-designer/ The Myth of the Genius Designer]

[http://asktog.com/atc/the-third-user/ Apple: Focus on the buyer, not the user: "The Third User" | askTog]

[http://danwin.com/2013/01/infinite-scroll-fail-etsy/ Why did infinite scroll fail at Etsy? | danwin.com]

[http://www.elasticspace.com/2013/03/no-to-no-ui No to NoUI – Timo Arnall]

[http://dilbert.com/strips/comic/2001-12-12/ Dilbert comic strip for 12/12/2001 from the official Dilbert comic strips archive.]

[http://dilbert.com/strips/comic/2004-08-17/ Dilbert comic strip for 08/17/2004 from the official Dilbert comic strips archive.]

[http://www.azarask.in/blog/post/the-seduction-of-simple-hidden-complexity/ The Seduction of Simple: Hidden Complexity « Aza on Design]

[http://uxmyths.com/ UX Myths]

[http://uxmyths.com/post/715009009/myth-icons-enhance-usability Myth #13: Icons enhance usability - UX Myths]

[http://www.zeit.de/2013/28/entwicklungshilfe-reiche-arme-ofen/ [Failed] Entwicklungshilfe: Öfen für alle | ZEIT ONLINE]

[http://www.uxmag.com/design/the-dirtiest-word-in-ux-complexity The Dirtiest Word in UX: Complexity | UX Magazine]

[http://www.baddesigns.com/ Bad Human Factors Designs]

[http://dilbert.com/strips/comic/2001-02-02/ Dilbert comic strip for 02/02/2001 from the official Dilbert comic strips archive.]

[http://search.dilbert.com/comic/Technology%20Demo Technology Demo on Dilbert.com]

[http://dilbert.com/strips/comic/1996-05-26/ Dilbert: Business Language]

=== Berufswahl/Richtungen ===

[http://www.cooper.com/journal/2001/06/so_you_want_to_be_an_interacti.html Berufswahl: So You Want To Be An Interaction Designer]

[http://germanupa.de/german-upa/branchenreport/branchenreport-usability-2008.pdf/view Branchenreport 2008 — German UPA]

[http://www.adaptivepath.com/ideas/essays/archives/000656.php Interactiondesigner Berufswahl]

A User Experience design and consulting firm that unites theory and practice to advance the art of user experience design while helping clients make better business decisions. Located in San Francisco, California, USA.

=== IA ===

[http://www.uxmatters.com/mt/archives/2012/02/ia-strategy-addressing-the-signatures-of-information-overload.php IA Strategy: Addressing the Signatures of Information Overload :: UXmatters]

[http://www.cennydd.co.uk/2011/editing-tips-for-designers/ Editing tips for designers : Cennydd Bowles]

[http://www.jjg.net/ia/recon/ Jesse James Garrett: ia/recon]

=== action research ===

[http://alandix.com/blog/2012/12/10/action-research-in-hci/ Action Research in HCI | Alan Dix]

[http://www.edu.plymouth.ac.uk/resined/actionresearch/arhome.htm#FURTHER%20READING Action Research in Education]

=== mobile ===

[http://developer.apple.com/library/ios/#documentation/userexperience/conceptual/mobilehig/Introduction/Introduction.html#//apple_ref/doc/uid/TP40006556-CH1-SW1|iOS Human Interface Guidelines: Introduction]

[http://uxmag.com/technology/five-lessons-from-a-year-of-tablet-ux-research?utm_source=feedburner&utm_medium=feed&utm_campaign=Feed%3A+UXM+%28UX+Magazine%29 Five Lessons from a Year of Tablet UX Research | UX Magazine]

[http://design-challenge.mozillalabs.com/resources/files/designing_for_mobile.pdf designing_for_mobile.pdf (application/pdf-Objekt)]

[http://yuiblog.com/blog/2007/10/02/challenges-of-interface-design-for-mobile-devices/ Challenges of Interface Design for Mobile Devices » Yahoo! User Interface Blog (YUIBlog)]

[http://patterns.littlespringsdesign.com/index.php/Main_Page Main Page - Design For Mobile: resources for designing and building mobile apps and sites]

[http://www.forum.nokia.com/Technology_Topics/Design_and_User_Experience/ Forum Nokia - Design and User Experience]

[http://vimeo.com/3327288 Rachel Hinman | UX Week 2008 | Adaptive Path on Vimeo]

[http://www.paulhibbitts.com/small-screen-ui-design-links.html Small Screen UI Design - Recommended Links - Resources - Paul Hibbitts, Vancouver, Canada]

[http://www.accessdevnet.com/docs/zenofpalm.pdf zenofpalm.pdf (application/pdf-Objekt)]

[http://www.usercentric.com/news/2009/08/26/best-practices-designing-mobile-applications Best Practices for Designing Mobile Applications]

[http://www.boxesandarrows.com/view/four-key-principles Four Key Principles of Mobile User Experience Design - Boxes and Arrows: The design behind the design]

[http://www.edwardtufte.com/bboard/q-and-a-fetch-msg?msg_id=00036T Ask E.T.: iPhone interface design]

[http://www.uxmatters.com/mt/archives/2013/02/how-do-users-really-hold-mobile-devices.php How Do Users Really Hold Mobile Devices? :: UXmatters]

=== Modeling ===

[http://www.azarask.in/blog/post/know_when_to_stop_designing_quantitatively/# Know When to Stop Designing, Quantitatively « Aza on Design]

[http://courses.csail.mit.edu/6.831/2009/handouts/ac18-predictive-evaluation/klm.shtml Keystroke Level Model (KLM) Calculator]

[http://particletree.com/features/visualizing-fittss-law/ Particletree » Visualizing Fitts’s Law]

[http://www.codinghorror.com/blog/2010/03/the-opposite-of-fitts-law.html Coding Horror: The Opposite of Fitts' Law]

[http://en.wikipedia.org/wiki/Hick%27s_law Hick's law - Wikipedia, the free encyclopedia]

==== non-WIMP ====

[http://users.erols.com/rwservices/pens/biblio70.html#DavisMR64 (early) History of Pen and Gesture Computing: References Papers]

[http://www.disambiguity.com/when-to-use-drag-drop-some-informal-research-results/ when to use drag & drop (some informal research results) | disambiguity]

[http://www.cs.umd.edu/class/fall2002/cmsc838s/tichi/dirman.html Direct Manipulation]

[http://www.jnd.org/dn.mss/ui_breakthroughcomma.html Command Line Interfaces - Don Norman's]

books by Don Norman, personal web page for Don Norman, of the Nielsen Norman Group and Northwestern University, champion of human-centered design. Publications, papers, sample chapters and writings, list of students.

[http://www.yorku.ca/mack/hci3.html Text entry for mobile computing: Models and methods, theory and practice]

[http://zoomism.com/ zoomabel UI: zoomism]

[http://searchuserinterfaces.com/book/sui_ch1_design.html Design of Search User Interfaces (Ch 1) | Search User Interfaces | Marti Hearst | Cambridge University Press 2009]

[http://www.sapdesignguild.org/resources/TSDesignGL/Index.htm Interaction Design Guide for Touchscreen Applications]

[http://mattgemmell.com/2010/03/05/ipad-application-design iPad Application Design » Slate Devices Touch Interaction]

[http://depts.washington.edu/aimgroup/proj/dollar/ JavaScript $1 Unistroke Recognizer]

[http://www.lukew.com/ff/entry.asp?1071 LukeW | Touch Gesture Reference Guide]

The Touch Gesture Reference Guide is a unique set of resources for software designers and developers working on touch-based user interfaces.The guide contains: 1) an overview of the core gestures used for most touch commands 2) how to utilize these gesture ...

[http://www.vimeo.com/2761844 NYC IxDA - Tap is the New Click - Dan Saffer on Vimeo]

[http://www.donhopkins.com/drupal/node/98 The Design and Implementation of Pie Menus -- Dr. Dobb's Journal, Dec. 1991 | Don Hopkins]

[http://patterns.design4mobile.com/index.php/Touch_Screen_UI_Guidelines Touch Screen UI Guidelines - Design For Mobile: resources for designing and building mobile apps and sites]

[http://vimeo.com/6712657 Touch: 10GUI]

[http://sethsandler.com/multitouch/mtmini/ Touch: mtMini - DIY Multitouch Mini Pad]

[https://help.ubuntu.com/community/UMEGuide/DesigningForFingerUIs Ubunutu Guidelines for Touch Interfaces; Target sizes]

[http://www.nngroup.com/reports/mobile/ipad/ Usability of iPad Apps and Websites: First Research Findings]

[http://www.jnd.org/dn.mss/natural_user_interfaces_are_not_natural.html NUI Are Not Natural]

[http://web.archive.org/web/20050214045718/http://piemenu.com/ Pie Menu Central]

=== Questionaires ===

[http://www.usabilitynet.org/tools/r_questionnaire.htm UsabilityNet: questionnaire resources]

[http://www.slideshare.net/rebeccaweiss/writing-surveysthatwork Writing surveysthatwork]

[http://hcibib.org/perlman/question.cgi Computer System Usability Questionnaire]

[http://www.hoepflinger.com/fhtop/Umfragemethodik.pdf Umfragemethodik.pdf]

[http://www.userfocus.co.uk/articles/satisfaction.html Measuring satisfaction: Beyond the usability questionnaire]

[http://arbeitsblaetter.stangl-taller.at/FORSCHUNGSMETHODEN/Fragebogen.shtml Schritte der Fragebogen Konstruktion]

[http://iss.leeds.ac.uk/info/312/surveys/217/guide_to_the_design_of_questionnaires/5 University of Leeds - Guide to the Design of Questionnaires]

[http://www.mmk.ei.tum.de/lehre/ebof/vlss12/referate/Fragenbogen%20und%20Interview.pdf PowerPoint-Präsentation - Fragenbogen und Interview.pdf]

[http://www.cochrane.es/files/Recursos/How_to_design_a_questionnaire.pdf How_to_design_a_questionnaire.pdf]

[http://www.measuringusability.com/blog/10-things-SUS.php 10 Things to Know About the System Usability Scale (SUS): Measuring Usability]

=== Prototyping etc. ===

[http://www.boxesandarrows.com/view/storyboarding_rich_internet_applications_with_visio Storyboarding Rich Internet Applications with Visio - Boxes and Arrows: The design behind the design]

[http://www.alistapart.com/articles/sketchingincode A List Apart: Articles: Sketching in Code: the Magic of Prototyping]

[http://boxesandarrows.com/view/interactive Interactive Prototypes with PowerPoint - Boxes and Arrows: The design behind the design]

[http://www.nngroup.com/articles/thinking-aloud-the-1-usability-tool/ Thinking Aloud: The #1 Usability Tool]

[http://www.alistapart.com/articles/paperprototyping/ A List Apart: Articles: Paper Prototyping]

[http://www.userfocus.co.uk/articles/paperprototyping.html 7 myths about paper prototyping]

[http://www.usability.gov/get-involved/blog/2005/06/paper-prototypes-and-software-prototypes.html Paper Prototypes Work as Well as Software Prototypes | Usability.gov]

[http://www.boxesandarrows.com/view/quick-and-easy-flash Quick and Easy Flash Prototypes - Boxes and Arrows: The design behind the design]

[http://hci.stanford.edu/research/prototyping/ Prototyping · Research · Stanford HCI]

=== particiaptive Design ===

[http://www.ijdesign.org/ojs/index.php/IJDesign/article/view/749/404 The Quality of Design Participation: Intersubjectivity in Design Practice]

=== Psycho & Evaluierung ===

[http://www.useit.com/papers/heuristic/ Heuristic Evaluation]

Center for information about heuristic evaluation of user interface designs: a cheap and fast usability inspection method (by Jakob Nielsen who co-invented the method in 1989)

[http://www.usercentric.com/blogs/uxnuggets/2012/01/26/statistical-analysis-user-research-when-it-meaningful Statistical Analysis for User Research: When Is It Meaningful? - User Centric, Inc.]

[http://en.wikipedia.org/wiki/Cognitive_dimensions Cognitive dimensions of notations - Wikipedia, the free encyclopedia]

[http://www.useit.com/papers/guerrilla_hci.html Guerrilla HCI]

[http://en.wikipedia.org/wiki/Fitts_law Fitts's law - Wikipedia, the free encyclopedia]

[http://www.boxesandarrows.com/view/cognitive_psychology_ia_from_theory_to_practice Cognitive Psychology & IA: From Theory to Practice - Boxes and Arrows: The design behind the design]

[http://articles.sitepoint.com/article/heuristic-evaluation-guide Heuristic Evaluation - a Step By Step Guide]

[http://www.measuringusability.com/blog/five-history.php A Brief History of the Magic Number 5 in Usability Testing: Measuring Usability]

[http://www.measuringusability.com/blog/quant-criticism.php How to Deal With Quantitative Criticism: Measuring Usability]

[http://www.measuringusability.com/blog/stats-usability-errors.php Nine misconceptions about statistics and usability: Measuring Usability]

[http://optimalusability.createsend1.com/t/ViewEmail/r/2A9B9D7B374CB328/A99A37E0B6D9AA7E0CC2E775D3CF5869 10tips for mobile usability testing]

=== Social/User Creativity ===

[http://www.uxmatters.com/mt/archives/2009/08/empowering-users-to-create-their-own-software.php Empowering Users to Create Their Own Software :: UXmatters]

[http://boxesandarrows.com/view/designing-for-social Designing for Social Interaction - Boxes and Arrows: The design behind the design]

[http://johnnyholland.org/2012/02/principles-of-social-interaction-design/ Principles of Social Interaction Design | Johnny Holland]

[http://uxdesign.smashingmagazine.com/2012/04/26/gamification-ux-users-win-lose/ Gamification And UX: Where Users Win Or Lose | Smashing UX Design]

[http://developer.yahoo.com/ypatterns/social/people/reputation/index.html Reputation Patterns - Design Pattern Library - YDN]

[http://pipeline.cc.gatech.edu/pdf/p1-luther.pdf Paper: Why it Works When it Works]

[http://faculty.washington.edu/aragon/pubs/cc09.pdf Paper: A Tale of Two Online Communities: - cc09.pdf]

[http://pipeline.cc.gatech.edu/pdf/p2823-luther.pdf Paper: Edits and Credits]

=== Experience ===

[http://www.interaction-design.org/encyclopedia/user_experience_and_experience_design.html User Experience and Experience Design]

[http://www.nngroup.com/articles/satisfaction-vs-performance-metrics/ User Satisfaction vs. Performance Metrics]

[http://www.userfocus.co.uk/articles/satisfaction.html Measuring satisfaction: Beyond the usability questionnaire]

=== UserResearch-Examples ===

[https://www.youtube.com/watch?v=9t-_hYjAKww EXAMPLE: (cc-by) How to do a research interview - YouTube]

[https://www.youtube.com/watch?v=LyJMQDAa4v0 EXAMPLE: cc-by Interview with Ben Clip - YouTube]

[http://stbyblogs.eu/cyclehiring/ EXAMPLE: Road safety for London cyclists]

[http://vimeo.com/6002157 EXAMPLE: Reading Ahead project: Chris interview clip on Vimeo]

[http://www.bbc.co.uk/blogs/legacy/bbcinternet/2011/11/bbc_weather_design_refresh.html BBC User Centered Design of Weather Page]

[http://www.uk.sagepub.com/braunandclarke/study/qualitative.htm SAGE - Student and Instructor Site for Sucessful Qualitative Research]

[http://vimeo.com/27214053 CC-By: What does it mean to be 16? (High School Project)the NYC iSchool on Vimeo]

[http://vimeo.com/86436452 CC-BY: How do poeple choose meat?]

Analysis presentation. Mainly desciptive.

[http://vimeo.com/66064252 CC-BY: The Challenges of Small Business Owners on Vimeo]

Much edited; Nice Interview snippets

[http://vimeo.com/70890195 CC-BY: Man explains future house]

Guy walks through unfinished house showing what he wants to do there.

[http://vimeo.com/33597564 CC-BY: Warten auf der Straße]

Migranten reden über ihren Treffpunkt, eine Straßenecke, und warum sie dort warten.

[http://blog.usabilla.com/top-ethnographic-research-videos/ Top 10 Ethnographic Research Videos - The Usabilla Blog]

=== UserResearch-Datenerhebung ===

[http://www.qualitative-research.net/index.php/fqs/article/view/466/996#g9 Participant Observation as a Data Collection Method | Kawulich | Forum Qualitative Sozialforschung / Forum: Qualitative Social Research]

[http://www.uxmatters.com/mt/archives/2011/10/research-guidelines-you-wont-find-in-a-textbook.php Research Guidelines: Make Friends, No Answers, No Selling]

[https://blog.mozilla.org/ux/2012/08/when-to-use-a-focus-group-and-when-not-to/ When To Use a Focus Group and When Not To | Mozilla UX]

[http://www.adaptivepath.com/ideas/essays/archives/000041.php adaptive path » nondirected interviews: how to get more out of your research questions]

[http://www.uxmatters.com/mt/archives/2011/04/when-interviews-go-wrong.php When Interviews Go Wrong :: UXmatters]

[http://de.wikipedia.org/wiki/Fragetechnik Fragetechnik – Wikipedia]

=== UserResearch ===

[http://de.wikipedia.org/wiki/Aktionsforschung Aktionsforschung – Wikipedia]

[http://www.smallfire.co.nz/2012/07/04/co-design-workshop-resources-techniques-and-methods/?utm_source=feedburner&utm_medium=feed&utm_campaign=Feed%3A+indyusability+%28Usability+News+with+Brandon+Corbin%29 Co Design Workshop Techniques]

[http://uxmag.com/articles/ethnography-in-industry-objectives Ethnography in Industry: Objectives? | UX Magazine]

[http://www.pflegewiki.de/wiki/Grounded_Theory Grounded Theory – PflegeWiki]

[http://www.pflegewiki.de/wiki/Schematischer_Ablauf_der_Grounded_Theory_am_Beispiel_der_Studie_%22Vertrautheit%22_von_Corry_Bosch Schematischer Ablauf der Grounded Theory am Beispiel der Studie "Vertrautheit" von Corry Bosch – PflegeWiki]

[http://www.alistapart.com/articles/can-you-say-that-in-english-explaining-ux-research-to-clients/ A List Apart: Articles: Can You Say That in English? Explaining UX Research to Clients]

[http://ils.unc.edu/~march/blsreport/mainbls.html Diary/Focusgroup Entry Coding Organization]

[http://www.slideshare.net/jaremfan/the-goodness-of-diary-studies Diary Studies Slides]

[http://www.slideshare.net/jaremfan/diary-studies-a-primer Diary studies - A primer]

[http://www.eriontheinterweb.com/2011/07/the-dos-and-donts-of-diary-studies/ The Dos and Don’ts of Diary Studies - eri on the interweb]

[http://www.tiresias.org/tools/diary_analysis_studies.htm Tiresias :: Project tools :: Diary studies]

[http://www.uxmatters.com/mt/archives/2008/05/bite-sized-ux-research.php Bite-Sized UX Research :: UXmatters]

[http://www.uxmatters.com/mt/archives/2009/01/design-research-methods-for-experience-design.php Design Research Methods for Experience Design :: UXmatters]

[http://help.ethnohub.com/guide/aeiou-framework AEIOU Framework | EthnoHub Help]

[https://en.wikipedia.org/w/index.php?title=Thematic_analysis&oldid=606461893 Thematic analysis - Wikipedia, the free encyclopedia]

[http://blogs.parc.com/blog/2013/12/mythbusting-corporate-ethnography-and-the-giant-green-button/ Mythbusting: Corporate Ethnography and the Giant Green Button | PARC blog]

[http://www.sitepoint.com/contextual-enquiry-primer/ Contextual Enquiry – A Primer » SitePoint]

[http://www.slideshare.net/RuthEllison/guerrilla-user-design-research-final Guerrilla User and Design Research]

[[http://webcache.googleusercontent.com/search?q=cache:U4UpMBG7-X8J:www.slideshare.net/leisa/diy-user-research-londonbarcamp3+%22We+tend+to+project+our+own+rationalisations+and+beliefs+onto+the+actions+and+beliefs+of+others.%22&cd=1&hl=de&ct=clnk≷=de&client=firefox-a|DIY User Research (LondonBarCamp3)]]

[http://incontextdesign.com/articles/helpful-tips-to-improve-your-contextual-inquiry-techniques/ InContext » Helpful Tips to Improve Your Contextual Inquiry Techniques]

[http://www.uxmag.com/design/five-ux-research-pitfalls Five UX Research Pitfalls | UX Magazine]

[http://www.adaptivepath.com/ideas/essays/archives/000755.php adaptive path » research is a method, not a methodology]

[http://wiki.fluidproject.org/display/fluid/Contextual+Inquiry Contextual Inquiry - Fluid Project Wiki]

[http://www.uxbooth.com/blog/complete-beginners-guide-to-design-research/ Complete Beginner’s Guide to Design Research | UX Booth]

[http://www.helsinkidesignlab.org/dossiers/design-ethnography Design Ethnography Ressources/Fieldguide]

[http://usability.jameshom.com/ The Usability Methods Toolbox - Usability Methods Toolbox Contextual Design Heuristic Evaluation Inspection Inquiry usable engineering]

[http://designingwithpeople.rca.ac.uk/ethics D. Research Ethics]

[http://designingwithpeople.rca.ac.uk/methods Method Overview: Designing With People]

[http://www.eval.org/SummerInstitute08/08SIHandouts/Uploaded/aea08.si.liebow1.pdf Rapid Ethnography in Evaluation - aea08.si.liebow1.pdf]

[http://www.forbes.com/sites/nathanfurr/2011/06/09/how-failure-taught-edison-to-repeatedly-innovate/ Iterate: "How Failure Taught Edison to Repeatedly Innovate - Forbes"]

[http://www.paulos.net/teaching/2011/BID/readings/rapid_visualization.pdf Sketching made easy]

[http://www.portigal.com/wp-content/uploads/2008/01/Portigal-Consulting-White-Paper-Persona-Non-Grata.pdf Persona-non-crata: critical view of personas]

=== Creatitvity and Facilitation ===

[http://www.zeit.de/karriere/beruf/2013-10/entscheidungen-gruppe-zwang Sozialpsychologie: Gruppen entscheiden meistens schlecht | ZEIT ONLINE]

[http://www.newyorker.com/reporting/2013/07/29/130729fa_fact_gawande?currentPage=all Atul Gawande: How Do Good Ideas Spread? : The New Yorker]

[http://www.sueddeutsche.de/wissen/warum-brainstorming-nicht-funktioniert-windstille-im-kopf-1.1303668 Warum Brainstorming nicht funktioniert - Windstille im Kopf - Wissen - Süddeutsche.de]

[http://www.businessweek.com/stories/2006-07-25/eight-tips-for-better-brainstorming Eight Tips for Better Brainstorming - Businessweek]

[http://uxmag.com/articles/problems-with-innovation-workshops Problems With Innovation Workshops | UX Magazine]

[http://carmine.se.edu/cvonbergen/Productivity%20Loss%20In%20Brainstorming_Toward%20the%20Solution%20of%20a%20Riddle.pdf Productivity Loss In Brainstorming_Toward the Solution of a Riddle.pdf]

[http://kops.ub.uni-konstanz.de/bitstream/handle/urn:nbn:de:bsz:352-opus-88355/Group_versus_individual_performance_on_tasks_1973_KOPS8835.pdf?sequence=1 Group versus individual performance on tasks requiring ideational proficiency (brainstorming): A review - Group_versus_individual_performance_on_tasks_1973_KOPS8835.pdf]

[http://www.slideshare.net/Vorkronor/design-studio-workshop Design studio workshop]

[http://vimeo.com/37861987 The Design Studio Method - Todd Zaki Warfel on Vimeo]

[https://en.wikipedia.org/wiki/Oblique_Strategies Oblique Strategies - Wikipedia, the free encyclopedia]

=== Books ===

[https://www.wickedproblems.com/table_of_contents.php Wicked Problems: Problems Worth Solving - Table Of Contents]

[http://www.scribd.com/doc/7479034/hcimodelstheoriesandframeworkstowardamultidisciplinaryscienceinteractivetechnologies hci-models-theories-and-frameworks-toward-a-multidisciplinary-science-interactive-technologies]

[about:blank Connecting…]

[http://searchuserinterfaces.com/book/ Read It: Search User Interfaces]

[http://www.billbuxton.com/inputManuscript.html Buxton: Input Theories, Techniques and Technology]

[http://www.id-book.com/ Interaction Design - Second Edition]

The companion website for the book Interaction Design: beyond human-computer interaction, by Preece, Rogers and Sharp. On this site, you'll find a variety of resources and activities to support your exploration of interaction design.

[http://hci.rwth-aachen.de/hcibooks.html The Media Computing Group : Jan's Top Ten List of Books on Human-Computer Interaction]

=== Tools/Ressourcen ===

[http://www.e-werkzeug.eu/ FLOSS Transkriptionstool]

[http://www.usability.gov/templates/docs/release.doc Videotape Consent Form (DOC - 152KB)]

[http://usability.gov/templates/index.html Templates | Usability.gov]

[http://www.designerinaction.de/gestaltung/android-234-gui.html Android 2.3.4 GUI - DESIGNER IN ACTION]

[https://openoffice.apache.org/get-involved.html OpenSource: learning to participate- Modules]

[http://www.uclic.ucl.ac.uk/annb/CASSM/CASSMindesign.html CASSM-Method for concept matching analysis]

[https://en.wikipedia.org/wiki/Technology_acceptance_model Technology acceptance model - Wikipedia, the free encyclopedia]

=== Forms and Signups ===

[http://www.ryancramer.com/journal/entries/select_multiple/ Select multiple form fields - finding a better solution for multiple selection]

Despite their important function, select multiple form fields are problematic. This article looks at the inherent problems with select multiple form fields, and talks about ways to improve upon them.

=== Instructional Des. ===

[http://classweb.gmu.edu/ndabbagh/Resources/IDKB/instruct_design.htm IDKB - Doing an ID Project]

[http://de.wikipedia.org/wiki/ARCS-Modell ARCS-Modell – Wikipedia]

=== Recht und Business ===

[http://www.alistapart.com/articles/designing-contracts-for-the-xxi-century/?utm_source=feedburner&utm_medium=feed&utm_campaign=Feed%3A+alistapart%2Fmain+A+List+Apart A List Apart: Articles: Designing Contracts for the XXI Century]

[http://www.germanupa.de/data/mediapool/german_upa_branchenreport_usability_2011.pdf german_upa_branchenreport_usability_2011.pdf]

=== sampling and Recruiting ===

[http://www.measuringusability.com/blog/finding-users.php 7 Ways to Find Users for Usability Testing: Measuring Usability]

[http://www.measuringusability.com/blog/finding-users.php 7 Ways to Find Users for Usability Testing: Measuring Usability]

=== Kommunikation, Aufbereitung, Visualisierung ===

[http://wireframes.linowski.ca/wp-content/themes/darwin/images/PersonaTemplate.pdf persona template]

[http://www.uxmatters.com/mt/archives/2011/11/using-storyboards-and-sentiment-charts-to-quantify-customer-experience.php Using Storyboards and Sentiment Charts to Quantify Customer Experience :: UXmatters]

[http://www.uxmatters.com/mt/archives/2007/06/walking-through-your-product-design-with-stakeholders.php Walking Through Your Product Design With Stakeholders :: UXmatters]

[http://uxmag.com/articles/designing-with-stakeholders-accelerating-the-design-process-through-co-creation?utm_source=Facebook&utm_medium=ArticleShare&utm_tone=sf Designing with Stakeholders? Accelerating the design process through co-creation | UX Magazine]

[http://www.uxmatters.com/mt/archives/2012/02/communicating-user-research-findings.php Communicating User Research Findings :: UXmatters]

[http://www.asktog.com/columns/047HowToWriteAReport.html Ask Tog: How to Deliver a Report Without Getting Lynched]

[http://wireframes.linowski.ca/wp-content/themes/darwin/images/PersonaTemplate.pdf Persona Template.indd - PersonaTemplate.pdf]

[http://www.adaptivepath.com/ideas/the-anatomy-of-an-experience-map The Anatomy of an Experience Map - Adaptive Path]

[http://blogs.hbr.org/cs/2010/11/using_customer_journey_maps_to.html Using Customer Journey Maps to Improve Customer Experience - Adam Richardson - Harvard Business Review]

[http://www.uxmatters.com/mt/archives/2012/02/communicating-user-research-findings.php Communicating User Research Findings :: UXmatters]

[http://www.uxmatters.com/mt/archives/2011/09/the-value-of-customer-journey-maps-a-ux-designers-personal-journey.php The Value of Customer Journey Maps: A UX Designer’s Personal Journey :: UXmatters]

[http://www.uxmatters.com/mt/archives/2012/09/3-keys-to-aligning-ux-with-business-strategy.php 3 Keys to Aligning UX with Business Strategy :: UXmatters]

[http://www.uxmatters.com/mt/archives/2011/06/knowledge-importance-matrix-for-wiki-project-coordination.php Knowledge / Importance Matrix for Wiki Project Coordination :: UXmatters]

=== Philosophie und Denken ===

[http://www.brandeins.de/magazin/schoen-ist-gut.html brand eins Online: brand eins 10/2000 - SCHWERPUNKT: Design]

=== Cardsorts ===

[http://www.uxmatters.com/mt/archives/2010/09/dancing-with-the-cards-quick-and-dirty-analysis-of-card-sorting-data.php Dancing with the Cards: Quick-and-Dirty Analysis of Card-Sorting Data :: UXmatters]

[http://rosenfeldmedia.com/books/downloads/cardsorting/cardsort_analysis.pdf howtoAnalysis-Excel]

=== activity Theory ===

[http://www.sigchi.org/chi97/proceedings/tutorial/bn.htm CHI 97: Activity Theory: Basic Concepts and Applications]

[http://www.interaction-design.org/encyclopedia/activity_theory.html Activity Theory]

[http://www.slideshare.net/stephaniebeth/introduction-to-activity-theory-in-hci Introduction to Activity Theory in HCI]

[http://bokardo.com/archives/activity-centered-design/ Activity-Centered Design]

File:UserResearch Prozessdiagram eng.svg

2015-02-16T08:46:12Z

JanD: uploaded a new version of "File:UserResearch Prozessdiagram eng.svg"

== Summary ==

== Copyright status: ==
CC BY 4.0
== Source: ==
own creation

File:UserResearch TaskCollection.svg

2015-02-15T22:14:06Z

JanD: uploaded a new version of "File:UserResearch TaskCollection.svg"

== Summary ==

== Copyright status: ==
CC BY 4.0
== Source: ==

File:UserResearch TaskCollection.svg

2015-02-09T22:20:37Z

JanD:

== Summary ==

== Copyright status: ==
CC BY 4.0
== Source: ==

File:UserResearch GoodBadMap eng.svg

2015-02-09T22:04:46Z

JanD:

== Summary ==

== Copyright status: ==
CC BY 4.0
== Source: ==

File:UserResearch SocialMap eng.svg

2015-02-09T22:04:10Z

JanD:

== Summary ==

== Copyright status: ==
CC BY 4.0
== Source: ==

File:UserResearch Prozessdiagram eng.svg

2015-02-09T22:03:28Z

JanD: uploaded a new version of "File:UserResearch Prozessdiagram eng.svg"

== Summary ==

== Copyright status: ==
CC BY 4.0
== Source: ==
own creation

File:UserResearch Prozessdiagram eng.svg

2015-02-09T22:02:20Z

JanD:

== Summary ==

== Copyright status: ==
CC BY 4.0
== Source: ==
own creation

File:SUS.zip

2015-01-20T15:00:13Z

JanD: System Usability Scale: Survey sheet, Score Calculation Sheet, Metadata

== Summary ==
System Usability Scale: Survey sheet, Score Calculation Sheet, Metadata
== Copyright status: ==
PD
== Licensing ==
{{self|Cc-zero}}
== Source: ==
https://experience.sap.com/skillup/system-usability-scale-jetzt-auch-auf-deutsch/

Interface Design

2014-12-16T16:27:11Z

JanD: /* Weblinks: Methoden */

==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]
* [http://www.interaction-design.org/ Freie Enzyklopädie für Human Computer Interaction]
===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 auf das Design für Entwicklungshilfeprojekte fokussiert (Die Methoden ändert das nicht).
* [http://jdittrich.github.io/userNeedResearchBook/ Nutzerforschung für Einsteiger]
* [https://www.wickedproblems.com/table_of_contents.php Wicked Problems Worth Solving] Stellt Methoden dar und gibt theoretischen Hintergrund.

* Tipps für das [http://www.adaptivepath.com/ideas/e000041 Führen von Interviews]
* Beispielvideo: [https://www.youtube.com/watch?v=9t-_hYjAKww Wie man ein Interview führt]
* [[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]
* [http://www.analytictech.com/mb870/Readings/ryan-bernard_techniques_to_identify_themes_in.htm Techniques to Identify Themes] ist ein Paper, dass sich mit Techniken beschäftigt um wenige, übergeordnete Prinzipien aus einer großen Datenmenge zu destillieren.
* Graham R Gibbs [https://www.youtube.com/playlist?list=PL14E49EDF20613008 erklärt Datenanalyse] (Hinweis:setzt in den Erklärungen vorraus das man seine Daten in einer Art Transkript hat)

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

[[Category:Interface Design]]
[[Category:Interaktion]]
[[Category:Interfaces]]
[[Category:Jan Dittrich]]

Schrift

2014-11-07T15:14:06Z

JanD: /* Terminologie */

== Textarten und Lesemotivation ==
Adrian Frutiger unterscheidet drei grundsätzliche Textarten, die eine sehr unterschiedliche Lesemotivation mit sich bringen (AFG 107ff):
* Handschriftliche Texte (schlecht lesbar aber hohe Lesemotivation, da privater Inhalt)
* Zweckschriften (z.B. Brief vom Finanzamt; mittel lesbar aber gehobene Lesemotivation, da persönlich relevanter Inhalt)
* Typografische Textschriften (z.B. Zeitung, Buch; gut lesbar aber evtl. niedrige Lesemotivation, da unpersönlicher Inhalt)

== Terminologie ==
[[Image:229px-Bleiletter.svg.png|thumb|upright=1.5|Aufbau einer Bleisatz-Letter. Mit diesem Bild ist ein Geviert definiert durch ''c'' und ''d''. Image from [http://commons.wikimedia.org/wiki/Image:Bleiletter.svg?uselang=de Wikimedia].
{| border="0"
!width = "60%" |Details
!width = "40%" |Abmessungen
|- valign="top"
|
1. Punze 
2. Schriftbild 
3. Fleisch 
4. Konus 
5. Achselfläche 
6. Kegel 
7. Signatur 
8. Gießrille 
||
a Kopf 
b Schulterhöhe 
a+b Schrifthöhe 
c Dickte 
d Kegelstärke/ Kegelhöhe
|}]]
[[Image:Zeilenabstand-Durchschuss.jpg|right|thumb|300px|Durschschuss und Zeilenhöhe]]

=== Schrifttypen===
* [[wikipedia:de:Antiqua|Antiqua]]
** [[wikipedia:de:Venezianische Renaissance-Antiqua|Venezianische Renaissance-Antiqua]]
** [[wikipedia:de:Französische Renaissance-Antiqua|Französische Renaissance-Antiqua]]
** [[wikipedia:de:Barock-Antiqua|Barock-Antiqua]]
** [[wikipedia:de:Klassizistische Antiqua|Klassizistische Antiqua]]
** Serifenbetonte Linear-Antiqua ([[wikipedia:de:Egyptienne|Egyptienne]])
** Serifenlose Linear-Antiqua (auch Sans-Serif oder [[wikipedia:de:Grotesk (Schrift)| Grotesk]])
* Handschriften
* Gebrochene
* Fremde / Nicht-lateinische

=== Fach- bzw. Typografische Begriffe===
* MAJUSKEL (Großbuchstabe), minuskel (Kleinbuchstabe)
* Versalie:Ein Großbuchstabe
* Kapitälchen: Buchstaben, so groß wie Kleinbuchstabe in der Form von Großbuchstabe. Die automatisch erzeugten Kapitälchen passen in der Strichstärke nicht zu den anderen Buchstaben der Schrift; echte Kapitälchen sind ein eigener Schriftschnitt!
* Punze (siehe Bild)
* Serife:Endstriche an Buchstaben in Schriften wie Garamond oder Times
* Sans-Serif:Groteskschrift/ohne Serifen (sans=ohne)
* Slab-Serif:Dicke, oft blockartige Serifen (Beispiel-Font:[http://en.wikipedia.org/wiki/Rockwell_%28typeface%29 Rockwell])
* Ober- / Unterlänge, Mittellänge
* Dickte (Breite des Kegels, s. Grafik Abmessung ''c'')
* Schriftfamilie oder -Sippe, Schnitt (echte und falsche Schnitte)
* Ligaturen (Zusammengezogene Zeichen: ß, ﬁ, œ, æ ...)
* Flatter-, Blocksatz, links- & rechtsbündig, zentriert
* Zeilenfall
* Zeilenumbruch, erzwungener Zeilenumbruch
* Absatz
* Tabulator
* Laufweite:Abstand zwischen den Buchstaben (Unterschneiden, S p e r r e n)
* Wortabstand
* Zeilenbreite
* Zeilenhöhe
* Durchschuss (Raum zw. Unter- und Oberlängen)
* [[wikipedia:de:Geviert (Typografie)|Geviert]] (Em), Fleisch
** s. Grafik: d im Rechteck ergibt 1 Geviert.
** Üblich auch 3/4, 1/2 oder 1/4 Geviert, vgl. Trenn- und Gedankenstrich!
* Brotschrift
* Hurenkind / Schusterjunge
** Hurenkind: Letzte Zeile auf neuer Seite/Spalte
** Schusterjunge: Neue Zeile auf letzter Seite/Spalte
** ''„Ein Hurenkind weiß nicht wo es herkommt, ein Schusterjunge nicht wo er hingeht“''
* Leiche (verloren gegangene Zeichen)
* Gasse (Weißraum in Spalte, untereinander)
* Zwiebelfisch (Zeichen in falscher Schriftart)
* Blindfisch (Falsch abgelegter Letter wird aus Versehen gesetzt)
* [[wikipedia:de:Apostrophitis|Apostrophitis]], auch [http://www.deppenapostroph.de Deppenapostroph] oder Idiotenapostroph (''Bahnhof's Gaststätte'' — siehe auch: [http://www.spiegel.de/kultur/zwiebelfisch/0,1518,283897,00.html Zwiebelfisch auf Spiegel Online])

=== Weitere Informationen ===
* [http://www.typografie.info/typowiki/index.php?title=Kategorie:TypoGlossar typografie.info] Das TypoWiki!
* [[wikipedia:de:Geschichte der Typografie|Die Geschichte der Typografie]]
* [http://www.designtagebuch.de/anatomie-der-buchstaben-das-poster/#more-4971 Anatomie der Schrift] - freies DIN A1 Typo-Poster

=== Regeln ===
[[File:Juliane Bragulla Farbwirkung.png|thumb|200px|Übung zum Farbkontrast von Juliane Bragulla]]
[[File:Schriften Bäcker Rose.jpg|thumb|200px|Schriftenchaos]]
[[File:Museo Elche Spanien.jpg|thumb|200px|S steht auf dem Kopf]]
* Lesbarkeit!
* Keine Schrift verzerren (quetschen/stauchen)!
* Abstände zwischen den Buchstaben eines Wortes ausgleichen (Spationierung)
* Mindestens sieben Wortzwischenräume für den Blocksatz!
* Headline und Aufzählungen nie im Blocksatz!
* Nie mehr als drei Schriftarten!
* Zeilenabstand immer größer als der Wortabstand!
* Nicht mehr als drei Trennstriche!
* Kein [[wikipedia:de:Plenk|Leerzeichen vor einem Satzzeichen]] (Ausnahme: im Französischen)
* Ein Trenn- oder Bindestrich ist kein Gedankenstrich!
* Keine Zoll (Inch) Zeichen anstelle von [[Typographische Anführungszeichen|Anführungszeichen]] verwenden!
** Anführungszeichen sind je nach Sprache unterschiedlich (z.B. “english”, „deutsch“, »deutsch«, « français » wobei nicht die Sprache in den Anführungszeichen maßgeblich ist, sondern jene um die Anführungszeichen herum)
* Buchstaben nicht auf den Kopf stellen (Aufpassen beim S, siehe Foto)
 

==Schrift-Klassifizierung nach DIN 16518==
[[Image:VenezianischeRenaissance.png|thumb|200px|Venezianische Renaissance Antiqua]]
'''Venezianische Renaissance-Antiqua'''
* ca. 1400-1485, z.B. Jenson, Centaur, Schneidler Mediaeval, ...
* Schreibfeder: relativ geringe Strichstärkenunterschiede
* Abgerundete Serifenenden
* Geneigte Schattenachse
* Schrägstellung des Querstrichs des kleinen „e“

 
[[Image:FranzRenaissance.png|thumb|200px|Französische Renaissance Antiqua]]
'''Französische Renaissance-Antiqua'''
* ca. 1485-1600, z.B. Garamond, Bembo, Minion, Stone Serif, Warnock, ...
* Schreibfeder: geringe Strichstärkenunterschiede
* Abgerundete Serifenenden, etwas spitzer als die Venezianische
* Geneigte Schattenachse
* Gleichmäßige Buchstabenformen
* Querstrich des „e“ nun fast waagrecht
* Charakteristischer Kursivschnitt
* Hervorragende Leseeigenschaften, oft in Romanen und längeren Lesetexten eingesetzt

 
[[Image:BarockAntiqua.png|thumb|200px|Barock Antiqua]]
'''Barock-Antiqua'''
* ca. 1600-1760, z.B. Janson, VanDijk, Caslon, Baskerville, Times, ...
* Gedrehte und verkantete Breitfeder: größerer Kontrast zwischen Grund- und Haarstrichen
* Eckigere Serifenenden, fast keine Rundung mehr; flache, fast ebene Serifen
* Beinahe senkrechte Schattenachse
* Waagrechter „e“-Strich
* „Übergangs-Antiqua“, auch ''"Vorklassizistische"'' Antiqua genannt

 
[[Image:KlassizistischeAntiqua.png|thumb|200px|Klassizistische Antiqua]]
'''Klassizistische Antiqua'''
* ca. 1760-1830, z.B. Bodoni, Didot, Walbaum, ...
* Spitzfeder: extremer Strichstärkenunterschied
* Sehr dünne, haarfeine Serifen
* Senkrechte Schattenachse, vertikale Orientierung
* Problematisch im Zeitungsdruck

 
[[Image:SerifenbetontLinear.png|thumb|200px|Serifenbetonte Linear-Antiqua]]
'''Serifenbetonte Linear-Antiqua'''
* auch „Egyptienne“, „Slab-Serif“ oder „Square-Serif“ genannt
* ca. 1830-1890, z.B. Officina, Clarendon, Rockwell, „Typewriter“, ...
* Gleichmäßige Strichstärken der Auf- und Abstriche
* Betonte Serifen, wenig Kontrast zwischen Serife und Type

 
[[Image:SerifenlosLinear.png|thumb|200px|Serifenlose Linear-Antiqua]]
'''Serifenlose Linear-Antiqua'''
* auch „Grotesk“, „Sans-Serif“ genannt
* seit ca. 1830, z.B. Helvetica, Caslon, Bauhaus (1925), Futura (1928), Univers, Gill Sans, ...
* Serifenlos

 
[[Image:AntiquaVarianten_Te.png|thumb|200px|Antiqua-Varianten]]
'''Antiqua-Varianten'''
* z.B.:
* um 1900: Eckmann... (Jugendstil)
* um 1930: Broadway... (Art Déco)
* um 1950/60: Bank Gothic, Alternate Gothic, Trump Grothic, Dom, Antique Olive...
* um 1970: Avant Garde, Souvenir, Tiffany...
* um 1980: Chicago (Mac OS)
* um 1990: Blur, Arcadia...
[[Image:AntiquaVarianten.png|thumb|left|200px]]

 
[[Image:Handschriftliche.png|thumb|200px|Handschriftliche Antiqua]]
'''Handschriftliche Antiqua & Schreibschriften'''
* laut DIN eingeordnet in Gruppe VIII Schreibschriften und Gruppe IX Handschrifen
* vgl. auch Lesemotivation

 
[[Image:Gebrochene.png|thumb|200px|Gebrochene Schriften (Fraktur)]]
'''Gebrochene Schriften'''
* Fraktur

 
[[Image:Fremde.png|thumb|200px|Fremde Schriften Hier: Japanisch]]
'''Fremde Schriften'''
* z.B. Chinesisch, Arabisch, Indisch, Kyrillisch, Griechisch, Hebräisch...

 

Im Rahmen eines Unternehmensweiten Erscheinungsbildes spielt die Hausschrift eine wichtige Rolle. 
Beim [[Bauhaus-Universität Corporate Design]] ist es die Linotype ''Syntax''

==Schrift im Computer==

=== Vector-Fonts ===
Schriftarten werden in der Regel in einem vektorbasierten Format gespeichert. Dadurch können sie ohne Qualitätsverlust auf jede Schriftgröße skaliert werden.
* OpenType (.otf) aktuelles Format, unterstützt Ligaturen
* TrueType Font (.ttf)
* PostScript Fonts (.pfm/.pfb) altes Format, durch ttf abgelöst
* Webfonts (''Web Open Font Format'')

=== Raster-Fonts ===
Um auf einem rasterbasierten Display Schrift setzen zu können, werden die [http://de.wikipedia.org/wiki/Glyphe Glyphen] in Pixelgrafiken verwandelt.
* VLW (Processing)

=== Segment-Fonts ===
Raster- oder Segment-Schriftarten kommen in Segment-Anzeigen zum Einsatz wie man sie z.B. von Taschenrechnern kennt.

Ein Beispiel ist das Letter-Spirit Projekt von Douglas Hofstadter.
Es versucht mit Methoden der [[KI|Künstlichen Intelligenz]] Segment-Fonts zu generieren, bei denen alle Buchstaben einer Schrift den selben Geist atmen.

=== Metafonts ===
[[Image:METAFONT-logo.png|thumb|200px|Metafont Logo]]
Metafonts beschreiben eine ganze Familie von Schriftarten (Also verschiedene [http://de.wikipedia.org/wiki/Schriftschnitt Schnitte] einer Schrift)
* Sie gehen auf des Computer-Wissenschaftler Donald Knuth zurück
* Sie haben mit Verbreitung des Textsatzsystems [[TeX]] vor allem in wissenschaftlichen Publikationen Einzug erhalten.
* Der Populärste Metafont ist der Von Don Knuth entworfene ''Computer Modern''.

== Resourcen ==

=== Schriften Verstehen ===

==== Allgemeines ====
* [http://infotype.de/ InfoType App]
* [http://www.typografie.info typografie.info]
* [http://typefacts.com Typefacts – Typografie verstehen]
* [http://type.method.ac Spationierungsspiel]
* [http://practicaltypography.com Practical Typografie]
* [http://www.buchstabenmuseum.de Buchstabenmuseum]

==== Schriften im Web ====
* [http://webtypobuch.de/lesen #webtypobuch] – kostenloses Buch über Typografie im Web
* [http://www.designtagebuch.de/die-gefuehlte-lesbarkeit/ Designtagebuch: Die gefühlte Lesbarkeit] - unbedingt lesenswerter Artikel
* [http://webtypography.net webtypography.net]
* [http://webtypographyforthelonely.com/ webtypographyforthelonely.com] - Typographie mit SVG, TrueType, Canvas und neuen JS-Animationsbibliotheken
* [http://webdesign.crissov.de/Typographie Typographie für Webautoren] - etwas trocken aber wichtig
* [http://ie.microsoft.com/testdrive/Graphics/opentype/Default.html OTF Features im Web] nur IE 10 oder Firefox
* [http://www.apple.com/html5/showcase/typography/ HTML5 Typo Showcase] von Apple (für Webkit-Browser)

==== Schriften Erkennen ====
* [http://new.myfonts.com/WhatTheFont What The Font?]
* [http://www.identifont.com identifont]
* [http://www.adobe.com/type/fontfinder Adobe Fontfinder]
* [http://fount.artequalswork.com Webschriften identifizieren]

=== Exotische Schriften ===

[[Image:Noto-Sans-Egyptian-Hieroglyphs-unhinted.png|thumb|200px|Ägyptische Hieroglyphen aus dem freien [https://www.google.com/get/noto/ Noto Sans Font] ]]
[[Image:Visible_Speech.jpg|thumb|200px|[[wikipedia:Visible Speech|Visible Speech]] Eine konstruierte Schrift]]

==== Ferne Länder und vergangene Zeiten ====
* [[wikipedia:de:Schriften der Welt|Schriften der Welt]]
* [http://www.linotype.com/de/6729/nichtlateinischeschriften.html Nichtlateinische Schriften]
* [[wikipedia:de:Unicode|Unicode]]
* [https://www.google.com/get/noto/ Noto Sans]
* [[wikipedia:de:Ägyptische_Hieroglyphen|Hieroglyphen]]
* [[wikipedia:de:Maya-Schrift|Maya-Schrift]]
==== Fantasie-Schriften ====
* [[wikipedia:Constructed script|Konstruierte Schriften]]
* [[wikipedia:Visible Speech|Visible Speech]]
* [[wikipedia:de:Tengwar und Certar|Tengwar und Certar]]
* [http://freetengwar.sourceforge.net|Free Tengwar Font Project]
* [http://tengwar.art.pl/tengwar/fonty.php Tengwar Schrift-Sammlung]
==== Besondere Schriften ====
* [[wikipedia:Notensatz|Notensatz]]
* [[wikipedia:de:Morsezeichen|Morsealphabet]]
* [[wikipedia:de:Winkeralphabet|Winkeralphabet]]
* [[wikipedia:de:Blindenschrift|Blindenschrift]]
* [http://www.signwriting.org/ Sign Writing]
==== Netz-Kultur ====
* [[wikipedia:Emoji|Emoji]] auf Wikipedia
* [http://apps.timwhitlock.info/emoji/tables/unicode Emoji-Tabellen für's Web]
* [http://www.emojidick.com/ Emoji Dick]
* [[wikipedia:de:Emoticon|Emoticons]]

=== Computer-Schriften ===
[[Image:Metaflop-Screenshot.png|thumb|200px|[http://www.metaflop.com/modulator METAFLOP] Parametrische Schriften im Browser]]
[[Image:Martin-Schneider-Turing-Font.jpg|thumb|200px|Gewachsene Schrift [https://www.flickr.com/photos/bitcraft/sets/72157630252521632/ Ein Turing-Pattern Font]]]

==== Minimalistische Schrift ====
* [[wikipedia:de:Segmentanzeige|Segmentanzeige]]
* [http://ertdfgcvb.com/novoline/ Novoline] Segment-Schrift Animation
==== Parametrische Schrift ====
* [[wikipedia:de:METAFONT|METAFONT]] und das [[google:METAFONT book|METAFONT Buch]] von Don Knuth
* [http://www.metaflop.com/modulator Metaflop] Online Metafont Editor
* [http://metapolator.com Metapolator] Online Parametric Font Editor
* [http://laikafont.ch/ Laikafont]
* [http://www.kalliculator.com/ Kalliculator]
* [http://www.haagseletters.nl/ Haagsletters]
==== Gewachsene Schrift ====
* [http://www.cogsci.indiana.edu/farg/mcgrawg/lspirit.html Letter Spirit] von Doug Hofstadter
* [http://www.danieldavis.com/parametric-typography/ Parametric Typography] von Daniel Davis
* [http://www.creativeapplications.net/processing/generative-typography-processing-tutorial/ Generative Typography] von Amnon Owed
* [http://www.onformative.com/work/growing-data/ Growing-Data] von Cedrik Kiefer (onformative)
* [https://www.flickr.com/photos/toxi/sets/72157604724789091/ Reaction-Diffusion Font] von Karsten Schmidt (toxi)
* [https://www.flickr.com/photos/bitcraft/sets/72157630252521632/ Turing-McCabe Font] von Martin Schneider
* [http://www.standardabweichung.de/design/projekte/html5/design-font-chemical-munich Interaktive Turing-Patterns] von Daniel Kühnlein
==== Bewegte Schrift ====
* [http://vimeo.com/channels/kinetictypography Kinetische Typografie] Video Channel
* [http://www.anitype.com/ Anitype] Animierte Zeichen mit Javascript
* [http://jschr.github.io/textillate/ Textillate] Schriftanimation mit CSS
* [http://www.standardabweichung.de/design/projekte/html5/design-font-fractalism Font Fractalism] von Daniel Kühnlein
==== Werkzeuge ====
* [http://www.ricardmarxer.com/geomerative/ Geomerative] für Processing
* [http://andreaskoller.com/Fontastic Fontastic] für Processing
* [http://toxiclibs.org/2010/02/simutils-grayscott/ Simutils GrayScott] für Processing
* [http://contextfreeart.org/ Context-Free Art] Software Beispiel: [http://www.contextfreeart.org/gallery/view.php?id=1042 Gras-Schrift] von Gui Gui

=== Schriften Finden ===
==== Freie Schriften ====
Schriften unter [http://de.wikipedia.org/wiki/Freie_Software freien und Opensource]-Lizenzen. Diese können daher für private und kommerzielle Projekte verwendet, weitergegeben und sogar durch euch erweitert und angepasst werden.

* [[wikipedia:Liberation fonts|Liberation Fonts]]
* [http://openfontlibrary.org Open Font Library]
* [http://www.gnu.org/software/freefont/ GNU FreeFont]
* [http://www.mozilla.org/en-US/styleguide/products/firefox-os/typeface Mozilla Fira] Font von Erik Spiekermann für das Firefox OS
* [http://scripts.sil.org/cms/scripts/page.php?item_id=OFL_fonts SIL International] Open Font License
* [http://font.ubuntu.com Ubuntu Font]
* [http://vollkorn-typeface.com Vollkorn] von Bauhaus Alumnus Friedrich Althausen
* [http://typo3.org/about/the-brand/style-guide/the-typo3-font Share (typo3 font)]
* [https://github.com/adobe/source-sans-pro Adobe Source Code Pro]
* [http://yanone.de/typedesign/kaffeesatz Kaffesatz font]
* [http://yanone.de/typedesign/tagesschrift Tagesschrift] made with the help of Bauhaus students ;)
* [http://www.google.com/webfonts Google webfonts] ([http://www.google.com/fonts/#AboutPlace:about sind alle Open Source])
* [http://cariblogger.com/freebies-11-fresh-open-source-fonts-from-the-league-of-movable-type 11 Open Source Fonts]
* [https://www.theleagueofmoveabletype.com The League of Movable Type]

==== Kostenlose Schriften ====
Bitte die Lizenz-Bedingungen beachten: 
Meist ist die private Nutzung der Schriften kostenlos, nicht aber die kommerzielle Nutzung!
* [http://www.fontsquirrel.com/ fontsquirrel.com] - Commercial Use Free Fonts
* [http://www.thefreesite.com/Free_Fonts Free Fonts von thefreesite.com]
* [http://www.free-fonts.com Free Fonts.com]
* [http://www.dafont.com dafont]
* [http://browse.deviantart.com/resources/fonts/#order=9 deviantART]
==== Font Shops ====
* [http://www.fontshop.de/Schriften/fontfamilylisting.htm Fontshop]
* [http://new.myfonts.com myfonts.com]
==== Font Foundries ====
* [http://www.exljbris.com exljbris Font Foundry] einige Schnitte sind kostenlos
* [http://www.smeltery.net SMeltery] einige Schriften sind kostenlos
* [http://fontfabric.com Fontfabric] einige Schriften sind kostenlos
* [http://www.houseind.com House Industries]
* [http://www.linotype.com Linotype]
* [http://www.optimo.ch Optimo]
* [https://ourtype.com ourType]
* [http://www.rosettatype.com Rosetta]
* [http://www.underware.nl Underware]
* [https://klim.co.nz Klim]
* [http://arstype.angusrshamal.com/typefaces Arstype]
* [http://www.jblt.co Jean-Baptiste Levée Typography]
* [http://www.virusfonts.com Virusfonts]
* [http://www.typography.com Hoefler & Frere-Jones]
* [http://www.adobe.com/type Adobe]
* [http://www.emigre.com/fonts.php Emigre]


{{Template:Bauhaus-Vorkurs}}

[[Category:Schrift]]
[[Category:Typo]]

[[Category:Schrift]]
[[Category:Typo]]

Schrift

2014-11-07T15:10:28Z

JanD: clarifications open source

== Textarten und Lesemotivation ==
Adrian Frutiger unterscheidet drei grundsätzliche Textarten, die eine sehr unterschiedliche Lesemotivation mit sich bringen (AFG 107ff):
* Handschriftliche Texte (schlecht lesbar aber hohe Lesemotivation, da privater Inhalt)
* Zweckschriften (z.B. Brief vom Finanzamt; mittel lesbar aber gehobene Lesemotivation, da persönlich relevanter Inhalt)
* Typografische Textschriften (z.B. Zeitung, Buch; gut lesbar aber evtl. niedrige Lesemotivation, da unpersönlicher Inhalt)

== Terminologie ==
[[Image:229px-Bleiletter.svg.png|thumb|upright=1.5|Aufbau einer Bleisatz-Letter. Mit diesem Bild ist ein Geviert definiert durch ''c'' und ''d''. Image from [http://commons.wikimedia.org/wiki/Image:Bleiletter.svg?uselang=de Wikimedia].
{| border="0"
!width = "60%" |Details
!width = "40%" |Abmessungen
|- valign="top"
|
1. Punze 
2. Schriftbild 
3. Fleisch 
4. Konus 
5. Achselfläche 
6. Kegel 
7. Signatur 
8. Gießrille 
||
a Kopf 
b Schulterhöhe 
a+b Schrifthöhe 
c Dickte 
d Kegelstärke/ Kegelhöhe
|}]]
[[Image:Zeilenabstand-Durchschuss.jpg|right|thumb|300px|Durschschuss und Zeilenhöhe]]

=== Schrifttypen===
* [[wikipedia:de:Antiqua|Antiqua]]
** [[wikipedia:de:Venezianische Renaissance-Antiqua|Venezianische Renaissance-Antiqua]]
** [[wikipedia:de:Französische Renaissance-Antiqua|Französische Renaissance-Antiqua]]
** [[wikipedia:de:Barock-Antiqua|Barock-Antiqua]]
** [[wikipedia:de:Klassizistische Antiqua|Klassizistische Antiqua]]
** Serifenbetonte Linear-Antiqua ([[wikipedia:de:Egyptienne|Egyptienne]])
** Serifenlose Linear-Antiqua (auch Sans-Serif oder [[wikipedia:de:Grotesk (Schrift)| Grotesk]])
* Handschriften
* Gebrochene
* Fremde / Nicht-lateinische

=== Fach- bzw. Typografische Begriffe===
* MAJUSKEL, minuskel
* Versalie:Ein Großbuchstabe
* Kapitälchen: Buchstaben, so groß wie Miniskeln in der Form von Majuskeln. Die automatisch erzeugten Kapitälchen passen in der Strichstärke nicht zu den anderen Buchstaben der Schrift; echte Kapitälchen sind ein eigener Schriftschnitt!
* Punze
* Serife:Endstriche an Buchstaben in Schriften wie Garamond oder Times
* Sans-Serif:Groteskschrift/ohne Serifen (sans=ohne)
* Slab-Serif:Dicke, oft blockartige Serifen (Beispiel-Font:Rockwell)
* Ober- / Unterlänge, Mittellänge
* Dickte (Breite des Kegels, s. Grafik Abmessung ''c'')
* Schriftfamilie oder -Sippe, Schnitt (echte und falsche Schnitte)
* Ligaturen (Zusammengezogene Zeichen: ß, ﬁ, œ, æ ...)
* Flatter-, Blocksatz, links- & rechtsbündig, zentriert
* Zeilenfall
* Zeilenumbruch, erzwungener Zeilenumbruch
* Absatz
* Tabulator
* Laufweite:Abstand zwischen den Buchstaben (Unterschneiden, S p e r r e n)
* Wortabstand
* Zeilenbreite
* Zeilenhöhe
* Durchschuss (Raum zw. Unter- und Oberlängen)
* [[wikipedia:de:Geviert (Typografie)|Geviert]] (Em), Fleisch
** s. Grafik: d im Rechteck ergibt 1 Geviert.
** Üblich auch 3/4, 1/2 oder 1/4 Geviert, vgl. Trenn- und Gedankenstrich!
* Brotschrift
* Hurenkind / Schusterjunge
** Hurenkind: Letzte Zeile auf neuer Seite/Spalte
** Schusterjunge: Neue Zeile auf letzter Seite/Spalte
** ''„Ein Hurenkind weiß nicht wo es herkommt, ein Schusterjunge nicht wo er hingeht“''
* Leiche (verloren gegangene Zeichen)
* Gasse (Weißraum in Spalte, untereinander)
* Zwiebelfisch (Zeichen in falscher Schriftart)
* Blindfisch (Falsch abgelegter Letter wird aus Versehen gesetzt)
* [[wikipedia:de:Apostrophitis|Apostrophitis]], auch [http://www.deppenapostroph.de Deppenapostroph] oder Idiotenapostroph (''Bahnhof's Gaststätte'' — siehe auch: [http://www.spiegel.de/kultur/zwiebelfisch/0,1518,283897,00.html Zwiebelfisch auf Spiegel Online])

=== Weitere Informationen ===
* [http://www.typografie.info/typowiki/index.php?title=Kategorie:TypoGlossar typografie.info] Das TypoWiki!
* [[wikipedia:de:Geschichte der Typografie|Die Geschichte der Typografie]]
* [http://www.designtagebuch.de/anatomie-der-buchstaben-das-poster/#more-4971 Anatomie der Schrift] - freies DIN A1 Typo-Poster

=== Regeln ===
[[File:Juliane Bragulla Farbwirkung.png|thumb|200px|Übung zum Farbkontrast von Juliane Bragulla]]
[[File:Schriften Bäcker Rose.jpg|thumb|200px|Schriftenchaos]]
[[File:Museo Elche Spanien.jpg|thumb|200px|S steht auf dem Kopf]]
* Lesbarkeit!
* Keine Schrift verzerren (quetschen/stauchen)!
* Abstände zwischen den Buchstaben eines Wortes ausgleichen (Spationierung)
* Mindestens sieben Wortzwischenräume für den Blocksatz!
* Headline und Aufzählungen nie im Blocksatz!
* Nie mehr als drei Schriftarten!
* Zeilenabstand immer größer als der Wortabstand!
* Nicht mehr als drei Trennstriche!
* Kein [[wikipedia:de:Plenk|Leerzeichen vor einem Satzzeichen]] (Ausnahme: im Französischen)
* Ein Trenn- oder Bindestrich ist kein Gedankenstrich!
* Keine Zoll (Inch) Zeichen anstelle von [[Typographische Anführungszeichen|Anführungszeichen]] verwenden!
** Anführungszeichen sind je nach Sprache unterschiedlich (z.B. “english”, „deutsch“, »deutsch«, « français » wobei nicht die Sprache in den Anführungszeichen maßgeblich ist, sondern jene um die Anführungszeichen herum)
* Buchstaben nicht auf den Kopf stellen (Aufpassen beim S, siehe Foto)
 

==Schrift-Klassifizierung nach DIN 16518==
[[Image:VenezianischeRenaissance.png|thumb|200px|Venezianische Renaissance Antiqua]]
'''Venezianische Renaissance-Antiqua'''
* ca. 1400-1485, z.B. Jenson, Centaur, Schneidler Mediaeval, ...
* Schreibfeder: relativ geringe Strichstärkenunterschiede
* Abgerundete Serifenenden
* Geneigte Schattenachse
* Schrägstellung des Querstrichs des kleinen „e“

 
[[Image:FranzRenaissance.png|thumb|200px|Französische Renaissance Antiqua]]
'''Französische Renaissance-Antiqua'''
* ca. 1485-1600, z.B. Garamond, Bembo, Minion, Stone Serif, Warnock, ...
* Schreibfeder: geringe Strichstärkenunterschiede
* Abgerundete Serifenenden, etwas spitzer als die Venezianische
* Geneigte Schattenachse
* Gleichmäßige Buchstabenformen
* Querstrich des „e“ nun fast waagrecht
* Charakteristischer Kursivschnitt
* Hervorragende Leseeigenschaften, oft in Romanen und längeren Lesetexten eingesetzt

 
[[Image:BarockAntiqua.png|thumb|200px|Barock Antiqua]]
'''Barock-Antiqua'''
* ca. 1600-1760, z.B. Janson, VanDijk, Caslon, Baskerville, Times, ...
* Gedrehte und verkantete Breitfeder: größerer Kontrast zwischen Grund- und Haarstrichen
* Eckigere Serifenenden, fast keine Rundung mehr; flache, fast ebene Serifen
* Beinahe senkrechte Schattenachse
* Waagrechter „e“-Strich
* „Übergangs-Antiqua“, auch ''"Vorklassizistische"'' Antiqua genannt

 
[[Image:KlassizistischeAntiqua.png|thumb|200px|Klassizistische Antiqua]]
'''Klassizistische Antiqua'''
* ca. 1760-1830, z.B. Bodoni, Didot, Walbaum, ...
* Spitzfeder: extremer Strichstärkenunterschied
* Sehr dünne, haarfeine Serifen
* Senkrechte Schattenachse, vertikale Orientierung
* Problematisch im Zeitungsdruck

 
[[Image:SerifenbetontLinear.png|thumb|200px|Serifenbetonte Linear-Antiqua]]
'''Serifenbetonte Linear-Antiqua'''
* auch „Egyptienne“, „Slab-Serif“ oder „Square-Serif“ genannt
* ca. 1830-1890, z.B. Officina, Clarendon, Rockwell, „Typewriter“, ...
* Gleichmäßige Strichstärken der Auf- und Abstriche
* Betonte Serifen, wenig Kontrast zwischen Serife und Type

 
[[Image:SerifenlosLinear.png|thumb|200px|Serifenlose Linear-Antiqua]]
'''Serifenlose Linear-Antiqua'''
* auch „Grotesk“, „Sans-Serif“ genannt
* seit ca. 1830, z.B. Helvetica, Caslon, Bauhaus (1925), Futura (1928), Univers, Gill Sans, ...
* Serifenlos

 
[[Image:AntiquaVarianten_Te.png|thumb|200px|Antiqua-Varianten]]
'''Antiqua-Varianten'''
* z.B.:
* um 1900: Eckmann... (Jugendstil)
* um 1930: Broadway... (Art Déco)
* um 1950/60: Bank Gothic, Alternate Gothic, Trump Grothic, Dom, Antique Olive...
* um 1970: Avant Garde, Souvenir, Tiffany...
* um 1980: Chicago (Mac OS)
* um 1990: Blur, Arcadia...
[[Image:AntiquaVarianten.png|thumb|left|200px]]

 
[[Image:Handschriftliche.png|thumb|200px|Handschriftliche Antiqua]]
'''Handschriftliche Antiqua & Schreibschriften'''
* laut DIN eingeordnet in Gruppe VIII Schreibschriften und Gruppe IX Handschrifen
* vgl. auch Lesemotivation

 
[[Image:Gebrochene.png|thumb|200px|Gebrochene Schriften (Fraktur)]]
'''Gebrochene Schriften'''
* Fraktur

 
[[Image:Fremde.png|thumb|200px|Fremde Schriften Hier: Japanisch]]
'''Fremde Schriften'''
* z.B. Chinesisch, Arabisch, Indisch, Kyrillisch, Griechisch, Hebräisch...

 

Im Rahmen eines Unternehmensweiten Erscheinungsbildes spielt die Hausschrift eine wichtige Rolle. 
Beim [[Bauhaus-Universität Corporate Design]] ist es die Linotype ''Syntax''

==Schrift im Computer==

=== Vector-Fonts ===
Schriftarten werden in der Regel in einem vektorbasierten Format gespeichert. Dadurch können sie ohne Qualitätsverlust auf jede Schriftgröße skaliert werden.
* OpenType (.otf) aktuelles Format, unterstützt Ligaturen
* TrueType Font (.ttf)
* PostScript Fonts (.pfm/.pfb) altes Format, durch ttf abgelöst
* Webfonts (''Web Open Font Format'')

=== Raster-Fonts ===
Um auf einem rasterbasierten Display Schrift setzen zu können, werden die [http://de.wikipedia.org/wiki/Glyphe Glyphen] in Pixelgrafiken verwandelt.
* VLW (Processing)

=== Segment-Fonts ===
Raster- oder Segment-Schriftarten kommen in Segment-Anzeigen zum Einsatz wie man sie z.B. von Taschenrechnern kennt.

Ein Beispiel ist das Letter-Spirit Projekt von Douglas Hofstadter.
Es versucht mit Methoden der [[KI|Künstlichen Intelligenz]] Segment-Fonts zu generieren, bei denen alle Buchstaben einer Schrift den selben Geist atmen.

=== Metafonts ===
[[Image:METAFONT-logo.png|thumb|200px|Metafont Logo]]
Metafonts beschreiben eine ganze Familie von Schriftarten (Also verschiedene [http://de.wikipedia.org/wiki/Schriftschnitt Schnitte] einer Schrift)
* Sie gehen auf des Computer-Wissenschaftler Donald Knuth zurück
* Sie haben mit Verbreitung des Textsatzsystems [[TeX]] vor allem in wissenschaftlichen Publikationen Einzug erhalten.
* Der Populärste Metafont ist der Von Don Knuth entworfene ''Computer Modern''.

== Resourcen ==

=== Schriften Verstehen ===

==== Allgemeines ====
* [http://infotype.de/ InfoType App]
* [http://www.typografie.info typografie.info]
* [http://typefacts.com Typefacts – Typografie verstehen]
* [http://type.method.ac Spationierungsspiel]
* [http://practicaltypography.com Practical Typografie]
* [http://www.buchstabenmuseum.de Buchstabenmuseum]

==== Schriften im Web ====
* [http://webtypobuch.de/lesen #webtypobuch] – kostenloses Buch über Typografie im Web
* [http://www.designtagebuch.de/die-gefuehlte-lesbarkeit/ Designtagebuch: Die gefühlte Lesbarkeit] - unbedingt lesenswerter Artikel
* [http://webtypography.net webtypography.net]
* [http://webtypographyforthelonely.com/ webtypographyforthelonely.com] - Typographie mit SVG, TrueType, Canvas und neuen JS-Animationsbibliotheken
* [http://webdesign.crissov.de/Typographie Typographie für Webautoren] - etwas trocken aber wichtig
* [http://ie.microsoft.com/testdrive/Graphics/opentype/Default.html OTF Features im Web] nur IE 10 oder Firefox
* [http://www.apple.com/html5/showcase/typography/ HTML5 Typo Showcase] von Apple (für Webkit-Browser)

==== Schriften Erkennen ====
* [http://new.myfonts.com/WhatTheFont What The Font?]
* [http://www.identifont.com identifont]
* [http://www.adobe.com/type/fontfinder Adobe Fontfinder]
* [http://fount.artequalswork.com Webschriften identifizieren]

=== Exotische Schriften ===

[[Image:Noto-Sans-Egyptian-Hieroglyphs-unhinted.png|thumb|200px|Ägyptische Hieroglyphen aus dem freien [https://www.google.com/get/noto/ Noto Sans Font] ]]
[[Image:Visible_Speech.jpg|thumb|200px|[[wikipedia:Visible Speech|Visible Speech]] Eine konstruierte Schrift]]

==== Ferne Länder und vergangene Zeiten ====
* [[wikipedia:de:Schriften der Welt|Schriften der Welt]]
* [http://www.linotype.com/de/6729/nichtlateinischeschriften.html Nichtlateinische Schriften]
* [[wikipedia:de:Unicode|Unicode]]
* [https://www.google.com/get/noto/ Noto Sans]
* [[wikipedia:de:Ägyptische_Hieroglyphen|Hieroglyphen]]
* [[wikipedia:de:Maya-Schrift|Maya-Schrift]]
==== Fantasie-Schriften ====
* [[wikipedia:Constructed script|Konstruierte Schriften]]
* [[wikipedia:Visible Speech|Visible Speech]]
* [[wikipedia:de:Tengwar und Certar|Tengwar und Certar]]
* [http://freetengwar.sourceforge.net|Free Tengwar Font Project]
* [http://tengwar.art.pl/tengwar/fonty.php Tengwar Schrift-Sammlung]
==== Besondere Schriften ====
* [[wikipedia:Notensatz|Notensatz]]
* [[wikipedia:de:Morsezeichen|Morsealphabet]]
* [[wikipedia:de:Winkeralphabet|Winkeralphabet]]
* [[wikipedia:de:Blindenschrift|Blindenschrift]]
* [http://www.signwriting.org/ Sign Writing]
==== Netz-Kultur ====
* [[wikipedia:Emoji|Emoji]] auf Wikipedia
* [http://apps.timwhitlock.info/emoji/tables/unicode Emoji-Tabellen für's Web]
* [http://www.emojidick.com/ Emoji Dick]
* [[wikipedia:de:Emoticon|Emoticons]]

=== Computer-Schriften ===
[[Image:Metaflop-Screenshot.png|thumb|200px|[http://www.metaflop.com/modulator METAFLOP] Parametrische Schriften im Browser]]
[[Image:Martin-Schneider-Turing-Font.jpg|thumb|200px|Gewachsene Schrift [https://www.flickr.com/photos/bitcraft/sets/72157630252521632/ Ein Turing-Pattern Font]]]

==== Minimalistische Schrift ====
* [[wikipedia:de:Segmentanzeige|Segmentanzeige]]
* [http://ertdfgcvb.com/novoline/ Novoline] Segment-Schrift Animation
==== Parametrische Schrift ====
* [[wikipedia:de:METAFONT|METAFONT]] und das [[google:METAFONT book|METAFONT Buch]] von Don Knuth
* [http://www.metaflop.com/modulator Metaflop] Online Metafont Editor
* [http://metapolator.com Metapolator] Online Parametric Font Editor
* [http://laikafont.ch/ Laikafont]
* [http://www.kalliculator.com/ Kalliculator]
* [http://www.haagseletters.nl/ Haagsletters]
==== Gewachsene Schrift ====
* [http://www.cogsci.indiana.edu/farg/mcgrawg/lspirit.html Letter Spirit] von Doug Hofstadter
* [http://www.danieldavis.com/parametric-typography/ Parametric Typography] von Daniel Davis
* [http://www.creativeapplications.net/processing/generative-typography-processing-tutorial/ Generative Typography] von Amnon Owed
* [http://www.onformative.com/work/growing-data/ Growing-Data] von Cedrik Kiefer (onformative)
* [https://www.flickr.com/photos/toxi/sets/72157604724789091/ Reaction-Diffusion Font] von Karsten Schmidt (toxi)
* [https://www.flickr.com/photos/bitcraft/sets/72157630252521632/ Turing-McCabe Font] von Martin Schneider
* [http://www.standardabweichung.de/design/projekte/html5/design-font-chemical-munich Interaktive Turing-Patterns] von Daniel Kühnlein
==== Bewegte Schrift ====
* [http://vimeo.com/channels/kinetictypography Kinetische Typografie] Video Channel
* [http://www.anitype.com/ Anitype] Animierte Zeichen mit Javascript
* [http://jschr.github.io/textillate/ Textillate] Schriftanimation mit CSS
* [http://www.standardabweichung.de/design/projekte/html5/design-font-fractalism Font Fractalism] von Daniel Kühnlein
==== Werkzeuge ====
* [http://www.ricardmarxer.com/geomerative/ Geomerative] für Processing
* [http://andreaskoller.com/Fontastic Fontastic] für Processing
* [http://toxiclibs.org/2010/02/simutils-grayscott/ Simutils GrayScott] für Processing
* [http://contextfreeart.org/ Context-Free Art] Software Beispiel: [http://www.contextfreeart.org/gallery/view.php?id=1042 Gras-Schrift] von Gui Gui

=== Schriften Finden ===
==== Freie Schriften ====
Schriften unter [http://de.wikipedia.org/wiki/Freie_Software freien und Opensource]-Lizenzen. Diese können daher für private und kommerzielle Projekte verwendet, weitergegeben und sogar durch euch erweitert und angepasst werden.

* [[wikipedia:Liberation fonts|Liberation Fonts]]
* [http://openfontlibrary.org Open Font Library]
* [http://www.gnu.org/software/freefont/ GNU FreeFont]
* [http://www.mozilla.org/en-US/styleguide/products/firefox-os/typeface Mozilla Fira] Font von Erik Spiekermann für das Firefox OS
* [http://scripts.sil.org/cms/scripts/page.php?item_id=OFL_fonts SIL International] Open Font License
* [http://font.ubuntu.com Ubuntu Font]
* [http://vollkorn-typeface.com Vollkorn] von Bauhaus Alumnus Friedrich Althausen
* [http://typo3.org/about/the-brand/style-guide/the-typo3-font Share (typo3 font)]
* [https://github.com/adobe/source-sans-pro Adobe Source Code Pro]
* [http://yanone.de/typedesign/kaffeesatz Kaffesatz font]
* [http://yanone.de/typedesign/tagesschrift Tagesschrift] made with the help of Bauhaus students ;)
* [http://www.google.com/webfonts Google webfonts] ([http://www.google.com/fonts/#AboutPlace:about sind alle Open Source])
* [http://cariblogger.com/freebies-11-fresh-open-source-fonts-from-the-league-of-movable-type 11 Open Source Fonts]
* [https://www.theleagueofmoveabletype.com The League of Movable Type]

==== Kostenlose Schriften ====
Bitte die Lizenz-Bedingungen beachten: 
Meist ist die private Nutzung der Schriften kostenlos, nicht aber die kommerzielle Nutzung!
* [http://www.fontsquirrel.com/ fontsquirrel.com] - Commercial Use Free Fonts
* [http://www.thefreesite.com/Free_Fonts Free Fonts von thefreesite.com]
* [http://www.free-fonts.com Free Fonts.com]
* [http://www.dafont.com dafont]
* [http://browse.deviantart.com/resources/fonts/#order=9 deviantART]
==== Font Shops ====
* [http://www.fontshop.de/Schriften/fontfamilylisting.htm Fontshop]
* [http://new.myfonts.com myfonts.com]
==== Font Foundries ====
* [http://www.exljbris.com exljbris Font Foundry] einige Schnitte sind kostenlos
* [http://www.smeltery.net SMeltery] einige Schriften sind kostenlos
* [http://fontfabric.com Fontfabric] einige Schriften sind kostenlos
* [http://www.houseind.com House Industries]
* [http://www.linotype.com Linotype]
* [http://www.optimo.ch Optimo]
* [https://ourtype.com ourType]
* [http://www.rosettatype.com Rosetta]
* [http://www.underware.nl Underware]
* [https://klim.co.nz Klim]
* [http://arstype.angusrshamal.com/typefaces Arstype]
* [http://www.jblt.co Jean-Baptiste Levée Typography]
* [http://www.virusfonts.com Virusfonts]
* [http://www.typography.com Hoefler & Frere-Jones]
* [http://www.adobe.com/type Adobe]
* [http://www.emigre.com/fonts.php Emigre]


{{Template:Bauhaus-Vorkurs}}

[[Category:Schrift]]
[[Category:Typo]]

[[Category:Schrift]]
[[Category:Typo]]

Schrift

2014-11-07T15:08:46Z

JanD: /* Freie Schriften */

== Textarten und Lesemotivation ==
Adrian Frutiger unterscheidet drei grundsätzliche Textarten, die eine sehr unterschiedliche Lesemotivation mit sich bringen (AFG 107ff):
* Handschriftliche Texte (schlecht lesbar aber hohe Lesemotivation, da privater Inhalt)
* Zweckschriften (z.B. Brief vom Finanzamt; mittel lesbar aber gehobene Lesemotivation, da persönlich relevanter Inhalt)
* Typografische Textschriften (z.B. Zeitung, Buch; gut lesbar aber evtl. niedrige Lesemotivation, da unpersönlicher Inhalt)

== Terminologie ==
[[Image:229px-Bleiletter.svg.png|thumb|upright=1.5|Aufbau einer Bleisatz-Letter. Mit diesem Bild ist ein Geviert definiert durch ''c'' und ''d''. Image from [http://commons.wikimedia.org/wiki/Image:Bleiletter.svg?uselang=de Wikimedia].
{| border="0"
!width = "60%" |Details
!width = "40%" |Abmessungen
|- valign="top"
|
1. Punze 
2. Schriftbild 
3. Fleisch 
4. Konus 
5. Achselfläche 
6. Kegel 
7. Signatur 
8. Gießrille 
||
a Kopf 
b Schulterhöhe 
a+b Schrifthöhe 
c Dickte 
d Kegelstärke/ Kegelhöhe
|}]]
[[Image:Zeilenabstand-Durchschuss.jpg|right|thumb|300px|Durschschuss und Zeilenhöhe]]

=== Schrifttypen===
* [[wikipedia:de:Antiqua|Antiqua]]
** [[wikipedia:de:Venezianische Renaissance-Antiqua|Venezianische Renaissance-Antiqua]]
** [[wikipedia:de:Französische Renaissance-Antiqua|Französische Renaissance-Antiqua]]
** [[wikipedia:de:Barock-Antiqua|Barock-Antiqua]]
** [[wikipedia:de:Klassizistische Antiqua|Klassizistische Antiqua]]
** Serifenbetonte Linear-Antiqua ([[wikipedia:de:Egyptienne|Egyptienne]])
** Serifenlose Linear-Antiqua (auch Sans-Serif oder [[wikipedia:de:Grotesk (Schrift)| Grotesk]])
* Handschriften
* Gebrochene
* Fremde / Nicht-lateinische

=== Fach- bzw. Typografische Begriffe===
* MAJUSKEL, minuskel
* Versalie:Ein Großbuchstabe
* Kapitälchen: Buchstaben, so groß wie Miniskeln in der Form von Majuskeln. Die automatisch erzeugten Kapitälchen passen in der Strichstärke nicht zu den anderen Buchstaben der Schrift; echte Kapitälchen sind ein eigener Schriftschnitt!
* Punze
* Serife:Endstriche an Buchstaben in Schriften wie Garamond oder Times
* Sans-Serif:Groteskschrift/ohne Serifen (sans=ohne)
* Slab-Serif:Dicke, oft blockartige Serifen (Beispiel-Font:Rockwell)
* Ober- / Unterlänge, Mittellänge
* Dickte (Breite des Kegels, s. Grafik Abmessung ''c'')
* Schriftfamilie oder -Sippe, Schnitt (echte und falsche Schnitte)
* Ligaturen (Zusammengezogene Zeichen: ß, ﬁ, œ, æ ...)
* Flatter-, Blocksatz, links- & rechtsbündig, zentriert
* Zeilenfall
* Zeilenumbruch, erzwungener Zeilenumbruch
* Absatz
* Tabulator
* Laufweite:Abstand zwischen den Buchstaben (Unterschneiden, S p e r r e n)
* Wortabstand
* Zeilenbreite
* Zeilenhöhe
* Durchschuss (Raum zw. Unter- und Oberlängen)
* [[wikipedia:de:Geviert (Typografie)|Geviert]] (Em), Fleisch
** s. Grafik: d im Rechteck ergibt 1 Geviert.
** Üblich auch 3/4, 1/2 oder 1/4 Geviert, vgl. Trenn- und Gedankenstrich!
* Brotschrift
* Hurenkind / Schusterjunge
** Hurenkind: Letzte Zeile auf neuer Seite/Spalte
** Schusterjunge: Neue Zeile auf letzter Seite/Spalte
** ''„Ein Hurenkind weiß nicht wo es herkommt, ein Schusterjunge nicht wo er hingeht“''
* Leiche (verloren gegangene Zeichen)
* Gasse (Weißraum in Spalte, untereinander)
* Zwiebelfisch (Zeichen in falscher Schriftart)
* Blindfisch (Falsch abgelegter Letter wird aus Versehen gesetzt)
* [[wikipedia:de:Apostrophitis|Apostrophitis]], auch [http://www.deppenapostroph.de Deppenapostroph] oder Idiotenapostroph (''Bahnhof's Gaststätte'' — siehe auch: [http://www.spiegel.de/kultur/zwiebelfisch/0,1518,283897,00.html Zwiebelfisch auf Spiegel Online])

=== Weitere Informationen ===
* [http://www.typografie.info/typowiki/index.php?title=Kategorie:TypoGlossar typografie.info] Das TypoWiki!
* [[wikipedia:de:Geschichte der Typografie|Die Geschichte der Typografie]]
* [http://www.designtagebuch.de/anatomie-der-buchstaben-das-poster/#more-4971 Anatomie der Schrift] - freies DIN A1 Typo-Poster

=== Regeln ===
[[File:Juliane Bragulla Farbwirkung.png|thumb|200px|Übung zum Farbkontrast von Juliane Bragulla]]
[[File:Schriften Bäcker Rose.jpg|thumb|200px|Schriftenchaos]]
[[File:Museo Elche Spanien.jpg|thumb|200px|S steht auf dem Kopf]]
* Lesbarkeit!
* Keine Schrift verzerren (quetschen/stauchen)!
* Abstände zwischen den Buchstaben eines Wortes ausgleichen (Spationierung)
* Mindestens sieben Wortzwischenräume für den Blocksatz!
* Headline und Aufzählungen nie im Blocksatz!
* Nie mehr als drei Schriftarten!
* Zeilenabstand immer größer als der Wortabstand!
* Nicht mehr als drei Trennstriche!
* Kein [[wikipedia:de:Plenk|Leerzeichen vor einem Satzzeichen]] (Ausnahme: im Französischen)
* Ein Trenn- oder Bindestrich ist kein Gedankenstrich!
* Keine Zoll (Inch) Zeichen anstelle von [[Typographische Anführungszeichen|Anführungszeichen]] verwenden!
** Anführungszeichen sind je nach Sprache unterschiedlich (z.B. “english”, „deutsch“, »deutsch«, « français » wobei nicht die Sprache in den Anführungszeichen maßgeblich ist, sondern jene um die Anführungszeichen herum)
* Buchstaben nicht auf den Kopf stellen (Aufpassen beim S, siehe Foto)
 

==Schrift-Klassifizierung nach DIN 16518==
[[Image:VenezianischeRenaissance.png|thumb|200px|Venezianische Renaissance Antiqua]]
'''Venezianische Renaissance-Antiqua'''
* ca. 1400-1485, z.B. Jenson, Centaur, Schneidler Mediaeval, ...
* Schreibfeder: relativ geringe Strichstärkenunterschiede
* Abgerundete Serifenenden
* Geneigte Schattenachse
* Schrägstellung des Querstrichs des kleinen „e“

 
[[Image:FranzRenaissance.png|thumb|200px|Französische Renaissance Antiqua]]
'''Französische Renaissance-Antiqua'''
* ca. 1485-1600, z.B. Garamond, Bembo, Minion, Stone Serif, Warnock, ...
* Schreibfeder: geringe Strichstärkenunterschiede
* Abgerundete Serifenenden, etwas spitzer als die Venezianische
* Geneigte Schattenachse
* Gleichmäßige Buchstabenformen
* Querstrich des „e“ nun fast waagrecht
* Charakteristischer Kursivschnitt
* Hervorragende Leseeigenschaften, oft in Romanen und längeren Lesetexten eingesetzt

 
[[Image:BarockAntiqua.png|thumb|200px|Barock Antiqua]]
'''Barock-Antiqua'''
* ca. 1600-1760, z.B. Janson, VanDijk, Caslon, Baskerville, Times, ...
* Gedrehte und verkantete Breitfeder: größerer Kontrast zwischen Grund- und Haarstrichen
* Eckigere Serifenenden, fast keine Rundung mehr; flache, fast ebene Serifen
* Beinahe senkrechte Schattenachse
* Waagrechter „e“-Strich
* „Übergangs-Antiqua“, auch ''"Vorklassizistische"'' Antiqua genannt

 
[[Image:KlassizistischeAntiqua.png|thumb|200px|Klassizistische Antiqua]]
'''Klassizistische Antiqua'''
* ca. 1760-1830, z.B. Bodoni, Didot, Walbaum, ...
* Spitzfeder: extremer Strichstärkenunterschied
* Sehr dünne, haarfeine Serifen
* Senkrechte Schattenachse, vertikale Orientierung
* Problematisch im Zeitungsdruck

 
[[Image:SerifenbetontLinear.png|thumb|200px|Serifenbetonte Linear-Antiqua]]
'''Serifenbetonte Linear-Antiqua'''
* auch „Egyptienne“, „Slab-Serif“ oder „Square-Serif“ genannt
* ca. 1830-1890, z.B. Officina, Clarendon, Rockwell, „Typewriter“, ...
* Gleichmäßige Strichstärken der Auf- und Abstriche
* Betonte Serifen, wenig Kontrast zwischen Serife und Type

 
[[Image:SerifenlosLinear.png|thumb|200px|Serifenlose Linear-Antiqua]]
'''Serifenlose Linear-Antiqua'''
* auch „Grotesk“, „Sans-Serif“ genannt
* seit ca. 1830, z.B. Helvetica, Caslon, Bauhaus (1925), Futura (1928), Univers, Gill Sans, ...
* Serifenlos

 
[[Image:AntiquaVarianten_Te.png|thumb|200px|Antiqua-Varianten]]
'''Antiqua-Varianten'''
* z.B.:
* um 1900: Eckmann... (Jugendstil)
* um 1930: Broadway... (Art Déco)
* um 1950/60: Bank Gothic, Alternate Gothic, Trump Grothic, Dom, Antique Olive...
* um 1970: Avant Garde, Souvenir, Tiffany...
* um 1980: Chicago (Mac OS)
* um 1990: Blur, Arcadia...
[[Image:AntiquaVarianten.png|thumb|left|200px]]

 
[[Image:Handschriftliche.png|thumb|200px|Handschriftliche Antiqua]]
'''Handschriftliche Antiqua & Schreibschriften'''
* laut DIN eingeordnet in Gruppe VIII Schreibschriften und Gruppe IX Handschrifen
* vgl. auch Lesemotivation

 
[[Image:Gebrochene.png|thumb|200px|Gebrochene Schriften (Fraktur)]]
'''Gebrochene Schriften'''
* Fraktur

 
[[Image:Fremde.png|thumb|200px|Fremde Schriften Hier: Japanisch]]
'''Fremde Schriften'''
* z.B. Chinesisch, Arabisch, Indisch, Kyrillisch, Griechisch, Hebräisch...

 

Im Rahmen eines Unternehmensweiten Erscheinungsbildes spielt die Hausschrift eine wichtige Rolle. 
Beim [[Bauhaus-Universität Corporate Design]] ist es die Linotype ''Syntax''

==Schrift im Computer==

=== Vector-Fonts ===
Schriftarten werden in der Regel in einem vektorbasierten Format gespeichert. Dadurch können sie ohne Qualitätsverlust auf jede Schriftgröße skaliert werden.
* OpenType (.otf) aktuelles Format, unterstützt Ligaturen
* TrueType Font (.ttf)
* PostScript Fonts (.pfm/.pfb) altes Format, durch ttf abgelöst
* Webfonts (''Web Open Font Format'')

=== Raster-Fonts ===
Um auf einem rasterbasierten Display Schrift setzen zu können, werden die [http://de.wikipedia.org/wiki/Glyphe Glyphen] in Pixelgrafiken verwandelt.
* VLW (Processing)

=== Segment-Fonts ===
Raster- oder Segment-Schriftarten kommen in Segment-Anzeigen zum Einsatz wie man sie z.B. von Taschenrechnern kennt.

Ein Beispiel ist das Letter-Spirit Projekt von Douglas Hofstadter.
Es versucht mit Methoden der [[KI|Künstlichen Intelligenz]] Segment-Fonts zu generieren, bei denen alle Buchstaben einer Schrift den selben Geist atmen.

=== Metafonts ===
[[Image:METAFONT-logo.png|thumb|200px|Metafont Logo]]
Metafonts beschreiben eine ganze Familie von Schriftarten (Also verschiedene [http://de.wikipedia.org/wiki/Schriftschnitt Schnitte] einer Schrift)
* Sie gehen auf des Computer-Wissenschaftler Donald Knuth zurück
* Sie haben mit Verbreitung des Textsatzsystems [[TeX]] vor allem in wissenschaftlichen Publikationen Einzug erhalten.
* Der Populärste Metafont ist der Von Don Knuth entworfene ''Computer Modern''.

== Resourcen ==

=== Schriften Verstehen ===

==== Allgemeines ====
* [http://infotype.de/ InfoType App]
* [http://www.typografie.info typografie.info]
* [http://typefacts.com Typefacts – Typografie verstehen]
* [http://type.method.ac Spationierungsspiel]
* [http://practicaltypography.com Practical Typografie]
* [http://www.buchstabenmuseum.de Buchstabenmuseum]

==== Schriften im Web ====
* [http://webtypobuch.de/lesen #webtypobuch] – kostenloses Buch über Typografie im Web
* [http://www.designtagebuch.de/die-gefuehlte-lesbarkeit/ Designtagebuch: Die gefühlte Lesbarkeit] - unbedingt lesenswerter Artikel
* [http://webtypography.net webtypography.net]
* [http://webtypographyforthelonely.com/ webtypographyforthelonely.com] - Typographie mit SVG, TrueType, Canvas und neuen JS-Animationsbibliotheken
* [http://webdesign.crissov.de/Typographie Typographie für Webautoren] - etwas trocken aber wichtig
* [http://ie.microsoft.com/testdrive/Graphics/opentype/Default.html OTF Features im Web] nur IE 10 oder Firefox
* [http://www.apple.com/html5/showcase/typography/ HTML5 Typo Showcase] von Apple (für Webkit-Browser)

==== Schriften Erkennen ====
* [http://new.myfonts.com/WhatTheFont What The Font?]
* [http://www.identifont.com identifont]
* [http://www.adobe.com/type/fontfinder Adobe Fontfinder]
* [http://fount.artequalswork.com Webschriften identifizieren]

=== Exotische Schriften ===

[[Image:Noto-Sans-Egyptian-Hieroglyphs-unhinted.png|thumb|200px|Ägyptische Hieroglyphen aus dem freien [https://www.google.com/get/noto/ Noto Sans Font] ]]
[[Image:Visible_Speech.jpg|thumb|200px|[[wikipedia:Visible Speech|Visible Speech]] Eine konstruierte Schrift]]

==== Ferne Länder und vergangene Zeiten ====
* [[wikipedia:de:Schriften der Welt|Schriften der Welt]]
* [http://www.linotype.com/de/6729/nichtlateinischeschriften.html Nichtlateinische Schriften]
* [[wikipedia:de:Unicode|Unicode]]
* [https://www.google.com/get/noto/ Noto Sans]
* [[wikipedia:de:Ägyptische_Hieroglyphen|Hieroglyphen]]
* [[wikipedia:de:Maya-Schrift|Maya-Schrift]]
==== Fantasie-Schriften ====
* [[wikipedia:Constructed script|Konstruierte Schriften]]
* [[wikipedia:Visible Speech|Visible Speech]]
* [[wikipedia:de:Tengwar und Certar|Tengwar und Certar]]
* [http://freetengwar.sourceforge.net|Free Tengwar Font Project]
* [http://tengwar.art.pl/tengwar/fonty.php Tengwar Schrift-Sammlung]
==== Besondere Schriften ====
* [[wikipedia:Notensatz|Notensatz]]
* [[wikipedia:de:Morsezeichen|Morsealphabet]]
* [[wikipedia:de:Winkeralphabet|Winkeralphabet]]
* [[wikipedia:de:Blindenschrift|Blindenschrift]]
* [http://www.signwriting.org/ Sign Writing]
==== Netz-Kultur ====
* [[wikipedia:Emoji|Emoji]] auf Wikipedia
* [http://apps.timwhitlock.info/emoji/tables/unicode Emoji-Tabellen für's Web]
* [http://www.emojidick.com/ Emoji Dick]
* [[wikipedia:de:Emoticon|Emoticons]]

=== Computer-Schriften ===
[[Image:Metaflop-Screenshot.png|thumb|200px|[http://www.metaflop.com/modulator METAFLOP] Parametrische Schriften im Browser]]
[[Image:Martin-Schneider-Turing-Font.jpg|thumb|200px|Gewachsene Schrift [https://www.flickr.com/photos/bitcraft/sets/72157630252521632/ Ein Turing-Pattern Font]]]

==== Minimalistische Schrift ====
* [[wikipedia:de:Segmentanzeige|Segmentanzeige]]
* [http://ertdfgcvb.com/novoline/ Novoline] Segment-Schrift Animation
==== Parametrische Schrift ====
* [[wikipedia:de:METAFONT|METAFONT]] und das [[google:METAFONT book|METAFONT Buch]] von Don Knuth
* [http://www.metaflop.com/modulator Metaflop] Online Metafont Editor
* [http://metapolator.com Metapolator] Online Parametric Font Editor
* [http://laikafont.ch/ Laikafont]
* [http://www.kalliculator.com/ Kalliculator]
* [http://www.haagseletters.nl/ Haagsletters]
==== Gewachsene Schrift ====
* [http://www.cogsci.indiana.edu/farg/mcgrawg/lspirit.html Letter Spirit] von Doug Hofstadter
* [http://www.danieldavis.com/parametric-typography/ Parametric Typography] von Daniel Davis
* [http://www.creativeapplications.net/processing/generative-typography-processing-tutorial/ Generative Typography] von Amnon Owed
* [http://www.onformative.com/work/growing-data/ Growing-Data] von Cedrik Kiefer (onformative)
* [https://www.flickr.com/photos/toxi/sets/72157604724789091/ Reaction-Diffusion Font] von Karsten Schmidt (toxi)
* [https://www.flickr.com/photos/bitcraft/sets/72157630252521632/ Turing-McCabe Font] von Martin Schneider
* [http://www.standardabweichung.de/design/projekte/html5/design-font-chemical-munich Interaktive Turing-Patterns] von Daniel Kühnlein
==== Bewegte Schrift ====
* [http://vimeo.com/channels/kinetictypography Kinetische Typografie] Video Channel
* [http://www.anitype.com/ Anitype] Animierte Zeichen mit Javascript
* [http://jschr.github.io/textillate/ Textillate] Schriftanimation mit CSS
* [http://www.standardabweichung.de/design/projekte/html5/design-font-fractalism Font Fractalism] von Daniel Kühnlein
==== Werkzeuge ====
* [http://www.ricardmarxer.com/geomerative/ Geomerative] für Processing
* [http://andreaskoller.com/Fontastic Fontastic] für Processing
* [http://toxiclibs.org/2010/02/simutils-grayscott/ Simutils GrayScott] für Processing
* [http://contextfreeart.org/ Context-Free Art] Software Beispiel: [http://www.contextfreeart.org/gallery/view.php?id=1042 Gras-Schrift] von Gui Gui

=== Schriften Finden ===
==== Freie Schriften ====
Schriften unter [http://de.wikipedia.org/wiki/Freie_Software freien und Opensource]-Lizenzen. Diese können daher für private und kommerzielle Projekte verwendet, weitergegeben und sogar durch euch erweitert und angepasst werden.

* [[wikipedia:Liberation fonts|Liberation Fonts]]
* [http://openfontlibrary.org Open Font Library]
* [http://www.gnu.org/software/freefont/ GNU FreeFont]
* [http://www.mozilla.org/en-US/styleguide/products/firefox-os/typeface Mozilla Fira] Font von Erik Spiekermann für das Firefox OS
* [http://scripts.sil.org/cms/scripts/page.php?item_id=OFL_fonts SIL International] Open Font License
* [http://font.ubuntu.com Ubuntu Font]
* [http://vollkorn-typeface.com Vollkorn] von Bauhaus Alumnus Friedrich Althausen
* [http://typo3.org/about/the-brand/style-guide/the-typo3-font Share (typo3 font)]
* [https://github.com/adobe/source-sans-pro Adobe Source Code Pro]
* [http://yanone.de/typedesign/kaffeesatz Kaffesatz font]
* [http://yanone.de/typedesign/tagesschrift Tagesschrift] made with the help of Bauhaus students ;)
* [http://www.google.com/webfonts Google webfonts]
* [http://cariblogger.com/freebies-11-fresh-open-source-fonts-from-the-league-of-movable-type 11 Open Source Fonts]
* [https://www.theleagueofmoveabletype.com The League of Movable Type]

==== Kostenlose Schriften ====
Bitte die Lizenz-Bedingungen beachten: 
Meist ist die private Nutzung der Schriften kostenlos, nicht aber die kommerzielle Nutzung!
* [http://www.fontsquirrel.com/ fontsquirrel.com] - Commercial Use Free Fonts
* [http://www.thefreesite.com/Free_Fonts Free Fonts von thefreesite.com]
* [http://www.free-fonts.com Free Fonts.com]
* [http://www.dafont.com dafont]
* [http://browse.deviantart.com/resources/fonts/#order=9 deviantART]
==== Font Shops ====
* [http://www.fontshop.de/Schriften/fontfamilylisting.htm Fontshop]
* [http://new.myfonts.com myfonts.com]
==== Font Foundries ====
* [http://www.exljbris.com exljbris Font Foundry] einige Schnitte sind kostenlos
* [http://www.smeltery.net SMeltery] einige Schriften sind kostenlos
* [http://fontfabric.com Fontfabric] einige Schriften sind kostenlos
* [http://www.houseind.com House Industries]
* [http://www.linotype.com Linotype]
* [http://www.optimo.ch Optimo]
* [https://ourtype.com ourType]
* [http://www.rosettatype.com Rosetta]
* [http://www.underware.nl Underware]
* [https://klim.co.nz Klim]
* [http://arstype.angusrshamal.com/typefaces Arstype]
* [http://www.jblt.co Jean-Baptiste Levée Typography]
* [http://www.virusfonts.com Virusfonts]
* [http://www.typography.com Hoefler & Frere-Jones]
* [http://www.adobe.com/type Adobe]
* [http://www.emigre.com/fonts.php Emigre]


{{Template:Bauhaus-Vorkurs}}

[[Category:Schrift]]
[[Category:Typo]]

[[Category:Schrift]]
[[Category:Typo]]

User:JanD/bookmarks

2014-06-26T14:47:35Z

JanD:

== Design ==

=== Lehre ===

[https://dschool.stanford.edu/groups/k12/wiki/a3122/Skill_Level.html Teaching DThinking for Diff. Skill Levels]

[http://www.gurtle.com/ppov/2009/12/18/so-you-want-to-be-a-user-researcher So you want to be a user researcher? | Pat's Point of View]

[https://www.cmu.edu/teaching/designteach/design/instructionalstrategies/groupprojects/design.html What are best practices for designing group projects? - Enhancing Education - Carnegie Mellon University]

[http://www.core77.com/reactor/09.06_chochinov.asp Core77 - 1000 Words of Advice for Design Teachers]

[http://studentaffairs.stanford.edu/sites/default/files/registrar/files/sample_crse_eval.pdf Stanford University - Course Evaluation - sample_crse_eval.pdf]

[http://www.cooperhewitt.org/conversations/2011/09/09/ready-set-design Ready, Set, Design! | Smithsonian Cooper-Hewitt, National Design Museum in New York]

[http://d.ucsd.edu/class/intro-hci/index.html Intro to HCI]

[http://d.ucsd.edu/class/intro-hci/assignments/ Index of /class/intro-hci/assignments]

=== Allgemein/Basics ===

[http://www.infodesign.com.au/uxpod User Experience Podcast | Information & Design]

[http://www.namahn.com//resources/interviews.htm Podcasts on HCI]

[http://littlebigdetails.com/ Little Big Details]

[http://www.contrast.ie/blog/make-it-meaningful/ UX + Usability debate: Make it meaningful | The Contrast Blog]

[http://johnnyholland.org/2010/03/01/johnny-tvs-10-must-see-ux-videos/ Johnny Holland –» Johnny TV’s 10 Must-See UX Videos]

[http://www.kickerstudio.com/blog/2010/09/essential-interaction-design-essays-and-articles/comment-page-1/#comment-3667 Kicker Studio: Essential Interaction Design Essays and Articles]

[http://www.smashingmagazine.com/2010/01/05/25-user-experience-videos-that-are-worth-your-time/ 25 User Experience Videos That Are Worth Your Time - Smashing Magazine]

[http://delicious.com/sochi.si HCI Bookmarks]

Keep, share, and discover the best of the Web using Delicious, the world's leading social bookmarking service.

[http://theixdlibrary.com/ The IxD Library - A collection of materials related to Interaction Design]

[http://www.forum.nokia.com/Design/Design_process/Getting_started/Interaction_design_and_prototyping.xhtml Forum Nokia - Interaction design and prototyping]

[http://www.ixda.org/ Interaction Design Association]

[http://www.ijdesign.org/ojs/index.php/IJDesign/index International Journal of Design]

[http://meiert.com/de/publications/translations/asktog.com/firstprinciples/ Grundsätze des Interaction Designs (Bruce Tognazzini) – Übersetzung von Jens O. Meiert]

[http://developer.apple.com/documentation/UserExperience/Conceptual/AppleHIGuidelines/XHIGIntro/chapter_1_section_1.html Apple Human Interface Guidelines: Introduction to Apple Human Interface Guidelines]

[http://www.jnd.org/index.html Don Norman's jnd.org / user advocacy and human-centered design]

[http://www.joelonsoftware.com/printerFriendly/uibook/fog0000000249.html User Interface Design For Programmers - Joel on Software]

[http://www.experientia.com/blog/ux-week-2008-videos/ Putting people first » UX Week 2008 videos]

[http://usability.gov/guidelines/index.html Guidelines | Usability.gov]

[http://www.cs.umd.edu/class/fall2002/cmsc838s/tichi/oai.html Objects-Actions Interface model]

[http://www.brandonwalkin.com/blog/2009/08/10/managing-ui-complexity/ Managing UI Complexity | Brandon Walkin]

[http://wikid.eu/index.php/Main_Page Main Page - WikID, the Industrial Design Engineering wiki]

[http://uxblog.sameerchavan.com/?p=138 Usability Bloopers – Short videos on bad UI design - User Experience & Usability Review Blog]

[http://www.designforusability.org/wp-content/DfU_MethodCollection_a5Kaarten_WEB.pdf DfU_MethodCollection_a5Kaarten_WEB.pdf]

[http://uxtogo.files.wordpress.com/2012/05/projectcanvasenglishv1.pdf Project Canvas - projectcanvasenglishv1.pdf]

[http://www.designcouncil.org.uk/about-design/how-designers-work/design-methods/ Design Council - Design methods]

[https://www-01.ibm.com/software/ucd/ucd.html#ucdfaq IBM Design: UCD process]

=== misconceptins and bad things ===

[http://www.cooper.com/journal/2010/10/making_it_suck.html Making it suck | Cooper Journal]

[http://www.nngroup.com/articles/the-myth-of-the-genius-designer/ The Myth of the Genius Designer]

[http://asktog.com/atc/the-third-user/ Apple: Focus on the buyer, not the user: "The Third User" | askTog]

[http://danwin.com/2013/01/infinite-scroll-fail-etsy/ Why did infinite scroll fail at Etsy? | danwin.com]

[http://www.elasticspace.com/2013/03/no-to-no-ui No to NoUI – Timo Arnall]

[http://dilbert.com/strips/comic/2001-12-12/ Dilbert comic strip for 12/12/2001 from the official Dilbert comic strips archive.]

[http://dilbert.com/strips/comic/2004-08-17/ Dilbert comic strip for 08/17/2004 from the official Dilbert comic strips archive.]

[http://www.azarask.in/blog/post/the-seduction-of-simple-hidden-complexity/ The Seduction of Simple: Hidden Complexity « Aza on Design]

[http://uxmyths.com/ UX Myths]

[http://uxmyths.com/post/715009009/myth-icons-enhance-usability Myth #13: Icons enhance usability - UX Myths]

[http://www.zeit.de/2013/28/entwicklungshilfe-reiche-arme-ofen/ [Failed] Entwicklungshilfe: Öfen für alle | ZEIT ONLINE]

[http://www.uxmag.com/design/the-dirtiest-word-in-ux-complexity The Dirtiest Word in UX: Complexity | UX Magazine]

[http://www.baddesigns.com/ Bad Human Factors Designs]

[http://dilbert.com/strips/comic/2001-02-02/ Dilbert comic strip for 02/02/2001 from the official Dilbert comic strips archive.]

[http://search.dilbert.com/comic/Technology%20Demo Technology Demo on Dilbert.com]

[http://dilbert.com/strips/comic/1996-05-26/ Dilbert: Business Language]

=== Berufswahl/Richtungen ===

[http://www.cooper.com/journal/2001/06/so_you_want_to_be_an_interacti.html Berufswahl: So You Want To Be An Interaction Designer]

[http://germanupa.de/german-upa/branchenreport/branchenreport-usability-2008.pdf/view Branchenreport 2008 — German UPA]

[http://www.adaptivepath.com/ideas/essays/archives/000656.php Interactiondesigner Berufswahl]

A User Experience design and consulting firm that unites theory and practice to advance the art of user experience design while helping clients make better business decisions. Located in San Francisco, California, USA.

=== IA ===

[http://www.uxmatters.com/mt/archives/2012/02/ia-strategy-addressing-the-signatures-of-information-overload.php IA Strategy: Addressing the Signatures of Information Overload :: UXmatters]

[http://www.cennydd.co.uk/2011/editing-tips-for-designers/ Editing tips for designers : Cennydd Bowles]

[http://www.jjg.net/ia/recon/ Jesse James Garrett: ia/recon]

=== action research ===

[http://alandix.com/blog/2012/12/10/action-research-in-hci/ Action Research in HCI | Alan Dix]

[http://www.edu.plymouth.ac.uk/resined/actionresearch/arhome.htm#FURTHER%20READING Action Research in Education]

=== mobile ===

[[http://developer.apple.com/library/ios/#documentation/userexperience/conceptual/mobilehig/Introduction/Introduction.html#//apple_ref/doc/uid/TP40006556-CH1-SW1|iOS Human Interface Guidelines: Introduction]]

[http://uxmag.com/technology/five-lessons-from-a-year-of-tablet-ux-research?utm_source=feedburner&utm_medium=feed&utm_campaign=Feed%3A+UXM+%28UX+Magazine%29 Five Lessons from a Year of Tablet UX Research | UX Magazine]

[http://design-challenge.mozillalabs.com/resources/files/designing_for_mobile.pdf designing_for_mobile.pdf (application/pdf-Objekt)]

[http://yuiblog.com/blog/2007/10/02/challenges-of-interface-design-for-mobile-devices/ Challenges of Interface Design for Mobile Devices » Yahoo! User Interface Blog (YUIBlog)]

[http://patterns.littlespringsdesign.com/index.php/Main_Page Main Page - Design For Mobile: resources for designing and building mobile apps and sites]

[http://www.forum.nokia.com/Technology_Topics/Design_and_User_Experience/ Forum Nokia - Design and User Experience]

[http://vimeo.com/3327288 Rachel Hinman | UX Week 2008 | Adaptive Path on Vimeo]

[http://www.paulhibbitts.com/small-screen-ui-design-links.html Small Screen UI Design - Recommended Links - Resources - Paul Hibbitts, Vancouver, Canada]

[http://www.accessdevnet.com/docs/zenofpalm.pdf zenofpalm.pdf (application/pdf-Objekt)]

[http://www.usercentric.com/news/2009/08/26/best-practices-designing-mobile-applications Best Practices for Designing Mobile Applications]

[http://www.boxesandarrows.com/view/four-key-principles Four Key Principles of Mobile User Experience Design - Boxes and Arrows: The design behind the design]

[http://www.edwardtufte.com/bboard/q-and-a-fetch-msg?msg_id=00036T Ask E.T.: iPhone interface design]

[http://www.uxmatters.com/mt/archives/2013/02/how-do-users-really-hold-mobile-devices.php How Do Users Really Hold Mobile Devices? :: UXmatters]

=== Modeling ===

[http://www.azarask.in/blog/post/know_when_to_stop_designing_quantitatively/# Know When to Stop Designing, Quantitatively « Aza on Design]

[http://courses.csail.mit.edu/6.831/2009/handouts/ac18-predictive-evaluation/klm.shtml Keystroke Level Model (KLM) Calculator]

[http://particletree.com/features/visualizing-fittss-law/ Particletree » Visualizing Fitts’s Law]

[http://www.codinghorror.com/blog/2010/03/the-opposite-of-fitts-law.html Coding Horror: The Opposite of Fitts' Law]

[http://en.wikipedia.org/wiki/Hick%27s_law Hick's law - Wikipedia, the free encyclopedia]

==== non-WIMP ====

[http://users.erols.com/rwservices/pens/biblio70.html#DavisMR64 (early) History of Pen and Gesture Computing: References Papers]

[http://www.disambiguity.com/when-to-use-drag-drop-some-informal-research-results/ when to use drag & drop (some informal research results) | disambiguity]

[http://www.cs.umd.edu/class/fall2002/cmsc838s/tichi/dirman.html Direct Manipulation]

[http://www.jnd.org/dn.mss/ui_breakthroughcomma.html Command Line Interfaces - Don Norman's]

books by Don Norman, personal web page for Don Norman, of the Nielsen Norman Group and Northwestern University, champion of human-centered design. Publications, papers, sample chapters and writings, list of students.

[http://www.yorku.ca/mack/hci3.html Text entry for mobile computing: Models and methods, theory and practice]

[http://zoomism.com/ zoomabel UI: zoomism]

[http://searchuserinterfaces.com/book/sui_ch1_design.html Design of Search User Interfaces (Ch 1) | Search User Interfaces | Marti Hearst | Cambridge University Press 2009]

[http://www.sapdesignguild.org/resources/TSDesignGL/Index.htm Interaction Design Guide for Touchscreen Applications]

[http://mattgemmell.com/2010/03/05/ipad-application-design iPad Application Design » Slate Devices Touch Interaction]

[http://depts.washington.edu/aimgroup/proj/dollar/ JavaScript $1 Unistroke Recognizer]

[http://www.lukew.com/ff/entry.asp?1071 LukeW | Touch Gesture Reference Guide]

The Touch Gesture Reference Guide is a unique set of resources for software designers and developers working on touch-based user interfaces.The guide contains: 1) an overview of the core gestures used for most touch commands 2) how to utilize these gesture ...

[http://www.vimeo.com/2761844 NYC IxDA - Tap is the New Click - Dan Saffer on Vimeo]

[http://www.donhopkins.com/drupal/node/98 The Design and Implementation of Pie Menus -- Dr. Dobb's Journal, Dec. 1991 | Don Hopkins]

[http://patterns.design4mobile.com/index.php/Touch_Screen_UI_Guidelines Touch Screen UI Guidelines - Design For Mobile: resources for designing and building mobile apps and sites]

[http://vimeo.com/6712657 Touch: 10GUI]

[http://sethsandler.com/multitouch/mtmini/ Touch: mtMini - DIY Multitouch Mini Pad]

[https://help.ubuntu.com/community/UMEGuide/DesigningForFingerUIs Ubunutu Guidelines for Touch Interfaces; Target sizes]

[http://www.nngroup.com/reports/mobile/ipad/ Usability of iPad Apps and Websites: First Research Findings]

[http://www.jnd.org/dn.mss/natural_user_interfaces_are_not_natural.html NUI Are Not Natural]

[http://web.archive.org/web/20050214045718/http://piemenu.com/ Pie Menu Central]

=== Questionaires ===

[http://www.usabilitynet.org/tools/r_questionnaire.htm UsabilityNet: questionnaire resources]

[http://www.slideshare.net/rebeccaweiss/writing-surveysthatwork Writing surveysthatwork]

[http://hcibib.org/perlman/question.cgi Computer System Usability Questionnaire]

[http://www.hoepflinger.com/fhtop/Umfragemethodik.pdf Umfragemethodik.pdf]

[http://www.userfocus.co.uk/articles/satisfaction.html Measuring satisfaction: Beyond the usability questionnaire]

[http://arbeitsblaetter.stangl-taller.at/FORSCHUNGSMETHODEN/Fragebogen.shtml Schritte der Fragebogen Konstruktion]

[http://iss.leeds.ac.uk/info/312/surveys/217/guide_to_the_design_of_questionnaires/5 University of Leeds - Guide to the Design of Questionnaires]

[http://www.mmk.ei.tum.de/lehre/ebof/vlss12/referate/Fragenbogen%20und%20Interview.pdf PowerPoint-Präsentation - Fragenbogen und Interview.pdf]

[http://www.cochrane.es/files/Recursos/How_to_design_a_questionnaire.pdf How_to_design_a_questionnaire.pdf]

[http://www.measuringusability.com/blog/10-things-SUS.php 10 Things to Know About the System Usability Scale (SUS): Measuring Usability]

=== Prototyping etc. ===

[http://www.boxesandarrows.com/view/storyboarding_rich_internet_applications_with_visio Storyboarding Rich Internet Applications with Visio - Boxes and Arrows: The design behind the design]

[http://www.alistapart.com/articles/sketchingincode A List Apart: Articles: Sketching in Code: the Magic of Prototyping]

[http://boxesandarrows.com/view/interactive Interactive Prototypes with PowerPoint - Boxes and Arrows: The design behind the design]

[http://www.nngroup.com/articles/thinking-aloud-the-1-usability-tool/ Thinking Aloud: The #1 Usability Tool]

[http://www.alistapart.com/articles/paperprototyping/ A List Apart: Articles: Paper Prototyping]

[http://www.userfocus.co.uk/articles/paperprototyping.html 7 myths about paper prototyping]

[http://www.usability.gov/get-involved/blog/2005/06/paper-prototypes-and-software-prototypes.html Paper Prototypes Work as Well as Software Prototypes | Usability.gov]

[http://www.boxesandarrows.com/view/quick-and-easy-flash Quick and Easy Flash Prototypes - Boxes and Arrows: The design behind the design]

[http://hci.stanford.edu/research/prototyping/ Prototyping · Research · Stanford HCI]

=== particiaptive Design ===

[http://www.ijdesign.org/ojs/index.php/IJDesign/article/view/749/404 The Quality of Design Participation: Intersubjectivity in Design Practice]

=== Psycho & Evaluierung ===

[http://www.useit.com/papers/heuristic/ Heuristic Evaluation]

Center for information about heuristic evaluation of user interface designs: a cheap and fast usability inspection method (by Jakob Nielsen who co-invented the method in 1989)

[http://www.usercentric.com/blogs/uxnuggets/2012/01/26/statistical-analysis-user-research-when-it-meaningful Statistical Analysis for User Research: When Is It Meaningful? - User Centric, Inc.]

[http://en.wikipedia.org/wiki/Cognitive_dimensions Cognitive dimensions of notations - Wikipedia, the free encyclopedia]

[http://www.useit.com/papers/guerrilla_hci.html Guerrilla HCI]

[http://en.wikipedia.org/wiki/Fitts_law Fitts's law - Wikipedia, the free encyclopedia]

[http://www.boxesandarrows.com/view/cognitive_psychology_ia_from_theory_to_practice Cognitive Psychology & IA: From Theory to Practice - Boxes and Arrows: The design behind the design]

[http://articles.sitepoint.com/article/heuristic-evaluation-guide Heuristic Evaluation - a Step By Step Guide]

[http://www.measuringusability.com/blog/five-history.php A Brief History of the Magic Number 5 in Usability Testing: Measuring Usability]

[http://www.measuringusability.com/blog/quant-criticism.php How to Deal With Quantitative Criticism: Measuring Usability]

[http://www.measuringusability.com/blog/stats-usability-errors.php Nine misconceptions about statistics and usability: Measuring Usability]

[http://optimalusability.createsend1.com/t/ViewEmail/r/2A9B9D7B374CB328/A99A37E0B6D9AA7E0CC2E775D3CF5869 10tips for mobile usability testing]

=== Social/User Creativity ===

[http://www.uxmatters.com/mt/archives/2009/08/empowering-users-to-create-their-own-software.php Empowering Users to Create Their Own Software :: UXmatters]

[http://boxesandarrows.com/view/designing-for-social Designing for Social Interaction - Boxes and Arrows: The design behind the design]

[http://johnnyholland.org/2012/02/principles-of-social-interaction-design/ Principles of Social Interaction Design | Johnny Holland]

[http://uxdesign.smashingmagazine.com/2012/04/26/gamification-ux-users-win-lose/ Gamification And UX: Where Users Win Or Lose | Smashing UX Design]

[http://developer.yahoo.com/ypatterns/social/people/reputation/index.html Reputation Patterns - Design Pattern Library - YDN]

[http://pipeline.cc.gatech.edu/pdf/p1-luther.pdf Paper: Why it Works When it Works]

[http://faculty.washington.edu/aragon/pubs/cc09.pdf Paper: A Tale of Two Online Communities: - cc09.pdf]

[http://pipeline.cc.gatech.edu/pdf/p2823-luther.pdf Paper: Edits and Credits]

=== Experience ===

[http://www.interaction-design.org/encyclopedia/user_experience_and_experience_design.html User Experience and Experience Design]

[http://www.nngroup.com/articles/satisfaction-vs-performance-metrics/ User Satisfaction vs. Performance Metrics]

[http://www.userfocus.co.uk/articles/satisfaction.html Measuring satisfaction: Beyond the usability questionnaire]

=== UserResearch-Examples ===

[https://www.youtube.com/watch?v=9t-_hYjAKww EXAMPLE: (cc-by) How to do a research interview - YouTube]

[https://www.youtube.com/watch?v=LyJMQDAa4v0 EXAMPLE: cc-by Interview with Ben Clip - YouTube]

[http://stbyblogs.eu/cyclehiring/ EXAMPLE: Road safety for London cyclists]

[http://vimeo.com/6002157 EXAMPLE: Reading Ahead project: Chris interview clip on Vimeo]

[http://www.bbc.co.uk/blogs/legacy/bbcinternet/2011/11/bbc_weather_design_refresh.html BBC User Centered Design of Weather Page]

[http://www.uk.sagepub.com/braunandclarke/study/qualitative.htm SAGE - Student and Instructor Site for Sucessful Qualitative Research]

[http://vimeo.com/27214053 CC-By: What does it mean to be 16? (High School Project)the NYC iSchool on Vimeo]

[http://vimeo.com/86436452 CC-BY: How do poeple choose meat?]

Analysis presentation. Mainly desciptive.

[http://vimeo.com/66064252 CC-BY: The Challenges of Small Business Owners on Vimeo]

Much edited; Nice Interview snippets

[http://vimeo.com/70890195 CC-BY: Man explains future house]

Guy walks through unfinished house showing what he wants to do there.

[http://vimeo.com/33597564 CC-BY: Warten auf der Straße]

Migranten reden über ihren Treffpunkt, eine Straßenecke, und warum sie dort warten.

[http://blog.usabilla.com/top-ethnographic-research-videos/ Top 10 Ethnographic Research Videos - The Usabilla Blog]

=== UserResearch-Datenerhebung ===

[http://www.qualitative-research.net/index.php/fqs/article/view/466/996#g9 Participant Observation as a Data Collection Method | Kawulich | Forum Qualitative Sozialforschung / Forum: Qualitative Social Research]

[http://www.uxmatters.com/mt/archives/2011/10/research-guidelines-you-wont-find-in-a-textbook.php Research Guidelines: Make Friends, No Answers, No Selling]

[https://blog.mozilla.org/ux/2012/08/when-to-use-a-focus-group-and-when-not-to/ When To Use a Focus Group and When Not To | Mozilla UX]

[http://www.adaptivepath.com/ideas/essays/archives/000041.php adaptive path » nondirected interviews: how to get more out of your research questions]

[http://www.uxmatters.com/mt/archives/2011/04/when-interviews-go-wrong.php When Interviews Go Wrong :: UXmatters]

[http://de.wikipedia.org/wiki/Fragetechnik Fragetechnik – Wikipedia]

=== UserResearch ===

[http://de.wikipedia.org/wiki/Aktionsforschung Aktionsforschung – Wikipedia]

[http://www.smallfire.co.nz/2012/07/04/co-design-workshop-resources-techniques-and-methods/?utm_source=feedburner&utm_medium=feed&utm_campaign=Feed%3A+indyusability+%28Usability+News+with+Brandon+Corbin%29 Co Design Workshop Techniques]

[http://uxmag.com/articles/ethnography-in-industry-objectives Ethnography in Industry: Objectives? | UX Magazine]

[http://www.pflegewiki.de/wiki/Grounded_Theory Grounded Theory – PflegeWiki]

[http://www.pflegewiki.de/wiki/Schematischer_Ablauf_der_Grounded_Theory_am_Beispiel_der_Studie_%22Vertrautheit%22_von_Corry_Bosch Schematischer Ablauf der Grounded Theory am Beispiel der Studie "Vertrautheit" von Corry Bosch – PflegeWiki]

[http://www.alistapart.com/articles/can-you-say-that-in-english-explaining-ux-research-to-clients/ A List Apart: Articles: Can You Say That in English? Explaining UX Research to Clients]

[http://ils.unc.edu/~march/blsreport/mainbls.html Diary/Focusgroup Entry Coding Organization]

[http://www.slideshare.net/jaremfan/the-goodness-of-diary-studies Diary Studies Slides]

[http://www.slideshare.net/jaremfan/diary-studies-a-primer Diary studies - A primer]

[http://www.eriontheinterweb.com/2011/07/the-dos-and-donts-of-diary-studies/ The Dos and Don’ts of Diary Studies - eri on the interweb]

[http://www.tiresias.org/tools/diary_analysis_studies.htm Tiresias :: Project tools :: Diary studies]

[http://www.uxmatters.com/mt/archives/2008/05/bite-sized-ux-research.php Bite-Sized UX Research :: UXmatters]

[http://www.uxmatters.com/mt/archives/2009/01/design-research-methods-for-experience-design.php Design Research Methods for Experience Design :: UXmatters]

[http://help.ethnohub.com/guide/aeiou-framework AEIOU Framework | EthnoHub Help]

[https://en.wikipedia.org/w/index.php?title=Thematic_analysis&oldid=606461893 Thematic analysis - Wikipedia, the free encyclopedia]

[http://blogs.parc.com/blog/2013/12/mythbusting-corporate-ethnography-and-the-giant-green-button/ Mythbusting: Corporate Ethnography and the Giant Green Button | PARC blog]

[http://www.sitepoint.com/contextual-enquiry-primer/ Contextual Enquiry – A Primer » SitePoint]

[http://www.slideshare.net/RuthEllison/guerrilla-user-design-research-final Guerrilla User and Design Research]

[[http://webcache.googleusercontent.com/search?q=cache:U4UpMBG7-X8J:www.slideshare.net/leisa/diy-user-research-londonbarcamp3+%22We+tend+to+project+our+own+rationalisations+and+beliefs+onto+the+actions+and+beliefs+of+others.%22&cd=1&hl=de&ct=clnk≷=de&client=firefox-a|DIY User Research (LondonBarCamp3)]]

[http://incontextdesign.com/articles/helpful-tips-to-improve-your-contextual-inquiry-techniques/ InContext » Helpful Tips to Improve Your Contextual Inquiry Techniques]

[http://www.uxmag.com/design/five-ux-research-pitfalls Five UX Research Pitfalls | UX Magazine]

[http://www.adaptivepath.com/ideas/essays/archives/000755.php adaptive path » research is a method, not a methodology]

[http://wiki.fluidproject.org/display/fluid/Contextual+Inquiry Contextual Inquiry - Fluid Project Wiki]

[http://www.uxbooth.com/blog/complete-beginners-guide-to-design-research/ Complete Beginner’s Guide to Design Research | UX Booth]

[http://www.helsinkidesignlab.org/dossiers/design-ethnography Design Ethnography Ressources/Fieldguide]

[http://usability.jameshom.com/ The Usability Methods Toolbox - Usability Methods Toolbox Contextual Design Heuristic Evaluation Inspection Inquiry usable engineering]

[http://designingwithpeople.rca.ac.uk/ethics D. Research Ethics]

[http://designingwithpeople.rca.ac.uk/methods Method Overview: Designing With People]

[http://www.eval.org/SummerInstitute08/08SIHandouts/Uploaded/aea08.si.liebow1.pdf Rapid Ethnography in Evaluation - aea08.si.liebow1.pdf]

[http://www.forbes.com/sites/nathanfurr/2011/06/09/how-failure-taught-edison-to-repeatedly-innovate/ Iterate: "How Failure Taught Edison to Repeatedly Innovate - Forbes"]

[http://www.paulos.net/teaching/2011/BID/readings/rapid_visualization.pdf Sketching made easy]

[http://www.portigal.com/wp-content/uploads/2008/01/Portigal-Consulting-White-Paper-Persona-Non-Grata.pdf Persona-non-crata: critical view of personas]

=== Creatitvity and Facilitation ===

[http://www.zeit.de/karriere/beruf/2013-10/entscheidungen-gruppe-zwang Sozialpsychologie: Gruppen entscheiden meistens schlecht | ZEIT ONLINE]

[http://www.newyorker.com/reporting/2013/07/29/130729fa_fact_gawande?currentPage=all Atul Gawande: How Do Good Ideas Spread? : The New Yorker]

[http://www.sueddeutsche.de/wissen/warum-brainstorming-nicht-funktioniert-windstille-im-kopf-1.1303668 Warum Brainstorming nicht funktioniert - Windstille im Kopf - Wissen - Süddeutsche.de]

[http://www.businessweek.com/stories/2006-07-25/eight-tips-for-better-brainstorming Eight Tips for Better Brainstorming - Businessweek]

[http://uxmag.com/articles/problems-with-innovation-workshops Problems With Innovation Workshops | UX Magazine]

[http://carmine.se.edu/cvonbergen/Productivity%20Loss%20In%20Brainstorming_Toward%20the%20Solution%20of%20a%20Riddle.pdf Productivity Loss In Brainstorming_Toward the Solution of a Riddle.pdf]

[http://kops.ub.uni-konstanz.de/bitstream/handle/urn:nbn:de:bsz:352-opus-88355/Group_versus_individual_performance_on_tasks_1973_KOPS8835.pdf?sequence=1 Group versus individual performance on tasks requiring ideational proficiency (brainstorming): A review - Group_versus_individual_performance_on_tasks_1973_KOPS8835.pdf]

[http://www.slideshare.net/Vorkronor/design-studio-workshop Design studio workshop]

[http://vimeo.com/37861987 The Design Studio Method - Todd Zaki Warfel on Vimeo]

[https://en.wikipedia.org/wiki/Oblique_Strategies Oblique Strategies - Wikipedia, the free encyclopedia]

=== Books ===

[https://www.wickedproblems.com/table_of_contents.php Wicked Problems: Problems Worth Solving - Table Of Contents]

[http://www.scribd.com/doc/7479034/hcimodelstheoriesandframeworkstowardamultidisciplinaryscienceinteractivetechnologies hci-models-theories-and-frameworks-toward-a-multidisciplinary-science-interactive-technologies]

[about:blank Connecting…]

[http://searchuserinterfaces.com/book/ Read It: Search User Interfaces]

[http://www.billbuxton.com/inputManuscript.html Buxton: Input Theories, Techniques and Technology]

[http://www.id-book.com/ Interaction Design - Second Edition]

The companion website for the book Interaction Design: beyond human-computer interaction, by Preece, Rogers and Sharp. On this site, you'll find a variety of resources and activities to support your exploration of interaction design.

[http://hci.rwth-aachen.de/hcibooks.html The Media Computing Group : Jan's Top Ten List of Books on Human-Computer Interaction]

=== Tools/Ressourcen ===

[http://www.e-werkzeug.eu/ FLOSS Transkriptionstool]

[http://www.usability.gov/templates/docs/release.doc Videotape Consent Form (DOC - 152KB)]

[http://usability.gov/templates/index.html Templates | Usability.gov]

[http://www.designerinaction.de/gestaltung/android-234-gui.html Android 2.3.4 GUI - DESIGNER IN ACTION]

[https://openoffice.apache.org/get-involved.html OpenSource: learning to participate- Modules]

[http://www.uclic.ucl.ac.uk/annb/CASSM/CASSMindesign.html CASSM-Method for concept matching analysis]

[https://en.wikipedia.org/wiki/Technology_acceptance_model Technology acceptance model - Wikipedia, the free encyclopedia]

=== Forms and Signups ===

[http://www.ryancramer.com/journal/entries/select_multiple/ Select multiple form fields - finding a better solution for multiple selection]

Despite their important function, select multiple form fields are problematic. This article looks at the inherent problems with select multiple form fields, and talks about ways to improve upon them.

=== Instructional Des. ===

[http://classweb.gmu.edu/ndabbagh/Resources/IDKB/instruct_design.htm IDKB - Doing an ID Project]

[http://de.wikipedia.org/wiki/ARCS-Modell ARCS-Modell – Wikipedia]

=== Recht und Business ===

[http://www.alistapart.com/articles/designing-contracts-for-the-xxi-century/?utm_source=feedburner&utm_medium=feed&utm_campaign=Feed%3A+alistapart%2Fmain+A+List+Apart A List Apart: Articles: Designing Contracts for the XXI Century]

[http://www.germanupa.de/data/mediapool/german_upa_branchenreport_usability_2011.pdf german_upa_branchenreport_usability_2011.pdf]

=== sampling and Recruiting ===

[http://www.measuringusability.com/blog/finding-users.php 7 Ways to Find Users for Usability Testing: Measuring Usability]

[http://www.measuringusability.com/blog/finding-users.php 7 Ways to Find Users for Usability Testing: Measuring Usability]

=== Kommunikation, Aufbereitung, Visualisierung ===

[http://wireframes.linowski.ca/wp-content/themes/darwin/images/PersonaTemplate.pdf persona template]

[http://www.uxmatters.com/mt/archives/2011/11/using-storyboards-and-sentiment-charts-to-quantify-customer-experience.php Using Storyboards and Sentiment Charts to Quantify Customer Experience :: UXmatters]

[http://www.uxmatters.com/mt/archives/2007/06/walking-through-your-product-design-with-stakeholders.php Walking Through Your Product Design With Stakeholders :: UXmatters]

[http://uxmag.com/articles/designing-with-stakeholders-accelerating-the-design-process-through-co-creation?utm_source=Facebook&utm_medium=ArticleShare&utm_tone=sf Designing with Stakeholders? Accelerating the design process through co-creation | UX Magazine]

[http://www.uxmatters.com/mt/archives/2012/02/communicating-user-research-findings.php Communicating User Research Findings :: UXmatters]

[http://www.asktog.com/columns/047HowToWriteAReport.html Ask Tog: How to Deliver a Report Without Getting Lynched]

[http://wireframes.linowski.ca/wp-content/themes/darwin/images/PersonaTemplate.pdf Persona Template.indd - PersonaTemplate.pdf]

[http://www.adaptivepath.com/ideas/the-anatomy-of-an-experience-map The Anatomy of an Experience Map - Adaptive Path]

[http://blogs.hbr.org/cs/2010/11/using_customer_journey_maps_to.html Using Customer Journey Maps to Improve Customer Experience - Adam Richardson - Harvard Business Review]

[http://www.uxmatters.com/mt/archives/2012/02/communicating-user-research-findings.php Communicating User Research Findings :: UXmatters]

[http://www.uxmatters.com/mt/archives/2011/09/the-value-of-customer-journey-maps-a-ux-designers-personal-journey.php The Value of Customer Journey Maps: A UX Designer’s Personal Journey :: UXmatters]

[http://www.uxmatters.com/mt/archives/2012/09/3-keys-to-aligning-ux-with-business-strategy.php 3 Keys to Aligning UX with Business Strategy :: UXmatters]

[http://www.uxmatters.com/mt/archives/2011/06/knowledge-importance-matrix-for-wiki-project-coordination.php Knowledge / Importance Matrix for Wiki Project Coordination :: UXmatters]

=== Philosophie und Denken ===

[http://www.brandeins.de/magazin/schoen-ist-gut.html brand eins Online: brand eins 10/2000 - SCHWERPUNKT: Design]

=== Cardsorts ===

[http://www.uxmatters.com/mt/archives/2010/09/dancing-with-the-cards-quick-and-dirty-analysis-of-card-sorting-data.php Dancing with the Cards: Quick-and-Dirty Analysis of Card-Sorting Data :: UXmatters]

[http://rosenfeldmedia.com/books/downloads/cardsorting/cardsort_analysis.pdf howtoAnalysis-Excel]

=== activity Theory ===

[http://www.sigchi.org/chi97/proceedings/tutorial/bn.htm CHI 97: Activity Theory: Basic Concepts and Applications]

[http://www.interaction-design.org/encyclopedia/activity_theory.html Activity Theory]

[http://www.slideshare.net/stephaniebeth/introduction-to-activity-theory-in-hci Introduction to Activity Theory in HCI]

[http://bokardo.com/archives/activity-centered-design/ Activity-Centered Design]

IFD:Kolloq SS14

2014-04-27T09:07:14Z

JanD: /* Syllabus */

[[:Category:Kolloquium|Kolloquium]] 
''Lehrperson:'' [[Jens Geelhaar]], [[Michael Markert]], [[Gabriel Rausch]], [[Martin Schied]], [[User:Joatan|Joatan Preis Dutra]], [[Johannes Deich]], [[Daniela Tröger]] 
''Bewertung:'' 0 [[ECTS]], ca. 3 [[SWS]] 
''Termin:'' Mittwochs, 10.15 Uhr 
''Ort:'' Marienstraße 7b, Raum 105 

''Erster Termin:'' Mittwoch, 9. April 2014, 10:15 Uhr

==Beschreibung==
Das Interface-Design Kolloquium lädt jeden Mittwoch zu einem kleinen Vortrag aus der Praxis (von Studierenden, Gästen oder Mitarbeitern) ein. Im Anschluss wird über das Thema des Vortrags diskutiert.

==English description==
We are inviting students, guests and lecturers to present their works. There will be a brief discussion afterwards.

== Anmeldung ==
Der Besuch ist offen für alle und erfordert keine Anmeldung

==Zielgruppe==
Alle Bachelor- und Master-Studenten, Absolventen und Mitarbeiter der Professur Interface-Design.

== Hinweise für Vortragende ==

Übrigens: Wir freuen uns über Hinweise für interessante Vorträge!

Normalerweise gibt es zwei Redner pro Termin. Es gibt einen Beamer (VGA-Connector!), wenn Sie Sound oder einen Computer benötigen, melden Sie sich bitte bei [[User:Mm|Michael]]. Falls Sie die Präsentation auf einem USB-Stick mitbringen, dann bitte entweder als Mac-Keynote oder als PDF. Wir haben nur eventuell Zugriff auf einen Windows-PC mit Powerpoint.

Ein Internetzugang steht über das WiFi Netzwerk "eduroam" zur Verfügung. Falls Sie kein Universitätslogin haben, melden Sie sich bitte rechtzeitig, damit wir einen Gastzugang beantragen können.

Sie können Ihre Vortragssprache (Deutsch/Englisch) frei wählen. Es sind jedoch üblicherweise 5 bis 10% fremdsprachige Teilnehmer anwesend, die i.d.R. besser Englisch als Deutsch verstehen.

Die Präsentation sollte eine Dauer von etwa ~20 Minuten haben. Bitte haben Sie Verständnis dafür, wenn wir nach spätestens 30 Minuten abbrechen, denn wir möchten noch genügend Zeit für Feedback, Fragen und kurze Anschlussdiskussionen haben.

== Notes for Speakers ==

If you feel you have something interesting to share, please contact us. We are always looking for interesting things to share and talk about.

Typically, we have two presentations per meeting. There is a projector with VGA Connector. If you need Sound or a Computer, please contact [[User:Mm|Michael]]. If you bring your presentation on a USB-Stick, please use either Mac-Keynote or PDF, because we may or may not find a Windows-PC with Powerpoint.

To connect to the internet, you can use the "eduroam" WiFi network. If you have no University login, please get in touch, so we can arrange a guest account.

The language of your talk (German/English) is up to you to decide. Usually, there are about 5 to 10% Students that understand English better than German.

The presentation should have a duration of about ~ 20 minutes. Please understand that we need to stop the talk after 30 minutes latest, because there should be time for feedback, questions and short discussions.

==Syllabus==
Vorläufiger Semesterplan:
BITTE MAXIMAL ZWEI VORTRÄGE PRO TERMIN!
ONLY TWO PRESENTATIONS PER DAY PLEASE!
# 09.04. Lisa F. (Praktikum)
# <del>16.04. no meeting</del>
# 23.04. 13:00 Uhr Jason Reizner
# 30.04. Jan Dittrich
# 07.05.
# 14.05.
# 21.05.
# 28.05.
# 04.06.
# 11.06.
# 18.06.
# 25.06.
# 02.07.
# 09.07.
BITTE MAXIMAL ZWEI VORTRÄGE PRO TERMIN!
ONLY TWO PRESENTATIONS PER DAY PLEASE!

== Siehe auch ==
* [[IFD:Kolloq WS13]]
* [[IFD:Kolloq SS12]]
* [[IFD:Kolloq WS12]]
* [[IFD:Kolloq SS13]]

==Links==
* tba

Software-Lehre

2014-04-22T12:57:16Z

JanD: Created page with " ==Statistik== …statt [http://de.wikipedia.org/wiki/SPSS SPSS]: [http://cran.r-project.org/ R] benutzen. R hat eine weniger schöne Benutzeroberfläche, gängelt einen aber nic..."

==Statistik==
…statt [http://de.wikipedia.org/wiki/SPSS SPSS]: [http://cran.r-project.org/ R] benutzen. R hat eine weniger schöne Benutzeroberfläche, gängelt einen aber nicht mit Aktivierungen und hat mehr Funktionen.

==Office==
…statt [https://de.wikipedia.org/wiki/Microsoft_Office Microsoft Office] [https://www.libreoffice.org/ Libre Office] oder [http://www.openoffice.org/ Open Office] Der Funktionsumfang ist sehr groß und fast identisch mit Microsoft Office. Die Oberfläche ist ein bisschen "klassischer" und nutzt Menüs.

…Malprogramme (Krita)
…DJing
…RAW-Bearbeitung
…Layout

Interface Design

2014-04-09T18:56:48Z

JanD: /* Weblinks: Methoden */

==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]
* [http://www.interaction-design.org/ Freie Enzyklopädie für Human Computer Interaction]
===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 auf 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 [http://www.adaptivepath.com/ideas/e000041 Führen von Interviews]
* Beispielvideo: [https://www.youtube.com/watch?v=9t-_hYjAKww Wie man ein Interview führt]
* [[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]
* [http://www.analytictech.com/mb870/Readings/ryan-bernard_techniques_to_identify_themes_in.htm Techniques to Identify Themes] ist ein Paper, dass sich mit Techniken beschäftigt um wenige, übergeordnete Prinzipien aus einer großen Datenmenge zu destillieren.
* Graham R Gibbs [https://www.youtube.com/playlist?list=PL14E49EDF20613008 erklärt Datenanalyse] (Hinweis:setzt in den Erklärungen vorraus das man seine Daten in einer Art Transkript hat)

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

[[Category:Interface Design]]
[[Category:Interface-Design]]
[[Category:Interaktion]]
[[Category:Interfaces]]
[[Category:Jan Dittrich]]

Interfaces

2014-04-06T12:11:58Z

JanD:

==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]
* [http://www.interaction-design.org/ Freie Enzyklopädie für Human Computer Interaction]
===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 [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]
* Graham R Gibbs [https://www.youtube.com/playlist?list=PL14E49EDF20613008 erklärt Datenanalyse] (Hinweis:setzt in den Erklärungen vorraus das man seine Daten in einer Art Transkript hat)
* Beispielvideo: [https://www.youtube.com/watch?v=9t-_hYjAKww Wie man ein Interview führt]

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

[[Category:Electronics]]
[[Category:Hardware]]
[[Category:Interfaces]]
[[Category:Linklist]]
[[Category:Software]]
[[Category:Electronics]]

User:JanD

2014-03-24T19:37:24Z

JanD:

=Jan Dittrich=

''Everything is best for something and worst for something else'' – Bill Buxton

I mainly doing [[wikipedia:Interaction Design|interaction design]] and user research. If I don't I may be busy with javascript programming, statistics, cognitive psychology or lazing in the Ilmpark.

I publish term-wise a [[HCIVeranstaltungen|collection of HCI-related classes]] at the uni

If you are bored, feel free to read the [[/bookmarks|bookmarked pages]] and use the [[IFD:UXTemplates|UX document templates]]

==Current Projects==
* Develop lightweight user research methods
* [[IFD:Nutzerstudien_WiSe1314|Werkmodul HumanCenteredDesignResearch 3: Secure Communication]] Teaching concept, Teaching. Students learn to use needfinding and evaluation research techniques.
* Needfinding and Requirements for eLearning

== Old Projects==
* User [[/MediaWikiResearch|Research for the Medienwiki]]
* [[IFD:HumanCenteredDesignResearch_SoSe13|Werkmodul HumanCenteredDesignResearch 2: Share and Remix]] Teaching concept, Teaching. Students learn to use needfinding and evaluation research techniques.
* [[IFD:HumanCenteredDesignResearch-Library|Werkmodul HumanCenteredDesignResearch]] Teaching concept. Students learn to use needfinding and evaluation research techniques by designing for the university's library.

* User Research for a project on sustainable consuption
* Literature Research and case studies for my Bachelor's Thesis on intuitive interaction for novel interface paradigms. The Netspeak-Interface Redesign served here as an example of an innovative interface which is nervertheless intuitively usable.

* [http://mozillalabs.com/conceptseries/2010/08/04/week-1-status-update-from-the-crowdsourcing-project/#more-398 Crowdsourcing@mozilla 1], [http://mozillalabs.com/conceptseries/2010/08/27/crowdsourcing-project-summary-of-key-learnings/ 2][http://mozillalabs.com/conceptseries/2010/10/07/crowdsourcing-project-%E2%80%93-team-1-3-phase-2/ 3]: Mozilla Crowdsourcing is a international team of students redesigning Mozilla's outreach to the UX-Designer community.

* Bimanual Interaction Research @ [http://www.uni-weimar.de/cms/medien/medieninformatik.html Media Computer Science Weimar]. [http://www.uni-weimar.de/cms/fileadmin/medien/vr/documents/publications/hold-and-move.pdf Paper] published at MobileHCI 2012 (Coauthor)

[[File:Netspeak_altUI.png|thumb|right|Interface-Entwurf Netspeak]]
* Usability for Search Interfaces: [http://www.netspeak.cc/ Netspeak] Netspeak is a search engine for words in the context of a sentence.While the normal use requires the user to lear a wildcard syntax, the novel design allows just to click on the words in question to get a list of alternatives.

* [[IFD:Designing For Action]]-Werkmodul: Concept for a Werkmodul, teaching the basics of Interaction Design: user research, best Practices, prototyping and testing. Mozilla publishes a series of blog posts about the course: [http://mozillalabs.com/conceptseries/2010/11/09/student-outreach-bauhaus-university-class-embarking-on-open-interaction-design/ project start]

* Icon Design

* [[IFD:Bringing Usability To Touch|bringing usability to touch]]

* [[FirefoxMobile-SmartTabs]] How can we ease the recognition of webpages by creating good represenations? Was a little project in order to improve the tabs in Firefox Mobile.

[[Category:Student]]
[[Category:Jan Dittrich]]

IFD:UXTemplates/recordingReleaseForm

2014-03-24T19:35:32Z

JanD:

Source: [http://www.usability.gov/how-to-and-tools/resources/templates/consent-recording-release-form-adult.html usability.gov], released [http://www.usability.gov/about-us/index.html under the public domain]

==Consent & Recording Release Form - Adult==

I agree to participate in the study conducted and recorded by the [Agency/Organization].

I understand and consent to the use and release of the recording by ''Agency/Organization''. I understand that the information and recording is for research purposes only and that my name and image will not be used for any other purpose. I relinquish any rights to the recording and understand the recording may be copied and used by ''Agency/Organization'' without further permission.

I understand that participation in this usability study is voluntary and I agree to immediately raise any concerns or areas of discomfort during the session with the study administrator.

Please sign below to indicate that you have read and you understand the information on this form and that any questions you might have about the session have been answered.

Date:_________

Please print your name: ____________________________________________________

Please sign your name: ____________________________________________________

Thank you!

We appreciate your participation.

IFD:UXTemplates/DigitalRecordingReleaseForm

2014-03-24T19:35:09Z

JanD: Created page with "Source: [http://www.usability.gov/how-to-and-tools/resources/templates/consent-recording-release-form-adult.html usability.gov], released [http://www.usability.gov/about-us/index..."

Source: [http://www.usability.gov/how-to-and-tools/resources/templates/consent-recording-release-form-adult.html usability.gov], released [http://www.usability.gov/about-us/index.html under the public domain]

==Digital Recording Release Form==

I agree to participate in an audio, video, and/or digital recording during the study by the ''Agency''.

I understand and consent to the use and release of the recording by ''Agency''. I understand that the information and recording is for research purposes only and that my name and image will not be used for any other purpose. I relinquish any rights to the recording and understand the recording may be duplicated and used by ''Agency'' without further permission.

I understand that I can leave at any time.

I agree to immediately raise any concerns or feelings of discomfort with the study administrator.

Your signature:____________________________________________________

Date:______________________________________________________________

Please print your name: ______________________________________________

Thank you!

We appreciate your participation.

IFD:UXTemplates

2014-03-24T19:31:55Z

JanD:

Useful Templates for UX

Recording Release Form [http://www.usability.gov/how-to-and-tools/resources/templates/consent-recording-release-form-adult.html at usability.gov] [[/recordingReleaseForm | on this wiki]]

Digital Recording Release Form [http://www.usability.gov/how-to-and-tools/resources/templates/digital-recording-release-form.html at usability.gov] [[/DigitalRecordingReleaseForm | on this wiki]]

IFD:UXTemplates/recordingReleaseForm

2014-03-24T19:29:34Z

JanD:

Source: [http://www.usability.gov/how-to-and-tools/resources/templates/consent-recording-release-form-adult.html usability.gov], released [http://www.usability.gov/about-us/index.html|under the public domain]

==Consent & Recording Release Form - Adult==

I agree to participate in the study conducted and recorded by the [Agency/Organization].

I understand and consent to the use and release of the recording by ''Agency/Organization''. I understand that the information and recording is for research purposes only and that my name and image will not be used for any other purpose. I relinquish any rights to the recording and understand the recording may be copied and used by ''Agency/Organization'' without further permission.

I understand that participation in this usability study is voluntary and I agree to immediately raise any concerns or areas of discomfort during the session with the study administrator.

Please sign below to indicate that you have read and you understand the information on this form and that any questions you might have about the session have been answered.

Date:_________

Please print your name: ____________________________________________________

Please sign your name: ____________________________________________________

Thank you!

We appreciate your participation.

IFD:UXTemplates/recordingReleaseForm

2014-03-24T19:28:11Z

JanD: Created page with "Source: [http://www.usability.gov/how-to-and-tools/resources/templates/consent-recording-release-form-adult.html|usability.gov], released [http://www.usability.gov/about-us/index..."

Source: [http://www.usability.gov/how-to-and-tools/resources/templates/consent-recording-release-form-adult.html|usability.gov], released [http://www.usability.gov/about-us/index.html|under the public domain]

==Consent & Recording Release Form - Adult==

I agree to participate in the study conducted and recorded by the [Agency/Organization].

I understand and consent to the use and release of the recording by [[Agency/Organization]. I understand that the information and recording is for research purposes only and that my name and image will not be used for any other purpose. I relinquish any rights to the recording and understand the recording may be copied and used by [Agency/Organization] without further permission.

I understand that participation in this usability study is voluntary and I agree to immediately raise any concerns or areas of discomfort during the session with the study administrator.

Please sign below to indicate that you have read and you understand the information on this form and that any questions you might have about the session have been answered.

Date:_________

Please print your name: ____________________________________________________

Please sign your name: ____________________________________________________

Thank you!

We appreciate your participation.

IFD:UXTemplates

2014-03-24T19:25:21Z

JanD: Created page with "Useful Templates for UX Recording Release Form [http://www.usability.gov/how-to-and-tools/resources/templates/consent-recording-release-form-adult.html at usability.gov] [[/reco..."

IFD:Nutzerstudien WiSe1314/Gruppe Anmeldung endpresentation

2014-03-08T16:16:14Z

JanD:

==Course Aims==

During the course "Nutzerstudien" we focused on the smartphone app "ChatSecure" by interrelating the security of chat apps.
We wanted to find out about the importance of security in chat apps for students at our age. Further we were interessted in generelly expectations they have from chat apps and what their problems/whishes are.
For that purpose we tested the app "ChatSecure" with our target group, accomplished usability tests and so developed a varied design to improve the process of creating an account and of signing in.

==Progress of work==

'''1. Interviews and target group'''
For that reason we started to interview a few people from our social environment as our target group. So we focused on students at the age of 20 - 30. We reached this test persons personally so we met them to conduct the interviews directly.

'''2. Analyse and Assessment'''
After that we analysed the results (infinity diagramming) by summing up, comparing and strucuring them.
 Die Analyse macht sehr viel Arbeit. Leider wurde die Methode nicht infinity-diagramming genannt, obwohl das durchaus treffend wäre :-) 

'''3. Prototypes and scenarios'''
Then we began to create prototypes. These prototypes also passed through usability tests to further improve the design.
For that prototypes we constructed scenarios which had to be accomplished by the test users.

'''4. Improving Design by Iteration'''
We further improved our design by iteration (five steps) to get our final design.

Ich denke, dass ''Progress of work'' und ''Course aims'' eine gute und einfache Einleitung sind. 

=='''Data gathering: Interviews'''==

table of interview partner:

{| class="wikitable"
|-
! Number
! Age class
! Course of studies
|-
| 1
| <20
| Arts
|-
| 2
| <20
| Arts
|-
| 3
| 20-25
| Science/Engineering
|-
| 4
| 25-30
| Science/Engineering
|-
| 5
| <20
| Fine Arts/Design
|-
| 6
| <20
| Fine Arts/Design
|-
| 7
| <20
| Fine Arts/Design
|}

Reasons for choosing those people:

We wanted to figure out the differences between the students of Arts, Fine Arts/Design and Science/Engineering. So we chose people from our social environment. Because we are students from different courses of studies (Arts, Fine Arts/Design and Science/Engineering) we had the chance to interview these types of students. Thereby we had a huge spectrum of users.
Ich habt Menschen aus der selben Gruppe wie ihr ausgewählt (Studierende ähnlicher Fächer). Vielleicht klingt "huge spectrum" dann etwas übertrieben.

Form of accessibility:

From the start we were agreed that we want to reach our target group personally by meeting them at the university (fellow students/friends) or at home (homemates). We wanted to talk to them privately to get detailed information and to observe their chat behaviour.

Central questions:
* What chat apps/programs do you use and for what purposes (one-on-one interviews or group discussions, image, video and link transfer)?
* Where do you see advantages and disadvantages of your favorite chat program?
* How important authentication is for you?
* How should a trustable profile be? What information are important?
* In what situations you prefer the phone or an E-Mail before chatting?
* What are requirements for you to use a new app with guaranteed security?
* How often do you use them and how important they are for you?
* How important is security for you while chatting with people?
* What measures do you probably adopt to be safe?
* What functions and design features do you find most important for a chat app?
''Kleine Anmerkung für zukünftige Projekte: Fragen "what are the requirements…" und "how often…" sind schwierig gut zu beantworten und ihr erfahrt dadurch vermutlich wenig über die Gründe für das Nutzerverhalten. "Advantages… Disadvantages" und "which measures" sind gut. Fragt nicht nach generellem, sondern nach "wie machst du…" "was machst du…", "warum hilft… wenn du…" – Dinge, die mit Aktionen zu tun haben, und, noch besser, beobachtet werden können.

==Observation==

After that we did a usability test with ChatSecure to find out how other users deal with the app.

We wanted to find out if the register and login process is intuitive for the user or not. So we got to know about user's handling with apps and their expectations. We hoped to get suggestions and ideas for a better log in process based on the user's behavior.)

* What observations during the interviews did we make?

The tester was asked to say what she/he was thinking and doing while testing the prototype, which problems she/he had and how they could be solved.
With that method and the video it was possible to find and analyse the issues the tester had.

[https://www.youtube.com/watch?v=zdeTEaDdvy4&feature=youtu.be Usability test]
 

* What is noticeable during that usability test?

During the test we found out...
* ...how the proband approached to the test,
* ...how long it took her/him to understand the system and structure of the app,
* ...which problems appeared
* ...and where the problems appeared.

Results:
We evaluated the usability tests and made a heuristic analysis for creating a new account and the login-progress.
Der Abschnitt zu Observation zeigt eine gute Strukturierung, da bin ich sehr gespannt auf die Ergebnisse dieser Tests. leider steht unter "What is noticeable during that usability test?" nur welcher Art die Ergebnisse sind ("which problems appeared") und nicht was die Ergebnisse selber sind ("Problems: The ''foo'' irritates users, because it looks like the ''bar'' they already know from ''qux'') Auch die Heuristische Analyse, die ihr gemacht habt, hat eine kurze Hinleitung und deutliche Erwähnung verdient!

[http://www.uni-weimar.de/medien/wiki/IFD:Nutzerstudien_WiSe1314/HeuristicAnalysisAnmeldung heuristic analysis]

=='''Data Analysis & Main Results'''==
 Erklärt – für den/die uneingeweihten Leser_in – hier eure Analysemethodik 
[[File:Nutzerstudien-Authentifizierung.jpg| 600 px]]

* App Requirements
** accessibility is of prime importance, so the app have to be widespread to make the user downloading it. "accessibility" kenn’ ich nur von behindertengerechten Websites (muss aber nicht deshalb falsch sein). Wenn ich das richtig verstehe, geht es darum, dass eine App (bzw. deren Protokoll) weit verbreitet sein muss, damit man viele Leute erreichen kann?
** The app should be for free.
** For the user it’s important to be up-to-date and flexible with messages. So he/she prefers an app for chatting.

* Visual Design
** Complexity takes a lot of time, so you need a simple, intuitive, neatly arranged design, which looks uniform on all gadgets.

* Interface & Functions
**It is handy for the user to have an interface, where you can see who is online at the moment and when a contact was online the last time.
** The app should contain a function to let the user know if the chat partner read the messages because it faciliate the communication.
** The user wants to send out photos/videos.
** The user likes to express its emotion with a lot of smileys.
** The function "writes..." is not necassary.

* Security
** It would be useful to have a password for the app.
** To feel safe, the user desires to have a security warranty.
** It is important that apps are immune from viruses. Nur wenn ihr dazu auch Forschung/Daten habt: Was bedeutet das für die Nutzer, "immun vor Viren"? 
** Important information, link, photos, videos, … are often sent by E-Mail.
** Distrust towards apps results e.g. from missing knowledge about safety and smart phone-apps.
** People use safety-options of social networks (e.g. Facebook) but don’t know, if they really work.

* Authenticity
** If you want a trustworthy profile you have to find a good balance between too much and too little information.
** (To much) Personalized advertising makes the user feel insecure.
** A “real” profile picture is soothing for the user.
** Authenticity doesn't loom large for students personally.

==Research and problem solutions==

'''What specific problem we want to solve'''

We want to solve some problems with the login-process and make it easier to use.
It's hard and circular to login with one of your accounts, because there are too many steps until you are finally logged in. Moreover the buttons are difficult to find on the interface.
Therefore we want to create a new login-process.
Für die Verständlichkeit: Woher wisst ihr, warum der Login-Prozess schwierig ist? Eigene Erfahrungen, Usability-Test etc.

'''Plans – how we want to solve the problem(s)'''

--> Using the method: other application's test:
Ich freue mich, das ihr hier zusätzliche Methoden (Konkurrenzanalyse) angewandt habt. Das zeigt, dass ihr euch eigene Gedanken macht und eigene Lösungen sucht!

First we start to analyse the login process at other applications.
We found out that WhatsApp is the most widespread app to chat for our target group, second one is the Facebook messanger.

1. WhatsApp

This application doesn't contain a login process. You only have to choose the app to be online and you directly see all of your conversations. It is quite easy and intuitive.

2. Facebook Messenger

This application functions nearly the same way as WhatsApp, so you don't need a password to sign in.

Our conclusion:

Both applications manage without a password. That's quite intuitive but it isn't quite save. While doing our interviews we experienced that it would be convenient to have a password to have a safety warranty (e.g. in case of losing the smartphone)

==First design considerations and ideas==

After the intervies, the observations while usability tests and the comparision with other apps, we could draw the first design conclusion and ideas:

1. We want the process of creating an account and signing in as inutitve as possible (comparable with WhatsApp and Facebook Messenger)
2. We want the app as safe as possible (safer than WhatsApp and Facebook Messenger)

first changings/development ideas:
* additional button for entering a password (if it isn't saved)
* reduce redundant buttons
* clarify inconclusive and obscure functions/buttons

==Prototypes==

'''Version 1'''
 
Our first prototype for the login process contains the additional password entering button if it isn't saved. (at the beginning you can choose if you want to save the password for further use or not)
It occurs when you want to switch from offline to online as an extra field.

[[File:Prototyp Anmeldeprozess.jpg|600px]]
 
[[File:nutzerstudien_version1_1.JPG|200px]]
[[File:nutzerstudien_version1_2.JPG|200px]]
 
 
'''Version 2'''

 
For the second iteration of our prototype we thought about a clear arrangement of the contact online/contact offline menu. In our usability tests we found out, that the design is very confusing and the tester couldn't really find out wich contact was online and who not.
 Moreover we separated the symbol of the own status and the symbol of the contact's status, so there's no more confusion. Now it's clear what your own status is and what's the status of your contacts.
 We also added a star on the right side next to the contact's name. That's optional for every contact and a way to fix your favourite contacts on top of the list.

"For the second iteration of our prototype" Ist das wirklich eine ''Iteration'' und baut auf Erkenntnisse aus dem Text von Prototyp 1 auf oder eine parallel verfolgte Idee?

 
[[File:nutzerstudien_version2_1.JPG|200px]]
[[File:nutzerstudien_version2_2.JPG|200px]]
[[File:nutzerstudien_version2_3.JPG|200px]]
[[File:nutzerstudien_version2_4.JPG|200px]]
[[File:nutzerstudien_version2_5.JPG|200px]]
 
 
'''Version 3'''
 
In the next step we focused on improving the progress of creating an account.
At this juncture we found it very importent that the user could follow all of his actions and understands the results. We also wanted a clear and visible design to show the system status.
 Therefore we added little info-buttons at situations in the app, that were trouble in our usability tests
Die Formulierung ist schwierig. Wie wäre es mit: "We added info buttons near interface-Elements that were misunderstood in our tests, ". So the user can get fast help without serching for it very long. We think this is a solution helping new users and not annoying user with a bigger knowledge.
 Furthermore we improved the design for the list of contacts once more and clearly seperated "online" and "offline" from each other. Grund angeben: in order to… This two lists are know reachable with a kind of "tabs".
 
Bezug zu Bildern herstellen (wie in der Mail angemerkt)
[[File:nutzerstudien_version3_1.JPG|200px]]
[[File:nutzerstudien_version3_2.JPG|200px]]
[[File:nutzerstudien_version3_3.JPG|200px]]
[[File:nutzerstudien_version3_4.JPG|200px]]
[[File:nutzerstudien_version3_5.JPG|200px]]
[[File:nutzerstudien_version3_6.JPG|200px]]
[[File:nutzerstudien_version3_7.JPG|200px]]
[[File:nutzerstudien_version3_8.JPG|200px]]
[[File:nutzerstudien_version3_9.JPG|200px]]
[[File:nutzerstudien_version3_10.JPG|200px]]
[[File:nutzerstudien_version3_11.JPG|200px]]
[[File:nutzerstudien_version3_12.JPG|200px]]
[[File:nutzerstudien_version3_13.JPG|200px]]
[[File:nutzerstudien_version3_14.JPG|200px]]
 
 
'''Version 4 - final version'''
 
In the last and final version we used an old idea from the first prototype and grided the password-request in the progess of creating an account.
 Moreover we added all error messages, that appeared in the tests to give feedback to the user in every of this situations and to let her/him decide by her-/himself how to react.
 
 
[[File:nutzerstudien_version3_1.JPG|200px]]
[[File:nutzerstudien_version3_2.JPG|200px]]
[[File:nutzerstudien_version3_3.JPG|200px]]
[[File:nutzerstudien_version3_4.JPG|200px]]
[[File:nutzerstudien_version4_1.JPG|200px]]
[[File:nutzerstudien_version4_2.JPG|200px]]
[[File:nutzerstudien_version4_3.JPG|200px]]
[[File:nutzerstudien_version3_11.JPG|200px]]
[[File:nutzerstudien_version3_12.JPG|200px]]
[[File:nutzerstudien_version4_4.JPG|200px]]
[[File:nutzerstudien_version3_13.JPG|200px]]
[[File:nutzerstudien_version3_14.JPG|200px]]

==Our conclusions==
Überblick am Schluss: Sehr gut. Wie in der Mail angemerkt, wäre hier ein guter Platz für eine Zusammenfassung der Änderungen, sozusagen ein Design-Fazit.

Problems we had:

The first user experiences by ourselves with the app "ChatSecure" passed dragging because of difficulties with the process of creating an account. We lost too much time by trying to test the app. It was a huge problem that the app didn't worked with IOS.

What did work well:

Our teamwork worked all time. On the one hand inside the course but especially inside our working group because we regulary organised meetings and were always in contact via messaging about the actual state of affairs.

Furthermore we were well prepared before interviewing so that we could implement that while talking to our target group.

Generally we got sufhficient background knowledge for our process of work during the course. So we optained step by step our final design.

IFD:Nutzerstudien WiSe1314/Sicherheit endpresentation (security)

2014-03-08T15:52:14Z

JanD: /* Improvement of the first prototype */

==Aims of design==
We concentrated on the interface of the message window. First, it should be easy to handle, of course. It should provide an uncomplicated and plain interface, where you can figure out the functions fast and remember them for the next time. It’s essential to spare symbols that confuses the user or that are barely necessary by themselves. So we searched for some design ideas to answer the questions:
* What can I do to guarantee a conveniant handling in the message window?
* How can we improve the interface for the functions of secure, unsecure and verified messaging?

==Ideas==
Könntet ihr die Ideenfindung in den Prozess einordnen? Wann und warum habt ihr das gemacht? Es sieht wie Lösungsideen für Probleme aus, die nach der Nutzerfoschung festgestellt wurden. Sollte der Abschnitt hier drinnen sein, weil im Arbeitsbuch ein solcher Abschnitt ist: In dem Arbeitsbuch ging es um erste Ideen, zu denen man forschen könnte (tut mir leid, wenn das nicht klar war, schreibt mir gerne dazu, dann kann ich es verbessern)
We searched for possible symbols that provide security and tried out some designs to improve the current look of the chat. Examples had been locks and shields in many variations. We also tried out various colors to make clear the differences between functions.

We discussed our ideas and criticized them. The diffrent colors are feedback from the group.
 ''Green'': the group liked the idea
 ''Blue'': neutral / comments
 ''Red'': problems of the idea

[[File:NuStu_prototyping.jpg | 300px]] [[File:ideas.jpg | 300px]]

==How we prepared for interviews / our questions==
For our interviews, we tried to choose open questions that don’t require a yes or no, but longer answers. So we would find out more about what our test subjects like or not.

'''Main questions have been:'''
* What chats do you use?
* Are you happy with them or would you want to improve something?
* Which functions are important for you?
* Have you ever think about the security in the chat programs? Why?
* Are you feeling secure in your currently used chats? If no, did you restrict yourself in some way and how far?
* What are the limits of effort you would accept to feel safer in a chat?
* Have you ever been attacked before?

We interwiewed ten people of these courses of studies below. Since we all studies something similar we had an easy access to them.
Warum habt ihr Studierende ausgewählt? (es ist auch o.k. Personen auszuwählen, weil man einfachen Zugang hat – solange ihr schreibt, warum, z.B, weil auch diese einen Chat-Client benutzen und ihr so mehr Erfahrung im Interviewen sammeln könnt…) 

{| class="wikitable"
|-
! Number
! Age class
! Course of studies
|-
| 1
| <20
| Media Science
|-
| 2
| 20-25
| Computer Science
|-
| 3
| 20-25
| Business Economics
|-
| 4
| 20-25
| Computer Science
|-
| 5
| 20-25
| Computer Science
|-
| 6
| 20-25
| Computer Science
|-
| 7
| 20-25
| Computer Science and Media
|-
| 8
| 20-25
| Computer Science and Media
|-
| 9
| 20-25
| Media Arts/Media Design
|-
| 10
| 25-30
| Game Design
|}

==Preparation for the interviews / Observation==

'''Student 1:'''

The preparatioin was quite easy for me, because I’ve already known the test subjects. It was fast done to find a fixed date. During the interviews II realized that I sometimes had to look between the lines to filter what my interview partner really thinks. So I got the most usable answers by questioning their answers (“Why do you think so?”) or ask a question like “So, do you think it’s like…?” I used pen and paper, I haven’t had audio equipment, but the written answers had been useful.

'''Student 2:'''

Before the interviews I prepared a list of questions. This was helpful, to keep the focus in the talks and don't ask yes or no questions.
I also used pen and paper or the computer to make notes while the interview. I made short notes, because they are written down quickly. After the interview I've formulate this notes and add more informations.

'''Student 3:'''

Before doing the interview I looked up our last topic and / or problems of the course. Based on these information I made some notes and put them into possible questions. Afterwards I arraged them to fit a better order for the talk.
Because writing, asking and thinking is to much at the same time, i decided to use a audio recorder with the permission of the test subjects. This made it possible to keep the talk running. In my opinion it's more polite to concentrate on the interview partner instead writing everything down. This way of interviewing enables you rewind the whole interview and maybe check for a certain aspect as often as you wish. After all things were done I wrote down the findings for documentation and share purpose.

==The interviews==

'''Student 1:'''
* Test subject 1: She is not quite satisfied with her current chat programs. Sometimes she holds back her opinion about political references and don’t give an access to her adress, e.g. in facebook. She’d like to have a chat that’s secure, but she only uses it, if all of her friends would use it, too.

* Test subject 2: She knows about the dangers of someone that could spy out her messages, but it doesn’t bother her at all. As long as it isn’t someone that she knows and it could have consequences for her, she not interested in a secure chat. For her functions and look is more impotant.

* Test subject 3: She is a quite cautios person that feels insecure all the time when being in the internet. She don’t hold back with her opinion, but writes messages with the perpetual feeling of “I can be watched now.” She would appreciate a chat that is secure, but one that is instinctively and simple to handle, because she gives up pretty fast and changes the app when she needs a longer time to figure out the single functions.

'''Student 2:'''
* Test subject 1: Person one preferred messages to plan things, if they aren't complicated. Because he is working in the IT business, he have thinked about the security of his messages, how the data is encoded and how the password is saved. The scope of functions in ChatSecure is okay, but the registration through a third party isn't comfortable. The person doesn't liked the design of ChatSecure at this time, because the contact view is very confused.

* Test subject 2: Person two wasn't realy interested in the security of his messages. He had heard about some vulnerabilities in Facebook but he think he can't do something against. The scope of functions in ChatSecure is okay, but it could be more color in the design.

* Test subject 3: The third person have also think about the security of his messages because of the news in the media. But he would not change his chat program, because of the amount of people in programs like WhatsApp.

'''Student 3:'''

* Test subject 1: He is a person who uses instand-chat only for some basic talks about dispensable topics with friends. In the first part of the interview he answered the questions not containing security issues. This gave a good impression of the persons thoughts about this kind of software and security in general. In the second part he answered questions directly linked to the security topic. By direcly asking him about security problems and concerns, he gave some interesting answers. The main statement of this talk was: Don't think about it, or you will panic.

* Test subject 2: He is a person with high skills in electronic and computer technics. His attitude towards security and secure chat software were very negative. One big problem of secure systems is that they are not quite secure or that they are to complex to use, he said. In his opinion it would be good if programs inform the user about security issues and everything else should be done automatically.

* Test subject 3: She is a person with also good knowledge on computers and software. Chat-software is for her a good medium for fast message transport. She says unfortunately oneself has no chance to check if the security promises of the companies are right. In her opinion the best way to secure own data is to publish only the data you are quite shure to publish.

==Data Analysis==
We searched for specific answers in the interviews and looked how it could help to spot a problem. Then we put all our results together and created an affinity diagramm.

[[File:affinity.jpg | 900px]]

===Results:===
* Most people use chat programs that are unsafe. The amount of friends that use a specific chat is more important. They know about the danger in these chats, but it doesn’t bother them enough to change to another one. Related to this we also found out that people using chat software for business had much more concerns about their personal information and especially the topic and content of the talk then the private users.
* Standard functions like Smileys and data/picture transfer should be offered
* There should be a function to create a group discussion
* Chats are used for job messages as for private ones
* User want to see (e.g. by a lock-symbol), if a program or message is secure or not
* Open Source programs provide trust
* The design should be functional AND appealing

===What we learned from our user research:===

We got a lot of information about the requirements and the possible use of a chat application. The most important features people wanted to be part of such an application where group chat functionality, image transfer, smileys and an easy to use but appealing interface. People often want to plan parties in a chat, so the group function could be necessary and image transfer is also an important factor of communication for most people.
Für den Kurs nicht essentiell, aber bei wissenschaftlichen Studien sehr wichtig: Über wen sagen die Daten das aus? "observed/interviewed students" ist vermutlich besser als "most people" – speziell wenn ihr mal ein Paper oder so schreibt.

It was also interesting for us to find out that the main percentage of the users know about possible security issues:
* fear of being in a computer surveillance/being watched in general
* fear of theft of an account/a mobile device
* e.g. personal messages were posted on the pinboard because of a Facebook bug

==Choosing Ideas and creating prototype==

===Prototype 1===

This prototype is for informing the user what is going on, if the message can't be encrypted.
Warum habt ihr dieses Thema ("informing the user what is going on, if…") gewählt? Nutzerforschung? Vortest? Heuristik?

[[File:pro1.jpg | 300px]]

===Testing it / Results===

When testing it, we found out that the colors had been irritating for our testperson.

==Improvement of the first prototype==

Schöne Bebilderung!

"Testet" diesen Abschnitt nochmal mit folgender "Heuristik": 1) Gibt es einen Bezug von Text und Bild, der die Änderungen/Vorschläge im Design einfach verständlich und deutlich macht, wenn man noch nicht mit euren Ideen und eurer Forschung vertraut ist? 2) ist es klar auf welches Bild-Element sich der Text bezieht, wenn man kein Deutsch spricht?

===Protoype 2a)===
To make the user keep an eye on the current security level, we added colour to the send button. This means the button has the same colour as the bar with the names of the contacts.

[[File:pro.jpg | 900px]]

===Protoype 2b)===
A next question was how we could show that the message is not encryped. This also included the problem how one could start encryption.
Warum habt ihr dieses Thema ("informing the user what is going on, if…") gewählt? Nutzerforschung? Vortest? Heuristik? Logische begründung, denn… (eure Erklärung)

[[File:nust_security_prototype.png | 600px ]]

The idea was to show a litte exclamation mark sign beside the message on which one could touch. Then some actions should be possible. For example swipe left to send even if it is unsecure.

We discussed this idea in the group and decided that this would not be easy to understand. So we gave up this idea.

===Protoype 2c)===
We added a pop up, which appears when the user tries to start an unsecure chat or to remind the user to verify himself and/or his contact person.

[[File:impro2.jpg | 300px]] [[File:pro2a.jpg | 300px]]

===Prototype 2d)===

If the message is secure (In the speechbubble in the middle picture is written: “start secure messaging”, because one problem was that user don’t know what OTR means.)

[[File:pro2b1.jpg | 900px]]

If the message is not secure, a pop-up comes out to tell the user what is going on and if he wants to continue or to cancel the message-sending:

[[File:pro2b2.jpg | 900px]]

We tested it and our testperson went through it without problems.

===Prototype 2e)===
Because some of our test persons expressed concerns about the many buttons needed to start a secure chat and especially about their labels, we decided to bring everything to one switch.

[[File:prototyp_schalter.png | 300px]]

We gave up this idea, because a switch is not much more easy as we thought. Since ChatSecure is a chat where people want to chat secure obviously, we thought it would be a better idea to start the security function automatically.

[[File:nust_security_prototype_automatic.png | 400px]]

==Presentation==
Schön, dass ihr eure Vortragsthemenund Erkenntnisse dazu nochmal zusammenfasst!
'''Student 1:'''

My topic had been ''security and usability of passwords''. It was really interesting to inform myself about that. The gap between easy understanding (usability) and security of password-protected websites was one theme. In my presentantion I explained that system builder to think out of the perspective of the user. 
However, what I liked the most in my research had been the studies about what passwords other people choose and how they choose them. I was quite surprised about how easy people's passwords can be encrypted and that hacker go social ways more than mathematical ones to crack them.

'''Student 2:'''

My presentation was about prototyping. It was interesting, how many types of prototypes are existing. There are many ways to test new ideas. You have to choose, which type of prototyp is the best for your product.

'''Student 3:'''

My talk was about designing interfaces for secure or security based systems. The main statement of these paper was, that the most of the classical rules of design does not meet the requirements of such an interface. The authors based their thesis upon user tests with the e-mail encryption tool pgp. It was also interesting to read how a test should be organised and which aspects of the test subjects should be kept in mind. All in all it was a very interesting topic for me and i could recommend this paper to everyone.

Ich habe mich sehr gefreut, eure Dokumentation zu lesen. Leider endet sie etwas abrupt. Es würde bei mir als Leser und vermutlich auch unseren Mentoren einen sehr guten letzten Eindruck hinterlassen, wenn hier noch eine Zusammenfassung der wichtigsten Erkenntnisse und Vorschläge zu lesen wäre; Sinnigerweise mit einer Übersicht in Bild- oder Grafikform (siehe Mail) 

[[Category:Automation]]

IFD:Nutzerstudien WiSe1314/Sicherheit endpresentation (security)

2014-03-08T15:48:16Z

JanD:

==Aims of design==
We concentrated on the interface of the message window. First, it should be easy to handle, of course. It should provide an uncomplicated and plain interface, where you can figure out the functions fast and remember them for the next time. It’s essential to spare symbols that confuses the user or that are barely necessary by themselves. So we searched for some design ideas to answer the questions:
* What can I do to guarantee a conveniant handling in the message window?
* How can we improve the interface for the functions of secure, unsecure and verified messaging?

==Ideas==
Könntet ihr die Ideenfindung in den Prozess einordnen? Wann und warum habt ihr das gemacht? Es sieht wie Lösungsideen für Probleme aus, die nach der Nutzerfoschung festgestellt wurden. Sollte der Abschnitt hier drinnen sein, weil im Arbeitsbuch ein solcher Abschnitt ist: In dem Arbeitsbuch ging es um erste Ideen, zu denen man forschen könnte (tut mir leid, wenn das nicht klar war, schreibt mir gerne dazu, dann kann ich es verbessern)
We searched for possible symbols that provide security and tried out some designs to improve the current look of the chat. Examples had been locks and shields in many variations. We also tried out various colors to make clear the differences between functions.

We discussed our ideas and criticized them. The diffrent colors are feedback from the group.
 ''Green'': the group liked the idea
 ''Blue'': neutral / comments
 ''Red'': problems of the idea

[[File:NuStu_prototyping.jpg | 300px]] [[File:ideas.jpg | 300px]]

==How we prepared for interviews / our questions==
For our interviews, we tried to choose open questions that don’t require a yes or no, but longer answers. So we would find out more about what our test subjects like or not.

'''Main questions have been:'''
* What chats do you use?
* Are you happy with them or would you want to improve something?
* Which functions are important for you?
* Have you ever think about the security in the chat programs? Why?
* Are you feeling secure in your currently used chats? If no, did you restrict yourself in some way and how far?
* What are the limits of effort you would accept to feel safer in a chat?
* Have you ever been attacked before?

We interwiewed ten people of these courses of studies below. Since we all studies something similar we had an easy access to them.
Warum habt ihr Studierende ausgewählt? (es ist auch o.k. Personen auszuwählen, weil man einfachen Zugang hat – solange ihr schreibt, warum, z.B, weil auch diese einen Chat-Client benutzen und ihr so mehr Erfahrung im Interviewen sammeln könnt…) 

{| class="wikitable"
|-
! Number
! Age class
! Course of studies
|-
| 1
| <20
| Media Science
|-
| 2
| 20-25
| Computer Science
|-
| 3
| 20-25
| Business Economics
|-
| 4
| 20-25
| Computer Science
|-
| 5
| 20-25
| Computer Science
|-
| 6
| 20-25
| Computer Science
|-
| 7
| 20-25
| Computer Science and Media
|-
| 8
| 20-25
| Computer Science and Media
|-
| 9
| 20-25
| Media Arts/Media Design
|-
| 10
| 25-30
| Game Design
|}

==Preparation for the interviews / Observation==

'''Student 1:'''

The preparatioin was quite easy for me, because I’ve already known the test subjects. It was fast done to find a fixed date. During the interviews II realized that I sometimes had to look between the lines to filter what my interview partner really thinks. So I got the most usable answers by questioning their answers (“Why do you think so?”) or ask a question like “So, do you think it’s like…?” I used pen and paper, I haven’t had audio equipment, but the written answers had been useful.

'''Student 2:'''

Before the interviews I prepared a list of questions. This was helpful, to keep the focus in the talks and don't ask yes or no questions.
I also used pen and paper or the computer to make notes while the interview. I made short notes, because they are written down quickly. After the interview I've formulate this notes and add more informations.

'''Student 3:'''

Before doing the interview I looked up our last topic and / or problems of the course. Based on these information I made some notes and put them into possible questions. Afterwards I arraged them to fit a better order for the talk.
Because writing, asking and thinking is to much at the same time, i decided to use a audio recorder with the permission of the test subjects. This made it possible to keep the talk running. In my opinion it's more polite to concentrate on the interview partner instead writing everything down. This way of interviewing enables you rewind the whole interview and maybe check for a certain aspect as often as you wish. After all things were done I wrote down the findings for documentation and share purpose.

==The interviews==

'''Student 1:'''
* Test subject 1: She is not quite satisfied with her current chat programs. Sometimes she holds back her opinion about political references and don’t give an access to her adress, e.g. in facebook. She’d like to have a chat that’s secure, but she only uses it, if all of her friends would use it, too.

* Test subject 2: She knows about the dangers of someone that could spy out her messages, but it doesn’t bother her at all. As long as it isn’t someone that she knows and it could have consequences for her, she not interested in a secure chat. For her functions and look is more impotant.

* Test subject 3: She is a quite cautios person that feels insecure all the time when being in the internet. She don’t hold back with her opinion, but writes messages with the perpetual feeling of “I can be watched now.” She would appreciate a chat that is secure, but one that is instinctively and simple to handle, because she gives up pretty fast and changes the app when she needs a longer time to figure out the single functions.

'''Student 2:'''
* Test subject 1: Person one preferred messages to plan things, if they aren't complicated. Because he is working in the IT business, he have thinked about the security of his messages, how the data is encoded and how the password is saved. The scope of functions in ChatSecure is okay, but the registration through a third party isn't comfortable. The person doesn't liked the design of ChatSecure at this time, because the contact view is very confused.

* Test subject 2: Person two wasn't realy interested in the security of his messages. He had heard about some vulnerabilities in Facebook but he think he can't do something against. The scope of functions in ChatSecure is okay, but it could be more color in the design.

* Test subject 3: The third person have also think about the security of his messages because of the news in the media. But he would not change his chat program, because of the amount of people in programs like WhatsApp.

'''Student 3:'''

* Test subject 1: He is a person who uses instand-chat only for some basic talks about dispensable topics with friends. In the first part of the interview he answered the questions not containing security issues. This gave a good impression of the persons thoughts about this kind of software and security in general. In the second part he answered questions directly linked to the security topic. By direcly asking him about security problems and concerns, he gave some interesting answers. The main statement of this talk was: Don't think about it, or you will panic.

* Test subject 2: He is a person with high skills in electronic and computer technics. His attitude towards security and secure chat software were very negative. One big problem of secure systems is that they are not quite secure or that they are to complex to use, he said. In his opinion it would be good if programs inform the user about security issues and everything else should be done automatically.

* Test subject 3: She is a person with also good knowledge on computers and software. Chat-software is for her a good medium for fast message transport. She says unfortunately oneself has no chance to check if the security promises of the companies are right. In her opinion the best way to secure own data is to publish only the data you are quite shure to publish.

==Data Analysis==
We searched for specific answers in the interviews and looked how it could help to spot a problem. Then we put all our results together and created an affinity diagramm.

[[File:affinity.jpg | 900px]]

===Results:===
* Most people use chat programs that are unsafe. The amount of friends that use a specific chat is more important. They know about the danger in these chats, but it doesn’t bother them enough to change to another one. Related to this we also found out that people using chat software for business had much more concerns about their personal information and especially the topic and content of the talk then the private users.
* Standard functions like Smileys and data/picture transfer should be offered
* There should be a function to create a group discussion
* Chats are used for job messages as for private ones
* User want to see (e.g. by a lock-symbol), if a program or message is secure or not
* Open Source programs provide trust
* The design should be functional AND appealing

===What we learned from our user research:===

We got a lot of information about the requirements and the possible use of a chat application. The most important features people wanted to be part of such an application where group chat functionality, image transfer, smileys and an easy to use but appealing interface. People often want to plan parties in a chat, so the group function could be necessary and image transfer is also an important factor of communication for most people.
Für den Kurs nicht essentiell, aber bei wissenschaftlichen Studien sehr wichtig: Über wen sagen die Daten das aus? "observed/interviewed students" ist vermutlich besser als "most people" – speziell wenn ihr mal ein Paper oder so schreibt.

It was also interesting for us to find out that the main percentage of the users know about possible security issues:
* fear of being in a computer surveillance/being watched in general
* fear of theft of an account/a mobile device
* e.g. personal messages were posted on the pinboard because of a Facebook bug

==Choosing Ideas and creating prototype==

===Prototype 1===

This prototype is for informing the user what is going on, if the message can't be encrypted.
Warum habt ihr dieses Thema ("informing the user what is going on, if…") gewählt? Nutzerforschung? Vortest? Heuristik?

[[File:pro1.jpg | 300px]]

===Testing it / Results===

When testing it, we found out that the colors had been irritating for our testperson.

==Improvement of the first prototype==

===Protoype 2a)===
To make the user keep an eye on the current security level, we added colour to the send button. This means the button has the same colour as the bar with the names of the contacts.

[[File:pro.jpg | 900px]]

===Protoype 2b)===
A next question was how we could show that the message is not encryped. This also included the problem how one could start encryption.
Warum habt ihr dieses Thema ("informing the user what is going on, if…") gewählt? Nutzerforschung? Vortest? Heuristik? Logische begründung, denn… (eure Erklärung)

[[File:nust_security_prototype.png | 600px ]]

The idea was to show a litte exclamation mark sign beside the message on which one could touch. Then some actions should be possible. For example swipe left to send even if it is unsecure.

We discussed this idea in the group and decided that this would not be easy to understand. So we gave up this idea.

===Protoype 2c)===
We added a pop up, which appears when the user tries to start an unsecure chat or to remind the user to verify himself and/or his contact person.

[[File:impro2.jpg | 300px]] [[File:pro2a.jpg | 300px]]

===Prototype 2d)===

If the message is secure (In the speechbubble in the middle picture is written: “start secure messaging”, because one problem was that user don’t know what OTR means.)

[[File:pro2b1.jpg | 900px]]

If the message is not secure, a pop-up comes out to tell the user what is going on and if he wants to continue or to cancel the message-sending:

[[File:pro2b2.jpg | 900px]]

We tested it and our testperson went through it without problems.

===Prototype 2e)===
Because some of our test persons expressed concerns about the many buttons needed to start a secure chat and especially about their labels, we decided to bring everything to one switch.

[[File:prototyp_schalter.png | 300px]]

We gave up this idea, because a switch is not much more easy as we thought. Since ChatSecure is a chat where people want to chat secure obviously, we thought it would be a better idea to start the security function automatically.

[[File:nust_security_prototype_automatic.png | 400px]]

==Presentation==
Schön, dass ihr eure Vortragsthemenund Erkenntnisse dazu nochmal zusammenfasst!
'''Student 1:'''

My topic had been ''security and usability of passwords''. It was really interesting to inform myself about that. The gap between easy understanding (usability) and security of password-protected websites was one theme. In my presentantion I explained that system builder to think out of the perspective of the user. 
However, what I liked the most in my research had been the studies about what passwords other people choose and how they choose them. I was quite surprised about how easy people's passwords can be encrypted and that hacker go social ways more than mathematical ones to crack them.

'''Student 2:'''

My presentation was about prototyping. It was interesting, how many types of prototypes are existing. There are many ways to test new ideas. You have to choose, which type of prototyp is the best for your product.

'''Student 3:'''

My talk was about designing interfaces for secure or security based systems. The main statement of these paper was, that the most of the classical rules of design does not meet the requirements of such an interface. The authors based their thesis upon user tests with the e-mail encryption tool pgp. It was also interesting to read how a test should be organised and which aspects of the test subjects should be kept in mind. All in all it was a very interesting topic for me and i could recommend this paper to everyone.

Ich habe mich sehr gefreut, eure Dokumentation zu lesen. Leider endet sie etwas abrupt. Es würde bei mir als Leser und vermutlich auch unseren Mentoren einen sehr guten letzten Eindruck hinterlassen, wenn hier noch eine Zusammenfassung der wichtigsten Erkenntnisse und Vorschläge zu lesen wäre; Sinnigerweise mit einer Übersicht in Bild- oder Grafikform (siehe Mail) 

[[Category:Automation]]

IFD:Nutzerstudien WiSe1314/Gruppe Anmeldung endpresentation

2014-03-08T15:35:08Z

JanD:

==Course Aims==

During the course "Nutzerstudien" we focused on the smartphone app "ChatSecure" by interrelating the security of chat apps.
We wanted to find out about the importance of security in chat apps for students at our age. Further we were interessted in generelly expectations they have from chat apps and what their problems/whishes are.
For that purpose we tested the app "ChatSecure" with our target group, accomplished usability tests and so developed a varied design to improve the process of creating an account and of signing in.

==Progress of work==

'''1. Interviews and target group'''
For that reason we started to interview a few people from our social environment as our target group. So we focused on students at the age of 20 - 30. We reached this test persons personally so we met them to conduct the interviews directly.

'''2. Analyse and Assessment'''
After that we analysed the results (infinity diagramming) by summing up, comparing and strucuring them.
 Die Analyse macht sehr viel Arbeit. Leider wurde die Methode nicht infinity-diagramming genannt, obwohl das durchaus treffend wäre :-) 

'''3. Prototypes and scenarios'''
Then we began to create prototypes. These prototypes also passed through usability tests to further improve the design.
For that prototypes we constructed scenarios which had to be accomplished by the test users.

'''4. Improving Design by Iteration'''
We further improved our design by iteration (five steps) to get our final design.

Ich denke, dass ''Progress of work'' und ''Course aims'' eine gute und einfache Einleitung sind. 

=='''Data gathering: Interviews'''==

table of interview partner:

{| class="wikitable"
|-
! Number
! Age class
! Course of studies
|-
| 1
| <20
| Arts
|-
| 2
| <20
| Arts
|-
| 3
| 20-25
| Science/Engineering
|-
| 4
| 25-30
| Science/Engineering
|-
| 5
| <20
| Fine Arts/Design
|-
| 6
| <20
| Fine Arts/Design
|-
| 7
| <20
| Fine Arts/Design
|}

Reasons for choosing those people:

We wanted to figure out the differences between the students of Arts, Fine Arts/Design and Science/Engineering. So we chose people from our social environment. Because we are students from different courses of studies (Arts, Fine Arts/Design and Science/Engineering) we had the chance to interview these types of students. Thereby we had a huge spectrum of users.
Ich habt Menschen aus der selben Gruppe wie ihr ausgewählt (Studierende ähnlicher Fächer). Vielleicht klingt "huge spectrum" dann etwas übertrieben.

Form of accessibility:

From the start we were agreed that we want to reach our target group personally by meeting them at the university (fellow students/friends) or at home (homemates). We wanted to talk to them privately to get detailed information and to observe their chat behaviour.

Central questions:
* What chat apps/programs do you use and for what purposes (one-on-one interviews or group discussions, image, video and link transfer)?
* Where do you see advantages and disadvantages of your favorite chat program?
* How important authentication is for you?
* How should a trustable profile be? What information are important?
* In what situations you prefer the phone or an E-Mail before chatting?
* What are requirements for you to use a new app with guaranteed security?
* How often do you use them and how important they are for you?
* How important is security for you while chatting with people?
* What measures do you probably adopt to be safe?
* What functions and design features do you find most important for a chat app?
''Kleine Anmerkung für zukünftige Projekte: Fragen "what are the requirements…" und "how often…" sind schwierig gut zu beantworten und ihr erfahrt dadurch vermutlich wenig über die Gründe für das Nutzerverhalten. "Advantages… Disadvantages" und "which measures" sind gut. Fragt nicht nach generellem, sondern nach "wie machst du…" "was machst du…", "warum hilft… wenn du…" – Dinge, die mit Aktionen zu tun haben, und, noch besser, beobachtet werden können.

==Observation==

After that we did a usability test with ChatSecure to find out how other users deal with the app.

We wanted to find out if the register and login process is intuitive for the user or not. So we got to know about user's handling with apps and their expectations. We hoped to get suggestions and ideas for a better log in process based on the user's behavior.)

* What observations during the interviews did we make?

The tester was asked to say what she/he was thinking and doing while testing the prototype, which problems she/he had and how they could be solved.
With that method and the video it was possible to find and analyse the issues the tester had.

[https://www.youtube.com/watch?v=zdeTEaDdvy4&feature=youtu.be Usability test]
 

* What is noticeable during that usability test?

During the test we found out...
* ...how the proband approached to the test,
* ...how long it took her/him to understand the system and structure of the app,
* ...which problems appeared
* ...and where the problems appeared.

Results:
We evaluated the usability tests and made a heuristic analysis for creating a new account and the login-progress.
Der Abschnitt zu Observation zeigt eine gute Strukturierung, da bin ich sehr gespannt auf die Ergebnisse dieser Tests. leider steht unter "What is noticeable during that usability test?" nur welcher Art die Ergebnisse sind ("which problems appeared") und nicht was die Ergebnisse selber sind ("Problems: The ''foo'' irritates users, because it looks like the ''bar'' they already know from ''qux'') Auch die Heuristische Analyse, die ihr gemacht habt, hat eine kurze Hinleitung und deutliche Erwähnung verdient!

[http://www.uni-weimar.de/medien/wiki/IFD:Nutzerstudien_WiSe1314/HeuristicAnalysisAnmeldung heuristic analysis]

=='''Data Analysis & Main Results'''==

[[File:Nutzerstudien-Authentifizierung.jpg| 600 px]]

* App Requirements
** accessibility is of prime importance, so the app have to be widespread to make the user downloading it. "accessibility" kenn’ ich nur von behindertengerechten Websites (muss aber nicht deshalb falsch sein). Wenn ich das richtig verstehe, geht es darum, dass eine App (bzw. deren Protokoll) weit verbreitet sein muss, damit man viele Leute erreichen kann?
** The app should be for free.
** For the user it’s important to be up-to-date and flexible with messages. So he/she prefers an app for chatting.

* Visual Design
** Complexity takes a lot of time, so you need a simple, intuitive, neatly arranged design, which looks uniform on all gadgets.

* Interface & Functions
**It is handy for the user to have an interface, where you can see who is online at the moment and when a contact was online the last time.
** The app should contain a function to let the user know if the chat partner read the messages because it faciliate the communication.
** The user wants to send out photos/videos.
** The user likes to express its emotion with a lot of smileys.
** The function "writes..." is not necassary.

* Security
** It would be useful to have a password for the app.
** To feel safe, the user desires to have a security warranty.
** It is important that apps are immune from viruses. Nur wenn ihr dazu auch Forschung/Daten habt: Was bedeutet das für die Nutzer, "immun vor Viren"? 
** Important information, link, photos, videos, … are often sent by E-Mail.
** Distrust towards apps results e.g. from missing knowledge about safety and smart phone-apps.
** People use safety-options of social networks (e.g. Facebook) but don’t know, if they really work.

* Authenticity
** If you want a trustworthy profile you have to find a good balance between too much and too little information.
** (To much) Personalized advertising makes the user feel insecure.
** A “real” profile picture is soothing for the user.
** Authenticity doesn't loom large for students personally.

==Research and problem solutions==

'''What specific problem we want to solve'''

We want to solve some problems with the login-process and make it easier to use.
It's hard and circular to login with one of your accounts, because there are too many steps until you are finally logged in. Moreover the buttons are difficult to find on the interface.
Therefore we want to create a new login-process.
Für die Verständlichkeit: Woher wisst ihr, warum der Login-Prozess schwierig ist? Eigene Erfahrungen, Usability-Test etc.

'''Plans – how we want to solve the problem(s)'''

--> Using the method: other application's test:
Ich freue mich, das ihr hier zusätzliche Methoden (Konkurrenzanalyse) angewandt habt. Das zeigt, dass ihr euch eigene Gedanken macht und eigene Lösungen sucht!

First we start to analyse the login process at other applications.
We found out that WhatsApp is the most widespread app to chat for our target group, second one is the Facebook messanger.

1. WhatsApp

This application doesn't contain a login process. You only have to choose the app to be online and you directly see all of your conversations. It is quite easy and intuitive.

2. Facebook Messenger

This application functions nearly the same way as WhatsApp, so you don't need a password to sign in.

Our conclusion:

Both applications manage without a password. That's quite intuitive but it isn't quite save. While doing our interviews we experienced that it would be convenient to have a password to have a safety warranty (e.g. in case of losing the smartphone)

==First design considerations and ideas==

After the intervies, the observations while usability tests and the comparision with other apps, we could draw the first design conclusion and ideas:

1. We want the process of creating an account and signing in as inutitve as possible (comparable with WhatsApp and Facebook Messenger)
2. We want the app as safe as possible (safer than WhatsApp and Facebook Messenger)

first changings/development ideas:
* additional button for entering a password (if it isn't saved)
* reduce redundant buttons
* clarify inconclusive and obscure functions/buttons

==Prototypes==

'''Version 1'''
 
Our first prototype for the login process contains the additional password entering button if it isn't saved. (at the beginning you can choose if you want to save the password for further use or not)
It occurs when you want to switch from offline to online as an extra field.

[[File:Prototyp Anmeldeprozess.jpg|600px]]
 
[[File:nutzerstudien_version1_1.JPG|200px]]
[[File:nutzerstudien_version1_2.JPG|200px]]
 
 
'''Version 2'''

 
For the second iteration of our prototype we thought about a clear arrangement of the contact online/contact offline menu. In our usability tests we found out, that the design is very confusing and the tester couldn't really find out wich contact was online and who not.
 Moreover we separated the symbol of the own status and the symbol of the contact's status, so there's no more confusion. Now it's clear what your own status is and what's the status of your contacts.
 We also added a star on the right side next to the contact's name. That's optional for every contact and a way to fix your favourite contacts on top of the list.

"For the second iteration of our prototype" Ist das wirklich eine ''Iteration'' und baut auf Erkenntnisse aus dem Text von Prototyp 1 auf oder eine parallel verfolgte Idee?

 
[[File:nutzerstudien_version2_1.JPG|200px]]
[[File:nutzerstudien_version2_2.JPG|200px]]
[[File:nutzerstudien_version2_3.JPG|200px]]
[[File:nutzerstudien_version2_4.JPG|200px]]
[[File:nutzerstudien_version2_5.JPG|200px]]
 
 
'''Version 3'''
 
In the next step we focused on improving the progress of creating an account.
At this juncture we found it very importent that the user could follow all of his actions and understands the results. We also wanted a clear and visible design to show the system status.
 Therefore we added little info-buttons at situations in the app, that were trouble in our usability tests
Die Formulierung ist schwierig. Wie wäre es mit: "We added info buttons near interface-Elements that were misunderstood in our tests, ". So the user can get fast help without serching for it very long. We think this is a solution helping new users and not annoying user with a bigger knowledge.
 Furthermore we improved the design for the list of contacts once more and clearly seperated "online" and "offline" from each other. Grund angeben: in order to… This two lists are know reachable with a kind of "tabs".
 
Bezug zu Bildern herstellen (wie in der Mail angemerkt)
[[File:nutzerstudien_version3_1.JPG|200px]]
[[File:nutzerstudien_version3_2.JPG|200px]]
[[File:nutzerstudien_version3_3.JPG|200px]]
[[File:nutzerstudien_version3_4.JPG|200px]]
[[File:nutzerstudien_version3_5.JPG|200px]]
[[File:nutzerstudien_version3_6.JPG|200px]]
[[File:nutzerstudien_version3_7.JPG|200px]]
[[File:nutzerstudien_version3_8.JPG|200px]]
[[File:nutzerstudien_version3_9.JPG|200px]]
[[File:nutzerstudien_version3_10.JPG|200px]]
[[File:nutzerstudien_version3_11.JPG|200px]]
[[File:nutzerstudien_version3_12.JPG|200px]]
[[File:nutzerstudien_version3_13.JPG|200px]]
[[File:nutzerstudien_version3_14.JPG|200px]]
 
 
'''Version 4 - final version'''
 
In the last and final version we used an old idea from the first prototype and grided the password-request in the progess of creating an account.
 Moreover we added all error messages, that appeared in the tests to give feedback to the user in every of this situations and to let her/him decide by her-/himself how to react.
 
 
[[File:nutzerstudien_version3_1.JPG|200px]]
[[File:nutzerstudien_version3_2.JPG|200px]]
[[File:nutzerstudien_version3_3.JPG|200px]]
[[File:nutzerstudien_version3_4.JPG|200px]]
[[File:nutzerstudien_version4_1.JPG|200px]]
[[File:nutzerstudien_version4_2.JPG|200px]]
[[File:nutzerstudien_version4_3.JPG|200px]]
[[File:nutzerstudien_version3_11.JPG|200px]]
[[File:nutzerstudien_version3_12.JPG|200px]]
[[File:nutzerstudien_version4_4.JPG|200px]]
[[File:nutzerstudien_version3_13.JPG|200px]]
[[File:nutzerstudien_version3_14.JPG|200px]]

==Our conclusions==
Überblick am Schluss: Sehr gut. Wie in der Mail angemerkt, wäre hier ein guter Platz für eine Zusammenfassung der Änderungen, sozusagen ein Design-Fazit.

Problems we had:

The first user experiences by ourselves with the app "ChatSecure" passed dragging because of difficulties with the process of creating an account. We lost too much time by trying to test the app. It was a huge problem that the app didn't worked with IOS.

What did work well:

Our teamwork worked all time. On the one hand inside the course but especially inside our working group because we regulary organised meetings and were always in contact via messaging about the actual state of affairs.

Furthermore we were well prepared before interviewing so that we could implement that while talking to our target group.

Generally we got sufhficient background knowledge for our process of work during the course. So we optained step by step our final design.

IFD:Nutzerstudien WiSe1314

2014-02-03T13:23:38Z

JanD: /* Endabgabe */

=Werkmodul Nutzerstudien/Sicherheit und Benutzbarkeit=
jeden Donnerstag, 13:30 bis 16:45, Marienstraße 7 B - Seminarraum 102 (siehe auch: Die Veranstaltung im [http://www.uni-weimar.de/qisserver/rds?state=verpublish&status=init&vmfile=no&publishid=21968&moduleCall=webInfo&publishConfFile=webInfo&publishSubDir=veranstaltung Vorlesungsverzeichnis])


===Aktuelles===
* Ein Teil der Aufgaben werden im Medienwiki (auf dieser Website also) bearbeitet werden. Bitte informiert euch wie ihr euch [https://www.youtube.com/watch?v=3oJF0G25q9Q Anmelden], [https://www.youtube.com/watch?v=PVBOAyd_1Zw Editieren], [https://www.youtube.com/watch?v=hLoOpqCyos0 Formatieren] und [https://www.youtube.com/watch?v=P42Une7fC_g Unterseiten anlegen] könnt (Videos dazu in den Links).

==Beschreibung==
[[File:Messaging_CC2BY_FlickrUser-Håkan_Dahlström.jpg|thumb|right|300px|wer liest mit? ([http://flickr.com/photos/dahlstroms/8041061787/sizes/k/in/photostream/ Bild: Dahlström], [https://creativecommons.org/licenses/by/2.0/ CC-BY])]]
[[File:6930835797 2db7044d34 b.jpg|thumb||right|200px|Interviewen]]
[[File:ExploreChallenge CC-BY-2 FlickrUserServicedesignberlin.jpg|thumb|right|200px|Analysieren]]
''Warum ist eine App nützlich und nutzbar, eine andere nicht?''
''Wie kann ich herrausfinden was meine Nutzer brauchen?''

Im Werkmodul Nutzerstudien werden wir Design und die Funktionen von Apps zur sicheren Kommunikation entwickeln und verbessern.

Wir werden:
* Durch unsere Gespräche und Beobachtungen mehr über Nutzer lernen
* Lernen, welche psychologischen Prinzipien bestimmen, ob etwas leicht oder schwierig zu benutzen ist und damit Designen.
* Wir werden unsere Designs ausprobieren lassen und so Verbesserungsmöglichkeiten erkennen und neue Ideen bekommen.



Um zu lernen, wie wir diese Methoden in der Praxis anwenden, haben wir eine Praxiskooperation mit dem [https://guardianproject.info/ Guardian Project]. Wir haben die Aufgabe, sichere Kommunikation über mobile Apps zu verbessern. Mitarbeiter des Projektes werden uns beraten und Feedback für eure Ideen geben.

Kommunikation, die nicht einfach abgehört oder Personen zugeordnet werden kann, ist für Bürgerrechtler und Journalisten essentiell, wird aber auch von Personen verwendet, die ihre Rechte im Netz nicht geschützt sehen.

Leider ist die Nutzung solcher Methoden nicht einfach. Sicherheitsexperte Bruce Schneier z.B. [http://www.theguardian.com/world/2013/sep/05/nsa-how-to-remain-secure-surveillance gibt Tips], sieht diese Tips aber kritisch, denn: ''»My five tips [for more security] suck. They are not things the average person can use. […] Basically, the average user is screwed.«'' (aus einem [http://www.technologyreview.com/news/519336/bruce-schneier-nsa-spying-is-making-us-less-safe/ Interview mit dem MIT Technology Review]) Zwar wird oft auf [https://en.wikipedia.org/wiki/Rtfm »Nutzererziehung«] verwiesen. Das Argument entschuldigt auch die unbenutzbarsten Lösungen – und selbst erfahrene [http://www.gaudior.net/alma/johnny.pdf Nutzer scheitern] z.B. an Verschlüsselungsprogrammen. Besser wären Lösungen, die praktisch, gut benutzbar und sicher sind. Wir wollen zu solchen Lösungen beitragen.

==Häufige Fragen==

'''Muss ich Programmieren können?''' Nein.

'''Ist das hier alles theoretisch?''' Nein, der Kurs ist nicht theoretisch, im Gegenteil, wir werden die gelehrten Methoden anwenden und sie nutzen, um eine anwendbare, praktische Lösung für Probleme zu schaffen.

'''Ist das wissenschaftlich?''' Jein. Es ist [http://de.wikipedia.org/wiki/Naturwissenschaft wissenschaftlich] in dem Sinne, das die Gestaltung auf (eigenen) Erkenntnissen beruht, die wir auch [http://de.wikipedia.org/wiki/Kritischer_Rationalismus kritisch hinterfragen]. Nicht wissenschaftlich ist, das wir konkrete Probleme lösen, anstatt ein allgemeines Modell zu erstellen. (Vergleiche "Wie verhindere ich, das es umfällt?" mit "warum fallen Dinge nach unten?")

==Voraussetzungen==
* Bereitschaft zu eigener Forschung und Weiterentwicklung von Ideen. Mit einem Konzept, dessen Umsetzung für euch schon absolut feststeht, wird der Kurs freud- wie erkenntnislos.

* Texte auf Englisch lesen, denn es gibt wenig Literatur zu dem Gebiet auf deutsch. Wir lesen nicht viel, und ich wähle keine Texte aus, die den Leser mit [http://dev.null.org/postmodern/ nebulös-abstrakten] Begriffen beeindrucken. Aber es ist hilfreich, sich damit zu beschäftigen was andere bisher herausgefunden haben.

==Bewertung==
* Dokumentation (im Wiki, dabei an die Struktur des Arbeitsbuches halten)
* Vortrag
* Anwesenheit (regelm., max 3x fehlen)

==Anmelden==
Mail an ''jan.dittrich ÄT uni-weimar.de'' mit
* Name, Vorname
* Matrikelnummer
* Studiengang
* Kurzer Text der erklärt, warum ihr Teilnehmen möchtet.

==Vortragsthemen| ''student presentations''==
''Mögliche Vortragsthemen. Bitte nutzt die bereitgestellten Quellen, und macht dann eine eigene Recherche. Bereitet das Thema auf, macht es [http://dilbert.com/strips/comic/2010-01-18/ anschaulich] und nicht einfach nur eine Nacherzählung der Quellen (oder der Stichpunkte auf den Slides).''

'''Vortragsdauer: 15-20min'''
* 7.11 Attacks based on Psychology, [http://www.cl.cam.ac.uk/~rja14/book.html Security Engineering, Chapter 2.2] (Lisa Guth)
* 14.11 Personas: About Face 3, ISBN 0470084111, (page 75-81, 97-106)
* 21.11 'Service Blueprinting, [http://knowledge.wpcarey.asu.edu/article.cfm?articleid=1546 intro], [[wikipedia:Service blueprint|Wikipedia]], [http://www.flickr.com/photos/brandonschauer/3363169836/ template]
* 28.11 Security and Usability: The Case of passwords: [http://www.nngroup.com/articles/security-and-human-factors/ Norman/Nielsen on Sign-On-Usability], [http://www.cl.cam.ac.uk/~rja14/book.html Security Engineering, Chapter 2.4], [https://xkcd.com/936/ xkcd on password strength] (Anna Krieger)
* 05.12 "Intuitivität" [http://www.asktog.com/papers/raskinintuit.html Intuitive = Familiar], [http://www.uie.com/articles/design_intuitive/ The Intuition Gap] (Michèle Eike)
*12.12. Kein Vortrag
*19.12. Prototyping-Tools: [http://pencil.evolus.vn/ Pencil], [http://jquery.com/ jQuery] (Anja Rathgeber)
* 19.12. Parallel Prototyping: [http://www.sigchi.org/chi95/proceedings/shortppr/so_bdy.htm 1995], [http://aaalab.stanford.edu/papers/Parallel_Prototyping_2010.pdf 2010]
* 9.1 Knowledge in the Head, Knowledge in the World. In "The Design of Everyday Things" ("Alltägliche Dinge"), Donald Norman, ISBN 0465067107 (Psychologischer Fokus) (Susanne Pötzsch)
* 16.1. [http://www.gaudior.net/alma/johnny.pdf Why Johnny can't encrypt] a classic Security/HCI paper. (Benjamin Burse)
* 23.1. Paper: [http://technology.open.ac.uk/design/cross/documents/DesignerlyWaysofKnowing.pdf Designerly Ways of knowing]





==Zeitplan==
* '''24.10''': Einführung | ''Introduction''
* '''31.10''' : ''Feiertag''
* '''7.11''': Security
* '''14.11''' : Nutzerforschung: Beobachten und Fragen stellen | ''User Research: Observing and Asking Questions''
* '''21.11''': Datenanalyse, Szenarioerstellung | ''Analyse Data, Create Scenarios''
* '''28.11''': Idenentwicklung | ''Idea Development''
* '''5.12.: Prototyping
[…]
* '''12.12''': 1st Feedback round
[…]

==='''Gruppe Anmeldung'''===
* '''16.01''': heuristische Analyse und Schwachpunkte herausarbeiten 
Treffen um den PaperMockUp gestalten 
Prototyp in den nächsten zwei Wochen testen (evtl. mehrere Iterationsschritte)
* '''23.01''': Feedback | vorläufige Ergebnisse zusammentragen
* '''30.01''': Verbesserungen vornehmen 
Treffen um Wiki-Seite zu aktualisieren 
* bis vorlesungsfreie Zeit => Feedback

==='''Gruppe Sicherheit'''===
* '''16.01.:''' Heuristische Analyse fertigstellen und Schwachpunkte der App finden
* '''23.01.:''' Prototypen verbessern (je nach Zeit: für Hoch- und Querformat) und Klickdummy anfertigen
* '''30.01.:''' Fertiggestellten Klickdummy testen
* '''06.02:''' Tests auswerten; Anfangen für die Dokumentation zu sammeln





== Presentation and Documentation of Works==

===First use self observation===
[[/firstUseChatSecure]]

===Mid-Term-Presentations and Mentor Comments===
*[[/Gruppe Anmeldung]]
*[[/Sicherheit (security)]]

===End-Term-Presentation===
*[[/Gruppe Anmeldung endpresentation]]
*[[/Sicherheit endpresentation (security)]]

===Heuristic Analysis===
* Aktuelle [https://guardianproject.info/releases/ Versionen von ChatSecure]
* Wenn die nicht geht: die [https://guardianproject.info/releases/chatsecure-latest.apk stabile Version]

'''Team Anmeldung: [[/HeuristicAnalysisAnmeldung|view the summary]]'''
*[[/HeuristicAnalysisAnmeldung| summary]]
*[[/HeuristicAnalysisAnmeldung Person1]] (Aufgaben: Anmelden, Account erstellen, Einstellungen ("Settings"))
*[[/HeuristicAnalysisAnmeldung Person2]] (Aufgaben: Anmelden, Account erstellen, Einstellungen ("Settings"))
*[[/HeuristicAnalysisAnmeldung Person3]] (Aufgaben: Anmelden, Account erstellen, Einstellungen ("Settings"))

'''Team Sicherheit [[/HeuristicAnalysisSecurity|view the summary]] '''
*[[/HeuristicAnalysisSecurity|summary]]
*[[/HeuristicAnalysisSecurity Person4]] (Aufgaben: Neuen Kontakt hinzufügen, Nachricht verschicken auf den Wegen: Unsicher, Verschlüsselt, Authentifiziert)
*[[/HeuristicAnalysisSecurity Person5]] (Aufgaben: Neuen Kontakt hinzufügen, Nachricht verschicken auf den Wegen: Unsicher, Verschlüsselt, Authentifiziert)
*[[/HeuristicAnalysisSecurity Person6]] (Aufgaben: Neuen Kontakt hinzufügen, Nachricht verschicken auf den Wegen: Unsicher, Verschlüsselt, Authentifiziert)

''Die Analyse sollte am spätestens am 16.1. fertig sein''

{{IFD Nutzerstudien HeuristischeEvaluationAnweisungen}}

Für Material siehe Abschnitt [[#Heuristische Analyse|Materialien/Heuristische Analyse]] auf dieser Seite

===Endabgabe===
====Termine====
* Bis zum Vorlesungszeitende (7.2.) sollen die Entwürfe und Forschungen fertiggestellt sein.
* Bis zum Mi, 5.März 2014 ist die Dokumentation für den Lehrenden und die Designs und Erklärungen für den Projektpartner fertigzustellen. Auf diese Version gibt es Feedback (ca. am 10.), die fertige, darauf hin verbesserte und entgültige Version ist ca. eine Woche später, am 16. März abzugeben.

====Anforderungen====
* '''Gruppe oder/und einzeln?''' Dokumentation für den Lehrenden und die Designs und Erklärungen werden ''pro Gruppe'' erstellt. Wichtige Infos oder Erfahrungen (e.g. eine Person hatte diese und jene Probleme mit dem Interview und hat sich deshalb entschiedenen diese und jene Änderungen anm Vorgehen zu machen) sind mitzudokumentieren (u.U. anonym)
* '''Struktur/Inhalt:''' Die Dokumentation für den Lehrenden lehnt sich am besten an das [[IFD:Human-Centered-Design-Research - Workbook|Arbeitsbuch]] an. Möglicherweise sind nicht alle methodischen Vorschläge auf euer Projekt zutreffend, in diesem Fall kann es sinnvoll sein, die "Abweichung" zu erklären (''xyz'' ist nicht gut geeignet weil …, deshalb haben wir die methode ''xyz'' benutzt", um das und das zu machen)
* '''Format:'''Die Designs und Ergebnisse ''für den Projektpartner'' sind im Wiki zu veröffentlichen, die ''Doku an den Lehrenden'' im Wiki oder als PDF.
* '''Nachvollziehbarkeit:''' Die Designs und Ergebnisse für den Projektpartner sollen ermöglichen die ''Ideen in der Software umzusetzen'' und es soll klar werden wie und warum (oder warum nicht) die Entwürfe so entstanden sind (das Programmieren kosten natürlich auch Zeit, und niemand würde etwas "einfach so" einbauen; Zudem kann es sein das Abweichungen von euren Entwürfen nötig sind – dann sind die Begründungen und Daten wichtig, um etwas ähnliches umzusetzen)
* '''Anschaulich machen:''' Zu den Designs und Ergebnisse für den Projektpartner sollte gehören:
** Ein Text mit Screenshots und Entwurfsskizzen
** Ein Prototyp oder eine andere anschauliche Darstellungsform eures/eurer Entwurfes/Entwürfe

==Arbeits & Übungshilfen==
[[File:GuillocheGeldBitcoin.png|thumb|right|100px|"Geldscheinmuster" (zu Interviewbeispiel)]]
* [[IFD:Human-Centered-Design-Research_-_Workbook|"Workbook"]] in Begleitung zur Praktischen Arbeit als Dokumentation, Gedankenstütze und Reflektionsmöglichkeit
* [[Media:Interview IllustratorUse.mp3|Interview/Beobachtung]]: Thema: "Grafiken erstellen"; zum Ausprobieren von Auswertungsmethoden.
''Begriffe'':
Die erwähnten [https://de.wikipedia.org/wiki/Bitcoin "Bitcoins"] sind eine virtuelle Währung; "Offset" bedeutet soviel wie "Abstand".

Die Ergebnisse von Beobachtung und Fragen werden aufbereitet; [[Zusammenhänge Beispielinterview|Hier einige Zusammenhänge]], die sich aus der Audioaufnahme herrausarbeiten lasse.

===Folien===
* [http://webuser.uni-weimar.de/~fudo5114/talks/defineAndFindAudience.html define and find your audience]
* [http://webuser.uni-weimar.de/~fudo5114/talks/BeobachtenFragen.html Beobachten und Fragen]
* [http://webuser.uni-weimar.de/~fudo5114/talks/Datenanalyse.html Datenanalyse]
* [http://webuser.uni-weimar.de/~fudo5114/talks/VonAnalyseZuIdeen.html Szenarios und DesignStudio-Methode]
** [http://webuser.uni-weimar.de/~fudo5114/workshopapp/ Design Studio Webapp] (kam nicht im Kurs vor ist zum Selbernutzen der Methode aber praktischer als die Folien. Verbesserungsvorschläge willkommen)
* [http://webuser.uni-weimar.de/~fudo5114/talks/Minivortrag_Personas.html Personas erstellen]

==Links und Materialien==
===Security/Usability===
* [http://www.cl.cam.ac.uk/~rja14/book.html Security Engineering, Kapitel 2: Usability and Psychology]
* [https://www.cs.auckland.ac.nz/~pgut001/pubs/stupid.pdf Things that make us stupid] a talk on security (and UIs). Kudos if you get the norman reference.
* Security and Usability: Designing Secure Systems That People Can Use, Lorrie Faith Cranor, Simson Garfinkel et.al., O'Reilly Media, ISBN 0596008279
* [https://csclub.uwaterloo.ca/media/Off-the-Record%20Messaging:%20Useful%20Security%20and%20Privacy%20for%20IM.html Wie Off-The-Record funktioniert und warum]: Usability, Verbreitbarkeit, Effektivität, "Resilienz"/Fehlerresistenz (von [https://en.wikipedia.org/wiki/Ian_Goldberg Ian Goldberg])
* Usability: [http://jnd.org/dn.mss/when_security_gets_in_the_way.html »When Security gets in the Way«] (D. Norman)

===Kyptografie===
* [https://en.khanacademy.org/math/applied-math/cryptography/modern-crypt/v/the-fundamental-theorem-of-arithmetic-1 The intro to cryptography on Khan Academy] several 3-5min Videos. Easy.
* [http://www.mat-d.com/site/rsa-diffie-hellman-explained-in-3-minutes/ Diffie-Hellman-Key-Exchange] – ca. 2 DINA4 pages Text. How can you get a secret key without ever seeing each other or sending it?
* Zur Belohnung nach der Mathematik: [http://www.schneierfacts.com/ Bruce Schneier Facts]. Es hat keinen Bildungswert, ist aber lustig (wenn man ''sehr'' nerdigen Humor mag)

===Ausprobieren…===
* Mobile Applikationen testen, aber kein Telefon zur Hand? (Aber einen PC?): den [https://developer.android.com/sdk/index.html Android-Simulator] nutzen, der ein Android-System auf eurem Computer simuliert. ("SDK-Tools only" reicht aus). Schaut das [https://www.youtube.com/watch?v=4r3o2eBzyrs erklärende Video] an.
* https://guardianproject.info/apps/chatsecure/ ChatSecure]. ist die App, mit der wir u.A. arbeiten werden. Installieren über [https://play.google.com/store/apps/details?id=info.guardianproject.otr.app.im Android Store] oder direkt aus dem [https://guardianproject.info/releases/ChatSecure-v12.6.4-RC3.apk Repository]
* [http://www.pidgin.im/ Pidgin] kann mittels [https://otr.cypherpunks.ca/ OTR-Plugin] sicher mit ChatSecure (und vielen anderen Instant-Messangern) Nachrichten senden.
* man braucht natürlich mindestens einen XMPP-Account. Den kann man z.B. bei [http://einfachjabber.de/reg einfachjabber] oder [https://dukgo.com/blog/using-pidgin-with-xmpp-jabber dukgo] anlegen.

===Bücher Design===
* Interaction Design: Beyond Human-Computer Interaction – Preece, Rogers and Sharp, ISBN 978-0470665763 ''Interaktionsdesign-Bezug, darin aber sehr umfassender Überblick''

* Observing the User Experience: A Practitioner's Guide to User Research, Kuneavski, ISBN 978-1558609235

===Human Centered Design===

* Abläufe Analysieren: [http://mindthegap.blog.bau-ha.us/2013/08/from-research-to-requirements-user-need-tables/316/ User Need Tables] (Quellen sind dort verlinkt)
* Personas erstellen: About Face 3, Cooper et.al. (In der Bib)
* [[IFD:Course_Interaction_Design|Interaktionsdesign-Kurs]] Ein Script zu einem vorhergehenden, ähnlichen Werkmodul.
* [http://www.uxmatters.com/mt/archives/2011/10/research-guidelines-you-wont-find-in-a-textbook.php 3 Regeln für Nutzerforschung: Sich Anfreunden, nicht zum Fragen beantworten da sein, nichts "verkaufen"]
* [http://www.experientia.com/blog/ Putting People First-Blog] (u.A. Forschung, Gender, Bildung etc. im HCD. Keine hurra-wir-sind-toll-Artikel, sondern interessante Inhalte.)

===Mobile Apps===
[http://www.cs.uml.edu/~fredm/courses/91.308-fall05/palm/zenofpalm.pdf The Zen of Palm]. Gute Zusammenfassung.

===Heuristische Analyse===
Hinweis: Eine heuristische Analyse kann das Testen nur ergänzen, aber nicht ersetzen!
* [http://www.nngroup.com/articles/ten-usability-heuristics/ List of Heuristics]
* [http://www.nngroup.com/articles/how-to-conduct-a-heuristic-evaluation/ How to do a heuristic evaluation] (and statistics which number of evaluatiors are best and/or most efficient etc.)

===Software===
* [http://developer.nokia.com/Resources/Tools_and_downloads/Other/Flowella/ Nokia Flowella] für Durchklick-Prototypen
* [http://www.jQuery.com jQuery] für aufwändiger, interaktive Prototypen.

===Nützliches===
* Ein [http://en.wikipedia.org/wiki/Service_blueprint Service Blueprint] zum [http://www.flickr.com/photos/brandonschauer/3363169836/ Download]

* [http://m18.uni-weimar.de/mailman/listinfo/interaction Sign up] for our (inofficial) BU Interaction Design Mailinglist

===Meta===
...das Designen von Designlehre
* [http://www.newyorker.com/reporting/2012/01/30/120130fa_fact_lehrer?currentPage=all Brainstorming: Eine Kritik] (vgl. mit der pro-Brainstorm-Kultur von e.g. Design Thinking)
* Parallel Prototyping:Eine empirische Studie von [http://aaalab.stanford.edu/papers/Parallel_Prototyping_2010.pdf 2010] und einer von [http://www.sigchi.org/chi95/proceedings/shortppr/so_bdy.htm 1995], deren Ergebnisse sehr für paralelles Prototyping sprechen.
* Das Iteration sinnvoll ist, ist auch nix neues, aber auch hier eine [http://www.itu.dk/people/jeppeh/specialeartikler/The%20Efficacy%20of%20Prototyping%20Under%20Time%20Constraints.pdf Studie] dazu
* Gruppen, die sich nach bestehenden Freundschaften zusammenfinden, sind für designerische Gruppenarbeiten [http://www.stanford.edu/~roypea/RoyPDF%20folder/A154_CSCL09_Maldonado_Klemmer_Pea.pdf nicht gut geeignet]
* [http://hci.stanford.edu/publications/2011/PrototypingDynamics/PrototypingDynamics-CHI2011.pdf mehrere Designs erstellen und teilen] ist vorteilhaft. [http://hci.stanford.edu/publications/2012/RepeatedExamplesCogSci2012/RepeatedExamplesCogSci2012.pdf Früh mehrfach Beispiele zu teilen] verbessert Resultate.
* The Reflective Practitioner (D. Schön), ISBN 0465068782

Sources/Images

2014-01-31T13:38:34Z

JanD: /* Images under creative commons and roalty free licenses */

You need an image? Then it's the best option to take out your camera ant take one yourself. Then you are the author and you should choose a license you want to release the image under. If you don't choose one it will be © Copyrighted by you until 70 years after your death. Nobody will be able to use it without your consent or without a license.

So you need an image of something else where you can't get so easily? Then you can try different sources. There are commercial stock image providers where you must pay for using the image. Using the image without license may result in legal action against you. On the other hand there might be images which are licensed for you to use for free under some conditions. Make sure you read, understand and obey those conditions. The conditions may be very differently, for instance that you pay roayties, that you are giving credits to the source or mention the licence it is under. Here are a few links:

== Image search engines ==
* http://images.google.com
* http://www.picsearch.com
* http://tineye.com reverse image search

== Commercial Stock Images ==
* http://www.corbis.com
* http://www.gettyimages.com
* http://www.shutterstock.com

== Images under creative commons and roalty free licenses ==
* http://commons.wikimedia.org
* http://unsplash.com/
* http://www.pixelio.de
* http://www.flickr.com/search/?l=commderiv search flickr for CC images

FK:Kunst-Technik-Labor

2014-01-31T10:21:58Z

JanD: /* Freies Material */

Das Kunst-Technik-Labor wird als Ergänzung zum Projekt„Jugend Forscht“ als eine Einführung zu Internet, Web und anderen neueren Medien angeboten.

==Informationsaustausch==
===…Im Wiki===
Ein Wiki ist eine Website, die ihr einfach ändern könnt. Sollte ich z.B. einen Rechtschreibfehler machen, könnt ihr den einfach korregieren.

Wie ihr euch in diesem Wiki [https://www.youtube.com/watch?v=3oJF0G25q9Q Anmelden] und [https://www.youtube.com/watch?v=PVBOAyd_1Zw Editieren], [https://www.youtube.com/watch?v=hLoOpqCyos0 Formatieren] und [https://www.youtube.com/watch?v=P42Une7fC_g Unterseiten anlegen] könnt, lässt sich in den 3-5 minütigen Videos anschauen.

===Schnell im Etherpad===
Während der Veranstaltungen kannst du auch Code oder Probleme ins [http://m18.uni-weimar.de/pad/p/KTL Etherpad] schreiben/kopieren

==Software==
Bitte benutzt die hier vorgeschlagene Software, da ihr bei Dozenten und Kommilitonen schneller Hilfe findet. Ausprobiert und für gut bedienbar gefunden haben wir sie auch.
*'''Websites anzeigen mit [http://www.mozilla.org/en-US/firefox/all/ Firefox]''' Den [https://de.wikipedia.org/wiki/Browser "Browser"] Firefox gibt es für praktisch alle Systeme. [[File:3DViewFirefox.png|right|150px]]
** Mit der [http://en.wikipedia.org/wiki/Function_key f12-Taste] könnt ihr einen [http://developer.mozilla.org/en-US/docs/Tools/Page_Inspector Entwicklermodus] aufrufen, der so wie die X-Ray-Googles (mit denen man Websites untersuchen und ändern kann) funktioniert.
** Ganz rechts in der Entwicklerleiste findet ihr ein Würfel/Kubussymbol, dass den 3D Modus für die Visualisierung der Tag-Verschachtelung anschaltet.

* '''Website veröffentlichen:''' Um deine Website auf den Uniwebspace hochzuladen, brauchst du ein sFTP-Programm ('''s'''ecure '''F'''ile '''T'''ransfer '''P'''rotocol).
** [http://cyberduck.io/ Cyberduck] ist einfach zu nutzen und für Mac und Windows verfügbar.
** Wer Linux benutzt, kann den [http://filezilla-project.org/ FileZilla-Client] nutzen.

* '''Code schreiben mit [http://download.brackets.io/ Adobe Brackets]''', ein "Editor", also ein Schreibprogramm für Code. Frei und einfach zu bedienen, mit Vorschaufunktion (Strg+Alt+P) Für Mac, Windows und Linux.
** Um die Vorschau zu in Brackets zu nutzen braucht ihr [https://www.google.com/intl/de/chrome/browser/ Chrome]. Solltet ihr nach eurem google-Passwort gefragt werden: könnt ihr überspringen. Auf Linux nehmt ihr "chromium" aus dem Paketmanager.
** Sollte euer Computer sehr alt sein und brackets nur sehr langsam laufen, nutzt [http://www.notepad-plus-plus.org/ notepad++] (Windows), gEdit (Linux)

* '''zum Lernen:'''
** [https://thimble.webmaker.org/en-US Thimble Live Editor für HTML]''': Links ist der "Quellcode", rechts sieht man die resultierende Website. (ist eine Website und muss nicht installiert werden)
** [http://goggles.webmaker.org/en-US Websites untersuchen und ändern] Einfach die "X-Ray-Googles" anschalten, Elemente anklicken und ändern. Auf der Website ist eine kleine Anleitung, wie man ein Bild in der Website "austauscht" (ist eine Website bzw. ein kleines Programm darauf und muss nicht installiert werden)

==Freies Material==

Ganz kurze Zusammenfassung zum Urheberrecht, [http://wiki.178.is/wiki/WTF-Copyright etwas längere Fassung hier].

'''Urheberrechts'''- (oder Copyright-)'''freies Material''' gibt es weniger als man glaubt. Prinzipiell sind das nur Werke, deren '''Autoren länger als 70 Jahre tot''' sind oder Werke, die von Regierungen erstellt wurden (Gesetze, NASA-Fotos). Dieses Material nennt sich 'gemeinfrei' oder 'public domain' und darf uneingeschränkt verwendet werden.

Ein ganz kleines bisschen davon ist auch von Menschen, die ihre Werke einfach so in die 'public domain' stellen, indem sie das öffentlich sagen. Das kann man aber nicht in allen Ländern überhaupt tun. In den USA geht es, in Deutschland nicht ''(aus dem anderweitig noblen Grund, das per Gesetz der Urheberrecht immer bei dem Urheber liegt und nicht übertragen werden kann, weder verkauft noch verschenkt)''.

'''Merke:''' Das meiste interessante Material unterliegt dem Urheberrecht. Also:
* ''jemand anderes'' erstellt etwas und hat das Urheberrecht, und das Gesetz schützt ihn (vor uns) – du darfst es normalerweise nicht einfach nutzen.
* das, was ''du'' erstellst, unterliegt – automatisch! – auch dem Urheberrecht, und das Gesetz schützt dich davor, dass andere es ohne deine Einwilligung nutzen.

Es gibt allerdings die Möglichkeit für Urheber, Werke zur '''kostenlosen Verwendung''' freizugeben. Das heißt: jemand hat zwar das Urheberrecht, aber er gibt jedem eine '''Erlaubnis''', es unter bestimmten '''Bedingungen''' (Einschränkungen) kostenlos zu '''nutzen'''. Diese Erlaubnis ist eine '''Lizenz''', also ein Dokument in dem genau steht, was die Bedingungen sind und welche Nutzungen erlaubt sind.

Eine bekannte Lizenz ist [http://de.creativecommons.org/was-ist-cc/ '''Creative Commons'''], kurz CC. Eigentlich ist es ein '''Baukasten''', in dem sich jeder die Bedingungen und erlaubten Nutzungen für sein eigenes Werk zusammenklicken kann, und so eine passende Lizenz erhält.

Da es mit CC (und dem Internet) so einfach geworden ist, "freies" Material zu publizieren, lässt sich davon auch viel finden und im Zweifel erklärt uns CC die Lizenz auch in einfachen Worten. ''(im Hintergrund ist CC auch eine Organisation, die u.a. ein Rudel Anwälte bezahlt, die eine "echte" Gesetzsprech-Version der Lizenz für alle möglichen Länder schreiben, damit die Lizenzen auch rechtlich gültig sind)''.

Quellensammlung:

* [http://unsplash.com public domain fotos]
* [http://search.creativecommons.org/ Creative-Commons-Werke finden]

=="Hardware": Minicomputer, Löten…==
* Der [https://de.wikipedia.org/wiki/Raspberry_Pi RasberryPi] ist ein Minicomputer zum Lernen und Experimentieren – für 30€. [http://googlecreativelab.github.io/coder/ Coder] ist ein Programm für den RasberryPi, das einfach Experimente mit Webentwicklung ermöglicht.

==Lernen==
[[File:MozillaGoggles_mini.png|150px|right]]
* '''Websites untersuchen und ändern''' [https://goggles.webmaker.org/en-US/|mit den XRay-Goggles] ([[/WebmakerXRay|Anleitung auf Deutsch]])
* '''Websites erstellen''': schrittweise und interaktiv [http://www.codecademy.com/courses/web-beginner-en-HZA3b/0/1 in HTML] codecademy.
* '''Websites designen:''' [http://www.codecademy.com/courses/web-beginner-en-TlhFi/0/1 CSS lernen] bei codecademy.
* '''lieber was mit mehr lesen?''' (statt interaktiv und schrittweise mit codecademy) : [http://learn.shayhowe.com/html-css/ a beginners guide to HTML/CSS] und [http://de.html.net/tutorials/html/ HTML Tutorial] (auf deutsch)
* '''Programmieren lernen''' (das "richtige" Programmieren, bei dem Inhalte nicht nur dargestellt werden, sondern auch erzeugt):
** interaktiv und schritt für Schritt [http://www.codecademy.com/courses/getting-started-v2/0/1| Javascript Intro] ([http://www.codecademy.com/tracks/javascript| …und mehr]).
**…Oder eher in [http://eloquentjavascript.net/contents.html Textform].
** Wenn ihr Websites mit interaktiven Funktionen anreichern wollt, könnt ihr [http://jquery.com/ jquery] nutzen. Jquery ist eine Sammlung nützlicher Javascript-Funktionen und lässt sich [http://www.codecademy.com/tracks/jquery hier] lernen. Ein bisschen Javascript sollte man dazu schon können.

===Aufgaben zum Ausprobieren===
* ''Einfach'': [http://wwwwwwwww.jodi.org/ http://wwwwwwwww.jodi.org/] spielt mit dem Unterschied von Code und angezeigter Website. Kannst du erklären, was der Zeichensalat auf der angezeigten Website ist und warum der entstanden ist? (Tip: Strg+U drücken)
*''Mittel'': Die Yes-Man bauen Seiten bekannter Organisationen nach. Zum Einstieg könnten wir mal eine Website verändern. Gehe auf die Uni Website und speichere sie ab (Datei/Speichern, "komplette Website" auswählen). Öffne die HTML-Datei dann mit einem Editor und mache Änderungen: Was bedeutet das »Bauhaus« im Uninamen für dich? Wie wäre es mit einer zusätzlichen Fakultät? Neuen Werbebanner mit Stipendien für alle?
*''Mittel'': [http://webuser.uni-weimar.de/~fudo5114/bildwechsel/Bilderwechsel.html Hier] findest du ein Bild, das bei jedem Laden der Website (dazu F5 drücken) etwas anders ist. Wie funktioniert das? (Hinweis: Dazu vielleicht Seite Speichern mit Strg+S) Kannst du selber etwas ähnliches bauen? (Das Beispiel ist aus einem komplexeren Projekt, bei dem noch weit mehr Variation möglich war)
* ''Schwierig'' Die [https://en.wikipedia.org/wiki/Barbie_Liberation_Organization Barbie-Liberation-Front] hat Sprachchips in Spielzeugen vertauscht. Kannst du ein Spielzeug oder ein anders [https://en.wikipedia.org/wiki/Circuit_bending Gerät, das Geräusche macht] kreativ nutzen, indem du den Knopf, der das Geräusch auslöst, durch etwas anderes ersetzt? Die Knöpfe überbrücken meist nur eine Lücke im [https://de.wikipedia.org/wiki/Stromkreis Stromkreis]. Du könntest z.B. beim Öffnen einer Tür den Stromkreis schließen, um den Ton auszulösen.
* ''Schwierig'': [http://www.teleportacia.org/war/war.html "My Boyfriend came back from War"] nutzt sogenannte »Frames« – eine veraltete Technik. Kannst du die Mechanismen, die das Kunstwerk nutzt ohne Frames implementieren?

===Fragen Fragen===
Obwohl wir versuchen, gut verständliches Lernmaterial zu geben, werden bestimmt Fragen aufkommen. In diesem Falle fragt eure Kommilitonen oder Dozenten – entwerder auf dem [http://m18.uni-weimar.de/pad/p/KTL Etherpad] oder per Mail (z.B. an Jan: jan PUNKT dittrich ÄT uni-weimar.de)

Um Hilfe zu bekommen ist es gut, folgendes der Frage mitzugeben:

* Was ist das Ergebnis, das ihr erreichen wollt?
* Was habt ihr versucht, um das Problem zu lösen?
* Was ist statt des erwünschten Ergebnisses passiert?
* Gebt Beispiele: z.B. den Code den ihr geschreiben habt, eine Skizze vom "Wunschergebnis" oder die Webaddresse eines Beispiels, bei dem es funktioniert und/oder Skizze und Adresse, auf der man das Problem sehen kann.

==Zeug a.k.a. Readymades==
* Bei [http://www.pearl.de/ Pearl.de] gibt es z.B. fertige [http://www.pearl.de/a-PX7226-5922.shtml Kapitalismuskritik]

==Projektbeispiele==
* [http://www.teleportacia.org/war/war.html My Boyfriend Came Back From War] Ein bekanntes Webkunstwerk. Technisch nicht kompliziert: Text, Bilder und Links
* [http://www.heise.de/tp/kunst/l_u_block/index.html largest unused block] Kunst über Benutzeroberflächen (?) ([http://www.heise.de/tp/magazin/nk/3241/1.html Erklärungsansatz])
* und nochmal Kunst über Computer: [http://www.heise.de/tp/kunst/nocache/nocache/index.htm content= no cache]
* Mit dem Unterschied zwischen Code und normalerweise sichtbarer Website spielt [http://wwwwwwwww.jodi.org/ http://wwwwwwwww.jodi.org/]. Drückt ''Ctrl+U'' um den Code der Website statt der normalen Ansicht zu sehen.
* Seltsames von [http://www.mouchette.org/ Mouchette], die Künstlerin ist und seit 1996 fast 13 Jahre alt.
* Die [https://en.wikipedia.org/wiki/The_Yes_Men Yes Man] bauen öfter mal [http://yeslab.org/museum Websites von großen Konzernen nach] …mit entscheidenden Unterschieden.
* Die Yes Man haben auch mal die Sprachchips von Barbie und CI Joe (Spielzeugsoldat) [https://en.wikipedia.org/wiki/Barbie_Liberation_Organization vertauscht]. Und dann wieder zurückgestellt. [https://www.youtube.com/watch?feature=player_detailpage&v=OVT4T7OR3iQ#t=120 Video hier] (Kommentar im Video: "[this is] terrorism on children". Barbie sagt dazu nur "vengeance is mine", CI Joe geht shoppen.)

==Termine==
* '''Do. 12.12., 10h:''' KTL Fachkurs Introduction Teil I: „Have you tried turning it off and on again?“ - Max F. Albrecht (+ Film*: Kraftwerk) ''(für '''Projekt'''- & Fachkursteilnehmer)''

* '''Do. 19.12., 10h:''' KTL Fachkurs Introduction Teil II: „Have you tried turning it off and on again?“ - Max F. Albrecht (+ Film*: RiP) ''(für '''Projekt'''- & Fachkursteilnehmer)''

* '''Ab 20.12.''' Wöchentliches Treffen an folgende '''Freitage von 14-17h''' Fachkurs Kunst-Technik-Labor im Projektraum 005 im VdV Eckgebäude (KTL Pool) ''(für Fachkursteilnehmer)''

==Material==

===Folien===

* [http://txt.178.is/Talk/Was-ist-das-Internetz.html "Was ist das Internetz?"]



==Links==
===Nachschlagewerke===
''Hinweis: Die Nachschlagewerke sind natürlich gut zum Nachschlagen; Zum Lernen ist [http://codecademy.com/ Codecademy] besser geeignet, weil es didaktisch aufbereitet ist und in den Nachschlageseiten tlw. veraltete und/oder umständliche Wege beschreiben sind.

* [http://www.quackit.com/html_5/tags/ Schnellübersicht] HTML-Tags
* [https://developer.mozilla.org/en-US/docs/Web/HTML Mozilla Developer (English)]
* [http://de.selfhtml.org/html/index.htm SelfHTML (Deutsch)]

===Ideen und Vorschläge===
* [http://stackoverflow.com/questions/3981377/generate-sound-using-javascript mathematically Generate Sounds on the web]
* Auf Licht reagieren mit einer [https://en.wikipedia.org/wiki/Photodiode Photodiode] (eine elektronisches Bauteil)

===Anonymität/Privatsphäre===

Anonymität und Privatsphäre im Internet ist leider schwierig bis unmöglich, je nach Anspruch.
Es gibt aber trotzdem einige Maßnahmen, die man treffen kann:

* Bessere Online-Dienste und Programme nutzen. Liste unter https://prism-break.org
* TorBrowser herunterladen und relativ gut seine Herkunft verschleiern: https://www.torproject.org/download/download-easy.html (anonym = nur im TorBrowser, nicht in anderen Programmen die gleichzeitig laufen wie Mail oder Skype)
* DuckDuckGo als Default-Suchmaschine im Browser einrichten, um nicht alle Suchbegriffe nach google zu schicken: https://duckduckgo.com/about (Google ist trotzdem einfach zu erreichen, DuckDuckGo leitet die Anfrage weiter wenn "!g" drin steht. Das geht auch mit "!wiki", "!sc" für soundcloud u.s.w.)

Wer es wirklich versuchen will, hier ein paar Hardcore-Tipps in aufsteigender Reihenfolge:

* Extra Laptop pro "Identität" (Linux!)
* Extra Nur-Offline-Computer zum Arbeiten mit verschlüsselten Daten
* VPN-Zugang kaufen (am besten mit Bargeld), z.B. https://www.ipredator.se
* Alle Computer wegschmeißen und durch Open-Source-Hardware ersetzen: http://www.wired.com/wiredenterprise/2014/01/open-source-laptop/
* Alu-Hut (optional)

==Hilfe==

zur Hausaufgabe "Hello World"

'''Allgemein:'''
* Erstelle eine Textdatei (Rohtext, plain text) mit dem Namen index.html und dem Inhalt "hello world", z.B. mit dem Programm Notepad.exe (Windows) oder TextEdit.app (Mac)
* Wenn das Textprogramm Teile des Textes fett oder farbig o.ä. machen kann, '''ist es kein plain text''', sondern formatierter Text!
* Lade die Datei ins Internet, auf einen Web-Server (siehe folgende 2 Möglichkeiten)

==='''1. Möglichkeit:''' Uni Weimar Webspace===

* Wichtig: Zugang ist nur aus dem Uni-Netz möglich. Also entweder mit dem Uni-WLAN (eduroam) verbinden, einen Rechner in einem der Pools benutzen oder das [http://www.uni-weimar.de/medien/wiki/VPN-Clients_an_der_Bauhaus-Uni "VPN"] einrichten.
* Zum Hochladen der Datei wird ein Programm benötigt, das '''SFTP''' kann, z.B. [http://cyberduck.io/ Cyperduck] (Mac, Windows) oder [https://filezilla-project.org/ FileZilla] (alle Systeme) — beide kostenlos (Cyberduck ist einfacher zu bedienen)
* SFTP-Programm starten und eine neue Verbindung hinzufügen
* Nun bekommt ihr ein Fenster mit einigen (noch) leeren Textfeldern zu sehen. Wichtig sind folgende: '''Server:''' dort eintragen ''homepage.uni-weimar.de'', '''Name:''' ''euer Uni-Login'' (xuxo1253 oder sowas) und '''Passwort''': das ''Uni-Passwort''
* Ihr müsst auch ein ''' "Protokoll"''' oder eine "Übertragungsart" wählen: bitte '''SFTP''' wählen, ''nicht'' FTP, FTP-SSL o.ä.
* Wenn ihr Zuhause seid bzw. ''nicht'' in einem Uni-Netzwerk, müsst ihr euch vorher mit dem [[VPN-Clients_an_der_Bauhaus-Uni|VPN verbinden]]!
* Verbindung starten, es sollte eine Dateiliste erscheinen, in der mindestens der Ordner 'public_html' auftaucht
* Lade die Datei index.html in den Ordner 'public_html' hoch (z.B. drag and drop)
* Deine Website findet sich jetzt unter ''webuser.uni-weimar.de/~DeineNutzerkennung''. Wenn dein uni-login also "xolo1298" ist findet sich deine Website unter ''webuser.uni-weimar.de/~xolo1298''

==='''2. Möglichkeit:''' Github Pages===

'''Vorteile:'''
* Hat nichts mit der Uni (-server, -netz, -login) zu tun!
* benutzt im Hintergrund eine [https://de.wikipedia.org/wiki/Versionsverwaltung Versionskontrolle] ([https://de.wikipedia.org/wiki/Git git]), d.h. es gibt backups und eine Geschichte der Änderungen

'''Nachteile:'''
* etwas komplizierter einzurichten

Eine sehr gute '''Schritt-für-Schritt-Anleitung''' für alle Betriebssysteme gibt es hier: http://pages.github.com
* In der Anleitung wird auch genannt, an welcher Stelle die Datei 'index.html' erstellt wird und wo sie hinkommt
* Es kann das eigene Betriebssystem ausgewählt werden
* Mit Windows und Mac können alle Schritte im Webbrowser und einem Programm von Github selbst erledigt werden
* Für Linux wird leider das Terminal (die Shell) benötigt – wer das hinbekommt, dem spendiert Max einen Kaffee.

==="0. Möglichkeit:" DIY===

* Wichtig ist nur, das irgendwie eine Datei index.html auf einem Web-Server landet und sie vom eigenen Computer aus so bearbeitet werden kann, das nur "hello world" drinsteht.
* D.h. es gibt einen Link dahin und wenn dieser im Browser aufgerufen wird, steht dort NUR "hello world" (und sonst nichts).

Beispiele:
* diverse "kostenlose homepage" Online-Dienste (wenn sie das anlegen und bearbeiten von Dateien erlauben, geht teilweise auch im Browser)
* Advanced: eigener Server, eigener Webspace

Un-Beispiele (so geht es '''nicht'''):
* Blogs u.ä. Dienste: Wordpress.com, tumblr
* "hello world" twittern

[[Category:Jan Dittrich]]

IFD:Nutzerstudien WiSe1314

2014-01-30T14:44:42Z

JanD:

=Werkmodul Nutzerstudien/Sicherheit und Benutzbarkeit=
jeden Donnerstag, 13:30 bis 16:45, Marienstraße 7 B - Seminarraum 102 (siehe auch: Die Veranstaltung im [http://www.uni-weimar.de/qisserver/rds?state=verpublish&status=init&vmfile=no&publishid=21968&moduleCall=webInfo&publishConfFile=webInfo&publishSubDir=veranstaltung Vorlesungsverzeichnis])


===Aktuelles===
* Ein Teil der Aufgaben werden im Medienwiki (auf dieser Website also) bearbeitet werden. Bitte informiert euch wie ihr euch [https://www.youtube.com/watch?v=3oJF0G25q9Q Anmelden], [https://www.youtube.com/watch?v=PVBOAyd_1Zw Editieren], [https://www.youtube.com/watch?v=hLoOpqCyos0 Formatieren] und [https://www.youtube.com/watch?v=P42Une7fC_g Unterseiten anlegen] könnt (Videos dazu in den Links).

==Beschreibung==
[[File:Messaging_CC2BY_FlickrUser-Håkan_Dahlström.jpg|thumb|right|300px|wer liest mit? ([http://flickr.com/photos/dahlstroms/8041061787/sizes/k/in/photostream/ Bild: Dahlström], [https://creativecommons.org/licenses/by/2.0/ CC-BY])]]
[[File:6930835797 2db7044d34 b.jpg|thumb||right|200px|Interviewen]]
[[File:ExploreChallenge CC-BY-2 FlickrUserServicedesignberlin.jpg|thumb|right|200px|Analysieren]]
''Warum ist eine App nützlich und nutzbar, eine andere nicht?''
''Wie kann ich herrausfinden was meine Nutzer brauchen?''

Im Werkmodul Nutzerstudien werden wir Design und die Funktionen von Apps zur sicheren Kommunikation entwickeln und verbessern.

Wir werden:
* Durch unsere Gespräche und Beobachtungen mehr über Nutzer lernen
* Lernen, welche psychologischen Prinzipien bestimmen, ob etwas leicht oder schwierig zu benutzen ist und damit Designen.
* Wir werden unsere Designs ausprobieren lassen und so Verbesserungsmöglichkeiten erkennen und neue Ideen bekommen.



Um zu lernen, wie wir diese Methoden in der Praxis anwenden, haben wir eine Praxiskooperation mit dem [https://guardianproject.info/ Guardian Project]. Wir haben die Aufgabe, sichere Kommunikation über mobile Apps zu verbessern. Mitarbeiter des Projektes werden uns beraten und Feedback für eure Ideen geben.

Kommunikation, die nicht einfach abgehört oder Personen zugeordnet werden kann, ist für Bürgerrechtler und Journalisten essentiell, wird aber auch von Personen verwendet, die ihre Rechte im Netz nicht geschützt sehen.

Leider ist die Nutzung solcher Methoden nicht einfach. Sicherheitsexperte Bruce Schneier z.B. [http://www.theguardian.com/world/2013/sep/05/nsa-how-to-remain-secure-surveillance gibt Tips], sieht diese Tips aber kritisch, denn: ''»My five tips [for more security] suck. They are not things the average person can use. […] Basically, the average user is screwed.«'' (aus einem [http://www.technologyreview.com/news/519336/bruce-schneier-nsa-spying-is-making-us-less-safe/ Interview mit dem MIT Technology Review]) Zwar wird oft auf [https://en.wikipedia.org/wiki/Rtfm »Nutzererziehung«] verwiesen. Das Argument entschuldigt auch die unbenutzbarsten Lösungen – und selbst erfahrene [http://www.gaudior.net/alma/johnny.pdf Nutzer scheitern] z.B. an Verschlüsselungsprogrammen. Besser wären Lösungen, die praktisch, gut benutzbar und sicher sind. Wir wollen zu solchen Lösungen beitragen.

==Häufige Fragen==

'''Muss ich Programmieren können?''' Nein.

'''Ist das hier alles theoretisch?''' Nein, der Kurs ist nicht theoretisch, im Gegenteil, wir werden die gelehrten Methoden anwenden und sie nutzen, um eine anwendbare, praktische Lösung für Probleme zu schaffen.

'''Ist das wissenschaftlich?''' Jein. Es ist [http://de.wikipedia.org/wiki/Naturwissenschaft wissenschaftlich] in dem Sinne, das die Gestaltung auf (eigenen) Erkenntnissen beruht, die wir auch [http://de.wikipedia.org/wiki/Kritischer_Rationalismus kritisch hinterfragen]. Nicht wissenschaftlich ist, das wir konkrete Probleme lösen, anstatt ein allgemeines Modell zu erstellen. (Vergleiche "Wie verhindere ich, das es umfällt?" mit "warum fallen Dinge nach unten?")

==Voraussetzungen==
* Bereitschaft zu eigener Forschung und Weiterentwicklung von Ideen. Mit einem Konzept, dessen Umsetzung für euch schon absolut feststeht, wird der Kurs freud- wie erkenntnislos.

* Texte auf Englisch lesen, denn es gibt wenig Literatur zu dem Gebiet auf deutsch. Wir lesen nicht viel, und ich wähle keine Texte aus, die den Leser mit [http://dev.null.org/postmodern/ nebulös-abstrakten] Begriffen beeindrucken. Aber es ist hilfreich, sich damit zu beschäftigen was andere bisher herausgefunden haben.

==Bewertung==
* Dokumentation (im Wiki, dabei an die Struktur des Arbeitsbuches halten)
* Vortrag
* Anwesenheit (regelm., max 3x fehlen)

==Anmelden==
Mail an ''jan.dittrich ÄT uni-weimar.de'' mit
* Name, Vorname
* Matrikelnummer
* Studiengang
* Kurzer Text der erklärt, warum ihr Teilnehmen möchtet.

==Vortragsthemen| ''student presentations''==
''Mögliche Vortragsthemen. Bitte nutzt die bereitgestellten Quellen, und macht dann eine eigene Recherche. Bereitet das Thema auf, macht es [http://dilbert.com/strips/comic/2010-01-18/ anschaulich] und nicht einfach nur eine Nacherzählung der Quellen (oder der Stichpunkte auf den Slides).''

'''Vortragsdauer: 15-20min'''
* 7.11 Attacks based on Psychology, [http://www.cl.cam.ac.uk/~rja14/book.html Security Engineering, Chapter 2.2] (Lisa Guth)
* 14.11 Personas: About Face 3, ISBN 0470084111, (page 75-81, 97-106)
* 21.11 'Service Blueprinting, [http://knowledge.wpcarey.asu.edu/article.cfm?articleid=1546 intro], [[wikipedia:Service blueprint|Wikipedia]], [http://www.flickr.com/photos/brandonschauer/3363169836/ template]
* 28.11 Security and Usability: The Case of passwords: [http://www.nngroup.com/articles/security-and-human-factors/ Norman/Nielsen on Sign-On-Usability], [http://www.cl.cam.ac.uk/~rja14/book.html Security Engineering, Chapter 2.4], [https://xkcd.com/936/ xkcd on password strength] (Anna Krieger)
* 05.12 "Intuitivität" [http://www.asktog.com/papers/raskinintuit.html Intuitive = Familiar], [http://www.uie.com/articles/design_intuitive/ The Intuition Gap] (Michèle Eike)
*12.12. Kein Vortrag
*19.12. Prototyping-Tools: [http://pencil.evolus.vn/ Pencil], [http://jquery.com/ jQuery] (Anja Rathgeber)
* 19.12. Parallel Prototyping: [http://www.sigchi.org/chi95/proceedings/shortppr/so_bdy.htm 1995], [http://aaalab.stanford.edu/papers/Parallel_Prototyping_2010.pdf 2010]
* 9.1 Knowledge in the Head, Knowledge in the World. In "The Design of Everyday Things" ("Alltägliche Dinge"), Donald Norman, ISBN 0465067107 (Psychologischer Fokus) (Susanne Pötzsch)
* 16.1. [http://www.gaudior.net/alma/johnny.pdf Why Johnny can't encrypt] a classic Security/HCI paper. (Benjamin Burse)
* 23.1. Paper: [http://technology.open.ac.uk/design/cross/documents/DesignerlyWaysofKnowing.pdf Designerly Ways of knowing]





==Zeitplan==
* '''24.10''': Einführung | ''Introduction''
* '''31.10''' : ''Feiertag''
* '''7.11''': Security
* '''14.11''' : Nutzerforschung: Beobachten und Fragen stellen | ''User Research: Observing and Asking Questions''
* '''21.11''': Datenanalyse, Szenarioerstellung | ''Analyse Data, Create Scenarios''
* '''28.11''': Idenentwicklung | ''Idea Development''
* '''5.12.: Prototyping
[…]
* '''12.12''': 1st Feedback round
[…]

==='''Gruppe Anmeldung'''===
* '''16.01''': heuristische Analyse und Schwachpunkte herausarbeiten 
Treffen um den PaperMockUp gestalten 
Prototyp in den nächsten zwei Wochen testen (evtl. mehrere Iterationsschritte)
* '''23.01''': Feedback | vorläufige Ergebnisse zusammentragen
* '''30.01''': Verbesserungen vornehmen 
Treffen um Wiki-Seite zu aktualisieren 
* bis vorlesungsfreie Zeit => Feedback

==='''Gruppe Sicherheit'''===
* '''16.01.:''' Heuristische Analyse fertigstellen und Schwachpunkte der App finden
* '''23.01.:''' Prototypen verbessern (je nach Zeit: für Hoch- und Querformat) und Klickdummy anfertigen
* '''30.01.:''' Fertiggestellten Klickdummy testen
* '''06.02:''' Tests auswerten; Anfangen für die Dokumentation zu sammeln





== Presentation and Documentation of Works==

===First use self observation===
[[/firstUseChatSecure]]

===Mid-Term-Presentations and Mentor Comments===
*[[/Gruppe Anmeldung]]
*[[/Sicherheit (security)]]

===End-Term-Presentation===
*[[/Gruppe_Anmeldung_endpresentation]]
*[[/Sicherheit_endpresentation (security)]]

===Heuristic Analysis===
* Aktuelle [https://guardianproject.info/releases/ Versionen von ChatSecure]
* Wenn die nicht geht: die [https://guardianproject.info/releases/chatsecure-latest.apk stabile Version]

'''Team Anmeldung: [[/HeuristicAnalysisAnmeldung|view the summary]]'''
*[[/HeuristicAnalysisAnmeldung| summary]]
*[[/HeuristicAnalysisAnmeldung_Person1]] (Aufgaben: Anmelden, Account erstellen, Einstellungen ("Settings"))
*[[/HeuristicAnalysisAnmeldung_Person2]] (Aufgaben: Anmelden, Account erstellen, Einstellungen ("Settings"))
*[[/HeuristicAnalysisAnmeldung_Person3]] (Aufgaben: Anmelden, Account erstellen, Einstellungen ("Settings"))

'''Team Sicherheit [[/HeuristicAnalysisSecurity|view the summary]] '''
*[[/HeuristicAnalysisSecurity|summary]]
*[[/HeuristicAnalysisSecurity_Person4]] (Aufgaben: Neuen Kontakt hinzufügen, Nachricht verschicken auf den Wegen: Unsicher, Verschlüsselt, Authentifiziert)
*[[/HeuristicAnalysisSecurity_Person5]] (Aufgaben: Neuen Kontakt hinzufügen, Nachricht verschicken auf den Wegen: Unsicher, Verschlüsselt, Authentifiziert)
*[[/HeuristicAnalysisSecurity_Person6]] (Aufgaben: Neuen Kontakt hinzufügen, Nachricht verschicken auf den Wegen: Unsicher, Verschlüsselt, Authentifiziert)

''Die Analyse sollte am spätestens am 16.1. fertig sein''

{{IFD_Nutzerstudien_HeuristischeEvaluationAnweisungen}}

Für Material siehe Abschnitt [[#Heuristische Analyse|Materialien/Heuristische Analyse]] auf dieser Seite

===Endabgabe===
====Termine====
* Bis zum Vorlesungszeitende (7.2.) sollen die Entwürfe und Forschungen fertiggestellt sein.
* Bis zum Mi, 5.März 2014 ist die Dokumentation für den Lehrenden und die Designs und Erklärungen für den Projektpartner fertigzustellen. Auf diese Version gibt es Feedback, die fertige, darauf hin verbesserte und entgültige Version ist eine Woche später, am 12. März abzugeben.

====Anforderungen====
* '''Gruppe oder/und einzeln?''' Dokumentation für den Lehrenden und die Designs und Erklärungen werden ''pro Gruppe'' erstellt. Wichtige Infos oder Erfahrungen (e.g. eine Person hatte diese und jene Probleme mit dem Interview und hat sich deshalb entschiedenen diese und jene Änderungen anm Vorgehen zu machen) sind mitzudokumentieren (u.U. anonym)
* '''Struktur/Inhalt:''' Die Dokumentation für den Lehrenden lehnt sich am besten an das [[IFD:Human-Centered-Design-Research_-_Workbook|Arbeitsbuch]] an. Möglicherweise sind nicht alle methodischen Vorschläge auf euer Projekt zutreffend, in diesem Fall kann es sinnvoll sein, die "Abweichung" zu erklären (''xyz'' ist nicht gut geeignet weil …, deshalb haben wir die methode ''xyz'' benutzt", um das und das zu machen)
* '''Format:'''Die Designs und Ergebnisse ''für den Projektpartner'' sind im Wiki zu veröffentlichen, die ''Doku an den Lehrenden'' im Wiki oder als PDF.
* '''Nachvollziehbarkeit:''' Die Designs und Ergebnisse für den Projektpartner sollen ermöglichen die ''Ideen in der Software umzusetzen'' und es soll klar werden wie und warum (oder warum nicht) die Entwürfe so entstanden sind (das Programmieren kosten natürlich auch Zeit, und niemand würde etwas "einfach so" einbauen; Zudem kann es sein das Abweichungen von euren Entwürfen nötig sind – dann sind die Begründungen und Daten wichtig, um etwas ähnliches umzusetzen)
* '''Anschaulich machen:''' Zu den Designs und Ergebnisse für den Projektpartner sollte gehören:
** Ein Text mit Screenshots und Entwurfsskizzen
** Ein Prototyp oder eine andere anschauliche Darstellungsform eures/eurer Entwurfes/Entwürfe

==Arbeits & Übungshilfen==
[[File:GuillocheGeldBitcoin.png|thumb|right|100px|"Geldscheinmuster" (zu Interviewbeispiel)]]
* [[IFD:Human-Centered-Design-Research_-_Workbook|"Workbook"]] in Begleitung zur Praktischen Arbeit als Dokumentation, Gedankenstütze und Reflektionsmöglichkeit
* [[Media:Interview IllustratorUse.mp3|Interview/Beobachtung]]: Thema: "Grafiken erstellen"; zum Ausprobieren von Auswertungsmethoden.
''Begriffe'':
Die erwähnten [https://de.wikipedia.org/wiki/Bitcoin "Bitcoins"] sind eine virtuelle Währung; "Offset" bedeutet soviel wie "Abstand".

Die Ergebnisse von Beobachtung und Fragen werden aufbereitet; [[Zusammenhänge Beispielinterview|Hier einige Zusammenhänge]], die sich aus der Audioaufnahme herrausarbeiten lasse.

===Folien===
* [http://webuser.uni-weimar.de/~fudo5114/talks/defineAndFindAudience.html define and find your audience]
* [http://webuser.uni-weimar.de/~fudo5114/talks/BeobachtenFragen.html Beobachten und Fragen]
* [http://webuser.uni-weimar.de/~fudo5114/talks/Datenanalyse.html Datenanalyse]
* [http://webuser.uni-weimar.de/~fudo5114/talks/VonAnalyseZuIdeen.html Szenarios und DesignStudio-Methode]
** [http://webuser.uni-weimar.de/~fudo5114/workshopapp/ Design Studio Webapp] (kam nicht im Kurs vor ist zum Selbernutzen der Methode aber praktischer als die Folien. Verbesserungsvorschläge willkommen)
* [http://webuser.uni-weimar.de/~fudo5114/talks/Minivortrag_Personas.html Personas erstellen]

==Links und Materialien==
===Security/Usability===
* [http://www.cl.cam.ac.uk/~rja14/book.html Security Engineering, Kapitel 2: Usability and Psychology]
* [https://www.cs.auckland.ac.nz/~pgut001/pubs/stupid.pdf Things that make us stupid] a talk on security (and UIs). Kudos if you get the norman reference.
* Security and Usability: Designing Secure Systems That People Can Use, Lorrie Faith Cranor, Simson Garfinkel et.al., O'Reilly Media, ISBN 0596008279
* [https://csclub.uwaterloo.ca/media/Off-the-Record%20Messaging:%20Useful%20Security%20and%20Privacy%20for%20IM.html Wie Off-The-Record funktioniert und warum]: Usability, Verbreitbarkeit, Effektivität, "Resilienz"/Fehlerresistenz (von [https://en.wikipedia.org/wiki/Ian_Goldberg Ian Goldberg])
* Usability: [http://jnd.org/dn.mss/when_security_gets_in_the_way.html »When Security gets in the Way«] (D. Norman)

===Kyptografie===
* [https://en.khanacademy.org/math/applied-math/cryptography/modern-crypt/v/the-fundamental-theorem-of-arithmetic-1 The intro to cryptography on Khan Academy] several 3-5min Videos. Easy.
* [http://www.mat-d.com/site/rsa-diffie-hellman-explained-in-3-minutes/ Diffie-Hellman-Key-Exchange] – ca. 2 DINA4 pages Text. How can you get a secret key without ever seeing each other or sending it?
* Zur Belohnung nach der Mathematik: [http://www.schneierfacts.com/ Bruce Schneier Facts]. Es hat keinen Bildungswert, ist aber lustig (wenn man ''sehr'' nerdigen Humor mag)

===Ausprobieren…===
* Mobile Applikationen testen, aber kein Telefon zur Hand? (Aber einen PC?): den [https://developer.android.com/sdk/index.html Android-Simulator] nutzen, der ein Android-System auf eurem Computer simuliert. ("SDK-Tools only" reicht aus). Schaut das [https://www.youtube.com/watch?v=4r3o2eBzyrs erklärende Video] an.
* https://guardianproject.info/apps/chatsecure/ ChatSecure]. ist die App, mit der wir u.A. arbeiten werden. Installieren über [https://play.google.com/store/apps/details?id=info.guardianproject.otr.app.im Android Store] oder direkt aus dem [https://guardianproject.info/releases/ChatSecure-v12.6.4-RC3.apk Repository]
* [http://www.pidgin.im/ Pidgin] kann mittels [https://otr.cypherpunks.ca/ OTR-Plugin] sicher mit ChatSecure (und vielen anderen Instant-Messangern) Nachrichten senden.
* man braucht natürlich mindestens einen XMPP-Account. Den kann man z.B. bei [http://einfachjabber.de/reg einfachjabber] oder [https://dukgo.com/blog/using-pidgin-with-xmpp-jabber dukgo] anlegen.

===Bücher Design===
* Interaction Design: Beyond Human-Computer Interaction – Preece, Rogers and Sharp, ISBN 978-0470665763 ''Interaktionsdesign-Bezug, darin aber sehr umfassender Überblick''

* Observing the User Experience: A Practitioner's Guide to User Research, Kuneavski, ISBN 978-1558609235

===Human Centered Design===

* Abläufe Analysieren: [http://mindthegap.blog.bau-ha.us/2013/08/from-research-to-requirements-user-need-tables/316/ User Need Tables] (Quellen sind dort verlinkt)
* Personas erstellen: About Face 3, Cooper et.al. (In der Bib)
* [[IFD:Course_Interaction_Design|Interaktionsdesign-Kurs]] Ein Script zu einem vorhergehenden, ähnlichen Werkmodul.
* [http://www.uxmatters.com/mt/archives/2011/10/research-guidelines-you-wont-find-in-a-textbook.php 3 Regeln für Nutzerforschung: Sich Anfreunden, nicht zum Fragen beantworten da sein, nichts "verkaufen"]
* [http://www.experientia.com/blog/ Putting People First-Blog] (u.A. Forschung, Gender, Bildung etc. im HCD. Keine hurra-wir-sind-toll-Artikel, sondern interessante Inhalte.)

===Mobile Apps===
[http://www.cs.uml.edu/~fredm/courses/91.308-fall05/palm/zenofpalm.pdf The Zen of Palm]. Gute Zusammenfassung.

===Heuristische Analyse===
Hinweis: Eine heuristische Analyse kann das Testen nur ergänzen, aber nicht ersetzen!
* [http://www.nngroup.com/articles/ten-usability-heuristics/ List of Heuristics]
* [http://www.nngroup.com/articles/how-to-conduct-a-heuristic-evaluation/ How to do a heuristic evaluation] (and statistics which number of evaluatiors are best and/or most efficient etc.)

===Software===
* [http://developer.nokia.com/Resources/Tools_and_downloads/Other/Flowella/ Nokia Flowella] für Durchklick-Prototypen
* [http://www.jQuery.com jQuery] für aufwändiger, interaktive Prototypen.

===Nützliches===
* Ein [http://en.wikipedia.org/wiki/Service_blueprint Service Blueprint] zum [http://www.flickr.com/photos/brandonschauer/3363169836/ Download]

* [http://m18.uni-weimar.de/mailman/listinfo/interaction Sign up] for our (inofficial) BU Interaction Design Mailinglist

===Meta===
...das Designen von Designlehre
* [http://www.newyorker.com/reporting/2012/01/30/120130fa_fact_lehrer?currentPage=all Brainstorming: Eine Kritik] (vgl. mit der pro-Brainstorm-Kultur von e.g. Design Thinking)
* Parallel Prototyping:Eine empirische Studie von [http://aaalab.stanford.edu/papers/Parallel_Prototyping_2010.pdf 2010] und einer von [http://www.sigchi.org/chi95/proceedings/shortppr/so_bdy.htm 1995], deren Ergebnisse sehr für paralelles Prototyping sprechen.
* Das Iteration sinnvoll ist, ist auch nix neues, aber auch hier eine [http://www.itu.dk/people/jeppeh/specialeartikler/The%20Efficacy%20of%20Prototyping%20Under%20Time%20Constraints.pdf Studie] dazu
* Gruppen, die sich nach bestehenden Freundschaften zusammenfinden, sind für designerische Gruppenarbeiten [http://www.stanford.edu/~roypea/RoyPDF%20folder/A154_CSCL09_Maldonado_Klemmer_Pea.pdf nicht gut geeignet]
* [http://hci.stanford.edu/publications/2011/PrototypingDynamics/PrototypingDynamics-CHI2011.pdf mehrere Designs erstellen und teilen] ist vorteilhaft. [http://hci.stanford.edu/publications/2012/RepeatedExamplesCogSci2012/RepeatedExamplesCogSci2012.pdf Früh mehrfach Beispiele zu teilen] verbessert Resultate.
* The Reflective Practitioner (D. Schön), ISBN 0465068782

IFD:Nutzerstudien WiSe1314

2014-01-30T13:59:41Z

JanD: /* Gruppen */

=Werkmodul Nutzerstudien/Sicherheit und Benutzbarkeit=
jeden Donnerstag, 13:30 bis 16:45, Marienstraße 7 B - Seminarraum 102 (siehe auch: Die Veranstaltung im [http://www.uni-weimar.de/qisserver/rds?state=verpublish&status=init&vmfile=no&publishid=21968&moduleCall=webInfo&publishConfFile=webInfo&publishSubDir=veranstaltung Vorlesungsverzeichnis])


===Aktuelles===
* Ein Teil der Aufgaben werden im Medienwiki (auf dieser Website also) bearbeitet werden. Bitte informiert euch wie ihr euch [https://www.youtube.com/watch?v=3oJF0G25q9Q Anmelden], [https://www.youtube.com/watch?v=PVBOAyd_1Zw Editieren], [https://www.youtube.com/watch?v=hLoOpqCyos0 Formatieren] und [https://www.youtube.com/watch?v=P42Une7fC_g Unterseiten anlegen] könnt (Videos dazu in den Links).

==Beschreibung==
[[File:Messaging_CC2BY_FlickrUser-Håkan_Dahlström.jpg|thumb|right|300px|wer liest mit? ([http://flickr.com/photos/dahlstroms/8041061787/sizes/k/in/photostream/ Bild: Dahlström], [https://creativecommons.org/licenses/by/2.0/ CC-BY])]]
[[File:6930835797 2db7044d34 b.jpg|thumb||right|200px|Interviewen]]
[[File:ExploreChallenge CC-BY-2 FlickrUserServicedesignberlin.jpg|thumb|right|200px|Analysieren]]
''Warum ist eine App nützlich und nutzbar, eine andere nicht?''
''Wie kann ich herrausfinden was meine Nutzer brauchen?''

Im Werkmodul Nutzerstudien werden wir Design und die Funktionen von Apps zur sicheren Kommunikation entwickeln und verbessern.

Wir werden:
* Durch unsere Gespräche und Beobachtungen mehr über Nutzer lernen
* Lernen, welche psychologischen Prinzipien bestimmen, ob etwas leicht oder schwierig zu benutzen ist und damit Designen.
* Wir werden unsere Designs ausprobieren lassen und so Verbesserungsmöglichkeiten erkennen und neue Ideen bekommen.



Um zu lernen, wie wir diese Methoden in der Praxis anwenden, haben wir eine Praxiskooperation mit dem [https://guardianproject.info/ Guardian Project]. Wir haben die Aufgabe, sichere Kommunikation über mobile Apps zu verbessern. Mitarbeiter des Projektes werden uns beraten und Feedback für eure Ideen geben.

Kommunikation, die nicht einfach abgehört oder Personen zugeordnet werden kann, ist für Bürgerrechtler und Journalisten essentiell, wird aber auch von Personen verwendet, die ihre Rechte im Netz nicht geschützt sehen.

Leider ist die Nutzung solcher Methoden nicht einfach. Sicherheitsexperte Bruce Schneier z.B. [http://www.theguardian.com/world/2013/sep/05/nsa-how-to-remain-secure-surveillance gibt Tips], sieht diese Tips aber kritisch, denn: ''»My five tips [for more security] suck. They are not things the average person can use. […] Basically, the average user is screwed.«'' (aus einem [http://www.technologyreview.com/news/519336/bruce-schneier-nsa-spying-is-making-us-less-safe/ Interview mit dem MIT Technology Review]) Zwar wird oft auf [https://en.wikipedia.org/wiki/Rtfm »Nutzererziehung«] verwiesen. Das Argument entschuldigt auch die unbenutzbarsten Lösungen – und selbst erfahrene [http://www.gaudior.net/alma/johnny.pdf Nutzer scheitern] z.B. an Verschlüsselungsprogrammen. Besser wären Lösungen, die praktisch, gut benutzbar und sicher sind. Wir wollen zu solchen Lösungen beitragen.

==Häufige Fragen==

'''Muss ich Programmieren können?''' Nein.

'''Ist das hier alles theoretisch?''' Nein, der Kurs ist nicht theoretisch, im Gegenteil, wir werden die gelehrten Methoden anwenden und sie nutzen, um eine anwendbare, praktische Lösung für Probleme zu schaffen.

'''Ist das wissenschaftlich?''' Jein. Es ist [http://de.wikipedia.org/wiki/Naturwissenschaft wissenschaftlich] in dem Sinne, das die Gestaltung auf (eigenen) Erkenntnissen beruht, die wir auch [http://de.wikipedia.org/wiki/Kritischer_Rationalismus kritisch hinterfragen]. Nicht wissenschaftlich ist, das wir konkrete Probleme lösen, anstatt ein allgemeines Modell zu erstellen. (Vergleiche "Wie verhindere ich, das es umfällt?" mit "warum fallen Dinge nach unten?")

==Voraussetzungen==
* Bereitschaft zu eigener Forschung und Weiterentwicklung von Ideen. Mit einem Konzept, dessen Umsetzung für euch schon absolut feststeht, wird der Kurs freud- wie erkenntnislos.

* Texte auf Englisch lesen, denn es gibt wenig Literatur zu dem Gebiet auf deutsch. Wir lesen nicht viel, und ich wähle keine Texte aus, die den Leser mit [http://dev.null.org/postmodern/ nebulös-abstrakten] Begriffen beeindrucken. Aber es ist hilfreich, sich damit zu beschäftigen was andere bisher herausgefunden haben.

==Bewertung==
* Dokumentation (im Wiki, dabei an die Struktur des Arbeitsbuches halten)
* Vortrag
* Anwesenheit (regelm., max 3x fehlen)

==Anmelden==
Mail an ''jan.dittrich ÄT uni-weimar.de'' mit
* Name, Vorname
* Matrikelnummer
* Studiengang
* Kurzer Text der erklärt, warum ihr Teilnehmen möchtet.

==Vortragsthemen| ''student presentations''==
''Mögliche Vortragsthemen. Bitte nutzt die bereitgestellten Quellen, und macht dann eine eigene Recherche. Bereitet das Thema auf, macht es [http://dilbert.com/strips/comic/2010-01-18/ anschaulich] und nicht einfach nur eine Nacherzählung der Quellen (oder der Stichpunkte auf den Slides).''

'''Vortragsdauer: 15-20min'''
* 7.11 Attacks based on Psychology, [http://www.cl.cam.ac.uk/~rja14/book.html Security Engineering, Chapter 2.2] (Lisa Guth)
* 14.11 Personas: About Face 3, ISBN 0470084111, (page 75-81, 97-106)
* 21.11 'Service Blueprinting, [http://knowledge.wpcarey.asu.edu/article.cfm?articleid=1546 intro], [[wikipedia:Service blueprint|Wikipedia]], [http://www.flickr.com/photos/brandonschauer/3363169836/ template]
* 28.11 Security and Usability: The Case of passwords: [http://www.nngroup.com/articles/security-and-human-factors/ Norman/Nielsen on Sign-On-Usability], [http://www.cl.cam.ac.uk/~rja14/book.html Security Engineering, Chapter 2.4], [https://xkcd.com/936/ xkcd on password strength] (Anna Krieger)
* 05.12 "Intuitivität" [http://www.asktog.com/papers/raskinintuit.html Intuitive = Familiar], [http://www.uie.com/articles/design_intuitive/ The Intuition Gap] (Michèle Eike)
*12.12. Kein Vortrag
*19.12. Prototyping-Tools: [http://pencil.evolus.vn/ Pencil], [http://jquery.com/ jQuery] (Anja Rathgeber)
* 19.12. Parallel Prototyping: [http://www.sigchi.org/chi95/proceedings/shortppr/so_bdy.htm 1995], [http://aaalab.stanford.edu/papers/Parallel_Prototyping_2010.pdf 2010]
* 9.1 Knowledge in the Head, Knowledge in the World. In "The Design of Everyday Things" ("Alltägliche Dinge"), Donald Norman, ISBN 0465067107 (Psychologischer Fokus) (Susanne Pötzsch)
* 16.1. [http://www.gaudior.net/alma/johnny.pdf Why Johnny can't encrypt] a classic Security/HCI paper. (Benjamin Burse)
* 23.1. Paper: [http://technology.open.ac.uk/design/cross/documents/DesignerlyWaysofKnowing.pdf Designerly Ways of knowing]





==Zeitplan==
* '''24.10''': Einführung | ''Introduction''
* '''31.10''' : ''Feiertag''
* '''7.11''': Security
* '''14.11''' : Nutzerforschung: Beobachten und Fragen stellen | ''User Research: Observing and Asking Questions''
* '''21.11''': Datenanalyse, Szenarioerstellung | ''Analyse Data, Create Scenarios''
* '''28.11''': Idenentwicklung | ''Idea Development''
* '''5.12.: Prototyping
[…]
* '''12.12''': 1st Feedback round
[…]

==='''Gruppe Anmeldung'''===
* '''16.01''': heuristische Analyse und Schwachpunkte herausarbeiten 
Treffen um den PaperMockUp gestalten 
Prototyp in den nächsten zwei Wochen testen (evtl. mehrere Iterationsschritte)
* '''23.01''': Feedback | vorläufige Ergebnisse zusammentragen
* '''30.01''': Verbesserungen vornehmen 
Treffen um Wiki-Seite zu aktualisieren 
* bis vorlesungsfreie Zeit => Feedback

==='''Gruppe Sicherheit'''===
* '''16.01.:''' Heuristische Analyse fertigstellen und Schwachpunkte der App finden
* '''23.01.:''' Prototypen verbessern (je nach Zeit: für Hoch- und Querformat) und Klickdummy anfertigen
* '''30.01.:''' Fertiggestellten Klickdummy testen
* '''06.02:''' Tests auswerten; Anfangen für die Dokumentation zu sammeln





== Presentation and Documentation of Works==

===First use self observation===
[[/firstUseChatSecure]]

===Mid-Term-Presentations and Mentor Comments===
*[[/Gruppe Anmeldung]]
*[[/Sicherheit (security)]]

===Heuristic Analysis===
* Aktuelle [https://guardianproject.info/releases/ Versionen von ChatSecure]
* Wenn die nicht geht: die [https://guardianproject.info/releases/chatsecure-latest.apk stabile Version]

'''Team Anmeldung: [[/HeuristicAnalysisAnmeldung|view the summary]]'''
*[[/HeuristicAnalysisAnmeldung| summary]]
*[[/HeuristicAnalysisAnmeldung_Person1]] (Aufgaben: Anmelden, Account erstellen, Einstellungen ("Settings"))
*[[/HeuristicAnalysisAnmeldung_Person2]] (Aufgaben: Anmelden, Account erstellen, Einstellungen ("Settings"))
*[[/HeuristicAnalysisAnmeldung_Person3]] (Aufgaben: Anmelden, Account erstellen, Einstellungen ("Settings"))

'''Team Sicherheit [[/HeuristicAnalysisSecurity|view the summary]] '''
*[[/HeuristicAnalysisSecurity|summary]]
*[[/HeuristicAnalysisSecurity_Person4]] (Aufgaben: Neuen Kontakt hinzufügen, Nachricht verschicken auf den Wegen: Unsicher, Verschlüsselt, Authentifiziert)
*[[/HeuristicAnalysisSecurity_Person5]] (Aufgaben: Neuen Kontakt hinzufügen, Nachricht verschicken auf den Wegen: Unsicher, Verschlüsselt, Authentifiziert)
*[[/HeuristicAnalysisSecurity_Person6]] (Aufgaben: Neuen Kontakt hinzufügen, Nachricht verschicken auf den Wegen: Unsicher, Verschlüsselt, Authentifiziert)

''Die Analyse sollte am spätestens am 16.1. fertig sein''

{{IFD_Nutzerstudien_HeuristischeEvaluationAnweisungen}}

Für Material siehe Abschnitt [[#Heuristische Analyse|Materialien/Heuristische Analyse]] auf dieser Seite

===Endabgabe===
====Termine====
* Bis zum Vorlesungszeitende (7.2.) sollen die Entwürfe und Forschungen fertiggestellt sein.
* Bis zum Mi, 5.März 2014 ist die Dokumentation für den Lehrenden und die Designs und Erklärungen für den Projektpartner fertigzustellen. Auf diese Version gibt es Feedback, die fertige, darauf hin verbesserte und entgültige Version ist eine Woche später, am 12. März abzugeben.

====Anforderungen====
* '''Gruppe oder/und einzeln?''' Dokumentation für den Lehrenden und die Designs und Erklärungen werden ''pro Gruppe'' erstellt. Wichtige Infos oder Erfahrungen (e.g. eine Person hatte diese und jene Probleme mit dem Interview und hat sich deshalb entschiedenen diese und jene Änderungen anm Vorgehen zu machen) sind mitzudokumentieren (u.U. anonym)
* '''Struktur/Inhalt:''' Die Dokumentation für den Lehrenden lehnt sich am besten an das [[IFD:Human-Centered-Design-Research_-_Workbook|Arbeitsbuch]] an. Möglicherweise sind nicht alle methodischen Vorschläge auf euer Projekt zutreffend, in diesem Fall kann es sinnvoll sein, die "Abweichung" zu erklären (''xyz'' ist nicht gut geeignet weil …, deshalb haben wir die methode ''xyz'' benutzt", um das und das zu machen)
* '''Format:'''Die Designs und Ergebnisse ''für den Projektpartner'' sind im Wiki zu veröffentlichen, die ''Doku an den Lehrenden'' im Wiki oder als PDF.
* '''Nachvollziehbarkeit:''' Die Designs und Ergebnisse für den Projektpartner sollen ermöglichen die ''Ideen in der Software umzusetzen'' und es soll klar werden wie und warum (oder warum nicht) die Entwürfe so entstanden sind (das Programmieren kosten natürlich auch Zeit, und niemand würde etwas "einfach so" einbauen; Zudem kann es sein das Abweichungen von euren Entwürfen nötig sind – dann sind die Begründungen und Daten wichtig, um etwas ähnliches umzusetzen)
* '''Anschaulich machen:''' Zu den Designs und Ergebnisse für den Projektpartner sollte gehören:
** Ein Text mit Screenshots und Entwurfsskizzen
** Ein Prototyp oder eine andere anschauliche Darstellungsform eures/eurer Entwurfes/Entwürfe

==Arbeits & Übungshilfen==
[[File:GuillocheGeldBitcoin.png|thumb|right|100px|"Geldscheinmuster" (zu Interviewbeispiel)]]
* [[IFD:Human-Centered-Design-Research_-_Workbook|"Workbook"]] in Begleitung zur Praktischen Arbeit als Dokumentation, Gedankenstütze und Reflektionsmöglichkeit
* [[Media:Interview IllustratorUse.mp3|Interview/Beobachtung]]: Thema: "Grafiken erstellen"; zum Ausprobieren von Auswertungsmethoden.
''Begriffe'':
Die erwähnten [https://de.wikipedia.org/wiki/Bitcoin "Bitcoins"] sind eine virtuelle Währung; "Offset" bedeutet soviel wie "Abstand".

Die Ergebnisse von Beobachtung und Fragen werden aufbereitet; [[Zusammenhänge Beispielinterview|Hier einige Zusammenhänge]], die sich aus der Audioaufnahme herrausarbeiten lasse.

===Folien===
* [http://webuser.uni-weimar.de/~fudo5114/talks/defineAndFindAudience.html define and find your audience]
* [http://webuser.uni-weimar.de/~fudo5114/talks/BeobachtenFragen.html Beobachten und Fragen]
* [http://webuser.uni-weimar.de/~fudo5114/talks/Datenanalyse.html Datenanalyse]
* [http://webuser.uni-weimar.de/~fudo5114/talks/VonAnalyseZuIdeen.html Szenarios und DesignStudio-Methode]
** [http://webuser.uni-weimar.de/~fudo5114/workshopapp/ Design Studio Webapp] (kam nicht im Kurs vor ist zum Selbernutzen der Methode aber praktischer als die Folien. Verbesserungsvorschläge willkommen)
* [http://webuser.uni-weimar.de/~fudo5114/talks/Minivortrag_Personas.html Personas erstellen]

==Links und Materialien==
===Security/Usability===
* [http://www.cl.cam.ac.uk/~rja14/book.html Security Engineering, Kapitel 2: Usability and Psychology]
* Security and Usability: Designing Secure Systems That People Can Use, Lorrie Faith Cranor, Simson Garfinkel et.al., O'Reilly Media, ISBN 0596008279
* [https://csclub.uwaterloo.ca/media/Off-the-Record%20Messaging:%20Useful%20Security%20and%20Privacy%20for%20IM.html Wie Off-The-Record funktioniert und warum]: Usability, Verbreitbarkeit, Effektivität, "Resilienz"/Fehlerresistenz (von [https://en.wikipedia.org/wiki/Ian_Goldberg Ian Goldberg])
* Usability: [http://jnd.org/dn.mss/when_security_gets_in_the_way.html »When Security gets in the Way«] (D. Norman)

===Kyptografie===
* [https://en.khanacademy.org/math/applied-math/cryptography/modern-crypt/v/the-fundamental-theorem-of-arithmetic-1 The intro to cryptography on Khan Academy] several 3-5min Videos. Easy.
* [http://www.mat-d.com/site/rsa-diffie-hellman-explained-in-3-minutes/ Diffie-Hellman-Key-Exchange] – ca. 2 DINA4 pages Text. How can you get a secret key without ever seeing each other or sending it?
* Zur Belohnung nach der Mathematik: [http://www.schneierfacts.com/ Bruce Schneier Facts]. Es hat keinen Bildungswert, ist aber lustig (wenn man ''sehr'' nerdigen Humor mag)

===Ausprobieren…===
* Mobile Applikationen testen, aber kein Telefon zur Hand? (Aber einen PC?): den [https://developer.android.com/sdk/index.html Android-Simulator] nutzen, der ein Android-System auf eurem Computer simuliert. ("SDK-Tools only" reicht aus). Schaut das [https://www.youtube.com/watch?v=4r3o2eBzyrs erklärende Video] an.
* https://guardianproject.info/apps/chatsecure/ ChatSecure]. ist die App, mit der wir u.A. arbeiten werden. Installieren über [https://play.google.com/store/apps/details?id=info.guardianproject.otr.app.im Android Store] oder direkt aus dem [https://guardianproject.info/releases/ChatSecure-v12.6.4-RC3.apk Repository]
* [http://www.pidgin.im/ Pidgin] kann mittels [https://otr.cypherpunks.ca/ OTR-Plugin] sicher mit ChatSecure (und vielen anderen Instant-Messangern) Nachrichten senden.
* man braucht natürlich mindestens einen XMPP-Account. Den kann man z.B. bei [http://einfachjabber.de/reg einfachjabber] oder [https://dukgo.com/blog/using-pidgin-with-xmpp-jabber dukgo] anlegen.

===Bücher Design===
* Interaction Design: Beyond Human-Computer Interaction – Preece, Rogers and Sharp, ISBN 978-0470665763 ''Interaktionsdesign-Bezug, darin aber sehr umfassender Überblick''

* Observing the User Experience: A Practitioner's Guide to User Research, Kuneavski, ISBN 978-1558609235

===Human Centered Design===

* Abläufe Analysieren: [http://mindthegap.blog.bau-ha.us/2013/08/from-research-to-requirements-user-need-tables/316/ User Need Tables] (Quellen sind dort verlinkt)
* Personas erstellen: About Face 3, Cooper et.al. (In der Bib)
* [[IFD:Course_Interaction_Design|Interaktionsdesign-Kurs]] Ein Script zu einem vorhergehenden, ähnlichen Werkmodul.
* [http://www.uxmatters.com/mt/archives/2011/10/research-guidelines-you-wont-find-in-a-textbook.php 3 Regeln für Nutzerforschung: Sich Anfreunden, nicht zum Fragen beantworten da sein, nichts "verkaufen"]
* [http://www.experientia.com/blog/ Putting People First-Blog] (u.A. Forschung, Gender, Bildung etc. im HCD. Keine hurra-wir-sind-toll-Artikel, sondern interessante Inhalte.)

===Mobile Apps===
[http://www.cs.uml.edu/~fredm/courses/91.308-fall05/palm/zenofpalm.pdf The Zen of Palm]. Gute Zusammenfassung.

===Heuristische Analyse===
Hinweis: Eine heuristische Analyse kann das Testen nur ergänzen, aber nicht ersetzen!
* [http://www.nngroup.com/articles/ten-usability-heuristics/ List of Heuristics]
* [http://www.nngroup.com/articles/how-to-conduct-a-heuristic-evaluation/ How to do a heuristic evaluation] (and statistics which number of evaluatiors are best and/or most efficient etc.)

===Software===
* [http://developer.nokia.com/Resources/Tools_and_downloads/Other/Flowella/ Nokia Flowella] für Durchklick-Prototypen
* [http://www.jQuery.com jQuery] für aufwändiger, interaktive Prototypen.

===Nützliches===
* Ein [http://en.wikipedia.org/wiki/Service_blueprint Service Blueprint] zum [http://www.flickr.com/photos/brandonschauer/3363169836/ Download]

* [http://m18.uni-weimar.de/mailman/listinfo/interaction Sign up] for our (inofficial) BU Interaction Design Mailinglist

===Meta===
...das Designen von Designlehre
* [http://www.newyorker.com/reporting/2012/01/30/120130fa_fact_lehrer?currentPage=all Brainstorming: Eine Kritik] (vgl. mit der pro-Brainstorm-Kultur von e.g. Design Thinking)
* Parallel Prototyping:Eine empirische Studie von [http://aaalab.stanford.edu/papers/Parallel_Prototyping_2010.pdf 2010] und einer von [http://www.sigchi.org/chi95/proceedings/shortppr/so_bdy.htm 1995], deren Ergebnisse sehr für paralelles Prototyping sprechen.
* Das Iteration sinnvoll ist, ist auch nix neues, aber auch hier eine [http://www.itu.dk/people/jeppeh/specialeartikler/The%20Efficacy%20of%20Prototyping%20Under%20Time%20Constraints.pdf Studie] dazu
* Gruppen, die sich nach bestehenden Freundschaften zusammenfinden, sind für designerische Gruppenarbeiten [http://www.stanford.edu/~roypea/RoyPDF%20folder/A154_CSCL09_Maldonado_Klemmer_Pea.pdf nicht gut geeignet]
* [http://hci.stanford.edu/publications/2011/PrototypingDynamics/PrototypingDynamics-CHI2011.pdf mehrere Designs erstellen und teilen] ist vorteilhaft. [http://hci.stanford.edu/publications/2012/RepeatedExamplesCogSci2012/RepeatedExamplesCogSci2012.pdf Früh mehrfach Beispiele zu teilen] verbessert Resultate.
* The Reflective Practitioner (D. Schön), ISBN 0465068782

IFD:Nutzerstudien WiSe1314

2014-01-16T16:49:35Z

JanD: /* Meta */

=Werkmodul Nutzerstudien/Sicherheit und Benutzbarkeit=
jeden Donnerstag, 13:30 bis 16:45, Marienstraße 7 B - Seminarraum 102 (siehe auch: Die Veranstaltung im [http://www.uni-weimar.de/qisserver/rds?state=verpublish&status=init&vmfile=no&publishid=21968&moduleCall=webInfo&publishConfFile=webInfo&publishSubDir=veranstaltung Vorlesungsverzeichnis])


===Aktuelles===
* Ein Teil der Aufgaben werden im Medienwiki (auf dieser Website also) bearbeitet werden. Bitte informiert euch wie ihr euch [https://www.youtube.com/watch?v=3oJF0G25q9Q Anmelden], [https://www.youtube.com/watch?v=PVBOAyd_1Zw Editieren], [https://www.youtube.com/watch?v=hLoOpqCyos0 Formatieren] und [https://www.youtube.com/watch?v=P42Une7fC_g Unterseiten anlegen] könnt (Videos dazu in den Links).

==Beschreibung==
[[File:Messaging_CC2BY_FlickrUser-Håkan_Dahlström.jpg|thumb|right|300px|wer liest mit? ([http://flickr.com/photos/dahlstroms/8041061787/sizes/k/in/photostream/ Bild: Dahlström], [https://creativecommons.org/licenses/by/2.0/ CC-BY])]]
[[File:6930835797 2db7044d34 b.jpg|thumb||right|200px|Interviewen]]
[[File:ExploreChallenge CC-BY-2 FlickrUserServicedesignberlin.jpg|thumb|right|200px|Analysieren]]
''Warum ist eine App nützlich und nutzbar, eine andere nicht?''
''Wie kann ich herrausfinden was meine Nutzer brauchen?''

Im Werkmodul Nutzerstudien werden wir Design und die Funktionen von Apps zur sicheren Kommunikation entwickeln und verbessern.

Wir werden:
* Durch unsere Gespräche und Beobachtungen mehr über Nutzer lernen
* Lernen, welche psychologischen Prinzipien bestimmen, ob etwas leicht oder schwierig zu benutzen ist und damit Designen.
* Wir werden unsere Designs ausprobieren lassen und so Verbesserungsmöglichkeiten erkennen und neue Ideen bekommen.



Um zu lernen, wie wir diese Methoden in der Praxis anwenden, haben wir eine Praxiskooperation mit dem [https://guardianproject.info/ Guardian Project]. Wir haben die Aufgabe, sichere Kommunikation über mobile Apps zu verbessern. Mitarbeiter des Projektes werden uns beraten und Feedback für eure Ideen geben.

Kommunikation, die nicht einfach abgehört oder Personen zugeordnet werden kann, ist für Bürgerrechtler und Journalisten essentiell, wird aber auch von Personen verwendet, die ihre Rechte im Netz nicht geschützt sehen.

Leider ist die Nutzung solcher Methoden nicht einfach. Sicherheitsexperte Bruce Schneier z.B. [http://www.theguardian.com/world/2013/sep/05/nsa-how-to-remain-secure-surveillance gibt Tips], sieht diese Tips aber kritisch, denn: ''»My five tips [for more security] suck. They are not things the average person can use. […] Basically, the average user is screwed.«'' (aus einem [http://www.technologyreview.com/news/519336/bruce-schneier-nsa-spying-is-making-us-less-safe/ Interview mit dem MIT Technology Review]) Zwar wird oft auf [https://en.wikipedia.org/wiki/Rtfm »Nutzererziehung«] verwiesen. Das Argument entschuldigt auch die unbenutzbarsten Lösungen – und selbst erfahrene [http://www.gaudior.net/alma/johnny.pdf Nutzer scheitern] z.B. an Verschlüsselungsprogrammen. Besser wären Lösungen, die praktisch, gut benutzbar und sicher sind. Wir wollen zu solchen Lösungen beitragen.

==Häufige Fragen==

'''Muss ich Programmieren können?''' Nein.

'''Ist das hier alles theoretisch?''' Nein, der Kurs ist nicht theoretisch, im Gegenteil, wir werden die gelehrten Methoden anwenden und sie nutzen, um eine anwendbare, praktische Lösung für Probleme zu schaffen.

'''Ist das wissenschaftlich?''' Jein. Es ist [http://de.wikipedia.org/wiki/Naturwissenschaft wissenschaftlich] in dem Sinne, das die Gestaltung auf (eigenen) Erkenntnissen beruht, die wir auch [http://de.wikipedia.org/wiki/Kritischer_Rationalismus kritisch hinterfragen]. Nicht wissenschaftlich ist, das wir konkrete Probleme lösen, anstatt ein allgemeines Modell zu erstellen. (Vergleiche "Wie verhindere ich, das es umfällt?" mit "warum fallen Dinge nach unten?")

==Voraussetzungen==
* Bereitschaft zu eigener Forschung und Weiterentwicklung von Ideen. Mit einem Konzept, dessen Umsetzung für euch schon absolut feststeht, wird der Kurs freud- wie erkenntnislos.

* Texte auf Englisch lesen, denn es gibt wenig Literatur zu dem Gebiet auf deutsch. Wir lesen nicht viel, und ich wähle keine Texte aus, die den Leser mit [http://dev.null.org/postmodern/ nebulös-abstrakten] Begriffen beeindrucken. Aber es ist hilfreich, sich damit zu beschäftigen was andere bisher herausgefunden haben.

==Bewertung==
* Dokumentation (im Wiki, dabei an die Struktur des Arbeitsbuches halten)
* Vortrag
* Anwesenheit (regelm., max 3x fehlen)

==Anmelden==
Mail an ''jan.dittrich ÄT uni-weimar.de'' mit
* Name, Vorname
* Matrikelnummer
* Studiengang
* Kurzer Text der erklärt, warum ihr Teilnehmen möchtet.

==Vortragsthemen| ''student presentations''==
''Mögliche Vortragsthemen. Bitte nutzt die bereitgestellten Quellen, und macht dann eine eigene Recherche. Bereitet das Thema auf, macht es [http://dilbert.com/strips/comic/2010-01-18/ anschaulich] und nicht einfach nur eine Nacherzählung der Quellen (oder der Stichpunkte auf den Slides).''

'''Vortragsdauer: 15-20min'''
* 7.11 Attacks based on Psychology, [http://www.cl.cam.ac.uk/~rja14/book.html Security Engineering, Chapter 2.2] (Lisa Guth)
* 14.11 Personas: About Face 3, ISBN 0470084111, (page 75-81, 97-106)
* 21.11 'Service Blueprinting, [http://knowledge.wpcarey.asu.edu/article.cfm?articleid=1546 intro], [[wikipedia:Service blueprint|Wikipedia]], [http://www.flickr.com/photos/brandonschauer/3363169836/ template]
* 28.11 Security and Usability: The Case of passwords: [http://www.nngroup.com/articles/security-and-human-factors/ Norman/Nielsen on Sign-On-Usability], [http://www.cl.cam.ac.uk/~rja14/book.html Security Engineering, Chapter 2.4], [https://xkcd.com/936/ xkcd on password strength] (Anna Krieger)
* 05.12 "Intuitivität" [http://www.asktog.com/papers/raskinintuit.html Intuitive = Familiar], [http://www.uie.com/articles/design_intuitive/ The Intuition Gap] (Michèle Eike)
*12.12. Kein Vortrag
*19.12. Prototyping-Tools: [http://pencil.evolus.vn/ Pencil], [http://jquery.com/ jQuery] (Anja Rathgeber)
* 19.12. Parallel Prototyping: [http://www.sigchi.org/chi95/proceedings/shortppr/so_bdy.htm 1995], [http://aaalab.stanford.edu/papers/Parallel_Prototyping_2010.pdf 2010]
* 9.1 Knowledge in the Head, Knowledge in the World. In "The Design of Everyday Things" ("Alltägliche Dinge"), Donald Norman, ISBN 0465067107 (Psychologischer Fokus) (Susanne Pötzsch)
* 16.1. [http://www.gaudior.net/alma/johnny.pdf Why Johnny can't encrypt] a classic Security/HCI paper. (Benjamin Burse)
* 23.1. Paper: [http://technology.open.ac.uk/design/cross/documents/DesignerlyWaysofKnowing.pdf Designerly Ways of knowing]





==Zeitplan==
* '''24.10''': Einführung | ''Introduction''
* '''31.10''' : ''Feiertag''
* '''7.11''': Security
* '''14.11''' : Nutzerforschung: Beobachten und Fragen stellen | ''User Research: Observing and Asking Questions''
* '''21.11''': Datenanalyse, Szenarioerstellung | ''Analyse Data, Create Scenarios''
* '''28.11''': Idenentwicklung | ''Idea Development''
* '''5.12.: Prototyping
[…]
* '''12.12''': 1st Feedback round
[…]

==='''Gruppe Anmeldung'''===
* '''16.01''': heuristische Analyse und Schwachpunkte herausarbeiten 
Treffen um den PaperMockUp gestalten 
Prototyp in den nächsten zwei Wochen testen (evtl. mehrere Iterationsschritte)
* '''23.01''': Feedback | vorläufige Ergebnisse zusammentragen
* '''30.01''': Verbesserungen vornehmen 
Treffen um Wiki-Seite zu aktualisieren 
* bis vorlesungsfreie Zeit => Feedback

==='''Gruppe Sicherheit'''===
* '''16.01.:''' Heuristische Analyse fertigstellen und Schwachpunkte der App finden
* '''23.01.:''' Prototypen verbessern (je nach Zeit: für Hoch- und Querformat) und Klickdummy anfertigen
* '''30.01.:''' Fertiggestellten Klickdummy testen
* '''06.02:''' Tests auswerten; Anfangen für die Dokumentation zu sammeln

==Gruppen==
[[/Beispiel]]

*[[/Gruppe Anmeldung]]
*[[/Sicherheit (security)]]

== Presentation and Documentation of Works==

===First use self observation===
[[/firstUseChatSecure]]

===Mid-Term-Presentations and Mentor Comments===
*[[/Gruppe Anmeldung]]
*[[/Sicherheit (security)]]

===Heuristic Analysis===
* Aktuelle [https://guardianproject.info/releases/ Versionen von ChatSecure]
* Wenn die nicht geht: die [https://guardianproject.info/releases/chatsecure-latest.apk stabile Version]

'''Team Anmeldung: [[/HeuristicAnalysisAnmeldung|view the summary]]'''
*[[/HeuristicAnalysisAnmeldung| summary]]
*[[/HeuristicAnalysisAnmeldung_Person1]] (Aufgaben: Anmelden, Account erstellen, Einstellungen ("Settings"))
*[[/HeuristicAnalysisAnmeldung_Person2]] (Aufgaben: Anmelden, Account erstellen, Einstellungen ("Settings"))
*[[/HeuristicAnalysisAnmeldung_Person3]] (Aufgaben: Anmelden, Account erstellen, Einstellungen ("Settings"))

'''Team Sicherheit [[/HeuristicAnalysisSecurity|view the summary]] '''
*[[/HeuristicAnalysisSecurity|summary]]
*[[/HeuristicAnalysisSecurity_Person4]] (Aufgaben: Neuen Kontakt hinzufügen, Nachricht verschicken auf den Wegen: Unsicher, Verschlüsselt, Authentifiziert)
*[[/HeuristicAnalysisSecurity_Person5]] (Aufgaben: Neuen Kontakt hinzufügen, Nachricht verschicken auf den Wegen: Unsicher, Verschlüsselt, Authentifiziert)
*[[/HeuristicAnalysisSecurity_Person6]] (Aufgaben: Neuen Kontakt hinzufügen, Nachricht verschicken auf den Wegen: Unsicher, Verschlüsselt, Authentifiziert)

''Die Analyse sollte am spätestens am 16.1. fertig sein''

{{IFD_Nutzerstudien_HeuristischeEvaluationAnweisungen}}

Für Material siehe Abschnitt [[#Heuristische Analyse|Materialien/Heuristische Analyse]] auf dieser Seite

===Endabgabe===
====Termine====
* Bis zum Vorlesungszeitende (7.2.) sollen die Entwürfe und Forschungen fertiggestellt sein.
* Bis zum Mi, 5.März 2014 ist die Dokumentation für den Lehrenden und die Designs und Erklärungen für den Projektpartner fertigzustellen. Auf diese Version gibt es Feedback, die fertige, darauf hin verbesserte und entgültige Version ist eine Woche später, am 12. März abzugeben.

====Anforderungen====
* '''Gruppe oder/und einzeln?''' Dokumentation für den Lehrenden und die Designs und Erklärungen werden ''pro Gruppe'' erstellt. Wichtige Infos oder Erfahrungen (e.g. eine Person hatte diese und jene Probleme mit dem Interview und hat sich deshalb entschiedenen diese und jene Änderungen anm Vorgehen zu machen) sind mitzudokumentieren (u.U. anonym)
* '''Struktur/Inhalt:''' Die Dokumentation für den Lehrenden lehnt sich am besten an das [[IFD:Human-Centered-Design-Research_-_Workbook|Arbeitsbuch]] an. Möglicherweise sind nicht alle methodischen Vorschläge auf euer Projekt zutreffend, in diesem Fall kann es sinnvoll sein, die "Abweichung" zu erklären (''xyz'' ist nicht gut geeignet weil …, deshalb haben wir die methode ''xyz'' benutzt", um das und das zu machen)
* '''Format:'''Die Designs und Ergebnisse ''für den Projektpartner'' sind im Wiki zu veröffentlichen, die ''Doku an den Lehrenden'' im Wiki oder als PDF.
* '''Nachvollziehbarkeit:''' Die Designs und Ergebnisse für den Projektpartner sollen ermöglichen die ''Ideen in der Software umzusetzen'' und es soll klar werden wie und warum (oder warum nicht) die Entwürfe so entstanden sind (das Programmieren kosten natürlich auch Zeit, und niemand würde etwas "einfach so" einbauen; Zudem kann es sein das Abweichungen von euren Entwürfen nötig sind – dann sind die Begründungen und Daten wichtig, um etwas ähnliches umzusetzen)
* '''Anschaulich machen:''' Zu den Designs und Ergebnisse für den Projektpartner sollte gehören:
** Ein Text mit Screenshots und Entwurfsskizzen
** Ein Prototyp oder eine andere anschauliche Darstellungsform eures/eurer Entwurfes/Entwürfe

==Arbeits & Übungshilfen==
[[File:GuillocheGeldBitcoin.png|thumb|right|100px|"Geldscheinmuster" (zu Interviewbeispiel)]]
* [[IFD:Human-Centered-Design-Research_-_Workbook|"Workbook"]] in Begleitung zur Praktischen Arbeit als Dokumentation, Gedankenstütze und Reflektionsmöglichkeit
* [[Media:Interview IllustratorUse.mp3|Interview/Beobachtung]]: Thema: "Grafiken erstellen"; zum Ausprobieren von Auswertungsmethoden.
''Begriffe'':
Die erwähnten [https://de.wikipedia.org/wiki/Bitcoin "Bitcoins"] sind eine virtuelle Währung; "Offset" bedeutet soviel wie "Abstand".

Die Ergebnisse von Beobachtung und Fragen werden aufbereitet; [[Zusammenhänge Beispielinterview|Hier einige Zusammenhänge]], die sich aus der Audioaufnahme herrausarbeiten lasse.

===Folien===
* [http://webuser.uni-weimar.de/~fudo5114/talks/defineAndFindAudience.html define and find your audience]
* [http://webuser.uni-weimar.de/~fudo5114/talks/BeobachtenFragen.html Beobachten und Fragen]
* [http://webuser.uni-weimar.de/~fudo5114/talks/Datenanalyse.html Datenanalyse]
* [http://webuser.uni-weimar.de/~fudo5114/talks/VonAnalyseZuIdeen.html Szenarios und DesignStudio-Methode]
** [http://webuser.uni-weimar.de/~fudo5114/workshopapp/ Design Studio Webapp] (kam nicht im Kurs vor ist zum Selbernutzen der Methode aber praktischer als die Folien. Verbesserungsvorschläge willkommen)
* [http://webuser.uni-weimar.de/~fudo5114/talks/Minivortrag_Personas.html Personas erstellen]

==Links und Materialien==
===Security/Usability===
* [http://www.cl.cam.ac.uk/~rja14/book.html Security Engineering, Kapitel 2: Usability and Psychology]
* Security and Usability: Designing Secure Systems That People Can Use, Lorrie Faith Cranor, Simson Garfinkel et.al., O'Reilly Media, ISBN 0596008279
* [https://csclub.uwaterloo.ca/media/Off-the-Record%20Messaging:%20Useful%20Security%20and%20Privacy%20for%20IM.html Wie Off-The-Record funktioniert und warum]: Usability, Verbreitbarkeit, Effektivität, "Resilienz"/Fehlerresistenz (von [https://en.wikipedia.org/wiki/Ian_Goldberg Ian Goldberg])
* Usability: [http://jnd.org/dn.mss/when_security_gets_in_the_way.html »When Security gets in the Way«] (D. Norman)

===Kyptografie===
* [https://en.khanacademy.org/math/applied-math/cryptography/modern-crypt/v/the-fundamental-theorem-of-arithmetic-1 The intro to cryptography on Khan Academy] several 3-5min Videos. Easy.
* [http://www.mat-d.com/site/rsa-diffie-hellman-explained-in-3-minutes/ Diffie-Hellman-Key-Exchange] – ca. 2 DINA4 pages Text. How can you get a secret key without ever seeing each other or sending it?
* Zur Belohnung nach der Mathematik: [http://www.schneierfacts.com/ Bruce Schneier Facts]. Es hat keinen Bildungswert, ist aber lustig (wenn man ''sehr'' nerdigen Humor mag)

===Ausprobieren…===
* Mobile Applikationen testen, aber kein Telefon zur Hand? (Aber einen PC?): den [https://developer.android.com/sdk/index.html Android-Simulator] nutzen, der ein Android-System auf eurem Computer simuliert. ("SDK-Tools only" reicht aus). Schaut das [https://www.youtube.com/watch?v=4r3o2eBzyrs erklärende Video] an.
* https://guardianproject.info/apps/chatsecure/ ChatSecure]. ist die App, mit der wir u.A. arbeiten werden. Installieren über [https://play.google.com/store/apps/details?id=info.guardianproject.otr.app.im Android Store] oder direkt aus dem [https://guardianproject.info/releases/ChatSecure-v12.6.4-RC3.apk Repository]
* [http://www.pidgin.im/ Pidgin] kann mittels [https://otr.cypherpunks.ca/ OTR-Plugin] sicher mit ChatSecure (und vielen anderen Instant-Messangern) Nachrichten senden.
* man braucht natürlich mindestens einen XMPP-Account. Den kann man z.B. bei [http://einfachjabber.de/reg einfachjabber] oder [https://dukgo.com/blog/using-pidgin-with-xmpp-jabber dukgo] anlegen.

===Bücher Design===
* Interaction Design: Beyond Human-Computer Interaction – Preece, Rogers and Sharp, ISBN 978-0470665763 ''Interaktionsdesign-Bezug, darin aber sehr umfassender Überblick''

* Observing the User Experience: A Practitioner's Guide to User Research, Kuneavski, ISBN 978-1558609235

===Human Centered Design===

* Abläufe Analysieren: [http://mindthegap.blog.bau-ha.us/2013/08/from-research-to-requirements-user-need-tables/316/ User Need Tables] (Quellen sind dort verlinkt)
* Personas erstellen: About Face 3, Cooper et.al. (In der Bib)
* [[IFD:Course_Interaction_Design|Interaktionsdesign-Kurs]] Ein Script zu einem vorhergehenden, ähnlichen Werkmodul.
* [http://www.uxmatters.com/mt/archives/2011/10/research-guidelines-you-wont-find-in-a-textbook.php 3 Regeln für Nutzerforschung: Sich Anfreunden, nicht zum Fragen beantworten da sein, nichts "verkaufen"]
* [http://www.experientia.com/blog/ Putting People First-Blog] (u.A. Forschung, Gender, Bildung etc. im HCD. Keine hurra-wir-sind-toll-Artikel, sondern interessante Inhalte.)

===Mobile Apps===
[http://www.cs.uml.edu/~fredm/courses/91.308-fall05/palm/zenofpalm.pdf The Zen of Palm]. Gute Zusammenfassung.

===Heuristische Analyse===
Hinweis: Eine heuristische Analyse kann das Testen nur ergänzen, aber nicht ersetzen!
* [http://www.nngroup.com/articles/ten-usability-heuristics/ List of Heuristics]
* [http://www.nngroup.com/articles/how-to-conduct-a-heuristic-evaluation/ How to do a heuristic evaluation] (and statistics which number of evaluatiors are best and/or most efficient etc.)

===Software===
* [http://developer.nokia.com/Resources/Tools_and_downloads/Other/Flowella/ Nokia Flowella] für Durchklick-Prototypen
* [http://www.jQuery.com jQuery] für aufwändiger, interaktive Prototypen.

===Nützliches===
* Ein [http://en.wikipedia.org/wiki/Service_blueprint Service Blueprint] zum [http://www.flickr.com/photos/brandonschauer/3363169836/ Download]

* [http://m18.uni-weimar.de/mailman/listinfo/interaction Sign up] for our (inofficial) BU Interaction Design Mailinglist

===Meta===
...das Designen von Designlehre
* [http://www.newyorker.com/reporting/2012/01/30/120130fa_fact_lehrer?currentPage=all Brainstorming: Eine Kritik] (vgl. mit der pro-Brainstorm-Kultur von e.g. Design Thinking)
* Parallel Prototyping:Eine empirische Studie von [http://aaalab.stanford.edu/papers/Parallel_Prototyping_2010.pdf 2010] und einer von [http://www.sigchi.org/chi95/proceedings/shortppr/so_bdy.htm 1995], deren Ergebnisse sehr für paralelles Prototyping sprechen.
* Das Iteration sinnvoll ist, ist auch nix neues, aber auch hier eine [http://www.itu.dk/people/jeppeh/specialeartikler/The%20Efficacy%20of%20Prototyping%20Under%20Time%20Constraints.pdf Studie] dazu
* Gruppen, die sich nach bestehenden Freundschaften zusammenfinden, sind für designerische Gruppenarbeiten [http://www.stanford.edu/~roypea/RoyPDF%20folder/A154_CSCL09_Maldonado_Klemmer_Pea.pdf nicht gut geeignet]
* [http://hci.stanford.edu/publications/2011/PrototypingDynamics/PrototypingDynamics-CHI2011.pdf mehrere Designs erstellen und teilen] ist vorteilhaft. [http://hci.stanford.edu/publications/2012/RepeatedExamplesCogSci2012/RepeatedExamplesCogSci2012.pdf Früh mehrfach Beispiele zu teilen] verbessert Resultate.
* The Reflective Practitioner (D. Schön), ISBN 0465068782

IFD:Nutzerstudien WiSe1314/HeuristicAnalysisSecurity

2014-01-16T16:36:27Z

JanD:

== Visibility of system status ==
== Match between system and the real world==
== User control and freedom==
== Consistency and standards ==
== Error prevention ==
== Recognition rather than recall==
== Flexibility and efficiency of use==
== Aesthetic and minimalist design==
== Help users recognize, diagnose, and recover from errors==
== Help and documentation ==

IFD:Nutzerstudien WiSe1314/HeuristicAnalysisAnmeldung

2014-01-16T16:36:10Z

JanD:

IFD:Nutzerstudien WiSe1314

2014-01-16T16:32:56Z

JanD: /* Heuristic Analysis */

=Werkmodul Nutzerstudien/Sicherheit und Benutzbarkeit=
jeden Donnerstag, 13:30 bis 16:45, Marienstraße 7 B - Seminarraum 102 (siehe auch: Die Veranstaltung im [http://www.uni-weimar.de/qisserver/rds?state=verpublish&status=init&vmfile=no&publishid=21968&moduleCall=webInfo&publishConfFile=webInfo&publishSubDir=veranstaltung Vorlesungsverzeichnis])


===Aktuelles===
* Ein Teil der Aufgaben werden im Medienwiki (auf dieser Website also) bearbeitet werden. Bitte informiert euch wie ihr euch [https://www.youtube.com/watch?v=3oJF0G25q9Q Anmelden], [https://www.youtube.com/watch?v=PVBOAyd_1Zw Editieren], [https://www.youtube.com/watch?v=hLoOpqCyos0 Formatieren] und [https://www.youtube.com/watch?v=P42Une7fC_g Unterseiten anlegen] könnt (Videos dazu in den Links).

==Beschreibung==
[[File:Messaging_CC2BY_FlickrUser-Håkan_Dahlström.jpg|thumb|right|300px|wer liest mit? ([http://flickr.com/photos/dahlstroms/8041061787/sizes/k/in/photostream/ Bild: Dahlström], [https://creativecommons.org/licenses/by/2.0/ CC-BY])]]
[[File:6930835797 2db7044d34 b.jpg|thumb||right|200px|Interviewen]]
[[File:ExploreChallenge CC-BY-2 FlickrUserServicedesignberlin.jpg|thumb|right|200px|Analysieren]]
''Warum ist eine App nützlich und nutzbar, eine andere nicht?''
''Wie kann ich herrausfinden was meine Nutzer brauchen?''

Im Werkmodul Nutzerstudien werden wir Design und die Funktionen von Apps zur sicheren Kommunikation entwickeln und verbessern.

Wir werden:
* Durch unsere Gespräche und Beobachtungen mehr über Nutzer lernen
* Lernen, welche psychologischen Prinzipien bestimmen, ob etwas leicht oder schwierig zu benutzen ist und damit Designen.
* Wir werden unsere Designs ausprobieren lassen und so Verbesserungsmöglichkeiten erkennen und neue Ideen bekommen.



Um zu lernen, wie wir diese Methoden in der Praxis anwenden, haben wir eine Praxiskooperation mit dem [https://guardianproject.info/ Guardian Project]. Wir haben die Aufgabe, sichere Kommunikation über mobile Apps zu verbessern. Mitarbeiter des Projektes werden uns beraten und Feedback für eure Ideen geben.

Kommunikation, die nicht einfach abgehört oder Personen zugeordnet werden kann, ist für Bürgerrechtler und Journalisten essentiell, wird aber auch von Personen verwendet, die ihre Rechte im Netz nicht geschützt sehen.

Leider ist die Nutzung solcher Methoden nicht einfach. Sicherheitsexperte Bruce Schneier z.B. [http://www.theguardian.com/world/2013/sep/05/nsa-how-to-remain-secure-surveillance gibt Tips], sieht diese Tips aber kritisch, denn: ''»My five tips [for more security] suck. They are not things the average person can use. […] Basically, the average user is screwed.«'' (aus einem [http://www.technologyreview.com/news/519336/bruce-schneier-nsa-spying-is-making-us-less-safe/ Interview mit dem MIT Technology Review]) Zwar wird oft auf [https://en.wikipedia.org/wiki/Rtfm »Nutzererziehung«] verwiesen. Das Argument entschuldigt auch die unbenutzbarsten Lösungen – und selbst erfahrene [http://www.gaudior.net/alma/johnny.pdf Nutzer scheitern] z.B. an Verschlüsselungsprogrammen. Besser wären Lösungen, die praktisch, gut benutzbar und sicher sind. Wir wollen zu solchen Lösungen beitragen.

==Häufige Fragen==

'''Muss ich Programmieren können?''' Nein.

'''Ist das hier alles theoretisch?''' Nein, der Kurs ist nicht theoretisch, im Gegenteil, wir werden die gelehrten Methoden anwenden und sie nutzen, um eine anwendbare, praktische Lösung für Probleme zu schaffen.

'''Ist das wissenschaftlich?''' Jein. Es ist [http://de.wikipedia.org/wiki/Naturwissenschaft wissenschaftlich] in dem Sinne, das die Gestaltung auf (eigenen) Erkenntnissen beruht, die wir auch [http://de.wikipedia.org/wiki/Kritischer_Rationalismus kritisch hinterfragen]. Nicht wissenschaftlich ist, das wir konkrete Probleme lösen, anstatt ein allgemeines Modell zu erstellen. (Vergleiche "Wie verhindere ich, das es umfällt?" mit "warum fallen Dinge nach unten?")

==Voraussetzungen==
* Bereitschaft zu eigener Forschung und Weiterentwicklung von Ideen. Mit einem Konzept, dessen Umsetzung für euch schon absolut feststeht, wird der Kurs freud- wie erkenntnislos.

* Texte auf Englisch lesen, denn es gibt wenig Literatur zu dem Gebiet auf deutsch. Wir lesen nicht viel, und ich wähle keine Texte aus, die den Leser mit [http://dev.null.org/postmodern/ nebulös-abstrakten] Begriffen beeindrucken. Aber es ist hilfreich, sich damit zu beschäftigen was andere bisher herausgefunden haben.

==Bewertung==
* Dokumentation (im Wiki, dabei an die Struktur des Arbeitsbuches halten)
* Vortrag
* Anwesenheit (regelm., max 3x fehlen)

==Anmelden==
Mail an ''jan.dittrich ÄT uni-weimar.de'' mit
* Name, Vorname
* Matrikelnummer
* Studiengang
* Kurzer Text der erklärt, warum ihr Teilnehmen möchtet.

==Vortragsthemen| ''student presentations''==
''Mögliche Vortragsthemen. Bitte nutzt die bereitgestellten Quellen, und macht dann eine eigene Recherche. Bereitet das Thema auf, macht es [http://dilbert.com/strips/comic/2010-01-18/ anschaulich] und nicht einfach nur eine Nacherzählung der Quellen (oder der Stichpunkte auf den Slides).''

'''Vortragsdauer: 15-20min'''
* 7.11 Attacks based on Psychology, [http://www.cl.cam.ac.uk/~rja14/book.html Security Engineering, Chapter 2.2] (Lisa Guth)
* 14.11 Personas: About Face 3, ISBN 0470084111, (page 75-81, 97-106)
* 21.11 'Service Blueprinting, [http://knowledge.wpcarey.asu.edu/article.cfm?articleid=1546 intro], [[wikipedia:Service blueprint|Wikipedia]], [http://www.flickr.com/photos/brandonschauer/3363169836/ template]
* 28.11 Security and Usability: The Case of passwords: [http://www.nngroup.com/articles/security-and-human-factors/ Norman/Nielsen on Sign-On-Usability], [http://www.cl.cam.ac.uk/~rja14/book.html Security Engineering, Chapter 2.4], [https://xkcd.com/936/ xkcd on password strength] (Anna Krieger)
* 05.12 "Intuitivität" [http://www.asktog.com/papers/raskinintuit.html Intuitive = Familiar], [http://www.uie.com/articles/design_intuitive/ The Intuition Gap] (Michèle Eike)
*12.12. Kein Vortrag
*19.12. Prototyping-Tools: [http://pencil.evolus.vn/ Pencil], [http://jquery.com/ jQuery] (Anja Rathgeber)
* 19.12. Parallel Prototyping: [http://www.sigchi.org/chi95/proceedings/shortppr/so_bdy.htm 1995], [http://aaalab.stanford.edu/papers/Parallel_Prototyping_2010.pdf 2010]
* 9.1 Knowledge in the Head, Knowledge in the World. In "The Design of Everyday Things" ("Alltägliche Dinge"), Donald Norman, ISBN 0465067107 (Psychologischer Fokus) (Susanne Pötzsch)
* 16.1. [http://www.gaudior.net/alma/johnny.pdf Why Johnny can't encrypt] a classic Security/HCI paper. (Benjamin Burse)
* 23.1. Paper: [http://technology.open.ac.uk/design/cross/documents/DesignerlyWaysofKnowing.pdf Designerly Ways of knowing]





==Zeitplan==
* '''24.10''': Einführung | ''Introduction''
* '''31.10''' : ''Feiertag''
* '''7.11''': Security
* '''14.11''' : Nutzerforschung: Beobachten und Fragen stellen | ''User Research: Observing and Asking Questions''
* '''21.11''': Datenanalyse, Szenarioerstellung | ''Analyse Data, Create Scenarios''
* '''28.11''': Idenentwicklung | ''Idea Development''
* '''5.12.: Prototyping
[…]
* '''12.12''': 1st Feedback round
[…]

==='''Gruppe Anmeldung'''===
* '''16.01''': heuristische Analyse und Schwachpunkte herausarbeiten 
Treffen um den PaperMockUp gestalten 
Prototyp in den nächsten zwei Wochen testen (evtl. mehrere Iterationsschritte)
* '''23.01''': Feedback | vorläufige Ergebnisse zusammentragen
* '''30.01''': Verbesserungen vornehmen 
Treffen um Wiki-Seite zu aktualisieren 
* bis vorlesungsfreie Zeit => Feedback

==='''Gruppe Sicherheit'''===
* '''16.01.:''' Heuristische Analyse fertigstellen und Schwachpunkte der App finden
* '''23.01.:''' Prototypen verbessern (je nach Zeit: für Hoch- und Querformat) und Klickdummy anfertigen
* '''30.01.:''' Fertiggestellten Klickdummy testen
* '''06.02:''' Tests auswerten; Anfangen für die Dokumentation zu sammeln

==Gruppen==
[[/Beispiel]]

*[[/Gruppe Anmeldung]]
*[[/Sicherheit (security)]]

== Presentation and Documentation of Works==

===First use self observation===
[[/firstUseChatSecure]]

===Mid-Term-Presentations and Mentor Comments===
*[[/Gruppe Anmeldung]]
*[[/Sicherheit (security)]]

===Heuristic Analysis===
* Aktuelle [https://guardianproject.info/releases/ Versionen von ChatSecure]
* Wenn die nicht geht: die [https://guardianproject.info/releases/chatsecure-latest.apk stabile Version]

'''Team Anmeldung: [[/HeuristicAnalysisAnmeldung|view the summary]]'''
*[[/HeuristicAnalysisAnmeldung| summary]]
*[[/HeuristicAnalysisAnmeldung_Person1]] (Aufgaben: Anmelden, Account erstellen, Einstellungen ("Settings"))
*[[/HeuristicAnalysisAnmeldung_Person2]] (Aufgaben: Anmelden, Account erstellen, Einstellungen ("Settings"))
*[[/HeuristicAnalysisAnmeldung_Person3]] (Aufgaben: Anmelden, Account erstellen, Einstellungen ("Settings"))

'''Team Sicherheit [[/HeuristicAnalysisSecurity|view the summary]] '''
*[[/HeuristicAnalysisSecurity|summary]]
*[[/HeuristicAnalysisSecurity_Person4]] (Aufgaben: Neuen Kontakt hinzufügen, Nachricht verschicken auf den Wegen: Unsicher, Verschlüsselt, Authentifiziert)
*[[/HeuristicAnalysisSecurity_Person5]] (Aufgaben: Neuen Kontakt hinzufügen, Nachricht verschicken auf den Wegen: Unsicher, Verschlüsselt, Authentifiziert)
*[[/HeuristicAnalysisSecurity_Person6]] (Aufgaben: Neuen Kontakt hinzufügen, Nachricht verschicken auf den Wegen: Unsicher, Verschlüsselt, Authentifiziert)

''Die Analyse sollte am spätestens am 16.1. fertig sein''

{{IFD_Nutzerstudien_HeuristischeEvaluationAnweisungen}}

Für Material siehe Abschnitt [[#Heuristische Analyse|Materialien/Heuristische Analyse]] auf dieser Seite

===Endabgabe===
====Termine====
* Bis zum Vorlesungszeitende (7.2.) sollen die Entwürfe und Forschungen fertiggestellt sein.
* Bis zum Mi, 5.März 2014 ist die Dokumentation für den Lehrenden und die Designs und Erklärungen für den Projektpartner fertigzustellen. Auf diese Version gibt es Feedback, die fertige, darauf hin verbesserte und entgültige Version ist eine Woche später, am 12. März abzugeben.

====Anforderungen====
* '''Gruppe oder/und einzeln?''' Dokumentation für den Lehrenden und die Designs und Erklärungen werden ''pro Gruppe'' erstellt. Wichtige Infos oder Erfahrungen (e.g. eine Person hatte diese und jene Probleme mit dem Interview und hat sich deshalb entschiedenen diese und jene Änderungen anm Vorgehen zu machen) sind mitzudokumentieren (u.U. anonym)
* '''Struktur/Inhalt:''' Die Dokumentation für den Lehrenden lehnt sich am besten an das [[IFD:Human-Centered-Design-Research_-_Workbook|Arbeitsbuch]] an. Möglicherweise sind nicht alle methodischen Vorschläge auf euer Projekt zutreffend, in diesem Fall kann es sinnvoll sein, die "Abweichung" zu erklären (''xyz'' ist nicht gut geeignet weil …, deshalb haben wir die methode ''xyz'' benutzt", um das und das zu machen)
* '''Format:'''Die Designs und Ergebnisse ''für den Projektpartner'' sind im Wiki zu veröffentlichen, die ''Doku an den Lehrenden'' im Wiki oder als PDF.
* '''Nachvollziehbarkeit:''' Die Designs und Ergebnisse für den Projektpartner sollen ermöglichen die ''Ideen in der Software umzusetzen'' und es soll klar werden wie und warum (oder warum nicht) die Entwürfe so entstanden sind (das Programmieren kosten natürlich auch Zeit, und niemand würde etwas "einfach so" einbauen; Zudem kann es sein das Abweichungen von euren Entwürfen nötig sind – dann sind die Begründungen und Daten wichtig, um etwas ähnliches umzusetzen)
* '''Anschaulich machen:''' Zu den Designs und Ergebnisse für den Projektpartner sollte gehören:
** Ein Text mit Screenshots und Entwurfsskizzen
** Ein Prototyp oder eine andere anschauliche Darstellungsform eures/eurer Entwurfes/Entwürfe

==Arbeits & Übungshilfen==
[[File:GuillocheGeldBitcoin.png|thumb|right|100px|"Geldscheinmuster" (zu Interviewbeispiel)]]
* [[IFD:Human-Centered-Design-Research_-_Workbook|"Workbook"]] in Begleitung zur Praktischen Arbeit als Dokumentation, Gedankenstütze und Reflektionsmöglichkeit
* [[Media:Interview IllustratorUse.mp3|Interview/Beobachtung]]: Thema: "Grafiken erstellen"; zum Ausprobieren von Auswertungsmethoden.
''Begriffe'':
Die erwähnten [https://de.wikipedia.org/wiki/Bitcoin "Bitcoins"] sind eine virtuelle Währung; "Offset" bedeutet soviel wie "Abstand".

Die Ergebnisse von Beobachtung und Fragen werden aufbereitet; [[Zusammenhänge Beispielinterview|Hier einige Zusammenhänge]], die sich aus der Audioaufnahme herrausarbeiten lasse.

===Folien===
* [http://webuser.uni-weimar.de/~fudo5114/talks/defineAndFindAudience.html define and find your audience]
* [http://webuser.uni-weimar.de/~fudo5114/talks/BeobachtenFragen.html Beobachten und Fragen]
* [http://webuser.uni-weimar.de/~fudo5114/talks/Datenanalyse.html Datenanalyse]
* [http://webuser.uni-weimar.de/~fudo5114/talks/VonAnalyseZuIdeen.html Szenarios und DesignStudio-Methode]
** [http://webuser.uni-weimar.de/~fudo5114/workshopapp/ Design Studio Webapp] (kam nicht im Kurs vor ist zum Selbernutzen der Methode aber praktischer als die Folien. Verbesserungsvorschläge willkommen)
* [http://webuser.uni-weimar.de/~fudo5114/talks/Minivortrag_Personas.html Personas erstellen]

==Links und Materialien==
===Security/Usability===
* [http://www.cl.cam.ac.uk/~rja14/book.html Security Engineering, Kapitel 2: Usability and Psychology]
* Security and Usability: Designing Secure Systems That People Can Use, Lorrie Faith Cranor, Simson Garfinkel et.al., O'Reilly Media, ISBN 0596008279
* [https://csclub.uwaterloo.ca/media/Off-the-Record%20Messaging:%20Useful%20Security%20and%20Privacy%20for%20IM.html Wie Off-The-Record funktioniert und warum]: Usability, Verbreitbarkeit, Effektivität, "Resilienz"/Fehlerresistenz (von [https://en.wikipedia.org/wiki/Ian_Goldberg Ian Goldberg])
* Usability: [http://jnd.org/dn.mss/when_security_gets_in_the_way.html »When Security gets in the Way«] (D. Norman)

===Kyptografie===
* [https://en.khanacademy.org/math/applied-math/cryptography/modern-crypt/v/the-fundamental-theorem-of-arithmetic-1 The intro to cryptography on Khan Academy] several 3-5min Videos. Easy.
* [http://www.mat-d.com/site/rsa-diffie-hellman-explained-in-3-minutes/ Diffie-Hellman-Key-Exchange] – ca. 2 DINA4 pages Text. How can you get a secret key without ever seeing each other or sending it?
* Zur Belohnung nach der Mathematik: [http://www.schneierfacts.com/ Bruce Schneier Facts]. Es hat keinen Bildungswert, ist aber lustig (wenn man ''sehr'' nerdigen Humor mag)

===Ausprobieren…===
* Mobile Applikationen testen, aber kein Telefon zur Hand? (Aber einen PC?): den [https://developer.android.com/sdk/index.html Android-Simulator] nutzen, der ein Android-System auf eurem Computer simuliert. ("SDK-Tools only" reicht aus). Schaut das [https://www.youtube.com/watch?v=4r3o2eBzyrs erklärende Video] an.
* https://guardianproject.info/apps/chatsecure/ ChatSecure]. ist die App, mit der wir u.A. arbeiten werden. Installieren über [https://play.google.com/store/apps/details?id=info.guardianproject.otr.app.im Android Store] oder direkt aus dem [https://guardianproject.info/releases/ChatSecure-v12.6.4-RC3.apk Repository]
* [http://www.pidgin.im/ Pidgin] kann mittels [https://otr.cypherpunks.ca/ OTR-Plugin] sicher mit ChatSecure (und vielen anderen Instant-Messangern) Nachrichten senden.
* man braucht natürlich mindestens einen XMPP-Account. Den kann man z.B. bei [http://einfachjabber.de/reg einfachjabber] oder [https://dukgo.com/blog/using-pidgin-with-xmpp-jabber dukgo] anlegen.

===Bücher Design===
* Interaction Design: Beyond Human-Computer Interaction – Preece, Rogers and Sharp, ISBN 978-0470665763 ''Interaktionsdesign-Bezug, darin aber sehr umfassender Überblick''

* Observing the User Experience: A Practitioner's Guide to User Research, Kuneavski, ISBN 978-1558609235

===Human Centered Design===

* Abläufe Analysieren: [http://mindthegap.blog.bau-ha.us/2013/08/from-research-to-requirements-user-need-tables/316/ User Need Tables] (Quellen sind dort verlinkt)
* Personas erstellen: About Face 3, Cooper et.al. (In der Bib)
* [[IFD:Course_Interaction_Design|Interaktionsdesign-Kurs]] Ein Script zu einem vorhergehenden, ähnlichen Werkmodul.
* [http://www.uxmatters.com/mt/archives/2011/10/research-guidelines-you-wont-find-in-a-textbook.php 3 Regeln für Nutzerforschung: Sich Anfreunden, nicht zum Fragen beantworten da sein, nichts "verkaufen"]
* [http://www.experientia.com/blog/ Putting People First-Blog] (u.A. Forschung, Gender, Bildung etc. im HCD. Keine hurra-wir-sind-toll-Artikel, sondern interessante Inhalte.)

===Mobile Apps===
[http://www.cs.uml.edu/~fredm/courses/91.308-fall05/palm/zenofpalm.pdf The Zen of Palm]. Gute Zusammenfassung.

===Heuristische Analyse===
Hinweis: Eine heuristische Analyse kann das Testen nur ergänzen, aber nicht ersetzen!
* [http://www.nngroup.com/articles/ten-usability-heuristics/ List of Heuristics]
* [http://www.nngroup.com/articles/how-to-conduct-a-heuristic-evaluation/ How to do a heuristic evaluation] (and statistics which number of evaluatiors are best and/or most efficient etc.)

===Software===
* [http://developer.nokia.com/Resources/Tools_and_downloads/Other/Flowella/ Nokia Flowella] für Durchklick-Prototypen
* [http://www.jQuery.com jQuery] für aufwändiger, interaktive Prototypen.

===Nützliches===
* Ein [http://en.wikipedia.org/wiki/Service_blueprint Service Blueprint] zum [http://www.flickr.com/photos/brandonschauer/3363169836/ Download]

* [http://m18.uni-weimar.de/mailman/listinfo/interaction Sign up] for our (inofficial) BU Interaction Design Mailinglist

===Meta===
...das Designen von Designlehre
* [http://www.newyorker.com/reporting/2012/01/30/120130fa_fact_lehrer?currentPage=all Brainstorming: Eine Kritik] (vgl. mit der pro-Brainstorm-Kultur von e.g. Design Thinking)
* Parallel Prototyping:Eine empirische Studie von [http://aaalab.stanford.edu/papers/Parallel_Prototyping_2010.pdf 2010] und einer von [http://www.sigchi.org/chi95/proceedings/shortppr/so_bdy.htm 1995], deren Ergebnisse sehr für paralelles Prototyping sprechen.
* Das Iteration sinnvoll ist, ist auch nix neues, aber auch hier eine [http://www.itu.dk/people/jeppeh/specialeartikler/The%20Efficacy%20of%20Prototyping%20Under%20Time%20Constraints.pdf Studie] dazu
* Gruppen, die sich nach bestehenden Freundschaften zusammenfinden, sind für designerische Gruppenarbeiten [http://www.stanford.edu/~roypea/RoyPDF%20folder/A154_CSCL09_Maldonado_Klemmer_Pea.pdf nicht gut geeignet]
* The Reflective Practitioner (D. Schön), ISBN 0465068782

IFD:Nutzerstudien WiSe1314

2014-01-16T16:32:39Z

JanD: /* Heuristic Analysis */

=Werkmodul Nutzerstudien/Sicherheit und Benutzbarkeit=
jeden Donnerstag, 13:30 bis 16:45, Marienstraße 7 B - Seminarraum 102 (siehe auch: Die Veranstaltung im [http://www.uni-weimar.de/qisserver/rds?state=verpublish&status=init&vmfile=no&publishid=21968&moduleCall=webInfo&publishConfFile=webInfo&publishSubDir=veranstaltung Vorlesungsverzeichnis])


===Aktuelles===
* Ein Teil der Aufgaben werden im Medienwiki (auf dieser Website also) bearbeitet werden. Bitte informiert euch wie ihr euch [https://www.youtube.com/watch?v=3oJF0G25q9Q Anmelden], [https://www.youtube.com/watch?v=PVBOAyd_1Zw Editieren], [https://www.youtube.com/watch?v=hLoOpqCyos0 Formatieren] und [https://www.youtube.com/watch?v=P42Une7fC_g Unterseiten anlegen] könnt (Videos dazu in den Links).

==Beschreibung==
[[File:Messaging_CC2BY_FlickrUser-Håkan_Dahlström.jpg|thumb|right|300px|wer liest mit? ([http://flickr.com/photos/dahlstroms/8041061787/sizes/k/in/photostream/ Bild: Dahlström], [https://creativecommons.org/licenses/by/2.0/ CC-BY])]]
[[File:6930835797 2db7044d34 b.jpg|thumb||right|200px|Interviewen]]
[[File:ExploreChallenge CC-BY-2 FlickrUserServicedesignberlin.jpg|thumb|right|200px|Analysieren]]
''Warum ist eine App nützlich und nutzbar, eine andere nicht?''
''Wie kann ich herrausfinden was meine Nutzer brauchen?''

Im Werkmodul Nutzerstudien werden wir Design und die Funktionen von Apps zur sicheren Kommunikation entwickeln und verbessern.

Wir werden:
* Durch unsere Gespräche und Beobachtungen mehr über Nutzer lernen
* Lernen, welche psychologischen Prinzipien bestimmen, ob etwas leicht oder schwierig zu benutzen ist und damit Designen.
* Wir werden unsere Designs ausprobieren lassen und so Verbesserungsmöglichkeiten erkennen und neue Ideen bekommen.



Um zu lernen, wie wir diese Methoden in der Praxis anwenden, haben wir eine Praxiskooperation mit dem [https://guardianproject.info/ Guardian Project]. Wir haben die Aufgabe, sichere Kommunikation über mobile Apps zu verbessern. Mitarbeiter des Projektes werden uns beraten und Feedback für eure Ideen geben.

Kommunikation, die nicht einfach abgehört oder Personen zugeordnet werden kann, ist für Bürgerrechtler und Journalisten essentiell, wird aber auch von Personen verwendet, die ihre Rechte im Netz nicht geschützt sehen.

Leider ist die Nutzung solcher Methoden nicht einfach. Sicherheitsexperte Bruce Schneier z.B. [http://www.theguardian.com/world/2013/sep/05/nsa-how-to-remain-secure-surveillance gibt Tips], sieht diese Tips aber kritisch, denn: ''»My five tips [for more security] suck. They are not things the average person can use. […] Basically, the average user is screwed.«'' (aus einem [http://www.technologyreview.com/news/519336/bruce-schneier-nsa-spying-is-making-us-less-safe/ Interview mit dem MIT Technology Review]) Zwar wird oft auf [https://en.wikipedia.org/wiki/Rtfm »Nutzererziehung«] verwiesen. Das Argument entschuldigt auch die unbenutzbarsten Lösungen – und selbst erfahrene [http://www.gaudior.net/alma/johnny.pdf Nutzer scheitern] z.B. an Verschlüsselungsprogrammen. Besser wären Lösungen, die praktisch, gut benutzbar und sicher sind. Wir wollen zu solchen Lösungen beitragen.

==Häufige Fragen==

'''Muss ich Programmieren können?''' Nein.

'''Ist das hier alles theoretisch?''' Nein, der Kurs ist nicht theoretisch, im Gegenteil, wir werden die gelehrten Methoden anwenden und sie nutzen, um eine anwendbare, praktische Lösung für Probleme zu schaffen.

'''Ist das wissenschaftlich?''' Jein. Es ist [http://de.wikipedia.org/wiki/Naturwissenschaft wissenschaftlich] in dem Sinne, das die Gestaltung auf (eigenen) Erkenntnissen beruht, die wir auch [http://de.wikipedia.org/wiki/Kritischer_Rationalismus kritisch hinterfragen]. Nicht wissenschaftlich ist, das wir konkrete Probleme lösen, anstatt ein allgemeines Modell zu erstellen. (Vergleiche "Wie verhindere ich, das es umfällt?" mit "warum fallen Dinge nach unten?")

==Voraussetzungen==
* Bereitschaft zu eigener Forschung und Weiterentwicklung von Ideen. Mit einem Konzept, dessen Umsetzung für euch schon absolut feststeht, wird der Kurs freud- wie erkenntnislos.

* Texte auf Englisch lesen, denn es gibt wenig Literatur zu dem Gebiet auf deutsch. Wir lesen nicht viel, und ich wähle keine Texte aus, die den Leser mit [http://dev.null.org/postmodern/ nebulös-abstrakten] Begriffen beeindrucken. Aber es ist hilfreich, sich damit zu beschäftigen was andere bisher herausgefunden haben.

==Bewertung==
* Dokumentation (im Wiki, dabei an die Struktur des Arbeitsbuches halten)
* Vortrag
* Anwesenheit (regelm., max 3x fehlen)

==Anmelden==
Mail an ''jan.dittrich ÄT uni-weimar.de'' mit
* Name, Vorname
* Matrikelnummer
* Studiengang
* Kurzer Text der erklärt, warum ihr Teilnehmen möchtet.

==Vortragsthemen| ''student presentations''==
''Mögliche Vortragsthemen. Bitte nutzt die bereitgestellten Quellen, und macht dann eine eigene Recherche. Bereitet das Thema auf, macht es [http://dilbert.com/strips/comic/2010-01-18/ anschaulich] und nicht einfach nur eine Nacherzählung der Quellen (oder der Stichpunkte auf den Slides).''

'''Vortragsdauer: 15-20min'''
* 7.11 Attacks based on Psychology, [http://www.cl.cam.ac.uk/~rja14/book.html Security Engineering, Chapter 2.2] (Lisa Guth)
* 14.11 Personas: About Face 3, ISBN 0470084111, (page 75-81, 97-106)
* 21.11 'Service Blueprinting, [http://knowledge.wpcarey.asu.edu/article.cfm?articleid=1546 intro], [[wikipedia:Service blueprint|Wikipedia]], [http://www.flickr.com/photos/brandonschauer/3363169836/ template]
* 28.11 Security and Usability: The Case of passwords: [http://www.nngroup.com/articles/security-and-human-factors/ Norman/Nielsen on Sign-On-Usability], [http://www.cl.cam.ac.uk/~rja14/book.html Security Engineering, Chapter 2.4], [https://xkcd.com/936/ xkcd on password strength] (Anna Krieger)
* 05.12 "Intuitivität" [http://www.asktog.com/papers/raskinintuit.html Intuitive = Familiar], [http://www.uie.com/articles/design_intuitive/ The Intuition Gap] (Michèle Eike)
*12.12. Kein Vortrag
*19.12. Prototyping-Tools: [http://pencil.evolus.vn/ Pencil], [http://jquery.com/ jQuery] (Anja Rathgeber)
* 19.12. Parallel Prototyping: [http://www.sigchi.org/chi95/proceedings/shortppr/so_bdy.htm 1995], [http://aaalab.stanford.edu/papers/Parallel_Prototyping_2010.pdf 2010]
* 9.1 Knowledge in the Head, Knowledge in the World. In "The Design of Everyday Things" ("Alltägliche Dinge"), Donald Norman, ISBN 0465067107 (Psychologischer Fokus) (Susanne Pötzsch)
* 16.1. [http://www.gaudior.net/alma/johnny.pdf Why Johnny can't encrypt] a classic Security/HCI paper. (Benjamin Burse)
* 23.1. Paper: [http://technology.open.ac.uk/design/cross/documents/DesignerlyWaysofKnowing.pdf Designerly Ways of knowing]





==Zeitplan==
* '''24.10''': Einführung | ''Introduction''
* '''31.10''' : ''Feiertag''
* '''7.11''': Security
* '''14.11''' : Nutzerforschung: Beobachten und Fragen stellen | ''User Research: Observing and Asking Questions''
* '''21.11''': Datenanalyse, Szenarioerstellung | ''Analyse Data, Create Scenarios''
* '''28.11''': Idenentwicklung | ''Idea Development''
* '''5.12.: Prototyping
[…]
* '''12.12''': 1st Feedback round
[…]

==='''Gruppe Anmeldung'''===
* '''16.01''': heuristische Analyse und Schwachpunkte herausarbeiten 
Treffen um den PaperMockUp gestalten 
Prototyp in den nächsten zwei Wochen testen (evtl. mehrere Iterationsschritte)
* '''23.01''': Feedback | vorläufige Ergebnisse zusammentragen
* '''30.01''': Verbesserungen vornehmen 
Treffen um Wiki-Seite zu aktualisieren 
* bis vorlesungsfreie Zeit => Feedback

==='''Gruppe Sicherheit'''===
* '''16.01.:''' Heuristische Analyse fertigstellen und Schwachpunkte der App finden
* '''23.01.:''' Prototypen verbessern (je nach Zeit: für Hoch- und Querformat) und Klickdummy anfertigen
* '''30.01.:''' Fertiggestellten Klickdummy testen
* '''06.02:''' Tests auswerten; Anfangen für die Dokumentation zu sammeln

==Gruppen==
[[/Beispiel]]

*[[/Gruppe Anmeldung]]
*[[/Sicherheit (security)]]

== Presentation and Documentation of Works==

===First use self observation===
[[/firstUseChatSecure]]

===Mid-Term-Presentations and Mentor Comments===
*[[/Gruppe Anmeldung]]
*[[/Sicherheit (security)]]

===Heuristic Analysis===
* Aktuelle [https://guardianproject.info/releases/ Versionen von ChatSecure]
* Wenn die nicht geht: die [https://guardianproject.info/releases/chatsecure-latest.apk stabile Version]

'''Team Anmeldung: [[/HeuristicAnalysisAnmeldung|view the summary]]'''
*[[/HeuristicAnalysisAnmeldung| summary]]
*[[/HeuristicAnalysisAnmeldung_Person1]] (Aufgaben: Anmelden, Account erstellen, Einstellungen ("Settings"))
*[[/HeuristicAnalysisAnmeldung_Person2]] (Aufgaben: Anmelden, Account erstellen, Einstellungen ("Settings"))
*[[/HeuristicAnalysisAnmeldung_Person3]] (Aufgaben: Anmelden, Account erstellen, Einstellungen ("Settings"))

'''Team Sicherheit [[/HeuristicAnalysisSecurity|view the summary]] '''
*[[/HeuristicAnalysisSecurity|summary]]*[[/HeuristicAnalysisSecurity_Person4]] (Aufgaben: Neuen Kontakt hinzufügen, Nachricht verschicken auf den Wegen: Unsicher, Verschlüsselt, Authentifiziert)
*[[/HeuristicAnalysisSecurity_Person5]] (Aufgaben: Neuen Kontakt hinzufügen, Nachricht verschicken auf den Wegen: Unsicher, Verschlüsselt, Authentifiziert)
*[[/HeuristicAnalysisSecurity_Person6]] (Aufgaben: Neuen Kontakt hinzufügen, Nachricht verschicken auf den Wegen: Unsicher, Verschlüsselt, Authentifiziert)

''Die Analyse sollte am spätestens am 16.1. fertig sein''

{{IFD_Nutzerstudien_HeuristischeEvaluationAnweisungen}}

Für Material siehe Abschnitt [[#Heuristische Analyse|Materialien/Heuristische Analyse]] auf dieser Seite

===Endabgabe===
====Termine====
* Bis zum Vorlesungszeitende (7.2.) sollen die Entwürfe und Forschungen fertiggestellt sein.
* Bis zum Mi, 5.März 2014 ist die Dokumentation für den Lehrenden und die Designs und Erklärungen für den Projektpartner fertigzustellen. Auf diese Version gibt es Feedback, die fertige, darauf hin verbesserte und entgültige Version ist eine Woche später, am 12. März abzugeben.

====Anforderungen====
* '''Gruppe oder/und einzeln?''' Dokumentation für den Lehrenden und die Designs und Erklärungen werden ''pro Gruppe'' erstellt. Wichtige Infos oder Erfahrungen (e.g. eine Person hatte diese und jene Probleme mit dem Interview und hat sich deshalb entschiedenen diese und jene Änderungen anm Vorgehen zu machen) sind mitzudokumentieren (u.U. anonym)
* '''Struktur/Inhalt:''' Die Dokumentation für den Lehrenden lehnt sich am besten an das [[IFD:Human-Centered-Design-Research_-_Workbook|Arbeitsbuch]] an. Möglicherweise sind nicht alle methodischen Vorschläge auf euer Projekt zutreffend, in diesem Fall kann es sinnvoll sein, die "Abweichung" zu erklären (''xyz'' ist nicht gut geeignet weil …, deshalb haben wir die methode ''xyz'' benutzt", um das und das zu machen)
* '''Format:'''Die Designs und Ergebnisse ''für den Projektpartner'' sind im Wiki zu veröffentlichen, die ''Doku an den Lehrenden'' im Wiki oder als PDF.
* '''Nachvollziehbarkeit:''' Die Designs und Ergebnisse für den Projektpartner sollen ermöglichen die ''Ideen in der Software umzusetzen'' und es soll klar werden wie und warum (oder warum nicht) die Entwürfe so entstanden sind (das Programmieren kosten natürlich auch Zeit, und niemand würde etwas "einfach so" einbauen; Zudem kann es sein das Abweichungen von euren Entwürfen nötig sind – dann sind die Begründungen und Daten wichtig, um etwas ähnliches umzusetzen)
* '''Anschaulich machen:''' Zu den Designs und Ergebnisse für den Projektpartner sollte gehören:
** Ein Text mit Screenshots und Entwurfsskizzen
** Ein Prototyp oder eine andere anschauliche Darstellungsform eures/eurer Entwurfes/Entwürfe

==Arbeits & Übungshilfen==
[[File:GuillocheGeldBitcoin.png|thumb|right|100px|"Geldscheinmuster" (zu Interviewbeispiel)]]
* [[IFD:Human-Centered-Design-Research_-_Workbook|"Workbook"]] in Begleitung zur Praktischen Arbeit als Dokumentation, Gedankenstütze und Reflektionsmöglichkeit
* [[Media:Interview IllustratorUse.mp3|Interview/Beobachtung]]: Thema: "Grafiken erstellen"; zum Ausprobieren von Auswertungsmethoden.
''Begriffe'':
Die erwähnten [https://de.wikipedia.org/wiki/Bitcoin "Bitcoins"] sind eine virtuelle Währung; "Offset" bedeutet soviel wie "Abstand".

Die Ergebnisse von Beobachtung und Fragen werden aufbereitet; [[Zusammenhänge Beispielinterview|Hier einige Zusammenhänge]], die sich aus der Audioaufnahme herrausarbeiten lasse.

===Folien===
* [http://webuser.uni-weimar.de/~fudo5114/talks/defineAndFindAudience.html define and find your audience]
* [http://webuser.uni-weimar.de/~fudo5114/talks/BeobachtenFragen.html Beobachten und Fragen]
* [http://webuser.uni-weimar.de/~fudo5114/talks/Datenanalyse.html Datenanalyse]
* [http://webuser.uni-weimar.de/~fudo5114/talks/VonAnalyseZuIdeen.html Szenarios und DesignStudio-Methode]
** [http://webuser.uni-weimar.de/~fudo5114/workshopapp/ Design Studio Webapp] (kam nicht im Kurs vor ist zum Selbernutzen der Methode aber praktischer als die Folien. Verbesserungsvorschläge willkommen)
* [http://webuser.uni-weimar.de/~fudo5114/talks/Minivortrag_Personas.html Personas erstellen]

==Links und Materialien==
===Security/Usability===
* [http://www.cl.cam.ac.uk/~rja14/book.html Security Engineering, Kapitel 2: Usability and Psychology]
* Security and Usability: Designing Secure Systems That People Can Use, Lorrie Faith Cranor, Simson Garfinkel et.al., O'Reilly Media, ISBN 0596008279
* [https://csclub.uwaterloo.ca/media/Off-the-Record%20Messaging:%20Useful%20Security%20and%20Privacy%20for%20IM.html Wie Off-The-Record funktioniert und warum]: Usability, Verbreitbarkeit, Effektivität, "Resilienz"/Fehlerresistenz (von [https://en.wikipedia.org/wiki/Ian_Goldberg Ian Goldberg])
* Usability: [http://jnd.org/dn.mss/when_security_gets_in_the_way.html »When Security gets in the Way«] (D. Norman)

===Kyptografie===
* [https://en.khanacademy.org/math/applied-math/cryptography/modern-crypt/v/the-fundamental-theorem-of-arithmetic-1 The intro to cryptography on Khan Academy] several 3-5min Videos. Easy.
* [http://www.mat-d.com/site/rsa-diffie-hellman-explained-in-3-minutes/ Diffie-Hellman-Key-Exchange] – ca. 2 DINA4 pages Text. How can you get a secret key without ever seeing each other or sending it?
* Zur Belohnung nach der Mathematik: [http://www.schneierfacts.com/ Bruce Schneier Facts]. Es hat keinen Bildungswert, ist aber lustig (wenn man ''sehr'' nerdigen Humor mag)

===Ausprobieren…===
* Mobile Applikationen testen, aber kein Telefon zur Hand? (Aber einen PC?): den [https://developer.android.com/sdk/index.html Android-Simulator] nutzen, der ein Android-System auf eurem Computer simuliert. ("SDK-Tools only" reicht aus). Schaut das [https://www.youtube.com/watch?v=4r3o2eBzyrs erklärende Video] an.
* https://guardianproject.info/apps/chatsecure/ ChatSecure]. ist die App, mit der wir u.A. arbeiten werden. Installieren über [https://play.google.com/store/apps/details?id=info.guardianproject.otr.app.im Android Store] oder direkt aus dem [https://guardianproject.info/releases/ChatSecure-v12.6.4-RC3.apk Repository]
* [http://www.pidgin.im/ Pidgin] kann mittels [https://otr.cypherpunks.ca/ OTR-Plugin] sicher mit ChatSecure (und vielen anderen Instant-Messangern) Nachrichten senden.
* man braucht natürlich mindestens einen XMPP-Account. Den kann man z.B. bei [http://einfachjabber.de/reg einfachjabber] oder [https://dukgo.com/blog/using-pidgin-with-xmpp-jabber dukgo] anlegen.

===Bücher Design===
* Interaction Design: Beyond Human-Computer Interaction – Preece, Rogers and Sharp, ISBN 978-0470665763 ''Interaktionsdesign-Bezug, darin aber sehr umfassender Überblick''

* Observing the User Experience: A Practitioner's Guide to User Research, Kuneavski, ISBN 978-1558609235

===Human Centered Design===

* Abläufe Analysieren: [http://mindthegap.blog.bau-ha.us/2013/08/from-research-to-requirements-user-need-tables/316/ User Need Tables] (Quellen sind dort verlinkt)
* Personas erstellen: About Face 3, Cooper et.al. (In der Bib)
* [[IFD:Course_Interaction_Design|Interaktionsdesign-Kurs]] Ein Script zu einem vorhergehenden, ähnlichen Werkmodul.
* [http://www.uxmatters.com/mt/archives/2011/10/research-guidelines-you-wont-find-in-a-textbook.php 3 Regeln für Nutzerforschung: Sich Anfreunden, nicht zum Fragen beantworten da sein, nichts "verkaufen"]
* [http://www.experientia.com/blog/ Putting People First-Blog] (u.A. Forschung, Gender, Bildung etc. im HCD. Keine hurra-wir-sind-toll-Artikel, sondern interessante Inhalte.)

===Mobile Apps===
[http://www.cs.uml.edu/~fredm/courses/91.308-fall05/palm/zenofpalm.pdf The Zen of Palm]. Gute Zusammenfassung.

===Heuristische Analyse===
Hinweis: Eine heuristische Analyse kann das Testen nur ergänzen, aber nicht ersetzen!
* [http://www.nngroup.com/articles/ten-usability-heuristics/ List of Heuristics]
* [http://www.nngroup.com/articles/how-to-conduct-a-heuristic-evaluation/ How to do a heuristic evaluation] (and statistics which number of evaluatiors are best and/or most efficient etc.)

===Software===
* [http://developer.nokia.com/Resources/Tools_and_downloads/Other/Flowella/ Nokia Flowella] für Durchklick-Prototypen
* [http://www.jQuery.com jQuery] für aufwändiger, interaktive Prototypen.

===Nützliches===
* Ein [http://en.wikipedia.org/wiki/Service_blueprint Service Blueprint] zum [http://www.flickr.com/photos/brandonschauer/3363169836/ Download]

* [http://m18.uni-weimar.de/mailman/listinfo/interaction Sign up] for our (inofficial) BU Interaction Design Mailinglist

===Meta===
...das Designen von Designlehre
* [http://www.newyorker.com/reporting/2012/01/30/120130fa_fact_lehrer?currentPage=all Brainstorming: Eine Kritik] (vgl. mit der pro-Brainstorm-Kultur von e.g. Design Thinking)
* Parallel Prototyping:Eine empirische Studie von [http://aaalab.stanford.edu/papers/Parallel_Prototyping_2010.pdf 2010] und einer von [http://www.sigchi.org/chi95/proceedings/shortppr/so_bdy.htm 1995], deren Ergebnisse sehr für paralelles Prototyping sprechen.
* Das Iteration sinnvoll ist, ist auch nix neues, aber auch hier eine [http://www.itu.dk/people/jeppeh/specialeartikler/The%20Efficacy%20of%20Prototyping%20Under%20Time%20Constraints.pdf Studie] dazu
* Gruppen, die sich nach bestehenden Freundschaften zusammenfinden, sind für designerische Gruppenarbeiten [http://www.stanford.edu/~roypea/RoyPDF%20folder/A154_CSCL09_Maldonado_Klemmer_Pea.pdf nicht gut geeignet]
* The Reflective Practitioner (D. Schön), ISBN 0465068782

IFD:Nutzerstudien WiSe1314

2014-01-16T16:32:14Z

JanD: /* Heuristic Analysis */

=Werkmodul Nutzerstudien/Sicherheit und Benutzbarkeit=
jeden Donnerstag, 13:30 bis 16:45, Marienstraße 7 B - Seminarraum 102 (siehe auch: Die Veranstaltung im [http://www.uni-weimar.de/qisserver/rds?state=verpublish&status=init&vmfile=no&publishid=21968&moduleCall=webInfo&publishConfFile=webInfo&publishSubDir=veranstaltung Vorlesungsverzeichnis])


===Aktuelles===
* Ein Teil der Aufgaben werden im Medienwiki (auf dieser Website also) bearbeitet werden. Bitte informiert euch wie ihr euch [https://www.youtube.com/watch?v=3oJF0G25q9Q Anmelden], [https://www.youtube.com/watch?v=PVBOAyd_1Zw Editieren], [https://www.youtube.com/watch?v=hLoOpqCyos0 Formatieren] und [https://www.youtube.com/watch?v=P42Une7fC_g Unterseiten anlegen] könnt (Videos dazu in den Links).

==Beschreibung==
[[File:Messaging_CC2BY_FlickrUser-Håkan_Dahlström.jpg|thumb|right|300px|wer liest mit? ([http://flickr.com/photos/dahlstroms/8041061787/sizes/k/in/photostream/ Bild: Dahlström], [https://creativecommons.org/licenses/by/2.0/ CC-BY])]]
[[File:6930835797 2db7044d34 b.jpg|thumb||right|200px|Interviewen]]
[[File:ExploreChallenge CC-BY-2 FlickrUserServicedesignberlin.jpg|thumb|right|200px|Analysieren]]
''Warum ist eine App nützlich und nutzbar, eine andere nicht?''
''Wie kann ich herrausfinden was meine Nutzer brauchen?''

Im Werkmodul Nutzerstudien werden wir Design und die Funktionen von Apps zur sicheren Kommunikation entwickeln und verbessern.

Wir werden:
* Durch unsere Gespräche und Beobachtungen mehr über Nutzer lernen
* Lernen, welche psychologischen Prinzipien bestimmen, ob etwas leicht oder schwierig zu benutzen ist und damit Designen.
* Wir werden unsere Designs ausprobieren lassen und so Verbesserungsmöglichkeiten erkennen und neue Ideen bekommen.



Um zu lernen, wie wir diese Methoden in der Praxis anwenden, haben wir eine Praxiskooperation mit dem [https://guardianproject.info/ Guardian Project]. Wir haben die Aufgabe, sichere Kommunikation über mobile Apps zu verbessern. Mitarbeiter des Projektes werden uns beraten und Feedback für eure Ideen geben.

Kommunikation, die nicht einfach abgehört oder Personen zugeordnet werden kann, ist für Bürgerrechtler und Journalisten essentiell, wird aber auch von Personen verwendet, die ihre Rechte im Netz nicht geschützt sehen.

Leider ist die Nutzung solcher Methoden nicht einfach. Sicherheitsexperte Bruce Schneier z.B. [http://www.theguardian.com/world/2013/sep/05/nsa-how-to-remain-secure-surveillance gibt Tips], sieht diese Tips aber kritisch, denn: ''»My five tips [for more security] suck. They are not things the average person can use. […] Basically, the average user is screwed.«'' (aus einem [http://www.technologyreview.com/news/519336/bruce-schneier-nsa-spying-is-making-us-less-safe/ Interview mit dem MIT Technology Review]) Zwar wird oft auf [https://en.wikipedia.org/wiki/Rtfm »Nutzererziehung«] verwiesen. Das Argument entschuldigt auch die unbenutzbarsten Lösungen – und selbst erfahrene [http://www.gaudior.net/alma/johnny.pdf Nutzer scheitern] z.B. an Verschlüsselungsprogrammen. Besser wären Lösungen, die praktisch, gut benutzbar und sicher sind. Wir wollen zu solchen Lösungen beitragen.

==Häufige Fragen==

'''Muss ich Programmieren können?''' Nein.

'''Ist das hier alles theoretisch?''' Nein, der Kurs ist nicht theoretisch, im Gegenteil, wir werden die gelehrten Methoden anwenden und sie nutzen, um eine anwendbare, praktische Lösung für Probleme zu schaffen.

'''Ist das wissenschaftlich?''' Jein. Es ist [http://de.wikipedia.org/wiki/Naturwissenschaft wissenschaftlich] in dem Sinne, das die Gestaltung auf (eigenen) Erkenntnissen beruht, die wir auch [http://de.wikipedia.org/wiki/Kritischer_Rationalismus kritisch hinterfragen]. Nicht wissenschaftlich ist, das wir konkrete Probleme lösen, anstatt ein allgemeines Modell zu erstellen. (Vergleiche "Wie verhindere ich, das es umfällt?" mit "warum fallen Dinge nach unten?")

==Voraussetzungen==
* Bereitschaft zu eigener Forschung und Weiterentwicklung von Ideen. Mit einem Konzept, dessen Umsetzung für euch schon absolut feststeht, wird der Kurs freud- wie erkenntnislos.

* Texte auf Englisch lesen, denn es gibt wenig Literatur zu dem Gebiet auf deutsch. Wir lesen nicht viel, und ich wähle keine Texte aus, die den Leser mit [http://dev.null.org/postmodern/ nebulös-abstrakten] Begriffen beeindrucken. Aber es ist hilfreich, sich damit zu beschäftigen was andere bisher herausgefunden haben.

==Bewertung==
* Dokumentation (im Wiki, dabei an die Struktur des Arbeitsbuches halten)
* Vortrag
* Anwesenheit (regelm., max 3x fehlen)

==Anmelden==
Mail an ''jan.dittrich ÄT uni-weimar.de'' mit
* Name, Vorname
* Matrikelnummer
* Studiengang
* Kurzer Text der erklärt, warum ihr Teilnehmen möchtet.

==Vortragsthemen| ''student presentations''==
''Mögliche Vortragsthemen. Bitte nutzt die bereitgestellten Quellen, und macht dann eine eigene Recherche. Bereitet das Thema auf, macht es [http://dilbert.com/strips/comic/2010-01-18/ anschaulich] und nicht einfach nur eine Nacherzählung der Quellen (oder der Stichpunkte auf den Slides).''

'''Vortragsdauer: 15-20min'''
* 7.11 Attacks based on Psychology, [http://www.cl.cam.ac.uk/~rja14/book.html Security Engineering, Chapter 2.2] (Lisa Guth)
* 14.11 Personas: About Face 3, ISBN 0470084111, (page 75-81, 97-106)
* 21.11 'Service Blueprinting, [http://knowledge.wpcarey.asu.edu/article.cfm?articleid=1546 intro], [[wikipedia:Service blueprint|Wikipedia]], [http://www.flickr.com/photos/brandonschauer/3363169836/ template]
* 28.11 Security and Usability: The Case of passwords: [http://www.nngroup.com/articles/security-and-human-factors/ Norman/Nielsen on Sign-On-Usability], [http://www.cl.cam.ac.uk/~rja14/book.html Security Engineering, Chapter 2.4], [https://xkcd.com/936/ xkcd on password strength] (Anna Krieger)
* 05.12 "Intuitivität" [http://www.asktog.com/papers/raskinintuit.html Intuitive = Familiar], [http://www.uie.com/articles/design_intuitive/ The Intuition Gap] (Michèle Eike)
*12.12. Kein Vortrag
*19.12. Prototyping-Tools: [http://pencil.evolus.vn/ Pencil], [http://jquery.com/ jQuery] (Anja Rathgeber)
* 19.12. Parallel Prototyping: [http://www.sigchi.org/chi95/proceedings/shortppr/so_bdy.htm 1995], [http://aaalab.stanford.edu/papers/Parallel_Prototyping_2010.pdf 2010]
* 9.1 Knowledge in the Head, Knowledge in the World. In "The Design of Everyday Things" ("Alltägliche Dinge"), Donald Norman, ISBN 0465067107 (Psychologischer Fokus) (Susanne Pötzsch)
* 16.1. [http://www.gaudior.net/alma/johnny.pdf Why Johnny can't encrypt] a classic Security/HCI paper. (Benjamin Burse)
* 23.1. Paper: [http://technology.open.ac.uk/design/cross/documents/DesignerlyWaysofKnowing.pdf Designerly Ways of knowing]





==Zeitplan==
* '''24.10''': Einführung | ''Introduction''
* '''31.10''' : ''Feiertag''
* '''7.11''': Security
* '''14.11''' : Nutzerforschung: Beobachten und Fragen stellen | ''User Research: Observing and Asking Questions''
* '''21.11''': Datenanalyse, Szenarioerstellung | ''Analyse Data, Create Scenarios''
* '''28.11''': Idenentwicklung | ''Idea Development''
* '''5.12.: Prototyping
[…]
* '''12.12''': 1st Feedback round
[…]

==='''Gruppe Anmeldung'''===
* '''16.01''': heuristische Analyse und Schwachpunkte herausarbeiten 
Treffen um den PaperMockUp gestalten 
Prototyp in den nächsten zwei Wochen testen (evtl. mehrere Iterationsschritte)
* '''23.01''': Feedback | vorläufige Ergebnisse zusammentragen
* '''30.01''': Verbesserungen vornehmen 
Treffen um Wiki-Seite zu aktualisieren 
* bis vorlesungsfreie Zeit => Feedback

==='''Gruppe Sicherheit'''===
* '''16.01.:''' Heuristische Analyse fertigstellen und Schwachpunkte der App finden
* '''23.01.:''' Prototypen verbessern (je nach Zeit: für Hoch- und Querformat) und Klickdummy anfertigen
* '''30.01.:''' Fertiggestellten Klickdummy testen
* '''06.02:''' Tests auswerten; Anfangen für die Dokumentation zu sammeln

==Gruppen==
[[/Beispiel]]

*[[/Gruppe Anmeldung]]
*[[/Sicherheit (security)]]

== Presentation and Documentation of Works==

===First use self observation===
[[/firstUseChatSecure]]

===Mid-Term-Presentations and Mentor Comments===
*[[/Gruppe Anmeldung]]
*[[/Sicherheit (security)]]

===Heuristic Analysis===
* Aktuelle [https://guardianproject.info/releases/ Versionen von ChatSecure]
* Wenn die nicht geht: die [https://guardianproject.info/releases/chatsecure-latest.apk stabile Version]

'''Team Anmeldung: [[/HeuristicAnalysisAnmeldung|view the summary]]'''
* [[/HeuristicAnalysisAnmeldung| summary]]
*[[/HeuristicAnalysisAnmeldung_Person1]] (Aufgaben: Anmelden, Account erstellen, Einstellungen ("Settings"))
*[[/HeuristicAnalysisAnmeldung_Person2]] (Aufgaben: Anmelden, Account erstellen, Einstellungen ("Settings"))
*[[/HeuristicAnalysisAnmeldung_Person3]] (Aufgaben: Anmelden, Account erstellen, Einstellungen ("Settings"))

'''Team Sicherheit [[/HeuristicAnalysisSecurity|view the summary]] '''
* [[/HeuristicAnalysisSecurity|summary]]*[[/HeuristicAnalysisSecurity_Person4]] (Aufgaben: Neuen Kontakt hinzufügen, Nachricht verschicken auf den Wegen: Unsicher, Verschlüsselt, Authentifiziert)
*[[/HeuristicAnalysisSecurity_Person5]] (Aufgaben: Neuen Kontakt hinzufügen, Nachricht verschicken auf den Wegen: Unsicher, Verschlüsselt, Authentifiziert)
*[[/HeuristicAnalysisSecurity_Person6]] (Aufgaben: Neuen Kontakt hinzufügen, Nachricht verschicken auf den Wegen: Unsicher, Verschlüsselt, Authentifiziert)

''Die Analyse sollte am spätestens am 16.1. fertig sein''

{{IFD_Nutzerstudien_HeuristischeEvaluationAnweisungen}}

Für Material siehe Abschnitt [[#Heuristische Analyse|Materialien/Heuristische Analyse]] auf dieser Seite

===Endabgabe===
====Termine====
* Bis zum Vorlesungszeitende (7.2.) sollen die Entwürfe und Forschungen fertiggestellt sein.
* Bis zum Mi, 5.März 2014 ist die Dokumentation für den Lehrenden und die Designs und Erklärungen für den Projektpartner fertigzustellen. Auf diese Version gibt es Feedback, die fertige, darauf hin verbesserte und entgültige Version ist eine Woche später, am 12. März abzugeben.

====Anforderungen====
* '''Gruppe oder/und einzeln?''' Dokumentation für den Lehrenden und die Designs und Erklärungen werden ''pro Gruppe'' erstellt. Wichtige Infos oder Erfahrungen (e.g. eine Person hatte diese und jene Probleme mit dem Interview und hat sich deshalb entschiedenen diese und jene Änderungen anm Vorgehen zu machen) sind mitzudokumentieren (u.U. anonym)
* '''Struktur/Inhalt:''' Die Dokumentation für den Lehrenden lehnt sich am besten an das [[IFD:Human-Centered-Design-Research_-_Workbook|Arbeitsbuch]] an. Möglicherweise sind nicht alle methodischen Vorschläge auf euer Projekt zutreffend, in diesem Fall kann es sinnvoll sein, die "Abweichung" zu erklären (''xyz'' ist nicht gut geeignet weil …, deshalb haben wir die methode ''xyz'' benutzt", um das und das zu machen)
* '''Format:'''Die Designs und Ergebnisse ''für den Projektpartner'' sind im Wiki zu veröffentlichen, die ''Doku an den Lehrenden'' im Wiki oder als PDF.
* '''Nachvollziehbarkeit:''' Die Designs und Ergebnisse für den Projektpartner sollen ermöglichen die ''Ideen in der Software umzusetzen'' und es soll klar werden wie und warum (oder warum nicht) die Entwürfe so entstanden sind (das Programmieren kosten natürlich auch Zeit, und niemand würde etwas "einfach so" einbauen; Zudem kann es sein das Abweichungen von euren Entwürfen nötig sind – dann sind die Begründungen und Daten wichtig, um etwas ähnliches umzusetzen)
* '''Anschaulich machen:''' Zu den Designs und Ergebnisse für den Projektpartner sollte gehören:
** Ein Text mit Screenshots und Entwurfsskizzen
** Ein Prototyp oder eine andere anschauliche Darstellungsform eures/eurer Entwurfes/Entwürfe

==Arbeits & Übungshilfen==
[[File:GuillocheGeldBitcoin.png|thumb|right|100px|"Geldscheinmuster" (zu Interviewbeispiel)]]
* [[IFD:Human-Centered-Design-Research_-_Workbook|"Workbook"]] in Begleitung zur Praktischen Arbeit als Dokumentation, Gedankenstütze und Reflektionsmöglichkeit
* [[Media:Interview IllustratorUse.mp3|Interview/Beobachtung]]: Thema: "Grafiken erstellen"; zum Ausprobieren von Auswertungsmethoden.
''Begriffe'':
Die erwähnten [https://de.wikipedia.org/wiki/Bitcoin "Bitcoins"] sind eine virtuelle Währung; "Offset" bedeutet soviel wie "Abstand".

Die Ergebnisse von Beobachtung und Fragen werden aufbereitet; [[Zusammenhänge Beispielinterview|Hier einige Zusammenhänge]], die sich aus der Audioaufnahme herrausarbeiten lasse.

===Folien===
* [http://webuser.uni-weimar.de/~fudo5114/talks/defineAndFindAudience.html define and find your audience]
* [http://webuser.uni-weimar.de/~fudo5114/talks/BeobachtenFragen.html Beobachten und Fragen]
* [http://webuser.uni-weimar.de/~fudo5114/talks/Datenanalyse.html Datenanalyse]
* [http://webuser.uni-weimar.de/~fudo5114/talks/VonAnalyseZuIdeen.html Szenarios und DesignStudio-Methode]
** [http://webuser.uni-weimar.de/~fudo5114/workshopapp/ Design Studio Webapp] (kam nicht im Kurs vor ist zum Selbernutzen der Methode aber praktischer als die Folien. Verbesserungsvorschläge willkommen)
* [http://webuser.uni-weimar.de/~fudo5114/talks/Minivortrag_Personas.html Personas erstellen]

==Links und Materialien==
===Security/Usability===
* [http://www.cl.cam.ac.uk/~rja14/book.html Security Engineering, Kapitel 2: Usability and Psychology]
* Security and Usability: Designing Secure Systems That People Can Use, Lorrie Faith Cranor, Simson Garfinkel et.al., O'Reilly Media, ISBN 0596008279
* [https://csclub.uwaterloo.ca/media/Off-the-Record%20Messaging:%20Useful%20Security%20and%20Privacy%20for%20IM.html Wie Off-The-Record funktioniert und warum]: Usability, Verbreitbarkeit, Effektivität, "Resilienz"/Fehlerresistenz (von [https://en.wikipedia.org/wiki/Ian_Goldberg Ian Goldberg])
* Usability: [http://jnd.org/dn.mss/when_security_gets_in_the_way.html »When Security gets in the Way«] (D. Norman)

===Kyptografie===
* [https://en.khanacademy.org/math/applied-math/cryptography/modern-crypt/v/the-fundamental-theorem-of-arithmetic-1 The intro to cryptography on Khan Academy] several 3-5min Videos. Easy.
* [http://www.mat-d.com/site/rsa-diffie-hellman-explained-in-3-minutes/ Diffie-Hellman-Key-Exchange] – ca. 2 DINA4 pages Text. How can you get a secret key without ever seeing each other or sending it?
* Zur Belohnung nach der Mathematik: [http://www.schneierfacts.com/ Bruce Schneier Facts]. Es hat keinen Bildungswert, ist aber lustig (wenn man ''sehr'' nerdigen Humor mag)

===Ausprobieren…===
* Mobile Applikationen testen, aber kein Telefon zur Hand? (Aber einen PC?): den [https://developer.android.com/sdk/index.html Android-Simulator] nutzen, der ein Android-System auf eurem Computer simuliert. ("SDK-Tools only" reicht aus). Schaut das [https://www.youtube.com/watch?v=4r3o2eBzyrs erklärende Video] an.
* https://guardianproject.info/apps/chatsecure/ ChatSecure]. ist die App, mit der wir u.A. arbeiten werden. Installieren über [https://play.google.com/store/apps/details?id=info.guardianproject.otr.app.im Android Store] oder direkt aus dem [https://guardianproject.info/releases/ChatSecure-v12.6.4-RC3.apk Repository]
* [http://www.pidgin.im/ Pidgin] kann mittels [https://otr.cypherpunks.ca/ OTR-Plugin] sicher mit ChatSecure (und vielen anderen Instant-Messangern) Nachrichten senden.
* man braucht natürlich mindestens einen XMPP-Account. Den kann man z.B. bei [http://einfachjabber.de/reg einfachjabber] oder [https://dukgo.com/blog/using-pidgin-with-xmpp-jabber dukgo] anlegen.

===Bücher Design===
* Interaction Design: Beyond Human-Computer Interaction – Preece, Rogers and Sharp, ISBN 978-0470665763 ''Interaktionsdesign-Bezug, darin aber sehr umfassender Überblick''

* Observing the User Experience: A Practitioner's Guide to User Research, Kuneavski, ISBN 978-1558609235

===Human Centered Design===

* Abläufe Analysieren: [http://mindthegap.blog.bau-ha.us/2013/08/from-research-to-requirements-user-need-tables/316/ User Need Tables] (Quellen sind dort verlinkt)
* Personas erstellen: About Face 3, Cooper et.al. (In der Bib)
* [[IFD:Course_Interaction_Design|Interaktionsdesign-Kurs]] Ein Script zu einem vorhergehenden, ähnlichen Werkmodul.
* [http://www.uxmatters.com/mt/archives/2011/10/research-guidelines-you-wont-find-in-a-textbook.php 3 Regeln für Nutzerforschung: Sich Anfreunden, nicht zum Fragen beantworten da sein, nichts "verkaufen"]
* [http://www.experientia.com/blog/ Putting People First-Blog] (u.A. Forschung, Gender, Bildung etc. im HCD. Keine hurra-wir-sind-toll-Artikel, sondern interessante Inhalte.)

===Mobile Apps===
[http://www.cs.uml.edu/~fredm/courses/91.308-fall05/palm/zenofpalm.pdf The Zen of Palm]. Gute Zusammenfassung.

===Heuristische Analyse===
Hinweis: Eine heuristische Analyse kann das Testen nur ergänzen, aber nicht ersetzen!
* [http://www.nngroup.com/articles/ten-usability-heuristics/ List of Heuristics]
* [http://www.nngroup.com/articles/how-to-conduct-a-heuristic-evaluation/ How to do a heuristic evaluation] (and statistics which number of evaluatiors are best and/or most efficient etc.)

===Software===
* [http://developer.nokia.com/Resources/Tools_and_downloads/Other/Flowella/ Nokia Flowella] für Durchklick-Prototypen
* [http://www.jQuery.com jQuery] für aufwändiger, interaktive Prototypen.

===Nützliches===
* Ein [http://en.wikipedia.org/wiki/Service_blueprint Service Blueprint] zum [http://www.flickr.com/photos/brandonschauer/3363169836/ Download]

* [http://m18.uni-weimar.de/mailman/listinfo/interaction Sign up] for our (inofficial) BU Interaction Design Mailinglist

===Meta===
...das Designen von Designlehre
* [http://www.newyorker.com/reporting/2012/01/30/120130fa_fact_lehrer?currentPage=all Brainstorming: Eine Kritik] (vgl. mit der pro-Brainstorm-Kultur von e.g. Design Thinking)
* Parallel Prototyping:Eine empirische Studie von [http://aaalab.stanford.edu/papers/Parallel_Prototyping_2010.pdf 2010] und einer von [http://www.sigchi.org/chi95/proceedings/shortppr/so_bdy.htm 1995], deren Ergebnisse sehr für paralelles Prototyping sprechen.
* Das Iteration sinnvoll ist, ist auch nix neues, aber auch hier eine [http://www.itu.dk/people/jeppeh/specialeartikler/The%20Efficacy%20of%20Prototyping%20Under%20Time%20Constraints.pdf Studie] dazu
* Gruppen, die sich nach bestehenden Freundschaften zusammenfinden, sind für designerische Gruppenarbeiten [http://www.stanford.edu/~roypea/RoyPDF%20folder/A154_CSCL09_Maldonado_Klemmer_Pea.pdf nicht gut geeignet]
* The Reflective Practitioner (D. Schön), ISBN 0465068782

IFD:Nutzerstudien WiSe1314/HeuristicAnalysisSecurity

2014-01-16T16:31:24Z

JanD: Blanked the page

IFD:Nutzerstudien WiSe1314/HeuristicAnalysisAnmeldung

2014-01-16T16:31:16Z

JanD: Blanked the page

IFD:Nutzerstudien WiSe1314

2014-01-16T16:30:37Z

JanD: /* Presentation and Documentation of Works */

=Werkmodul Nutzerstudien/Sicherheit und Benutzbarkeit=
jeden Donnerstag, 13:30 bis 16:45, Marienstraße 7 B - Seminarraum 102 (siehe auch: Die Veranstaltung im [http://www.uni-weimar.de/qisserver/rds?state=verpublish&status=init&vmfile=no&publishid=21968&moduleCall=webInfo&publishConfFile=webInfo&publishSubDir=veranstaltung Vorlesungsverzeichnis])


===Aktuelles===
* Ein Teil der Aufgaben werden im Medienwiki (auf dieser Website also) bearbeitet werden. Bitte informiert euch wie ihr euch [https://www.youtube.com/watch?v=3oJF0G25q9Q Anmelden], [https://www.youtube.com/watch?v=PVBOAyd_1Zw Editieren], [https://www.youtube.com/watch?v=hLoOpqCyos0 Formatieren] und [https://www.youtube.com/watch?v=P42Une7fC_g Unterseiten anlegen] könnt (Videos dazu in den Links).

==Beschreibung==
[[File:Messaging_CC2BY_FlickrUser-Håkan_Dahlström.jpg|thumb|right|300px|wer liest mit? ([http://flickr.com/photos/dahlstroms/8041061787/sizes/k/in/photostream/ Bild: Dahlström], [https://creativecommons.org/licenses/by/2.0/ CC-BY])]]
[[File:6930835797 2db7044d34 b.jpg|thumb||right|200px|Interviewen]]
[[File:ExploreChallenge CC-BY-2 FlickrUserServicedesignberlin.jpg|thumb|right|200px|Analysieren]]
''Warum ist eine App nützlich und nutzbar, eine andere nicht?''
''Wie kann ich herrausfinden was meine Nutzer brauchen?''

Im Werkmodul Nutzerstudien werden wir Design und die Funktionen von Apps zur sicheren Kommunikation entwickeln und verbessern.

Wir werden:
* Durch unsere Gespräche und Beobachtungen mehr über Nutzer lernen
* Lernen, welche psychologischen Prinzipien bestimmen, ob etwas leicht oder schwierig zu benutzen ist und damit Designen.
* Wir werden unsere Designs ausprobieren lassen und so Verbesserungsmöglichkeiten erkennen und neue Ideen bekommen.



Um zu lernen, wie wir diese Methoden in der Praxis anwenden, haben wir eine Praxiskooperation mit dem [https://guardianproject.info/ Guardian Project]. Wir haben die Aufgabe, sichere Kommunikation über mobile Apps zu verbessern. Mitarbeiter des Projektes werden uns beraten und Feedback für eure Ideen geben.

Kommunikation, die nicht einfach abgehört oder Personen zugeordnet werden kann, ist für Bürgerrechtler und Journalisten essentiell, wird aber auch von Personen verwendet, die ihre Rechte im Netz nicht geschützt sehen.

Leider ist die Nutzung solcher Methoden nicht einfach. Sicherheitsexperte Bruce Schneier z.B. [http://www.theguardian.com/world/2013/sep/05/nsa-how-to-remain-secure-surveillance gibt Tips], sieht diese Tips aber kritisch, denn: ''»My five tips [for more security] suck. They are not things the average person can use. […] Basically, the average user is screwed.«'' (aus einem [http://www.technologyreview.com/news/519336/bruce-schneier-nsa-spying-is-making-us-less-safe/ Interview mit dem MIT Technology Review]) Zwar wird oft auf [https://en.wikipedia.org/wiki/Rtfm »Nutzererziehung«] verwiesen. Das Argument entschuldigt auch die unbenutzbarsten Lösungen – und selbst erfahrene [http://www.gaudior.net/alma/johnny.pdf Nutzer scheitern] z.B. an Verschlüsselungsprogrammen. Besser wären Lösungen, die praktisch, gut benutzbar und sicher sind. Wir wollen zu solchen Lösungen beitragen.

==Häufige Fragen==

'''Muss ich Programmieren können?''' Nein.

'''Ist das hier alles theoretisch?''' Nein, der Kurs ist nicht theoretisch, im Gegenteil, wir werden die gelehrten Methoden anwenden und sie nutzen, um eine anwendbare, praktische Lösung für Probleme zu schaffen.

'''Ist das wissenschaftlich?''' Jein. Es ist [http://de.wikipedia.org/wiki/Naturwissenschaft wissenschaftlich] in dem Sinne, das die Gestaltung auf (eigenen) Erkenntnissen beruht, die wir auch [http://de.wikipedia.org/wiki/Kritischer_Rationalismus kritisch hinterfragen]. Nicht wissenschaftlich ist, das wir konkrete Probleme lösen, anstatt ein allgemeines Modell zu erstellen. (Vergleiche "Wie verhindere ich, das es umfällt?" mit "warum fallen Dinge nach unten?")

==Voraussetzungen==
* Bereitschaft zu eigener Forschung und Weiterentwicklung von Ideen. Mit einem Konzept, dessen Umsetzung für euch schon absolut feststeht, wird der Kurs freud- wie erkenntnislos.

* Texte auf Englisch lesen, denn es gibt wenig Literatur zu dem Gebiet auf deutsch. Wir lesen nicht viel, und ich wähle keine Texte aus, die den Leser mit [http://dev.null.org/postmodern/ nebulös-abstrakten] Begriffen beeindrucken. Aber es ist hilfreich, sich damit zu beschäftigen was andere bisher herausgefunden haben.

==Bewertung==
* Dokumentation (im Wiki, dabei an die Struktur des Arbeitsbuches halten)
* Vortrag
* Anwesenheit (regelm., max 3x fehlen)

==Anmelden==
Mail an ''jan.dittrich ÄT uni-weimar.de'' mit
* Name, Vorname
* Matrikelnummer
* Studiengang
* Kurzer Text der erklärt, warum ihr Teilnehmen möchtet.

==Vortragsthemen| ''student presentations''==
''Mögliche Vortragsthemen. Bitte nutzt die bereitgestellten Quellen, und macht dann eine eigene Recherche. Bereitet das Thema auf, macht es [http://dilbert.com/strips/comic/2010-01-18/ anschaulich] und nicht einfach nur eine Nacherzählung der Quellen (oder der Stichpunkte auf den Slides).''

'''Vortragsdauer: 15-20min'''
* 7.11 Attacks based on Psychology, [http://www.cl.cam.ac.uk/~rja14/book.html Security Engineering, Chapter 2.2] (Lisa Guth)
* 14.11 Personas: About Face 3, ISBN 0470084111, (page 75-81, 97-106)
* 21.11 'Service Blueprinting, [http://knowledge.wpcarey.asu.edu/article.cfm?articleid=1546 intro], [[wikipedia:Service blueprint|Wikipedia]], [http://www.flickr.com/photos/brandonschauer/3363169836/ template]
* 28.11 Security and Usability: The Case of passwords: [http://www.nngroup.com/articles/security-and-human-factors/ Norman/Nielsen on Sign-On-Usability], [http://www.cl.cam.ac.uk/~rja14/book.html Security Engineering, Chapter 2.4], [https://xkcd.com/936/ xkcd on password strength] (Anna Krieger)
* 05.12 "Intuitivität" [http://www.asktog.com/papers/raskinintuit.html Intuitive = Familiar], [http://www.uie.com/articles/design_intuitive/ The Intuition Gap] (Michèle Eike)
*12.12. Kein Vortrag
*19.12. Prototyping-Tools: [http://pencil.evolus.vn/ Pencil], [http://jquery.com/ jQuery] (Anja Rathgeber)
* 19.12. Parallel Prototyping: [http://www.sigchi.org/chi95/proceedings/shortppr/so_bdy.htm 1995], [http://aaalab.stanford.edu/papers/Parallel_Prototyping_2010.pdf 2010]
* 9.1 Knowledge in the Head, Knowledge in the World. In "The Design of Everyday Things" ("Alltägliche Dinge"), Donald Norman, ISBN 0465067107 (Psychologischer Fokus) (Susanne Pötzsch)
* 16.1. [http://www.gaudior.net/alma/johnny.pdf Why Johnny can't encrypt] a classic Security/HCI paper. (Benjamin Burse)
* 23.1. Paper: [http://technology.open.ac.uk/design/cross/documents/DesignerlyWaysofKnowing.pdf Designerly Ways of knowing]





==Zeitplan==
* '''24.10''': Einführung | ''Introduction''
* '''31.10''' : ''Feiertag''
* '''7.11''': Security
* '''14.11''' : Nutzerforschung: Beobachten und Fragen stellen | ''User Research: Observing and Asking Questions''
* '''21.11''': Datenanalyse, Szenarioerstellung | ''Analyse Data, Create Scenarios''
* '''28.11''': Idenentwicklung | ''Idea Development''
* '''5.12.: Prototyping
[…]
* '''12.12''': 1st Feedback round
[…]

==='''Gruppe Anmeldung'''===
* '''16.01''': heuristische Analyse und Schwachpunkte herausarbeiten 
Treffen um den PaperMockUp gestalten 
Prototyp in den nächsten zwei Wochen testen (evtl. mehrere Iterationsschritte)
* '''23.01''': Feedback | vorläufige Ergebnisse zusammentragen
* '''30.01''': Verbesserungen vornehmen 
Treffen um Wiki-Seite zu aktualisieren 
* bis vorlesungsfreie Zeit => Feedback

==='''Gruppe Sicherheit'''===
* '''16.01.:''' Heuristische Analyse fertigstellen und Schwachpunkte der App finden
* '''23.01.:''' Prototypen verbessern (je nach Zeit: für Hoch- und Querformat) und Klickdummy anfertigen
* '''30.01.:''' Fertiggestellten Klickdummy testen
* '''06.02:''' Tests auswerten; Anfangen für die Dokumentation zu sammeln

==Gruppen==
[[/Beispiel]]

*[[/Gruppe Anmeldung]]
*[[/Sicherheit (security)]]

== Presentation and Documentation of Works==

===First use self observation===
[[/firstUseChatSecure]]

===Mid-Term-Presentations and Mentor Comments===
*[[/Gruppe Anmeldung]]
*[[/Sicherheit (security)]]

===Heuristic Analysis===
* Aktuelle [https://guardianproject.info/releases/ Versionen von ChatSecure]
* Wenn die nicht geht: die [https://guardianproject.info/releases/chatsecure-latest.apk stabile Version]

'''Team Anmeldung: [[/HeuristicAnalysisAnmeldung|view the summary]]'''
*[[/HeuristicAnalysisAnmeldung_Person1]] (Aufgaben: Anmelden, Account erstellen, Einstellungen ("Settings"))
*[[/HeuristicAnalysisAnmeldung_Person2]] (Aufgaben: Anmelden, Account erstellen, Einstellungen ("Settings"))
*[[/HeuristicAnalysisAnmeldung_Person3]] (Aufgaben: Anmelden, Account erstellen, Einstellungen ("Settings"))

'''Team Sicherheit [[/HeuristicAnalysisSecurity|view the summary]] '''
*[[/HeuristicAnalysisSecurity_Person4]] (Aufgaben: Neuen Kontakt hinzufügen, Nachricht verschicken auf den Wegen: Unsicher, Verschlüsselt, Authentifiziert)
*[[/HeuristicAnalysisSecurity_Person5]] (Aufgaben: Neuen Kontakt hinzufügen, Nachricht verschicken auf den Wegen: Unsicher, Verschlüsselt, Authentifiziert)
*[[/HeuristicAnalysisSecurity_Person6]] (Aufgaben: Neuen Kontakt hinzufügen, Nachricht verschicken auf den Wegen: Unsicher, Verschlüsselt, Authentifiziert)

''Die Analyse sollte am spätestens am 16.1. fertig sein''

{{IFD_Nutzerstudien_HeuristischeEvaluationAnweisungen}}

Für Material siehe Abschnitt [[#Heuristische Analyse|Materialien/Heuristische Analyse]] auf dieser Seite

===Endabgabe===
====Termine====
* Bis zum Vorlesungszeitende (7.2.) sollen die Entwürfe und Forschungen fertiggestellt sein.
* Bis zum Mi, 5.März 2014 ist die Dokumentation für den Lehrenden und die Designs und Erklärungen für den Projektpartner fertigzustellen. Auf diese Version gibt es Feedback, die fertige, darauf hin verbesserte und entgültige Version ist eine Woche später, am 12. März abzugeben.

====Anforderungen====
* '''Gruppe oder/und einzeln?''' Dokumentation für den Lehrenden und die Designs und Erklärungen werden ''pro Gruppe'' erstellt. Wichtige Infos oder Erfahrungen (e.g. eine Person hatte diese und jene Probleme mit dem Interview und hat sich deshalb entschiedenen diese und jene Änderungen anm Vorgehen zu machen) sind mitzudokumentieren (u.U. anonym)
* '''Struktur/Inhalt:''' Die Dokumentation für den Lehrenden lehnt sich am besten an das [[IFD:Human-Centered-Design-Research_-_Workbook|Arbeitsbuch]] an. Möglicherweise sind nicht alle methodischen Vorschläge auf euer Projekt zutreffend, in diesem Fall kann es sinnvoll sein, die "Abweichung" zu erklären (''xyz'' ist nicht gut geeignet weil …, deshalb haben wir die methode ''xyz'' benutzt", um das und das zu machen)
* '''Format:'''Die Designs und Ergebnisse ''für den Projektpartner'' sind im Wiki zu veröffentlichen, die ''Doku an den Lehrenden'' im Wiki oder als PDF.
* '''Nachvollziehbarkeit:''' Die Designs und Ergebnisse für den Projektpartner sollen ermöglichen die ''Ideen in der Software umzusetzen'' und es soll klar werden wie und warum (oder warum nicht) die Entwürfe so entstanden sind (das Programmieren kosten natürlich auch Zeit, und niemand würde etwas "einfach so" einbauen; Zudem kann es sein das Abweichungen von euren Entwürfen nötig sind – dann sind die Begründungen und Daten wichtig, um etwas ähnliches umzusetzen)
* '''Anschaulich machen:''' Zu den Designs und Ergebnisse für den Projektpartner sollte gehören:
** Ein Text mit Screenshots und Entwurfsskizzen
** Ein Prototyp oder eine andere anschauliche Darstellungsform eures/eurer Entwurfes/Entwürfe

==Arbeits & Übungshilfen==
[[File:GuillocheGeldBitcoin.png|thumb|right|100px|"Geldscheinmuster" (zu Interviewbeispiel)]]
* [[IFD:Human-Centered-Design-Research_-_Workbook|"Workbook"]] in Begleitung zur Praktischen Arbeit als Dokumentation, Gedankenstütze und Reflektionsmöglichkeit
* [[Media:Interview IllustratorUse.mp3|Interview/Beobachtung]]: Thema: "Grafiken erstellen"; zum Ausprobieren von Auswertungsmethoden.
''Begriffe'':
Die erwähnten [https://de.wikipedia.org/wiki/Bitcoin "Bitcoins"] sind eine virtuelle Währung; "Offset" bedeutet soviel wie "Abstand".

Die Ergebnisse von Beobachtung und Fragen werden aufbereitet; [[Zusammenhänge Beispielinterview|Hier einige Zusammenhänge]], die sich aus der Audioaufnahme herrausarbeiten lasse.

===Folien===
* [http://webuser.uni-weimar.de/~fudo5114/talks/defineAndFindAudience.html define and find your audience]
* [http://webuser.uni-weimar.de/~fudo5114/talks/BeobachtenFragen.html Beobachten und Fragen]
* [http://webuser.uni-weimar.de/~fudo5114/talks/Datenanalyse.html Datenanalyse]
* [http://webuser.uni-weimar.de/~fudo5114/talks/VonAnalyseZuIdeen.html Szenarios und DesignStudio-Methode]
** [http://webuser.uni-weimar.de/~fudo5114/workshopapp/ Design Studio Webapp] (kam nicht im Kurs vor ist zum Selbernutzen der Methode aber praktischer als die Folien. Verbesserungsvorschläge willkommen)
* [http://webuser.uni-weimar.de/~fudo5114/talks/Minivortrag_Personas.html Personas erstellen]

==Links und Materialien==
===Security/Usability===
* [http://www.cl.cam.ac.uk/~rja14/book.html Security Engineering, Kapitel 2: Usability and Psychology]
* Security and Usability: Designing Secure Systems That People Can Use, Lorrie Faith Cranor, Simson Garfinkel et.al., O'Reilly Media, ISBN 0596008279
* [https://csclub.uwaterloo.ca/media/Off-the-Record%20Messaging:%20Useful%20Security%20and%20Privacy%20for%20IM.html Wie Off-The-Record funktioniert und warum]: Usability, Verbreitbarkeit, Effektivität, "Resilienz"/Fehlerresistenz (von [https://en.wikipedia.org/wiki/Ian_Goldberg Ian Goldberg])
* Usability: [http://jnd.org/dn.mss/when_security_gets_in_the_way.html »When Security gets in the Way«] (D. Norman)

===Kyptografie===
* [https://en.khanacademy.org/math/applied-math/cryptography/modern-crypt/v/the-fundamental-theorem-of-arithmetic-1 The intro to cryptography on Khan Academy] several 3-5min Videos. Easy.
* [http://www.mat-d.com/site/rsa-diffie-hellman-explained-in-3-minutes/ Diffie-Hellman-Key-Exchange] – ca. 2 DINA4 pages Text. How can you get a secret key without ever seeing each other or sending it?
* Zur Belohnung nach der Mathematik: [http://www.schneierfacts.com/ Bruce Schneier Facts]. Es hat keinen Bildungswert, ist aber lustig (wenn man ''sehr'' nerdigen Humor mag)

===Ausprobieren…===
* Mobile Applikationen testen, aber kein Telefon zur Hand? (Aber einen PC?): den [https://developer.android.com/sdk/index.html Android-Simulator] nutzen, der ein Android-System auf eurem Computer simuliert. ("SDK-Tools only" reicht aus). Schaut das [https://www.youtube.com/watch?v=4r3o2eBzyrs erklärende Video] an.
* https://guardianproject.info/apps/chatsecure/ ChatSecure]. ist die App, mit der wir u.A. arbeiten werden. Installieren über [https://play.google.com/store/apps/details?id=info.guardianproject.otr.app.im Android Store] oder direkt aus dem [https://guardianproject.info/releases/ChatSecure-v12.6.4-RC3.apk Repository]
* [http://www.pidgin.im/ Pidgin] kann mittels [https://otr.cypherpunks.ca/ OTR-Plugin] sicher mit ChatSecure (und vielen anderen Instant-Messangern) Nachrichten senden.
* man braucht natürlich mindestens einen XMPP-Account. Den kann man z.B. bei [http://einfachjabber.de/reg einfachjabber] oder [https://dukgo.com/blog/using-pidgin-with-xmpp-jabber dukgo] anlegen.

===Bücher Design===
* Interaction Design: Beyond Human-Computer Interaction – Preece, Rogers and Sharp, ISBN 978-0470665763 ''Interaktionsdesign-Bezug, darin aber sehr umfassender Überblick''

* Observing the User Experience: A Practitioner's Guide to User Research, Kuneavski, ISBN 978-1558609235

===Human Centered Design===

* Abläufe Analysieren: [http://mindthegap.blog.bau-ha.us/2013/08/from-research-to-requirements-user-need-tables/316/ User Need Tables] (Quellen sind dort verlinkt)
* Personas erstellen: About Face 3, Cooper et.al. (In der Bib)
* [[IFD:Course_Interaction_Design|Interaktionsdesign-Kurs]] Ein Script zu einem vorhergehenden, ähnlichen Werkmodul.
* [http://www.uxmatters.com/mt/archives/2011/10/research-guidelines-you-wont-find-in-a-textbook.php 3 Regeln für Nutzerforschung: Sich Anfreunden, nicht zum Fragen beantworten da sein, nichts "verkaufen"]
* [http://www.experientia.com/blog/ Putting People First-Blog] (u.A. Forschung, Gender, Bildung etc. im HCD. Keine hurra-wir-sind-toll-Artikel, sondern interessante Inhalte.)

===Mobile Apps===
[http://www.cs.uml.edu/~fredm/courses/91.308-fall05/palm/zenofpalm.pdf The Zen of Palm]. Gute Zusammenfassung.

===Heuristische Analyse===
Hinweis: Eine heuristische Analyse kann das Testen nur ergänzen, aber nicht ersetzen!
* [http://www.nngroup.com/articles/ten-usability-heuristics/ List of Heuristics]
* [http://www.nngroup.com/articles/how-to-conduct-a-heuristic-evaluation/ How to do a heuristic evaluation] (and statistics which number of evaluatiors are best and/or most efficient etc.)

===Software===
* [http://developer.nokia.com/Resources/Tools_and_downloads/Other/Flowella/ Nokia Flowella] für Durchklick-Prototypen
* [http://www.jQuery.com jQuery] für aufwändiger, interaktive Prototypen.

===Nützliches===
* Ein [http://en.wikipedia.org/wiki/Service_blueprint Service Blueprint] zum [http://www.flickr.com/photos/brandonschauer/3363169836/ Download]

* [http://m18.uni-weimar.de/mailman/listinfo/interaction Sign up] for our (inofficial) BU Interaction Design Mailinglist

===Meta===
...das Designen von Designlehre
* [http://www.newyorker.com/reporting/2012/01/30/120130fa_fact_lehrer?currentPage=all Brainstorming: Eine Kritik] (vgl. mit der pro-Brainstorm-Kultur von e.g. Design Thinking)
* Parallel Prototyping:Eine empirische Studie von [http://aaalab.stanford.edu/papers/Parallel_Prototyping_2010.pdf 2010] und einer von [http://www.sigchi.org/chi95/proceedings/shortppr/so_bdy.htm 1995], deren Ergebnisse sehr für paralelles Prototyping sprechen.
* Das Iteration sinnvoll ist, ist auch nix neues, aber auch hier eine [http://www.itu.dk/people/jeppeh/specialeartikler/The%20Efficacy%20of%20Prototyping%20Under%20Time%20Constraints.pdf Studie] dazu
* Gruppen, die sich nach bestehenden Freundschaften zusammenfinden, sind für designerische Gruppenarbeiten [http://www.stanford.edu/~roypea/RoyPDF%20folder/A154_CSCL09_Maldonado_Klemmer_Pea.pdf nicht gut geeignet]
* The Reflective Practitioner (D. Schön), ISBN 0465068782

IFD:Nutzerstudien WiSe1314

2014-01-13T20:59:12Z

JanD: /* Termine */

=Werkmodul Nutzerstudien/Sicherheit und Benutzbarkeit=
jeden Donnerstag, 13:30 bis 16:45, Marienstraße 7 B - Seminarraum 102 (siehe auch: Die Veranstaltung im [http://www.uni-weimar.de/qisserver/rds?state=verpublish&status=init&vmfile=no&publishid=21968&moduleCall=webInfo&publishConfFile=webInfo&publishSubDir=veranstaltung Vorlesungsverzeichnis])


===Aktuelles===
* Ein Teil der Aufgaben werden im Medienwiki (auf dieser Website also) bearbeitet werden. Bitte informiert euch wie ihr euch [https://www.youtube.com/watch?v=3oJF0G25q9Q Anmelden], [https://www.youtube.com/watch?v=PVBOAyd_1Zw Editieren], [https://www.youtube.com/watch?v=hLoOpqCyos0 Formatieren] und [https://www.youtube.com/watch?v=P42Une7fC_g Unterseiten anlegen] könnt (Videos dazu in den Links).

==Beschreibung==
[[File:Messaging_CC2BY_FlickrUser-Håkan_Dahlström.jpg|thumb|right|300px|wer liest mit? ([http://flickr.com/photos/dahlstroms/8041061787/sizes/k/in/photostream/ Bild: Dahlström], [https://creativecommons.org/licenses/by/2.0/ CC-BY])]]
[[File:6930835797 2db7044d34 b.jpg|thumb||right|200px|Interviewen]]
[[File:ExploreChallenge CC-BY-2 FlickrUserServicedesignberlin.jpg|thumb|right|200px|Analysieren]]
''Warum ist eine App nützlich und nutzbar, eine andere nicht?''
''Wie kann ich herrausfinden was meine Nutzer brauchen?''

Im Werkmodul Nutzerstudien werden wir Design und die Funktionen von Apps zur sicheren Kommunikation entwickeln und verbessern.

Wir werden:
* Durch unsere Gespräche und Beobachtungen mehr über Nutzer lernen
* Lernen, welche psychologischen Prinzipien bestimmen, ob etwas leicht oder schwierig zu benutzen ist und damit Designen.
* Wir werden unsere Designs ausprobieren lassen und so Verbesserungsmöglichkeiten erkennen und neue Ideen bekommen.



Um zu lernen, wie wir diese Methoden in der Praxis anwenden, haben wir eine Praxiskooperation mit dem [https://guardianproject.info/ Guardian Project]. Wir haben die Aufgabe, sichere Kommunikation über mobile Apps zu verbessern. Mitarbeiter des Projektes werden uns beraten und Feedback für eure Ideen geben.

Kommunikation, die nicht einfach abgehört oder Personen zugeordnet werden kann, ist für Bürgerrechtler und Journalisten essentiell, wird aber auch von Personen verwendet, die ihre Rechte im Netz nicht geschützt sehen.

Leider ist die Nutzung solcher Methoden nicht einfach. Sicherheitsexperte Bruce Schneier z.B. [http://www.theguardian.com/world/2013/sep/05/nsa-how-to-remain-secure-surveillance gibt Tips], sieht diese Tips aber kritisch, denn: ''»My five tips [for more security] suck. They are not things the average person can use. […] Basically, the average user is screwed.«'' (aus einem [http://www.technologyreview.com/news/519336/bruce-schneier-nsa-spying-is-making-us-less-safe/ Interview mit dem MIT Technology Review]) Zwar wird oft auf [https://en.wikipedia.org/wiki/Rtfm »Nutzererziehung«] verwiesen. Das Argument entschuldigt auch die unbenutzbarsten Lösungen – und selbst erfahrene [http://www.gaudior.net/alma/johnny.pdf Nutzer scheitern] z.B. an Verschlüsselungsprogrammen. Besser wären Lösungen, die praktisch, gut benutzbar und sicher sind. Wir wollen zu solchen Lösungen beitragen.

==Häufige Fragen==

'''Muss ich Programmieren können?''' Nein.

'''Ist das hier alles theoretisch?''' Nein, der Kurs ist nicht theoretisch, im Gegenteil, wir werden die gelehrten Methoden anwenden und sie nutzen, um eine anwendbare, praktische Lösung für Probleme zu schaffen.

'''Ist das wissenschaftlich?''' Jein. Es ist [http://de.wikipedia.org/wiki/Naturwissenschaft wissenschaftlich] in dem Sinne, das die Gestaltung auf (eigenen) Erkenntnissen beruht, die wir auch [http://de.wikipedia.org/wiki/Kritischer_Rationalismus kritisch hinterfragen]. Nicht wissenschaftlich ist, das wir konkrete Probleme lösen, anstatt ein allgemeines Modell zu erstellen. (Vergleiche "Wie verhindere ich, das es umfällt?" mit "warum fallen Dinge nach unten?")

==Voraussetzungen==
* Bereitschaft zu eigener Forschung und Weiterentwicklung von Ideen. Mit einem Konzept, dessen Umsetzung für euch schon absolut feststeht, wird der Kurs freud- wie erkenntnislos.

* Texte auf Englisch lesen, denn es gibt wenig Literatur zu dem Gebiet auf deutsch. Wir lesen nicht viel, und ich wähle keine Texte aus, die den Leser mit [http://dev.null.org/postmodern/ nebulös-abstrakten] Begriffen beeindrucken. Aber es ist hilfreich, sich damit zu beschäftigen was andere bisher herausgefunden haben.

==Bewertung==
* Dokumentation (im Wiki, dabei an die Struktur des Arbeitsbuches halten)
* Vortrag
* Anwesenheit (regelm., max 3x fehlen)

==Anmelden==
Mail an ''jan.dittrich ÄT uni-weimar.de'' mit
* Name, Vorname
* Matrikelnummer
* Studiengang
* Kurzer Text der erklärt, warum ihr Teilnehmen möchtet.

==Vortragsthemen| ''student presentations''==
''Mögliche Vortragsthemen. Bitte nutzt die bereitgestellten Quellen, und macht dann eine eigene Recherche. Bereitet das Thema auf, macht es [http://dilbert.com/strips/comic/2010-01-18/ anschaulich] und nicht einfach nur eine Nacherzählung der Quellen (oder der Stichpunkte auf den Slides).''

'''Vortragsdauer: 15-20min'''
* 7.11 Attacks based on Psychology, [http://www.cl.cam.ac.uk/~rja14/book.html Security Engineering, Chapter 2.2] (Lisa Guth)
* 14.11 Personas: About Face 3, ISBN 0470084111, (page 75-81, 97-106)
* 21.11 'Service Blueprinting, [http://knowledge.wpcarey.asu.edu/article.cfm?articleid=1546 intro], [[wikipedia:Service blueprint|Wikipedia]], [http://www.flickr.com/photos/brandonschauer/3363169836/ template]
* 28.11 Security and Usability: The Case of passwords: [http://www.nngroup.com/articles/security-and-human-factors/ Norman/Nielsen on Sign-On-Usability], [http://www.cl.cam.ac.uk/~rja14/book.html Security Engineering, Chapter 2.4], [https://xkcd.com/936/ xkcd on password strength] (Anna Krieger)
* 05.12 "Intuitivität" [http://www.asktog.com/papers/raskinintuit.html Intuitive = Familiar], [http://www.uie.com/articles/design_intuitive/ The Intuition Gap] (Michèle Eike)
*12.12. Kein Vortrag
*19.12. Prototyping-Tools: [http://pencil.evolus.vn/ Pencil], [http://jquery.com/ jQuery] (Anja Rathgeber)
* 19.12. Parallel Prototyping: [http://www.sigchi.org/chi95/proceedings/shortppr/so_bdy.htm 1995], [http://aaalab.stanford.edu/papers/Parallel_Prototyping_2010.pdf 2010]
* 9.1 Knowledge in the Head, Knowledge in the World. In "The Design of Everyday Things" ("Alltägliche Dinge"), Donald Norman, ISBN 0465067107 (Psychologischer Fokus) (Susanne Pötzsch)
* 16.1. [http://www.gaudior.net/alma/johnny.pdf Why Johnny can't encrypt] a classic Security/HCI paper. (Benjamin Burse)
* 23.1. Paper: [http://technology.open.ac.uk/design/cross/documents/DesignerlyWaysofKnowing.pdf Designerly Ways of knowing]





==Zeitplan==
* '''24.10''': Einführung | ''Introduction''
* '''31.10''' : ''Feiertag''
* '''7.11''': Security
* '''14.11''' : Nutzerforschung: Beobachten und Fragen stellen | ''User Research: Observing and Asking Questions''
* '''21.11''': Datenanalyse, Szenarioerstellung | ''Analyse Data, Create Scenarios''
* '''28.11''': Idenentwicklung | ''Idea Development''
* '''5.12.: Prototyping
[…]
* '''12.12''': 1st Feedback round
[…]

==='''Gruppe Anmeldung'''===
* '''16.01''': heuristische Analyse und Schwachpunkte herausarbeiten 
Treffen um den PaperMockUp gestalten 
Prototyp in den nächsten zwei Wochen testen (evtl. mehrere Iterationsschritte)
* '''23.01''': Feedback | vorläufige Ergebnisse zusammentragen
* '''30.01''': Verbesserungen vornehmen 
Treffen um Wiki-Seite zu aktualisieren 
* bis vorlesungsfreie Zeit => Feedback

==='''Gruppe Sicherheit'''===
* '''16.01.:''' Heuristische Analyse fertigstellen und Schwachpunkte der App finden
* '''23.01.:''' Prototypen verbessern (je nach Zeit: für Hoch- und Querformat) und Klickdummy anfertigen
* '''30.01.:''' Fertiggestellten Klickdummy testen
* '''06.02:''' Tests auswerten; Anfangen für die Dokumentation zu sammeln

==Gruppen==
[[/Beispiel]]

*[[/Gruppe Anmeldung]]
*[[/Sicherheit (security)]]

== Presentation and Documentation of Works==

===First use self observation===
[[/firstUseChatSecure]]

===Mid-Term-Presentations and Mentor Comments===
*[[/Gruppe Anmeldung]]
*[[/Sicherheit (security)]]

===Heuristic Analysis===
* Aktuelle [https://guardianproject.info/releases/ Versionen von ChatSecure]
* Wenn die nicht geht: die [https://guardianproject.info/releases/chatsecure-latest.apk stabile Version]

'''Team Anmeldung'''
*[[/HeuristicAnalysisAnmeldung_Person1]] (Aufgaben: Anmelden, Account erstellen, Einstellungen ("Settings"))
*[[/HeuristicAnalysisAnmeldung_Person2]] (Aufgaben: Anmelden, Account erstellen, Einstellungen ("Settings"))
*[[/HeuristicAnalysisAnmeldung_Person3]] (Aufgaben: Anmelden, Account erstellen, Einstellungen ("Settings"))

'''Team Sicherheit'''
*[[/HeuristicAnalysisSecurity_Person4]] (Aufgaben: Neuen Kontakt hinzufügen, Nachricht verschicken auf den Wegen: Unsicher, Verschlüsselt, Authentifiziert)
*[[/HeuristicAnalysisSecurity_Person5]] (Aufgaben: Neuen Kontakt hinzufügen, Nachricht verschicken auf den Wegen: Unsicher, Verschlüsselt, Authentifiziert)
*[[/HeuristicAnalysisSecurity_Person6]] (Aufgaben: Neuen Kontakt hinzufügen, Nachricht verschicken auf den Wegen: Unsicher, Verschlüsselt, Authentifiziert)

''Die Analyse sollte am spätestens am 16.1. fertig sein''

{{IFD_Nutzerstudien_HeuristischeEvaluationAnweisungen}}

Für Material siehe Abschnitt [[#Heuristische Analyse|Materialien/Heuristische Analyse]] auf dieser Seite

===Endabgabe===
====Termine====
* Bis zum Vorlesungszeitende (7.2.) sollen die Entwürfe und Forschungen fertiggestellt sein.
* Bis zum Mi, 5.März 2014 ist die Dokumentation für den Lehrenden und die Designs und Erklärungen für den Projektpartner fertigzustellen. Auf diese Version gibt es Feedback, die fertige, darauf hin verbesserte und entgültige Version ist eine Woche später, am 12. März abzugeben.

====Anforderungen====
* '''Gruppe oder/und einzeln?''' Dokumentation für den Lehrenden und die Designs und Erklärungen werden ''pro Gruppe'' erstellt. Wichtige Infos oder Erfahrungen (e.g. eine Person hatte diese und jene Probleme mit dem Interview und hat sich deshalb entschiedenen diese und jene Änderungen anm Vorgehen zu machen) sind mitzudokumentieren (u.U. anonym)
* '''Struktur/Inhalt:''' Die Dokumentation für den Lehrenden lehnt sich am besten an das [[IFD:Human-Centered-Design-Research_-_Workbook|Arbeitsbuch]] an. Möglicherweise sind nicht alle methodischen Vorschläge auf euer Projekt zutreffend, in diesem Fall kann es sinnvoll sein, die "Abweichung" zu erklären (''xyz'' ist nicht gut geeignet weil …, deshalb haben wir die methode ''xyz'' benutzt", um das und das zu machen)
* '''Format:'''Die Designs und Ergebnisse ''für den Projektpartner'' sind im Wiki zu veröffentlichen, die ''Doku an den Lehrenden'' im Wiki oder als PDF.
* '''Nachvollziehbarkeit:''' Die Designs und Ergebnisse für den Projektpartner sollen ermöglichen die ''Ideen in der Software umzusetzen'' und es soll klar werden wie und warum (oder warum nicht) die Entwürfe so entstanden sind (das Programmieren kosten natürlich auch Zeit, und niemand würde etwas "einfach so" einbauen; Zudem kann es sein das Abweichungen von euren Entwürfen nötig sind – dann sind die Begründungen und Daten wichtig, um etwas ähnliches umzusetzen)
* '''Anschaulich machen:''' Zu den Designs und Ergebnisse für den Projektpartner sollte gehören:
** Ein Text mit Screenshots und Entwurfsskizzen
** Ein Prototyp oder eine andere anschauliche Darstellungsform eures/eurer Entwurfes/Entwürfe

==Arbeits & Übungshilfen==
[[File:GuillocheGeldBitcoin.png|thumb|right|100px|"Geldscheinmuster" (zu Interviewbeispiel)]]
* [[IFD:Human-Centered-Design-Research_-_Workbook|"Workbook"]] in Begleitung zur Praktischen Arbeit als Dokumentation, Gedankenstütze und Reflektionsmöglichkeit
* [[Media:Interview IllustratorUse.mp3|Interview/Beobachtung]]: Thema: "Grafiken erstellen"; zum Ausprobieren von Auswertungsmethoden.
''Begriffe'':
Die erwähnten [https://de.wikipedia.org/wiki/Bitcoin "Bitcoins"] sind eine virtuelle Währung; "Offset" bedeutet soviel wie "Abstand".

Die Ergebnisse von Beobachtung und Fragen werden aufbereitet; [[Zusammenhänge Beispielinterview|Hier einige Zusammenhänge]], die sich aus der Audioaufnahme herrausarbeiten lasse.

===Folien===
* [http://webuser.uni-weimar.de/~fudo5114/talks/defineAndFindAudience.html define and find your audience]
* [http://webuser.uni-weimar.de/~fudo5114/talks/BeobachtenFragen.html Beobachten und Fragen]
* [http://webuser.uni-weimar.de/~fudo5114/talks/Datenanalyse.html Datenanalyse]
* [http://webuser.uni-weimar.de/~fudo5114/talks/VonAnalyseZuIdeen.html Szenarios und DesignStudio-Methode]
** [http://webuser.uni-weimar.de/~fudo5114/workshopapp/ Design Studio Webapp] (kam nicht im Kurs vor ist zum Selbernutzen der Methode aber praktischer als die Folien. Verbesserungsvorschläge willkommen)
* [http://webuser.uni-weimar.de/~fudo5114/talks/Minivortrag_Personas.html Personas erstellen]

==Links und Materialien==
===Security/Usability===
* [http://www.cl.cam.ac.uk/~rja14/book.html Security Engineering, Kapitel 2: Usability and Psychology]
* Security and Usability: Designing Secure Systems That People Can Use, Lorrie Faith Cranor, Simson Garfinkel et.al., O'Reilly Media, ISBN 0596008279
* [https://csclub.uwaterloo.ca/media/Off-the-Record%20Messaging:%20Useful%20Security%20and%20Privacy%20for%20IM.html Wie Off-The-Record funktioniert und warum]: Usability, Verbreitbarkeit, Effektivität, "Resilienz"/Fehlerresistenz (von [https://en.wikipedia.org/wiki/Ian_Goldberg Ian Goldberg])
* Usability: [http://jnd.org/dn.mss/when_security_gets_in_the_way.html »When Security gets in the Way«] (D. Norman)

===Kyptografie===
* [https://en.khanacademy.org/math/applied-math/cryptography/modern-crypt/v/the-fundamental-theorem-of-arithmetic-1 The intro to cryptography on Khan Academy] several 3-5min Videos. Easy.
* [http://www.mat-d.com/site/rsa-diffie-hellman-explained-in-3-minutes/ Diffie-Hellman-Key-Exchange] – ca. 2 DINA4 pages Text. How can you get a secret key without ever seeing each other or sending it?
* Zur Belohnung nach der Mathematik: [http://www.schneierfacts.com/ Bruce Schneier Facts]. Es hat keinen Bildungswert, ist aber lustig (wenn man ''sehr'' nerdigen Humor mag)

===Ausprobieren…===
* Mobile Applikationen testen, aber kein Telefon zur Hand? (Aber einen PC?): den [https://developer.android.com/sdk/index.html Android-Simulator] nutzen, der ein Android-System auf eurem Computer simuliert. ("SDK-Tools only" reicht aus). Schaut das [https://www.youtube.com/watch?v=4r3o2eBzyrs erklärende Video] an.
* [https://guardianproject.info/apps/gibber/ Gibberbot]. ist die App, mit der wir u.A. arbeiten werden. Installieren über [https://play.google.com/store/apps/details?id=info.guardianproject.otr.app.im Android Store] oder direkt aus dem [https://guardianproject.info/releases/ChatSecure-v12.6.4-RC3.apk Repository]
* [http://www.pidgin.im/ Pidgin] kann mittels [https://otr.cypherpunks.ca/ OTR-Plugin] sicher mit Gibberbot (und vielen anderen Instant-Messangern) Nachrichten senden.
* man braucht natürlich mindestens einen XMPP-Account. Den kann man z.B. bei [http://einfachjabber.de/reg einfachjabber] oder [https://dukgo.com/blog/using-pidgin-with-xmpp-jabber dukgo] anlegen.

===Bücher Design===
* Interaction Design: Beyond Human-Computer Interaction – Preece, Rogers and Sharp, ISBN 978-0470665763 ''Interaktionsdesign-Bezug, darin aber sehr umfassender Überblick''

* Observing the User Experience: A Practitioner's Guide to User Research, Kuneavski, ISBN 978-1558609235

===Human Centered Design===

* Abläufe Analysieren: [http://mindthegap.blog.bau-ha.us/2013/08/from-research-to-requirements-user-need-tables/316/ User Need Tables] (Quellen sind dort verlinkt)
* Personas erstellen: About Face 3, Cooper et.al. (In der Bib)
* [[IFD:Course_Interaction_Design|Interaktionsdesign-Kurs]] Ein Script zu einem vorhergehenden, ähnlichen Werkmodul.
* [http://www.uxmatters.com/mt/archives/2011/10/research-guidelines-you-wont-find-in-a-textbook.php 3 Regeln für Nutzerforschung: Sich Anfreunden, nicht zum Fragen beantworten da sein, nichts "verkaufen"]
* [http://www.experientia.com/blog/ Putting People First-Blog] (u.A. Forschung, Gender, Bildung etc. im HCD. Keine hurra-wir-sind-toll-Artikel, sondern interessante Inhalte.)

===Mobile Apps===
[http://www.cs.uml.edu/~fredm/courses/91.308-fall05/palm/zenofpalm.pdf The Zen of Palm]. Gute Zusammenfassung.

===Heuristische Analyse===
Hinweis: Eine heuristische Analyse kann das Testen nur ergänzen, aber nicht ersetzen!
* [http://www.nngroup.com/articles/ten-usability-heuristics/ List of Heuristics]
* [http://www.nngroup.com/articles/how-to-conduct-a-heuristic-evaluation/ How to do a heuristic evaluation] (and statistics which number of evaluatiors are best and/or most efficient etc.)

===Software===
* [http://developer.nokia.com/Resources/Tools_and_downloads/Other/Flowella/ Nokia Flowella] für Durchklick-Prototypen
* [http://www.jQuery.com jQuery] für aufwändiger, interaktive Prototypen.

===Nützliches===
* Ein [http://en.wikipedia.org/wiki/Service_blueprint Service Blueprint] zum [http://www.flickr.com/photos/brandonschauer/3363169836/ Download]

* [http://m18.uni-weimar.de/mailman/listinfo/interaction Sign up] for our (inofficial) BU Interaction Design Mailinglist

===Meta===
...das Designen von Designlehre
* [http://www.newyorker.com/reporting/2012/01/30/120130fa_fact_lehrer?currentPage=all Brainstorming: Eine Kritik] (vgl. mit der pro-Brainstorm-Kultur von e.g. Design Thinking)
* Parallel Prototyping:Eine empirische Studie von [http://aaalab.stanford.edu/papers/Parallel_Prototyping_2010.pdf 2010] und einer von [http://www.sigchi.org/chi95/proceedings/shortppr/so_bdy.htm 1995], deren Ergebnisse sehr für paralelles Prototyping sprechen.
* Das Iteration sinnvoll ist, ist auch nix neues, aber auch hier eine [http://www.itu.dk/people/jeppeh/specialeartikler/The%20Efficacy%20of%20Prototyping%20Under%20Time%20Constraints.pdf Studie] dazu
* Gruppen, die sich nach bestehenden Freundschaften zusammenfinden, sind für designerische Gruppenarbeiten [http://www.stanford.edu/~roypea/RoyPDF%20folder/A154_CSCL09_Maldonado_Klemmer_Pea.pdf nicht gut geeignet]
* The Reflective Practitioner (D. Schön), ISBN 0465068782

IFD:Nutzerstudien WiSe1314

2014-01-12T21:17:28Z

JanD: /* Endabgabe */ Formatierung und Gliederung

=Werkmodul Nutzerstudien/Sicherheit und Benutzbarkeit=
jeden Donnerstag, 13:30 bis 16:45, Marienstraße 7 B - Seminarraum 102 (siehe auch: Die Veranstaltung im [http://www.uni-weimar.de/qisserver/rds?state=verpublish&status=init&vmfile=no&publishid=21968&moduleCall=webInfo&publishConfFile=webInfo&publishSubDir=veranstaltung Vorlesungsverzeichnis])


===Aktuelles===
* Ein Teil der Aufgaben werden im Medienwiki (auf dieser Website also) bearbeitet werden. Bitte informiert euch wie ihr euch [https://www.youtube.com/watch?v=3oJF0G25q9Q Anmelden], [https://www.youtube.com/watch?v=PVBOAyd_1Zw Editieren], [https://www.youtube.com/watch?v=hLoOpqCyos0 Formatieren] und [https://www.youtube.com/watch?v=P42Une7fC_g Unterseiten anlegen] könnt (Videos dazu in den Links).

==Beschreibung==
[[File:Messaging_CC2BY_FlickrUser-Håkan_Dahlström.jpg|thumb|right|300px|wer liest mit? ([http://flickr.com/photos/dahlstroms/8041061787/sizes/k/in/photostream/ Bild: Dahlström], [https://creativecommons.org/licenses/by/2.0/ CC-BY])]]
[[File:6930835797 2db7044d34 b.jpg|thumb||right|200px|Interviewen]]
[[File:ExploreChallenge CC-BY-2 FlickrUserServicedesignberlin.jpg|thumb|right|200px|Analysieren]]
''Warum ist eine App nützlich und nutzbar, eine andere nicht?''
''Wie kann ich herrausfinden was meine Nutzer brauchen?''

Im Werkmodul Nutzerstudien werden wir Design und die Funktionen von Apps zur sicheren Kommunikation entwickeln und verbessern.

Wir werden:
* Durch unsere Gespräche und Beobachtungen mehr über Nutzer lernen
* Lernen, welche psychologischen Prinzipien bestimmen, ob etwas leicht oder schwierig zu benutzen ist und damit Designen.
* Wir werden unsere Designs ausprobieren lassen und so Verbesserungsmöglichkeiten erkennen und neue Ideen bekommen.



Um zu lernen, wie wir diese Methoden in der Praxis anwenden, haben wir eine Praxiskooperation mit dem [https://guardianproject.info/ Guardian Project]. Wir haben die Aufgabe, sichere Kommunikation über mobile Apps zu verbessern. Mitarbeiter des Projektes werden uns beraten und Feedback für eure Ideen geben.

Kommunikation, die nicht einfach abgehört oder Personen zugeordnet werden kann, ist für Bürgerrechtler und Journalisten essentiell, wird aber auch von Personen verwendet, die ihre Rechte im Netz nicht geschützt sehen.

Leider ist die Nutzung solcher Methoden nicht einfach. Sicherheitsexperte Bruce Schneier z.B. [http://www.theguardian.com/world/2013/sep/05/nsa-how-to-remain-secure-surveillance gibt Tips], sieht diese Tips aber kritisch, denn: ''»My five tips [for more security] suck. They are not things the average person can use. […] Basically, the average user is screwed.«'' (aus einem [http://www.technologyreview.com/news/519336/bruce-schneier-nsa-spying-is-making-us-less-safe/ Interview mit dem MIT Technology Review]) Zwar wird oft auf [https://en.wikipedia.org/wiki/Rtfm »Nutzererziehung«] verwiesen. Das Argument entschuldigt auch die unbenutzbarsten Lösungen – und selbst erfahrene [http://www.gaudior.net/alma/johnny.pdf Nutzer scheitern] z.B. an Verschlüsselungsprogrammen. Besser wären Lösungen, die praktisch, gut benutzbar und sicher sind. Wir wollen zu solchen Lösungen beitragen.

==Häufige Fragen==

'''Muss ich Programmieren können?''' Nein.

'''Ist das hier alles theoretisch?''' Nein, der Kurs ist nicht theoretisch, im Gegenteil, wir werden die gelehrten Methoden anwenden und sie nutzen, um eine anwendbare, praktische Lösung für Probleme zu schaffen.

'''Ist das wissenschaftlich?''' Jein. Es ist [http://de.wikipedia.org/wiki/Naturwissenschaft wissenschaftlich] in dem Sinne, das die Gestaltung auf (eigenen) Erkenntnissen beruht, die wir auch [http://de.wikipedia.org/wiki/Kritischer_Rationalismus kritisch hinterfragen]. Nicht wissenschaftlich ist, das wir konkrete Probleme lösen, anstatt ein allgemeines Modell zu erstellen. (Vergleiche "Wie verhindere ich, das es umfällt?" mit "warum fallen Dinge nach unten?")

==Voraussetzungen==
* Bereitschaft zu eigener Forschung und Weiterentwicklung von Ideen. Mit einem Konzept, dessen Umsetzung für euch schon absolut feststeht, wird der Kurs freud- wie erkenntnislos.

* Texte auf Englisch lesen, denn es gibt wenig Literatur zu dem Gebiet auf deutsch. Wir lesen nicht viel, und ich wähle keine Texte aus, die den Leser mit [http://dev.null.org/postmodern/ nebulös-abstrakten] Begriffen beeindrucken. Aber es ist hilfreich, sich damit zu beschäftigen was andere bisher herausgefunden haben.

==Bewertung==
* Dokumentation (im Wiki, dabei an die Struktur des Arbeitsbuches halten)
* Vortrag
* Anwesenheit (regelm., max 3x fehlen)

==Anmelden==
Mail an ''jan.dittrich ÄT uni-weimar.de'' mit
* Name, Vorname
* Matrikelnummer
* Studiengang
* Kurzer Text der erklärt, warum ihr Teilnehmen möchtet.

==Vortragsthemen| ''student presentations''==
''Mögliche Vortragsthemen. Bitte nutzt die bereitgestellten Quellen, und macht dann eine eigene Recherche. Bereitet das Thema auf, macht es [http://dilbert.com/strips/comic/2010-01-18/ anschaulich] und nicht einfach nur eine Nacherzählung der Quellen (oder der Stichpunkte auf den Slides).''

'''Vortragsdauer: 15-20min'''
* 7.11 Attacks based on Psychology, [http://www.cl.cam.ac.uk/~rja14/book.html Security Engineering, Chapter 2.2] (Lisa Guth)
* 14.11 Personas: About Face 3, ISBN 0470084111, (page 75-81, 97-106)
* 21.11 'Service Blueprinting, [http://knowledge.wpcarey.asu.edu/article.cfm?articleid=1546 intro], [[wikipedia:Service blueprint|Wikipedia]], [http://www.flickr.com/photos/brandonschauer/3363169836/ template]
* 28.11 Security and Usability: The Case of passwords: [http://www.nngroup.com/articles/security-and-human-factors/ Norman/Nielsen on Sign-On-Usability], [http://www.cl.cam.ac.uk/~rja14/book.html Security Engineering, Chapter 2.4], [https://xkcd.com/936/ xkcd on password strength] (Anna Krieger)
* 05.12 "Intuitivität" [http://www.asktog.com/papers/raskinintuit.html Intuitive = Familiar], [http://www.uie.com/articles/design_intuitive/ The Intuition Gap] (Michèle Eike)
*12.12. Kein Vortrag
*19.12. Prototyping-Tools: [http://pencil.evolus.vn/ Pencil], [http://jquery.com/ jQuery] (Anja Rathgeber)
* 19.12. Parallel Prototyping: [http://www.sigchi.org/chi95/proceedings/shortppr/so_bdy.htm 1995], [http://aaalab.stanford.edu/papers/Parallel_Prototyping_2010.pdf 2010]
* 9.1 Knowledge in the Head, Knowledge in the World. In "The Design of Everyday Things" ("Alltägliche Dinge"), Donald Norman, ISBN 0465067107 (Psychologischer Fokus) (Susanne Pötzsch)
* 16.1. [http://www.gaudior.net/alma/johnny.pdf Why Johnny can't encrypt] a classic Security/HCI paper. (Benjamin Burse)
* 23.1. Paper: [http://technology.open.ac.uk/design/cross/documents/DesignerlyWaysofKnowing.pdf Designerly Ways of knowing]





==Zeitplan==
* '''24.10''': Einführung | ''Introduction''
* '''31.10''' : ''Feiertag''
* '''7.11''': Security
* '''14.11''' : Nutzerforschung: Beobachten und Fragen stellen | ''User Research: Observing and Asking Questions''
* '''21.11''': Datenanalyse, Szenarioerstellung | ''Analyse Data, Create Scenarios''
* '''28.11''': Idenentwicklung | ''Idea Development''
* '''5.12.: Prototyping
[…]
* '''12.12''': 1st Feedback round
[…]

==='''Gruppe Anmeldung'''===
* '''16.01''': heuristische Analyse und Schwachpunkte herausarbeiten 
Treffen um den PaperMockUp gestalten 
Prototyp in den nächsten zwei Wochen testen (evtl. mehrere Iterationsschritte)
* '''23.01''': Feedback | vorläufige Ergebnisse zusammentragen
* '''30.01''': Verbesserungen vornehmen 
Treffen um Wiki-Seite zu aktualisieren 
* bis vorlesungsfreie Zeit => Feedback

==='''Gruppe Sicherheit'''===
* '''16.01.:''' Heuristische Analyse fertigstellen und Schwachpunkte der App finden
* '''23.01.:''' Prototypen verbessern (je nach Zeit: für Hoch- und Querformat) und Klickdummy anfertigen
* '''30.01.:''' Fertiggestellten Klickdummy testen
* '''06.02:''' Tests auswerten; Anfangen für die Dokumentation zu sammeln

==Gruppen==
[[/Beispiel]]

*[[/Gruppe Anmeldung]]
*[[/Sicherheit (security)]]

== Presentation and Documentation of Works==

===First use self observation===
[[/firstUseChatSecure]]

===Mid-Term-Presentations and Mentor Comments===
*[[/Gruppe Anmeldung]]
*[[/Sicherheit (security)]]

===Heuristic Analysis===
* Aktuelle [https://guardianproject.info/releases/ Versionen von ChatSecure]
* Wenn die nicht geht: die [https://guardianproject.info/releases/chatsecure-latest.apk stabile Version]

'''Team Anmeldung'''
*[[/HeuristicAnalysisAnmeldung_Person1]] (Aufgaben: Anmelden, Account erstellen, Einstellungen ("Settings"))
*[[/HeuristicAnalysisAnmeldung_Person2]] (Aufgaben: Anmelden, Account erstellen, Einstellungen ("Settings"))
*[[/HeuristicAnalysisAnmeldung_Person3]] (Aufgaben: Anmelden, Account erstellen, Einstellungen ("Settings"))

'''Team Sicherheit'''
*[[/HeuristicAnalysisSecurity_Person4]] (Aufgaben: Neuen Kontakt hinzufügen, Nachricht verschicken auf den Wegen: Unsicher, Verschlüsselt, Authentifiziert)
*[[/HeuristicAnalysisSecurity_Person5]] (Aufgaben: Neuen Kontakt hinzufügen, Nachricht verschicken auf den Wegen: Unsicher, Verschlüsselt, Authentifiziert)
*[[/HeuristicAnalysisSecurity_Person6]] (Aufgaben: Neuen Kontakt hinzufügen, Nachricht verschicken auf den Wegen: Unsicher, Verschlüsselt, Authentifiziert)

''Die Analyse sollte am spätestens am 16.1. fertig sein''

{{IFD_Nutzerstudien_HeuristischeEvaluationAnweisungen}}

Für Material siehe Abschnitt [[#Heuristische Analyse|Materialien/Heuristische Analyse]] auf dieser Seite

===Endabgabe===
====Termine====
* Bis zum Vorlesungszeitende (7.2.) sollen die Entwürfe und Forschungen fertiggestellt sein.
* Bis zum Freitag, 7.März 2014 (sofern nicht anders vereinbart) ist die Dokumentation für den Lehrenden und die Designs und Erklärungen für den Projektpartner fertigzustellen.

====Anforderungen====
* '''Gruppe oder/und einzeln?''' Dokumentation für den Lehrenden und die Designs und Erklärungen werden ''pro Gruppe'' erstellt. Wichtige Infos oder Erfahrungen (e.g. eine Person hatte diese und jene Probleme mit dem Interview und hat sich deshalb entschiedenen diese und jene Änderungen anm Vorgehen zu machen) sind mitzudokumentieren (u.U. anonym)
* '''Struktur/Inhalt:''' Die Dokumentation für den Lehrenden lehnt sich am besten an das [[IFD:Human-Centered-Design-Research_-_Workbook|Arbeitsbuch]] an. Möglicherweise sind nicht alle methodischen Vorschläge auf euer Projekt zutreffend, in diesem Fall kann es sinnvoll sein, die "Abweichung" zu erklären (''xyz'' ist nicht gut geeignet weil …, deshalb haben wir die methode ''xyz'' benutzt", um das und das zu machen)
* '''Format:'''Die Designs und Ergebnisse ''für den Projektpartner'' sind im Wiki zu veröffentlichen, die ''Doku an den Lehrenden'' im Wiki oder als PDF.
* '''Nachvollziehbarkeit:''' Die Designs und Ergebnisse für den Projektpartner sollen ermöglichen die ''Ideen in der Software umzusetzen'' und es soll klar werden wie und warum (oder warum nicht) die Entwürfe so entstanden sind (das Programmieren kosten natürlich auch Zeit, und niemand würde etwas "einfach so" einbauen; Zudem kann es sein das Abweichungen von euren Entwürfen nötig sind – dann sind die Begründungen und Daten wichtig, um etwas ähnliches umzusetzen)
* '''Anschaulich machen:''' Zu den Designs und Ergebnisse für den Projektpartner sollte gehören:
** Ein Text mit Screenshots und Entwurfsskizzen
** Ein Prototyp oder eine andere anschauliche Darstellungsform eures/eurer Entwurfes/Entwürfe

==Arbeits & Übungshilfen==
[[File:GuillocheGeldBitcoin.png|thumb|right|100px|"Geldscheinmuster" (zu Interviewbeispiel)]]
* [[IFD:Human-Centered-Design-Research_-_Workbook|"Workbook"]] in Begleitung zur Praktischen Arbeit als Dokumentation, Gedankenstütze und Reflektionsmöglichkeit
* [[Media:Interview IllustratorUse.mp3|Interview/Beobachtung]]: Thema: "Grafiken erstellen"; zum Ausprobieren von Auswertungsmethoden.
''Begriffe'':
Die erwähnten [https://de.wikipedia.org/wiki/Bitcoin "Bitcoins"] sind eine virtuelle Währung; "Offset" bedeutet soviel wie "Abstand".

Die Ergebnisse von Beobachtung und Fragen werden aufbereitet; [[Zusammenhänge Beispielinterview|Hier einige Zusammenhänge]], die sich aus der Audioaufnahme herrausarbeiten lasse.

===Folien===
* [http://webuser.uni-weimar.de/~fudo5114/talks/defineAndFindAudience.html define and find your audience]
* [http://webuser.uni-weimar.de/~fudo5114/talks/BeobachtenFragen.html Beobachten und Fragen]
* [http://webuser.uni-weimar.de/~fudo5114/talks/Datenanalyse.html Datenanalyse]
* [http://webuser.uni-weimar.de/~fudo5114/talks/VonAnalyseZuIdeen.html Szenarios und DesignStudio-Methode]
** [http://webuser.uni-weimar.de/~fudo5114/workshopapp/ Design Studio Webapp] (kam nicht im Kurs vor ist zum Selbernutzen der Methode aber praktischer als die Folien. Verbesserungsvorschläge willkommen)
* [http://webuser.uni-weimar.de/~fudo5114/talks/Minivortrag_Personas.html Personas erstellen]

==Links und Materialien==
===Security/Usability===
* [http://www.cl.cam.ac.uk/~rja14/book.html Security Engineering, Kapitel 2: Usability and Psychology]
* Security and Usability: Designing Secure Systems That People Can Use, Lorrie Faith Cranor, Simson Garfinkel et.al., O'Reilly Media, ISBN 0596008279
* [https://csclub.uwaterloo.ca/media/Off-the-Record%20Messaging:%20Useful%20Security%20and%20Privacy%20for%20IM.html Wie Off-The-Record funktioniert und warum]: Usability, Verbreitbarkeit, Effektivität, "Resilienz"/Fehlerresistenz (von [https://en.wikipedia.org/wiki/Ian_Goldberg Ian Goldberg])
* Usability: [http://jnd.org/dn.mss/when_security_gets_in_the_way.html »When Security gets in the Way«] (D. Norman)

===Kyptografie===
* [https://en.khanacademy.org/math/applied-math/cryptography/modern-crypt/v/the-fundamental-theorem-of-arithmetic-1 The intro to cryptography on Khan Academy] several 3-5min Videos. Easy.
* [http://www.mat-d.com/site/rsa-diffie-hellman-explained-in-3-minutes/ Diffie-Hellman-Key-Exchange] – ca. 2 DINA4 pages Text. How can you get a secret key without ever seeing each other or sending it?
* Zur Belohnung nach der Mathematik: [http://www.schneierfacts.com/ Bruce Schneier Facts]. Es hat keinen Bildungswert, ist aber lustig (wenn man ''sehr'' nerdigen Humor mag)

===Ausprobieren…===
* Mobile Applikationen testen, aber kein Telefon zur Hand? (Aber einen PC?): den [https://developer.android.com/sdk/index.html Android-Simulator] nutzen, der ein Android-System auf eurem Computer simuliert. ("SDK-Tools only" reicht aus). Schaut das [https://www.youtube.com/watch?v=4r3o2eBzyrs erklärende Video] an.
* [https://guardianproject.info/apps/gibber/ Gibberbot]. ist die App, mit der wir u.A. arbeiten werden. Installieren über [https://play.google.com/store/apps/details?id=info.guardianproject.otr.app.im Android Store] oder direkt aus dem [https://guardianproject.info/releases/ChatSecure-v12.6.4-RC3.apk Repository]
* [http://www.pidgin.im/ Pidgin] kann mittels [https://otr.cypherpunks.ca/ OTR-Plugin] sicher mit Gibberbot (und vielen anderen Instant-Messangern) Nachrichten senden.
* man braucht natürlich mindestens einen XMPP-Account. Den kann man z.B. bei [http://einfachjabber.de/reg einfachjabber] oder [https://dukgo.com/blog/using-pidgin-with-xmpp-jabber dukgo] anlegen.

===Bücher Design===
* Interaction Design: Beyond Human-Computer Interaction – Preece, Rogers and Sharp, ISBN 978-0470665763 ''Interaktionsdesign-Bezug, darin aber sehr umfassender Überblick''

* Observing the User Experience: A Practitioner's Guide to User Research, Kuneavski, ISBN 978-1558609235

===Human Centered Design===

* Abläufe Analysieren: [http://mindthegap.blog.bau-ha.us/2013/08/from-research-to-requirements-user-need-tables/316/ User Need Tables] (Quellen sind dort verlinkt)
* Personas erstellen: About Face 3, Cooper et.al. (In der Bib)
* [[IFD:Course_Interaction_Design|Interaktionsdesign-Kurs]] Ein Script zu einem vorhergehenden, ähnlichen Werkmodul.
* [http://www.uxmatters.com/mt/archives/2011/10/research-guidelines-you-wont-find-in-a-textbook.php 3 Regeln für Nutzerforschung: Sich Anfreunden, nicht zum Fragen beantworten da sein, nichts "verkaufen"]
* [http://www.experientia.com/blog/ Putting People First-Blog] (u.A. Forschung, Gender, Bildung etc. im HCD. Keine hurra-wir-sind-toll-Artikel, sondern interessante Inhalte.)

===Mobile Apps===
[http://www.cs.uml.edu/~fredm/courses/91.308-fall05/palm/zenofpalm.pdf The Zen of Palm]. Gute Zusammenfassung.

===Heuristische Analyse===
Hinweis: Eine heuristische Analyse kann das Testen nur ergänzen, aber nicht ersetzen!
* [http://www.nngroup.com/articles/ten-usability-heuristics/ List of Heuristics]
* [http://www.nngroup.com/articles/how-to-conduct-a-heuristic-evaluation/ How to do a heuristic evaluation] (and statistics which number of evaluatiors are best and/or most efficient etc.)

===Software===
* [http://developer.nokia.com/Resources/Tools_and_downloads/Other/Flowella/ Nokia Flowella] für Durchklick-Prototypen
* [http://www.jQuery.com jQuery] für aufwändiger, interaktive Prototypen.

===Nützliches===
* Ein [http://en.wikipedia.org/wiki/Service_blueprint Service Blueprint] zum [http://www.flickr.com/photos/brandonschauer/3363169836/ Download]

* [http://m18.uni-weimar.de/mailman/listinfo/interaction Sign up] for our (inofficial) BU Interaction Design Mailinglist

===Meta===
...das Designen von Designlehre
* [http://www.newyorker.com/reporting/2012/01/30/120130fa_fact_lehrer?currentPage=all Brainstorming: Eine Kritik] (vgl. mit der pro-Brainstorm-Kultur von e.g. Design Thinking)
* Parallel Prototyping:Eine empirische Studie von [http://aaalab.stanford.edu/papers/Parallel_Prototyping_2010.pdf 2010] und einer von [http://www.sigchi.org/chi95/proceedings/shortppr/so_bdy.htm 1995], deren Ergebnisse sehr für paralelles Prototyping sprechen.
* Das Iteration sinnvoll ist, ist auch nix neues, aber auch hier eine [http://www.itu.dk/people/jeppeh/specialeartikler/The%20Efficacy%20of%20Prototyping%20Under%20Time%20Constraints.pdf Studie] dazu
* Gruppen, die sich nach bestehenden Freundschaften zusammenfinden, sind für designerische Gruppenarbeiten [http://www.stanford.edu/~roypea/RoyPDF%20folder/A154_CSCL09_Maldonado_Klemmer_Pea.pdf nicht gut geeignet]
* The Reflective Practitioner (D. Schön), ISBN 0465068782

IFD:Nutzerstudien WiSe1314

2014-01-12T21:11:56Z

JanD: /* Folien */

=Werkmodul Nutzerstudien/Sicherheit und Benutzbarkeit=
jeden Donnerstag, 13:30 bis 16:45, Marienstraße 7 B - Seminarraum 102 (siehe auch: Die Veranstaltung im [http://www.uni-weimar.de/qisserver/rds?state=verpublish&status=init&vmfile=no&publishid=21968&moduleCall=webInfo&publishConfFile=webInfo&publishSubDir=veranstaltung Vorlesungsverzeichnis])


===Aktuelles===
* Ein Teil der Aufgaben werden im Medienwiki (auf dieser Website also) bearbeitet werden. Bitte informiert euch wie ihr euch [https://www.youtube.com/watch?v=3oJF0G25q9Q Anmelden], [https://www.youtube.com/watch?v=PVBOAyd_1Zw Editieren], [https://www.youtube.com/watch?v=hLoOpqCyos0 Formatieren] und [https://www.youtube.com/watch?v=P42Une7fC_g Unterseiten anlegen] könnt (Videos dazu in den Links).

==Beschreibung==
[[File:Messaging_CC2BY_FlickrUser-Håkan_Dahlström.jpg|thumb|right|300px|wer liest mit? ([http://flickr.com/photos/dahlstroms/8041061787/sizes/k/in/photostream/ Bild: Dahlström], [https://creativecommons.org/licenses/by/2.0/ CC-BY])]]
[[File:6930835797 2db7044d34 b.jpg|thumb||right|200px|Interviewen]]
[[File:ExploreChallenge CC-BY-2 FlickrUserServicedesignberlin.jpg|thumb|right|200px|Analysieren]]
''Warum ist eine App nützlich und nutzbar, eine andere nicht?''
''Wie kann ich herrausfinden was meine Nutzer brauchen?''

Im Werkmodul Nutzerstudien werden wir Design und die Funktionen von Apps zur sicheren Kommunikation entwickeln und verbessern.

Wir werden:
* Durch unsere Gespräche und Beobachtungen mehr über Nutzer lernen
* Lernen, welche psychologischen Prinzipien bestimmen, ob etwas leicht oder schwierig zu benutzen ist und damit Designen.
* Wir werden unsere Designs ausprobieren lassen und so Verbesserungsmöglichkeiten erkennen und neue Ideen bekommen.



Um zu lernen, wie wir diese Methoden in der Praxis anwenden, haben wir eine Praxiskooperation mit dem [https://guardianproject.info/ Guardian Project]. Wir haben die Aufgabe, sichere Kommunikation über mobile Apps zu verbessern. Mitarbeiter des Projektes werden uns beraten und Feedback für eure Ideen geben.

Kommunikation, die nicht einfach abgehört oder Personen zugeordnet werden kann, ist für Bürgerrechtler und Journalisten essentiell, wird aber auch von Personen verwendet, die ihre Rechte im Netz nicht geschützt sehen.

Leider ist die Nutzung solcher Methoden nicht einfach. Sicherheitsexperte Bruce Schneier z.B. [http://www.theguardian.com/world/2013/sep/05/nsa-how-to-remain-secure-surveillance gibt Tips], sieht diese Tips aber kritisch, denn: ''»My five tips [for more security] suck. They are not things the average person can use. […] Basically, the average user is screwed.«'' (aus einem [http://www.technologyreview.com/news/519336/bruce-schneier-nsa-spying-is-making-us-less-safe/ Interview mit dem MIT Technology Review]) Zwar wird oft auf [https://en.wikipedia.org/wiki/Rtfm »Nutzererziehung«] verwiesen. Das Argument entschuldigt auch die unbenutzbarsten Lösungen – und selbst erfahrene [http://www.gaudior.net/alma/johnny.pdf Nutzer scheitern] z.B. an Verschlüsselungsprogrammen. Besser wären Lösungen, die praktisch, gut benutzbar und sicher sind. Wir wollen zu solchen Lösungen beitragen.

==Häufige Fragen==

'''Muss ich Programmieren können?''' Nein.

'''Ist das hier alles theoretisch?''' Nein, der Kurs ist nicht theoretisch, im Gegenteil, wir werden die gelehrten Methoden anwenden und sie nutzen, um eine anwendbare, praktische Lösung für Probleme zu schaffen.

'''Ist das wissenschaftlich?''' Jein. Es ist [http://de.wikipedia.org/wiki/Naturwissenschaft wissenschaftlich] in dem Sinne, das die Gestaltung auf (eigenen) Erkenntnissen beruht, die wir auch [http://de.wikipedia.org/wiki/Kritischer_Rationalismus kritisch hinterfragen]. Nicht wissenschaftlich ist, das wir konkrete Probleme lösen, anstatt ein allgemeines Modell zu erstellen. (Vergleiche "Wie verhindere ich, das es umfällt?" mit "warum fallen Dinge nach unten?")

==Voraussetzungen==
* Bereitschaft zu eigener Forschung und Weiterentwicklung von Ideen. Mit einem Konzept, dessen Umsetzung für euch schon absolut feststeht, wird der Kurs freud- wie erkenntnislos.

* Texte auf Englisch lesen, denn es gibt wenig Literatur zu dem Gebiet auf deutsch. Wir lesen nicht viel, und ich wähle keine Texte aus, die den Leser mit [http://dev.null.org/postmodern/ nebulös-abstrakten] Begriffen beeindrucken. Aber es ist hilfreich, sich damit zu beschäftigen was andere bisher herausgefunden haben.

==Bewertung==
* Dokumentation (im Wiki, dabei an die Struktur des Arbeitsbuches halten)
* Vortrag
* Anwesenheit (regelm., max 3x fehlen)

==Anmelden==
Mail an ''jan.dittrich ÄT uni-weimar.de'' mit
* Name, Vorname
* Matrikelnummer
* Studiengang
* Kurzer Text der erklärt, warum ihr Teilnehmen möchtet.

==Vortragsthemen| ''student presentations''==
''Mögliche Vortragsthemen. Bitte nutzt die bereitgestellten Quellen, und macht dann eine eigene Recherche. Bereitet das Thema auf, macht es [http://dilbert.com/strips/comic/2010-01-18/ anschaulich] und nicht einfach nur eine Nacherzählung der Quellen (oder der Stichpunkte auf den Slides).''

'''Vortragsdauer: 15-20min'''
* 7.11 Attacks based on Psychology, [http://www.cl.cam.ac.uk/~rja14/book.html Security Engineering, Chapter 2.2] (Lisa Guth)
* 14.11 Personas: About Face 3, ISBN 0470084111, (page 75-81, 97-106)
* 21.11 'Service Blueprinting, [http://knowledge.wpcarey.asu.edu/article.cfm?articleid=1546 intro], [[wikipedia:Service blueprint|Wikipedia]], [http://www.flickr.com/photos/brandonschauer/3363169836/ template]
* 28.11 Security and Usability: The Case of passwords: [http://www.nngroup.com/articles/security-and-human-factors/ Norman/Nielsen on Sign-On-Usability], [http://www.cl.cam.ac.uk/~rja14/book.html Security Engineering, Chapter 2.4], [https://xkcd.com/936/ xkcd on password strength] (Anna Krieger)
* 05.12 "Intuitivität" [http://www.asktog.com/papers/raskinintuit.html Intuitive = Familiar], [http://www.uie.com/articles/design_intuitive/ The Intuition Gap] (Michèle Eike)
*12.12. Kein Vortrag
*19.12. Prototyping-Tools: [http://pencil.evolus.vn/ Pencil], [http://jquery.com/ jQuery] (Anja Rathgeber)
* 19.12. Parallel Prototyping: [http://www.sigchi.org/chi95/proceedings/shortppr/so_bdy.htm 1995], [http://aaalab.stanford.edu/papers/Parallel_Prototyping_2010.pdf 2010]
* 9.1 Knowledge in the Head, Knowledge in the World. In "The Design of Everyday Things" ("Alltägliche Dinge"), Donald Norman, ISBN 0465067107 (Psychologischer Fokus) (Susanne Pötzsch)
* 16.1. [http://www.gaudior.net/alma/johnny.pdf Why Johnny can't encrypt] a classic Security/HCI paper. (Benjamin Burse)
* 23.1. Paper: [http://technology.open.ac.uk/design/cross/documents/DesignerlyWaysofKnowing.pdf Designerly Ways of knowing]





==Zeitplan==
* '''24.10''': Einführung | ''Introduction''
* '''31.10''' : ''Feiertag''
* '''7.11''': Security
* '''14.11''' : Nutzerforschung: Beobachten und Fragen stellen | ''User Research: Observing and Asking Questions''
* '''21.11''': Datenanalyse, Szenarioerstellung | ''Analyse Data, Create Scenarios''
* '''28.11''': Idenentwicklung | ''Idea Development''
* '''5.12.: Prototyping
[…]
* '''12.12''': 1st Feedback round
[…]

==='''Gruppe Anmeldung'''===
* '''16.01''': heuristische Analyse und Schwachpunkte herausarbeiten 
Treffen um den PaperMockUp gestalten 
Prototyp in den nächsten zwei Wochen testen (evtl. mehrere Iterationsschritte)
* '''23.01''': Feedback | vorläufige Ergebnisse zusammentragen
* '''30.01''': Verbesserungen vornehmen 
Treffen um Wiki-Seite zu aktualisieren 
* bis vorlesungsfreie Zeit => Feedback

==='''Gruppe Sicherheit'''===
* '''16.01.:''' Heuristische Analyse fertigstellen und Schwachpunkte der App finden
* '''23.01.:''' Prototypen verbessern (je nach Zeit: für Hoch- und Querformat) und Klickdummy anfertigen
* '''30.01.:''' Fertiggestellten Klickdummy testen
* '''06.02:''' Tests auswerten; Anfangen für die Dokumentation zu sammeln

==Gruppen==
[[/Beispiel]]

*[[/Gruppe Anmeldung]]
*[[/Sicherheit (security)]]

== Presentation and Documentation of Works==

===First use self observation===
[[/firstUseChatSecure]]

===Mid-Term-Presentations and Mentor Comments===
*[[/Gruppe Anmeldung]]
*[[/Sicherheit (security)]]

===Heuristic Analysis===
* Aktuelle [https://guardianproject.info/releases/ Versionen von ChatSecure]
* Wenn die nicht geht: die [https://guardianproject.info/releases/chatsecure-latest.apk stabile Version]

'''Team Anmeldung'''
*[[/HeuristicAnalysisAnmeldung_Person1]] (Aufgaben: Anmelden, Account erstellen, Einstellungen ("Settings"))
*[[/HeuristicAnalysisAnmeldung_Person2]] (Aufgaben: Anmelden, Account erstellen, Einstellungen ("Settings"))
*[[/HeuristicAnalysisAnmeldung_Person3]] (Aufgaben: Anmelden, Account erstellen, Einstellungen ("Settings"))

'''Team Sicherheit'''
*[[/HeuristicAnalysisSecurity_Person4]] (Aufgaben: Neuen Kontakt hinzufügen, Nachricht verschicken auf den Wegen: Unsicher, Verschlüsselt, Authentifiziert)
*[[/HeuristicAnalysisSecurity_Person5]] (Aufgaben: Neuen Kontakt hinzufügen, Nachricht verschicken auf den Wegen: Unsicher, Verschlüsselt, Authentifiziert)
*[[/HeuristicAnalysisSecurity_Person6]] (Aufgaben: Neuen Kontakt hinzufügen, Nachricht verschicken auf den Wegen: Unsicher, Verschlüsselt, Authentifiziert)

''Die Analyse sollte am spätestens am 16.1. fertig sein''

{{IFD_Nutzerstudien_HeuristischeEvaluationAnweisungen}}

Für Material siehe Abschnitt [[#Heuristische Analyse|Materialien/Heuristische Analyse]] auf dieser Seite

===Endabgabe===
* Bis zum Vorlesungszeitende (7.2.) sollen die Entwürfe und Forschungen fertiggestellt sein.
* Bis zum Freitag, 7.März 2014 (sofern nicht anders vereinbart) ist die Dokumentation für den Lehrenden und die Designs und Erklärungen für den Projektpartner fertigzustellen.

* Dokumentation für den Lehrenden und die Designs und Erklärungen werden ''pro Gruppe'' erstellt. Wichtige Infos oder Erfahrungen (e.g. eine Person hatte diese und jene Probleme mit dem Interview und hat sich deshalb entschiedenen diese und jene Änderungen anm Vorgehen zu machen) sind mitzudokumentieren (u.U. anonym)
* Die Designs und Ergebnisse ''für den Projektpartner'' sind im Wiki zu veröffentlichen, die ''Doku an den Lehrenden'' im Wiki oder als PDF.
* Die Dokumentation für den Lehrenden lehnt sich am besten an das [[IFD:Human-Centered-Design-Research_-_Workbook|Arbeitsbuch]] an. Möglicherweise sind nicht alle methodischen Vorschläge auf euer Projekt zutreffend, in diesem Fall kann es sinnvoll sein, die "Abweichung" zu erklären (''xyz'' ist nicht gut geeignet weil …, deshalb haben wir die methode ''xyz'' benutzt", um das und das zu machen)
* Die Designs und Ergebnisse für den Projektpartner sollen ermöglichen die ''Ideen in der Software umzusetzen'' und es soll klar werden wie und warum (oder warum nicht) die Entwürfe so entstanden sind (das Programmieren kosten natürlich auch Zeit, und niemand würde etwas "einfach so" einbauen; Zudem kann es sein das Abweichungen von euren Entwürfen nötig sind – dann sind die Begründungen und Daten wichtig, um etwas ähnliches umzusetzen)
* Zu den Designs und Ergebnisse für den Projektpartner sollte gehören:
** Ein Text mit Screenshots und Entwurfsskizzen
** Ein Prototyp oder eine andere anschauliche Darstellungsform eures/eurer Entwurfes/Entwürfe

==Arbeits & Übungshilfen==
[[File:GuillocheGeldBitcoin.png|thumb|right|100px|"Geldscheinmuster" (zu Interviewbeispiel)]]
* [[IFD:Human-Centered-Design-Research_-_Workbook|"Workbook"]] in Begleitung zur Praktischen Arbeit als Dokumentation, Gedankenstütze und Reflektionsmöglichkeit
* [[Media:Interview IllustratorUse.mp3|Interview/Beobachtung]]: Thema: "Grafiken erstellen"; zum Ausprobieren von Auswertungsmethoden.
''Begriffe'':
Die erwähnten [https://de.wikipedia.org/wiki/Bitcoin "Bitcoins"] sind eine virtuelle Währung; "Offset" bedeutet soviel wie "Abstand".

Die Ergebnisse von Beobachtung und Fragen werden aufbereitet; [[Zusammenhänge Beispielinterview|Hier einige Zusammenhänge]], die sich aus der Audioaufnahme herrausarbeiten lasse.

===Folien===
* [http://webuser.uni-weimar.de/~fudo5114/talks/defineAndFindAudience.html define and find your audience]
* [http://webuser.uni-weimar.de/~fudo5114/talks/BeobachtenFragen.html Beobachten und Fragen]
* [http://webuser.uni-weimar.de/~fudo5114/talks/Datenanalyse.html Datenanalyse]
* [http://webuser.uni-weimar.de/~fudo5114/talks/VonAnalyseZuIdeen.html Szenarios und DesignStudio-Methode]
** [http://webuser.uni-weimar.de/~fudo5114/workshopapp/ Design Studio Webapp] (kam nicht im Kurs vor ist zum Selbernutzen der Methode aber praktischer als die Folien. Verbesserungsvorschläge willkommen)
* [http://webuser.uni-weimar.de/~fudo5114/talks/Minivortrag_Personas.html Personas erstellen]

==Links und Materialien==
===Security/Usability===
* [http://www.cl.cam.ac.uk/~rja14/book.html Security Engineering, Kapitel 2: Usability and Psychology]
* Security and Usability: Designing Secure Systems That People Can Use, Lorrie Faith Cranor, Simson Garfinkel et.al., O'Reilly Media, ISBN 0596008279
* [https://csclub.uwaterloo.ca/media/Off-the-Record%20Messaging:%20Useful%20Security%20and%20Privacy%20for%20IM.html Wie Off-The-Record funktioniert und warum]: Usability, Verbreitbarkeit, Effektivität, "Resilienz"/Fehlerresistenz (von [https://en.wikipedia.org/wiki/Ian_Goldberg Ian Goldberg])
* Usability: [http://jnd.org/dn.mss/when_security_gets_in_the_way.html »When Security gets in the Way«] (D. Norman)

===Kyptografie===
* [https://en.khanacademy.org/math/applied-math/cryptography/modern-crypt/v/the-fundamental-theorem-of-arithmetic-1 The intro to cryptography on Khan Academy] several 3-5min Videos. Easy.
* [http://www.mat-d.com/site/rsa-diffie-hellman-explained-in-3-minutes/ Diffie-Hellman-Key-Exchange] – ca. 2 DINA4 pages Text. How can you get a secret key without ever seeing each other or sending it?
* Zur Belohnung nach der Mathematik: [http://www.schneierfacts.com/ Bruce Schneier Facts]. Es hat keinen Bildungswert, ist aber lustig (wenn man ''sehr'' nerdigen Humor mag)

===Ausprobieren…===
* Mobile Applikationen testen, aber kein Telefon zur Hand? (Aber einen PC?): den [https://developer.android.com/sdk/index.html Android-Simulator] nutzen, der ein Android-System auf eurem Computer simuliert. ("SDK-Tools only" reicht aus). Schaut das [https://www.youtube.com/watch?v=4r3o2eBzyrs erklärende Video] an.
* [https://guardianproject.info/apps/gibber/ Gibberbot]. ist die App, mit der wir u.A. arbeiten werden. Installieren über [https://play.google.com/store/apps/details?id=info.guardianproject.otr.app.im Android Store] oder direkt aus dem [https://guardianproject.info/releases/ChatSecure-v12.6.4-RC3.apk Repository]
* [http://www.pidgin.im/ Pidgin] kann mittels [https://otr.cypherpunks.ca/ OTR-Plugin] sicher mit Gibberbot (und vielen anderen Instant-Messangern) Nachrichten senden.
* man braucht natürlich mindestens einen XMPP-Account. Den kann man z.B. bei [http://einfachjabber.de/reg einfachjabber] oder [https://dukgo.com/blog/using-pidgin-with-xmpp-jabber dukgo] anlegen.

===Bücher Design===
* Interaction Design: Beyond Human-Computer Interaction – Preece, Rogers and Sharp, ISBN 978-0470665763 ''Interaktionsdesign-Bezug, darin aber sehr umfassender Überblick''

* Observing the User Experience: A Practitioner's Guide to User Research, Kuneavski, ISBN 978-1558609235

===Human Centered Design===

* Abläufe Analysieren: [http://mindthegap.blog.bau-ha.us/2013/08/from-research-to-requirements-user-need-tables/316/ User Need Tables] (Quellen sind dort verlinkt)
* Personas erstellen: About Face 3, Cooper et.al. (In der Bib)
* [[IFD:Course_Interaction_Design|Interaktionsdesign-Kurs]] Ein Script zu einem vorhergehenden, ähnlichen Werkmodul.
* [http://www.uxmatters.com/mt/archives/2011/10/research-guidelines-you-wont-find-in-a-textbook.php 3 Regeln für Nutzerforschung: Sich Anfreunden, nicht zum Fragen beantworten da sein, nichts "verkaufen"]
* [http://www.experientia.com/blog/ Putting People First-Blog] (u.A. Forschung, Gender, Bildung etc. im HCD. Keine hurra-wir-sind-toll-Artikel, sondern interessante Inhalte.)

===Mobile Apps===
[http://www.cs.uml.edu/~fredm/courses/91.308-fall05/palm/zenofpalm.pdf The Zen of Palm]. Gute Zusammenfassung.

===Heuristische Analyse===
Hinweis: Eine heuristische Analyse kann das Testen nur ergänzen, aber nicht ersetzen!
* [http://www.nngroup.com/articles/ten-usability-heuristics/ List of Heuristics]
* [http://www.nngroup.com/articles/how-to-conduct-a-heuristic-evaluation/ How to do a heuristic evaluation] (and statistics which number of evaluatiors are best and/or most efficient etc.)

===Software===
* [http://developer.nokia.com/Resources/Tools_and_downloads/Other/Flowella/ Nokia Flowella] für Durchklick-Prototypen
* [http://www.jQuery.com jQuery] für aufwändiger, interaktive Prototypen.

===Nützliches===
* Ein [http://en.wikipedia.org/wiki/Service_blueprint Service Blueprint] zum [http://www.flickr.com/photos/brandonschauer/3363169836/ Download]

* [http://m18.uni-weimar.de/mailman/listinfo/interaction Sign up] for our (inofficial) BU Interaction Design Mailinglist

===Meta===
...das Designen von Designlehre
* [http://www.newyorker.com/reporting/2012/01/30/120130fa_fact_lehrer?currentPage=all Brainstorming: Eine Kritik] (vgl. mit der pro-Brainstorm-Kultur von e.g. Design Thinking)
* Parallel Prototyping:Eine empirische Studie von [http://aaalab.stanford.edu/papers/Parallel_Prototyping_2010.pdf 2010] und einer von [http://www.sigchi.org/chi95/proceedings/shortppr/so_bdy.htm 1995], deren Ergebnisse sehr für paralelles Prototyping sprechen.
* Das Iteration sinnvoll ist, ist auch nix neues, aber auch hier eine [http://www.itu.dk/people/jeppeh/specialeartikler/The%20Efficacy%20of%20Prototyping%20Under%20Time%20Constraints.pdf Studie] dazu
* Gruppen, die sich nach bestehenden Freundschaften zusammenfinden, sind für designerische Gruppenarbeiten [http://www.stanford.edu/~roypea/RoyPDF%20folder/A154_CSCL09_Maldonado_Klemmer_Pea.pdf nicht gut geeignet]
* The Reflective Practitioner (D. Schön), ISBN 0465068782