Lösungsansätze zum Design erfolgreicher mobiler Anwendungen

Größe: px

Ab Seite anzeigen:

Download "Lösungsansätze zum Design erfolgreicher mobiler Anwendungen"

Achim Graf
vor 8 Jahren
Abrufe

1 Arbeitskreis Software -Technologien Lösungsansätze zum Design erfolgreicher mobiler Anwendungen Philipp Liebrenz, Samsung Design Europe

2 Inhalt Einführung Was ist Interface/Interactiondesign? Geschichte Interfacedesign von Mobiltelefonen Überblick Eingabemethoden Beispiele gegenwärtiger Interfaces Designprozess Studie Proximity Information Distribution Systems Benutzerzentriertes Design Der Benutzerzentrierte Design Prozess Special: Das iphone Phänomen Philipp Liebrenz Page 2

gegenwärtiger Interfaces Designprozess Studie Proximity Information Distribution

Über mich Ausbildung Universität Konstanz, Arbeitsgruppe Mensch-Maschine Interaction, Deutschland Bachelor of Science in Information Engineering

Holding GmbH, Global Products & Services, Düsseldorf, Germany and London, UK Freelance Designer im User Experience Team What People Want, Usability

3 Über mich Ausbildung Universität Konstanz, Arbeitsgruppe Mensch-Maschine Interaction, Deutschland Bachelor of Science in Information Engineering University College of London, UCL Interaction Centre, UK, Master of Science in Human-Computer Interaction with Ergonomics Arbeitserfahrung Vodafone Holding GmbH, Global Products & Services, Düsseldorf, Germany and London, UK Freelance Designer im User Experience Team What People Want, Usability and Experience Design Agency, London, UK Freelance User Experience Consultant Samsung Design Europe, London, UK Interaction Designer Philipp Liebrenz Page 3

4 Einführung Philipp Liebrenz Page 4

5 Definition Interface/Interaktionsdesign Definition Interface/Interaktiondesign: Entwurf und die Gestaltung von Benutzerschnittstellen zwischen Mensch und Maschine Philipp Liebrenz Page 5

6 Geschichte Interfacedesign von Mobiltelefonen Motorola DynaTAC 8000X Nokia 1011 Siemens S10/S11 Siemens S25 Ericsson T68i Samsung V100 Nokia 7650 Nokia N95 Apple iphone Philipp Liebrenz Page 6

Ericsson T68i Samsung V100 Nokia 7650 Nokia N95 Apple

7 Überblick Eingabemethoden 2-Wege Navigation 4-Wege Navigation Scrolling Wheel Stylus Trackball QWERTY Keypad Touch Eingabe Philipp Liebrenz Page 7

8 Beispiele mobile Interfacedesign Hersteller Software Hersteller Anwendungen Java / Open platform Anwendungen Touch Interfaces Widgets Mobile Websites Mobile Advertisement Philipp Liebrenz Page 8

9 Der Designprozess Philipp Liebrenz Page 9

10 Beispiel einer mobilen Anwendung Anfang 2005 veröffentlichte die Band Coldplay ihr Album X&Y. Einige Tage zuvor wurde eine Werbeaktion gestartet die Mobiltelefonbenutzern erlaubte, via Bluetooth, Teile des Albums auf ihr Telefon zu laden. In wenigen Tagen luden mehr als Benutzer die Musikstücke herunter. Philipp Liebrenz Page 10

Einige Tage zuvor wurde eine Werbeaktion gestartet die Mobiltelefonbenutzern

11 Beispiel einer mobilen Anwendung Proximity Information Distribution Systems: A class of mobile service offering users within a limited area around the system to receive digital content using a mobile device via proximity transaction technology. Philipp Liebrenz Page 11

area around the system to receive digital content using a mobile

12 Evaluationsstudie Formative Evaluation verschiedener Proximity Information Distribution Systeme Teil-Strukturierte Interviews mit Benutzer verschiedener Systeme und Nicht-Benutzern Analyse der Daten mit Hilfe von Methoden aus der empirischen Sozialforschung (Grounded Theorie) Philipp Liebrenz Page 12

verschiedener Systeme und Nicht-Benutzern Analyse der Daten mit Hilfe von

