Lösungsansätze zum Design erfolgreicher mobiler Anwendungen
Transcription
Lösungsansätze zum Design erfolgreicher mobiler Anwendungen
Arbeitskreis Software -Technologien Lösungsansätze zum Design erfolgreicher mobiler Anwendungen Philipp Liebrenz, Samsung Design Europe 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 Lösungsansätze zum Design erfolgreicher mobiler Anwendungen Philipp Liebrenz Page 2 Ü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 Lösungsansätze zum Design erfolgreicher mobiler Anwendungen Philipp Liebrenz Page 3 Einführung Lösungsansätze zum Design erfolgreicher mobiler Anwendungen Philipp Liebrenz Page 4 Definition Interface/Interaktionsdesign Definition Interface/Interaktiondesign: „Entwurf und die Gestaltung von Benutzerschnittstellen zwischen Mensch und Maschine“ Lösungsansätze zum Design erfolgreicher mobiler Anwendungen Philipp Liebrenz Page 5 Geschichte Interfacedesign von Mobiltelefonen Motorola DynaTAC 8000X 1983 Nokia 1011 1992 Siemens S10/S11 1997 Siemens S25 1999 Ericsson T68i 2001 Lösungsansätze zum Design erfolgreicher mobiler Anwendungen Philipp Liebrenz Samsung V100 2002 Nokia 7650 Nokia N95 2003 2006 Apple iPhone 2007 Page 6 Überblick Eingabemethoden 2-Wege Navigation Stylus 4-Wege Navigation Trackball Lösungsansätze zum Design erfolgreicher mobiler Anwendungen Philipp Liebrenz QWERTY Keypad Scrolling Wheel Touch Eingabe Page 7 Beispiele mobile Interfacedesign Hersteller Software Widgets Hersteller Anwendungen Mobile Websites Java / Open platform Anwendungen Touch Interfaces Mobile Advertisement Lösungsansätze zum Design erfolgreicher mobiler Anwendungen Philipp Liebrenz Page 8 Der Designprozess Lösungsansätze zum Design erfolgreicher mobiler Anwendungen Philipp Liebrenz Page 9 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 13000 Benutzer die Musikstücke herunter. Lösungsansätze zum Design erfolgreicher mobiler Anwendungen Philipp Liebrenz Page 10 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. Lösungsansätze zum Design erfolgreicher mobiler Anwendungen Philipp Liebrenz Page 11 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) Lösungsansätze zum Design erfolgreicher mobiler Anwendungen Philipp Liebrenz Page 12 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 Lösungsansätze zum Design erfolgreicher mobiler Anwendungen Philipp Liebrenz Page 13 Interpretation - Lösungsansatz Technologie getriebene Entwicklung vs Benutzerzentrierte Entwicklung User Task Context Environment Lösungsansätze zum Design erfolgreicher mobiler Anwendungen Philipp Liebrenz Page 14 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 Lösungsansätze zum Design erfolgreicher mobiler Anwendungen Philipp Liebrenz User Task Context Environment Page 15 Benutzerzentriertes Design Lösungsansätze zum Design erfolgreicher mobiler Anwendungen Philipp Liebrenz Page 16 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 Lösungsansätze zum Design erfolgreicher mobiler Anwendungen Philipp Liebrenz Page 17 Konzeption Erstellen des Konzept auf Basis der Benutzeranforderungen Illustration der Use Cases/Szenarien an Hand von Wireframes Designentwurf Lösungsansätze zum Design erfolgreicher mobiler Anwendungen Philipp Liebrenz Page 18 Design / Prototyping Darstellen der Designentwürfe zur Demonstration, Diskussion und in einer Form die änderbar ist Lösungsansätze zum Design erfolgreicher mobiler Anwendungen Philipp Liebrenz Page 19 Evaluation Identifikation der Schwächen und Stärken eines bestehenden Designs Vergleich von Designalternativen Änderungsvorschläge Lösungsansätze zum Design erfolgreicher mobiler Anwendungen Philipp Liebrenz Page 20 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 Lösungsansätze zum Design erfolgreicher mobiler Anwendungen Philipp Liebrenz User Task Context Environment Page 21 al l i a c cei e p Sp S e onne o h Ph iPi Das iPhone Phänomen Lösungsansätze zum Design erfolgreicher mobiler Anwendungen Philipp Liebrenz Page 22 al l i a c cei e p Sp S e onne o h Ph iPi Warum das iPhone so erfolgreich? Unlock Mechanismus Menu Button Visual voicemail Conversational messages Vergrößerte Berührungsbereiche bei der Texteingabe basisierend auf Wahrscheinlichkeit Keine Optionsmenüs Photobrowser Internetbrowser Lösungsansätze zum Design erfolgreicher mobiler Anwendungen Philipp Liebrenz Page 23 al l i a c cei e p Sp S e onne o h Ph iPi 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 Lösungsansätze zum Design erfolgreicher mobiler Anwendungen Philipp Liebrenz Page 24