Reading List and Resources

Empfehlenswerte Literatur:

• Jonathan Lazar, Jinjuan Heidi Feng, Harry Hochheiser, Research Methods In Human-Computer Interaction, John Wiley & Sons Ltd 2010. Book's Home Page
• Alan Dix, Janet Finlay, Gregory Abowd, Russell Beale, Human-Computer Interaction, 3rd edition, Prentice Hall 2004. Book's Home Page
• Yvonne Rogers, Helen Sharp, Jenny Preece, Interaction Design: beyond human-computer interaction, 3rd edition, John Wiley & Sons Ltd, 2011. Book's Home Page
• Matt Jones, Gary Marsden, Mobile Interaction Design, 1st edition, John Wiley & Sons Ltd, 2006. Book's Home Page
• Steve Krug, Don't make me think, Revisited: A Common Sense Approach to Web Usability, 3rd edition, New Riders 2014. Book's Home Page

Deutsche Bücher:

• Bernhard Preim, Raimund Dachselt Interaktive Systeme: Band 1 & 2 Springer, 2. Auflage, 2010. Begleitwebseite zur Buchreihe
• Markus Dahm, Grundlagen der Mensch-Computer-Interaktion Addison-Wesley Verlag, 2006.

Zusätzliche Spezialthemen

• zu Kognition: Colin Ware, Visual Thinking for Design, Morgan Kaufmann, 2008. Book's Home Page
• zu Psychologie: Henry Gleitman, Daniel Reisberg, James Gross, Psychology, 8th edition, W. W. Norton and Company, 2010. Book's Home Page
• zu Kommunikation: Renate Motschnig, Ladislav Nykl, Konstruktive Kommunikation, Klett-Cotta, 2009. Book's Home Page
• zu statistischen Tests: Geoff Cumming, Understanding The New Statistics: Effect Sizes, Confidence Intervals, and Meta-Analysis, Multivariate Applications Series, Routledge, 2011. Book's Home Page

---

Mockup-Tools:

