119350a Mobile Content
| Zuletzt geändert: | 12.03.2021 / Ghellal |
| EDV-Nr: | 119350a |
| Studiengänge: | |
| Dozent: | |
| Link zur Veranstaltung / zum E-Learning-Kurs: | Die Veranstaltung wird digital angeboten. Für diese Lehrveranstaltung gibt es einen Gruppenteiler. (MM7 Studierende Dozent: Patrick Münster und CR7 Studierende:Fabian Gligor). Der Zugang erfolgt über die e-learning platform Moodle per Einladung. |
| Sprache: | Englisch |
| Art: | - |
| Umfang: | 4 SWS |
| ECTS-Punkte: | 5 |
| Workload: |
150 hours
Incl the following Assignments - HW1: Deconstructing an App based on Mobiel Content Theory - HW2a: Scribbles – Paper Prototyping (Music App) - HW2b: Low- Fidelity Wireframing Prototype (Music App) - HW2c: High-Fidelity Prototyping Interactive Content 6 Flow (Music App) - HW2c: High-Fidelity Prototyping - iWatch Music App |
| Inhaltliche Verbindung zu anderen Lehrveranstaltungen im Modul: | 119320a User Interface Design (ideal would be if you complete mobile content before UID) |
| Prüfungsform: | |
| Bemerkung zur Veranstaltung: | Unterrichtssprache Englisch |
| Beschreibung: |
****** Wichtiger Hinweis zum
Sommersemester 2021 ***** Die Veranstaltung wird während der SARS-CoV-2-bedingten Beschränkungen im Sommersemester 2021 digital angeboten.Für diese Lehrveranstaltung gibt es einen Gruppenteiler. (MM7 Studierende Dozent: Patrick Münster und CR7 Studierende:Fabian Gligor). Der Zugang erfolgt über die e-learning platform Moodle per Einladung. e-learning.hdm-stuttgart.de Es gilt der Stundenplan laut Starplan. Änderungen des Stundenplans oder aktuelle Meldungen erhalten Sie, sobald Sie sich online im Vorlesungsverzeichnis für den Kurs eingeschrieben haben. ********************************************************************** This lecture is designed to enable students to understand, critically discuss and reflect upon the interdisciplinary nature of mobile content design. It will focus on design-; business- and technological aspects and how those may influence a mobile ecosystem. At the same time, it will enable students to read and successfully apply mobile design patterns. Critically questions the suitability of specific design patterns and learn how mobile design patterns relate to more general interaction design patterns. In addition, basic high- and low- fidelity prototyping tools will be subject of special exercises, designed to enable students to create work examples for their personal portfolio (work examples are necessary to find a number of internships). CONTENT • About Mobile Content - Mobile & Wearable Devices - Mobile Widgets / Patterns - Mobile & Wearable Design Principles - Content Hierarchie & Navigation Strategy & Hierarchies - Native-, Web-Apps & Mobile Web Sites - Standard & Rich Experience Apps (Styleguides) • Devices - Device Dependence - State of the art domain analysis - Responsive Design - Gestures • Prototying - Paper based - Lowfidelity - Wireframing tool - Highfidelity • Mobile Ecosystems - Interdependance - Disruptiveness - Sucessfactors • EBooks - Standards - Interaction Design - Interactive Content GOALS • Understanding Mobile Media state of the art mobile widgets and design patterns • Appreciate the difference of mobile devices, device adaptation and differences of Native-, Web Apps as well as Mobile Web Sites. • Basic understanding of interaction design for mobile content/devices Assignments - HW1: Deconstructing an App based on Mobiel Content Theory - HW2a: Scribbles – Paper Prototyping (Music App) - HW2b: Low- Fidelity Wireframing Prototype (Music App) - HW2c: High-Fidelity Prototyping Interactive Content 6 Flow (Music App) - HW2c: High-Fidelity Prototyping - iWatch Music App |
| English Abstract: | What makes mobile content different? how can one design for it? What makes great app's? Mobile Design patterns, gestures, device-dependance and how content is distributed via e-books and pad's. Please read the detailed descrition for more details |
| Literatur: |
• Neil: Mobile Design Pattern Gallery, UI Patterns for Mobile Applications
O'Reilly 2012 • Fling: Mobile Design and Development. O'Reilly, 2009. • Tidwell: Designing Interfaces. 2nd Edition. O'Reilly, 2010. • Kleinfeld: HTML5 for Publishers.O’Reilly, 2011 • Callahan, Young and Hixon: Responsive Design. Smashing Design Book 2011 • Villamor, Willis, and Wroblewski: Touch Gesture Referrence Cards, 2012 Weitere Literatur finden Sie in der HdM-Bibliothek. |
| Internet: | •https://www.interaction-design.org/ https://www.nngroup.com/ http://en.wikipedia.org/wiki/E-book#Formats •http://www.w3.org/TR/css-device-adapt/ |