13 Ergebnisse der Studie Mehr als 80 % scheiterten bei der Erstbenutzung und/oder brachen ab Auszug aus den identifizierten Problemen: Probleme beim Finden des Services Unzureichende Gebrauchsanweisungen und Informationen über den Service Technische Probleme mit dem Mobiletelefon Zeitaufwendiger Verbindungsprozess Unzureichendes Feedback über den Verbindungsprozess Unlesbare Datenformate Philipp Liebrenz Page 13

und Informationen über den Service Technische Probleme mit dem Mobiletelefon Zeitaufwendiger

14 Interpretation - Lösungsansatz Technologie getriebene Entwicklung vs Benutzerzentrierte Entwicklung User Task Context Environment Philipp Liebrenz Page 14

15 Benutzerzentriertes Design Benutzerzentriertes Design respektiert den Benutzer in seinen Kapazitäten und Anforderungen Benutzerzentriertes Design unterstützt den Benutzer bei der Erfüllung seiner Ziele und Aufgaben Benutzerzentriertes Design berücksichtigt die Situation in der sich der Benutzer befindet Benutzerzentriertes Design berücksichtigt die Umwelt der die Interaktion stattfindet User Task Context Environment Philipp Liebrenz Page 15

Benutzerzentriertes Design berücksichtigt die Situation in der sich der Benutzer befindet Benutzerzentriertes

16 Benutzerzentriertes Design Philipp Liebrenz Page 16

17 Research Wer sind die Benutzer? Was sind ihre Fähigkeiten und ihre Beschränkungen? Welche Aufgaben sollen erfüllt werden? In welcher Umgebung und welchem Umfeld? Identifikation der Benutzeranforderungen Philipp Liebrenz Page 17

18 Konzeption Erstellen des Konzept auf Basis der Benutzeranforderungen Illustration der Use Cases/Szenarien an Hand von Wireframes Designentwurf Philipp Liebrenz Page 18

19 Design / Prototyping Darstellen der Designentwürfe zur Demonstration, Diskussion und in einer Form die änderbar ist Philipp Liebrenz Page 19

20 Evaluation Identifikation der Schwächen und Stärken eines bestehenden Designs Vergleich von Designalternativen Änderungsvorschläge Philipp Liebrenz Page 20

21 Zusammenfassung Durch einen Benutzerzentrierten Design Prozess kann gewährleistet werden, dass Design sich an den Anforderungen der Benutzer und deren Ziele orientiert Die wichtigsten Aspekte eines Benutzerzentrierten Designprozess sind die Erstellung von Benutzeranforderungen, die Konzeption des Produkts an Hand von Use Cases und die Evaluation des Produkts mit Hilfe von Prototypen Iterationen des Designprozesses verringern die Wahrscheinlichkeit von Problemen und optimieren die Benutzbarkeit User Task Context Environment Philipp Liebrenz Page 21

22 iphone iphone iphonespecial Special Special Das iphone Phänomen Philipp Liebrenz Page 22

23 iphone iphone iphonespecial Special Special Warum das iphone so erfolgreich? Unlock Mechanismus Menu Button Visual voic Conversational messages Vergrößerte Berührungsbereiche bei der Texteingabe basisierend auf Wahrscheinlichkeit Keine Optionsmenüs Photobrowser Internetbrowser Philipp Liebrenz Page 23

24 iphone iphone iphonespecial Special Special Warum das iphone so erfolgreich? Reduktion auf wenige Funktionen geringere Komplexität Inkrementelles hinzufügen von Funktionen Erleichtertes Erlernen Pre-release Marketing Benutzer besitzen Vorwissen Visuelle Reduktion Gefühle Einfachkeit Philipp Liebrenz Page 24

Ähnliche Dokumente

Auswahl alter Klausuraufgaben aus einer ähnlichen Vorlesung Maßgeblich für die Prüfung sind die Vorlesungsinhalte!

Auswahl alter Klausuraufgaben aus einer ähnlichen Vorlesung Maßgeblich für die Prüfung sind die Vorlesungsinhalte! Aufgabe 1: Grundlagen (5 Punkte) a) Definieren Sie kurz Usability und User Experience.