• Axure (http://www.axure.com/edu) Hinweis: Für Studierende und Lehre gibt es kostenfreie Lizenzen auf der Axure-Webseite!
• Balsamiq (http://balsamiq.com)
• Mockflow (http://www.mockflow.com)
• appery.io (http://appery.io)
• Pencil (http://pencil.evolus.vn)
• Dub-Denim (http://dub.washington.edu:2007/denim)
• Mockingbird (https://gomockingbird.com)
• WireframeSkatcher (http://wireframesketcher.com)
• Web Site Wireframe Tool (http://wireframe.talltree.us/default.asp)
• Hot Gloo – The Online Wireframe App (http://www.hotgloo.com/)
• Prototype Composer – Free Prototyping Tool (http://www.serena.com/index.php/en/products/other-products/prototype-composer/)
• Cacoo (https://cacoo.com)
• Lumzy (http://lumzy.com/app/)
• iPhone Mockup Web App (http://iphonemockup.lkmc.ch/)

---

App development: iOS, Android and Cordova:

iOS

Language: Objective-C or Swift (recommended, although you can use both languages in the same project)

Platforms: OS X, (Linux)

Programming experience: intermediate

• Having an idea about Object-Oriented Programming is recommended (e.G. if you know Java, Ruby, C# or any OO language)
• If you finished SWE or SWA you should be fine

Tutorial-Info:

• Language: Swift
• IDE: XCode 7 (so Mac users only)
• Framework: UIKit
• Download: TipCalculator, face-icons.zip

Pros:

• You can take advantage of all the Apple built-in usability-goodness: Scrolling, Animations, Gestures, Back Buttons
• Develop high quality native apps (and ultimately become rich and successful)
• Swift is very easy to learn and similar to Java/Javascript in many regards
• Great debugging with XCode
• Tons of documentation (and people with the same problems) on the web

Cons:

• If you don’t own a Mac, you can still develop applications on a Linux platform, however Apple did not release Xcode for Linux (and there is no other IDE yet) and UIKit. There’s no Core Graphics, no Core Animation, no AVFoundation, nor many of the other familiar core Objective-C libraries. Basically, most of what you need to create beautiful iOS or Mac apps isn’t here yet for Linux users.
• You need an Apple developer license. We have some student licenses for you but you will have to send us the UDID of your Apple device so that we can activate it. Further details will be announced soon.

Web resources:

• Ausführliche Dokumentationen und Guidelines von Apple. Besonders die iOS Human Interface Guidelines sind sehr zu empfehlen. Sie gehen auf viele verschiedene Aspekte ein und helfen beim Designen von iOS Apps. (Ignoriert man die strengen Richtlinien bzgl. Design und Usability, werden die Programme im App Store häufig nicht zugelassen)
• VIDEO „Prohttp://iphonemockup.lkmc.ch/totyping: Fake It Till You Make It“. Beschreibt den Prototyping-Prozess und liefert einen interessanten Einblick in die Arbeit von UI/Interaction Designer bei Apple. (Anmerkung: Sie benötigen einen Apple Developer Account und Safari um sich das Video anzusehen)
• „The Swift Programming Language“ bietet einen Einstieg in die neue Programmiersprache und ist ein gutes Nachschlagewerk.
• iTunes U „Developing iOS 8 Apps with Swift“. Ein Swift-Kurs mit vielen ausführlichen Anleitungen, Videos und Übungen der Stanford University.
• VIDEO-TUTORIAL Building Your First Swift App (Photo Filter)
• Online Tutorial: Part I Part II „Storyboards Tutorial in Swift“ - Ein 2-teiliges Tutorial mit dem Fokus auf die Erstellung eines User Interfaces bzw. eines Storyboards mit mehreren Views in Xcode.

Android

Language: Java

Platforms: all

Programming experience: intermediate

• Having an idea about Object-Oriented Programming is recommended (e.G. if you know Java, Ruby, C# or any OO language)
• If you finished SWE or SWA you should be fine

Tutorial-Info:

• Language: Java
• IDE: Android Studio
• Download: TipCalculatorAndroid.zip (Android Tutorial)

Pros:

• Highly customizable user experience (e.G: you can make home screen-widgets to enhance the user experience)
• Google has less restrictions as to what kinds of apps make it to their store
• Tons of documentation
• Better performance

Cons:

• Too many types of devices and screen sizes that you have to worry about (it’s easier to handle in Cordova)
• Instable (“hacky things” you find online could stop working after an upgrade)

Web resources:

• Location Access: http://blog.teamtreehouse.com/beginners-guide-location-android, https://developer.android.com/training/location/index.html,
• Data Storage: https://developer.android.com/training/basics/data-storage/index.html
• Dreiteiliges Tutorial welches sich sehr detailliert von den ganz einfachen Basics (so wie der Installation) bis zu API-Calls erstreckt.
• Android-Developers-Seite
• Javapoint Tutorial

Cordova

Language: HTML, CSS, JavaScript (jQuery, Angular etc.)

Platforms: all

Programming experience: beginner/intermediate - if you have experience with web programming you should be fine

• Having an idea about Object-Oriented Programming is recommended (e.G. if you know Java, Ruby, C# or any OO language)
• If you finished SWE or SWA you should be fine

Tutorial-Info:

• Language: JavaScript, Cordova and Ionic as the UI (additional tools: NPM, Bower)
• IDE: your favorite code editor (syntax highlighting)
• Download: cordova-tutorial.zip, cordova-tutorial-freitag.zip

Pros:

• Awesome for quick prototypes and real world apps (many apps out there are Cordova or at least JavaScript based)
• Accelerated development: if you already have experience with web-development, you will be able to develop the app faster
• Isomorphic development possible (Backend + Frontend Web + Frontend App in one code base)
• It’s cross-platform
• Many library options (important note: please check the individual submission guidelines and if it is still unclear, ask our tutors)
• Stable as W3C/WHATWG specs don't break without very long term notices

Cons:

• If you plan on developing the app beyond the course, native is recommended
• If you want the look and feel to be outstanding/specific to the platform you’re developing for, there’s a bit more work since you’re missing out on the Apple/Google built in Usability features/SDKs (Cordova UI elements are not native).
• Cordova apps can be sluggish compared to native apps

Web resources:

• https://ccoenraets.github.io/cordova-tutorial/
• https://cordova.apache.org/docs/en/latest/guide/cli/index.html
• http://ionicframework.com/getting-started/