Home

Anita Huber - Fachhochschule St. Pölten

image

Contents

1. 4us00244000nennnn nenne nennen nennen 47 ABBILDUNG 61 Instragram Fotobearbeitung Screenshot bei der Autorin 0222400ne nennen 49 ABBILDUNG 62 Instragram Foto Sharing Screenshot bei der Autorin s0422400002nnee nennen 49 ABBILDUNG 63 Benutzung des Build In Feature Fotos Screenshot bei der Autorin 49 ABBILDUNG 64 SoundHound Produktbeschreibung Screenshot bei der Autorin 51 ABBILDUNG 65 SoundHound Pr sentation der Funktionen Screenshot bei der Autorin 51 ABBILDUNG 66 SoundHound Herstellerinformationen Screenshot bei der Autorin 52 ABBILDUNG 67 SoundHound Imagevideos 24us0424000nennnn nennen nennen nennen nennen nennen nennen nennen 52 ABBILDUNG 68 myGigs Einstellungen Screenshot bei der Autorin ss02444000nennne nennen 53 ABBILDUNG 69 The Wheel OF JOY s ea ea an 55 ABBILDUNG 70 RingtoneMaker Songauswahl Screenshot bei der Autorin 240004er 2000 56 ABBILDUNG 71 RingtoneMaker Klingelton erzeugen Screenshot bei der Autorin 56 Anita Huber mt091047 67 Medientechnik Ifhill st p lten Tabellenverzeichnis TABELLE 1 Key Facts iPhone 3GS und 4S Screenshot des Icons bei der Autorin 8 TABELLE 2 Globaler Umsatz ausgew hlter App Stores in den Jahren 2008
2. us02244000002nnn nennen nennen 37 ABBILDUNG 48 iPhone Nutzer nach Altersgruppen u2222002220002snnennnnnnennennnnnnnnnnennnnnnnenne nennen 39 ABBILDUNG 49 Zoom aus Screenshot bei der Autorin us02420000nennnn nennen nennen nennen nennen 40 ABBILDUNG 50 Zoom an Screenshot bei der Autorin u us04244000nennnn nennen nennen nennen nennen 40 ABBILDUNG 51 Gro er Text Screenshot bei der Autorin s 24000444000Bnennn nennen nennen nennen 41 ABBILDUNG 32 Farbfehlsichtigkeit Screenshot bei der Autorin us04044000n0nnnnonennn nennen 43 ABBILDUNG 53 The Magic Number Is 44 u suusuesssnsnsonennnennennnnnnnnnnnnnnnnnennennnn nennen nennen nnnnnnn nennen 44 ABBILDUNG 54 Tippbereich gr er als Interaktionselement 002220022200022200 nenn enenne nennen 44 ABBILDUNG 55 Neue mobile Kommunikationsformen 444444nn0Hnnnnnnnnnnnnneennennnne nennen 45 ABBILDUNG 56 Mobile COMMUNI a nen 46 ABBILDUNG 57 Kommunikations und Interaktionsformen von Communities cccseeeeeeeeeeees 46 ABBILDUNG 58 Sharing Screenshot bei der Autorin us 440s0004000Bnennnn nennen nennen nennen nennen 47 ABBILDUNG 59 Contacting Screenshot bei der Autorin u042240002nnnn nennen nennen nennen nennen 47 ABBILDUNG 60 Collaborating Screenshot bei der Autorin
3. 022220022200022000nnnennnnennnne nenn nennen nnnnennnnnnen 53 4 11 Neu oder DESOnders nn ee nee 54 4 11 1 Die Wow Faktoren nach Hudson Viswanadha 2009 S 58 61 54 4 11 2 The Wheel of Joy nach Holtzblatt 2011 S 40 47 2222000s222000e nennen 55 Exempel 16 Eine Wow und Cool App cccccccssceceecceeeeeseenececeeeceseeneeteneteneeeneeees 56 5 Conclusio und Ausblick auf weitere Forschung 22200000000nnnnnnnnnnnnnnnnnnnnnnn nun 58 Quellenverzeichnis 2 2 er ee een 61 HU AUC ee ee armer een 61 INSEL ee ne seen nern en Renee 62 INGE Sense er ans E neueren menden 64 Applikationen ee eier eee ee ee en ee ae 65 ADDBIAUNGSVETZEIEHNIS soae sun inne nennen nee iaaa aiaa aaaea ananasai aE 66 TaBELIENVERZEICHENIS misinis a een Eee Ea aaraa 68 Anita Huber mt091047 5 Medientechnik Ifhill st p lten 1 Einleitung Gegenstand dieser Arbeit ist die Auseinandersetzung mit dem Thema Interface Design von Appli kationen f r das iPhone mit dem Schwerpunkt User Experience Es behandelt dabei die Bed rfnis se der Benutzerlnnen und die daraus folgenden Designprinzipien um eine positive Nutzungserfah rung zu gew hrleisten Die Motivation sich mit diesem Thema auseinander zu setzen liegt f r mich bei dem immer wichtiger werdenden Aspekt der positiven Benutzungserfahrung eines Produktes Lange Zeit war dieser Begriff nicht greifba
4. Name Instragram EntwicklerInnen Instagram Inc Version 2 4 2012 TABELLE 21 Instagram Key Facts Instagram Inc 2012 0 S Instagram ist eine Foto Sharing Applikation mit der Fotos aufgenommen bearbeitet siehe Abb 61 und mit anderen Personen geteilt und kommentiert werden k nnen Die Applikation be schr nkt das Sharing nicht auf die Instagram Community sondern gibt BenutzerInnen zus tzlich die M glichkeit das Foto auf unterschiedliche soziale Netzwerke wie Facebook Twitter Flickr Foursquare usw zu teilen siehe Abb 62 Des Weiteren erm glicht Instagram Zugriff auf die Fotos aus der Build In Foto App siehe Abb 63 um diese gleich zu bearbeiten ohne neue Fotos aufnehmen zu m ssen Mittoilen Twitter k nfigurieren gt Facebook konfigurieren gt Email konfigurieren gt Flickr konfguneren gt Tumbir konfigurieren gt Foursquare konfigurieren gt ABBILDUNG 61 Instragram ABBILDUNG 62 Instragram ABBILDUNG 63 Benutzung des Fotobearbeitung Foto Sharing Build In Feature Fotos entnommen aus entnommen aus entnommen aus Instagram Inc 2012 0 S Instagram Inc 2012 0 S Instagram Inc 2012 0 S Anita Huber mt091047 49 Medientechnik Ifhill st p lten 4 10 Sicher und vertrauensw rdig Applikationen werden von den BenutzerInnen auf Sicherheit und Vertrauensw rdigkeit gepr ft Haben Benutzerlnnen das Gef hl dass die Informationen unglaubw rdig erscheint oder
5. Erstaunlich schnelles Erkennen eines Titels Soundkiound nennt Dir dan Titel eines ber Lautsprecher Wiedergegebenen Songs In nur 4 Sekunden Dies funktioniert in vielen F llen auch wenn Du einen bekannten Song singat oder summst lt Unbeorenzter Verbrauch ABBILDUNG 64 SoundHound Produktbe schreibung entnommen aus SoundHound Inc 2012 0 S Die Screenshots zeigen die zentralen Funktionen der App um den BenutzerInnen zu zeigen warum sie diese App auf jeden Fall brauchen Die Screenshots bilden ein grobes Benutzungsszenario ab Zuerst erfolgt die Eingabe via Text oder Audioaufnahme darauf folgt die Analyse der Information die Anzeige der Information und weitere M glichkeiten wie z B den Song auf Facebook zu posten SoundHound iTunes A b LAR hia en pr ee eer has perni tere i Deren 1 ie ee Er ey Lee gt 4 T Blazing fast T music recognition Aarupei e er Pale oe Ae peg cel 7 wi ee en ie LENE j Frame Lyen Song 9 ta Share 7 Something Phar Fae Pira ae hitas bel Yin The amp f Share on Fiati Share cen Teir Inchiithe Location ee Rn ABBILDUNG 65 SoundHound Pr sentation der Funktionen entnommen aus SoundHound Inc 2012 0 S Anita Huber mt091047 51 Medientechnik Ifhill st p lten Die Herstellerinformationen siehe Abb 66 ge an Firma SoundHound inc ben Aufschluss ber die Firma die letzte aktuali
6. Exempel 11 App f r Personen mit Farbfehlsichtigkeit Name DanKam EntwicklerInnen Dan Kaminsky Version 1 5 2012 TABELLE 19 DanKam Key Facts EnSight Inc 2012 0 S DanKam ist eine Augmented Reality Applikation die es ermoglicht das aufgenommene Bild Live oder Standbild an die unterschiedlichen Farbwahrnehmungsschw chen anzupassen Fur Rot Gr n Farbfehlsichtige sind die Zahlen 45 und 6 nicht erkennbar Mit einem Farbfilter kann z B Rot verst rkt werden und somit k nnen die Zahlen auch f r Rot Gr n Farbfehlsichtige erkennbar werden Dies bietet jenen Personen eine besonders positive Benutzungserfahrung siehe Video DanKam iPhone app brightens up color blind world Normal Rot Gr n Farbfehlsichtigkeit Farbfilter an ree oS 189 10 IGD ABBILDUNG 52 Farbfehlsichtigkeit entnommen aus DanKam 2010 0 S Anita Huber mt091047 43 Medientechnik Ifhill st p lten 4 7 2 2 Haptische Anforderungen an das User Interface Design Ein besonderes Augenmerk sollte auf die Bedienbarkeit der Interaktionselemente liegen da Perso nen unterschiedliche Fingerst rken aufweisen Aus diesem Grund sollten Interaktionselemente einen Interaktionsbereich von 44 x 44 Pixel beim iPhone 3GS bzw 88 x 88 Pixel beim iPhone 4S und einen ausreichenden Abstand zueinander aufweisen siehe Abb 53 vgl Apple Inc 2012 S 59 N a G ABBILDUNG 53 The Magic Number Is 44 entnommen aus Clar
7. i i screen Five Screen Six Screen Seven ABBILDUNG 26 Navigationsmodelle entnommen aus Clark 2010 S 101 Flate Pages Tab Bar Tree Structure Nutzen Anwendung wenn jede Seite in Organisation von unterschiedlichen Darstellung via Liste oder Icons sich abgeschlossen ist Inhalten und Funktionen Verwendung meist bei einer F lle Methode um eine bestimmte Infor an Information die hierarchisch mation auf unterschiedliche Art und in Kategorien und Unterkategori Weise zu finden Alle kommen en unterteilbar ist zum selben Ergebnis Erm glicht durch eine Auswahl Key Features werden schnell einer Kategorie schnell die Suche erkannt einzuschr nken Nachteile Man kann nicht vom ersten Max 5 6 Tabs Die Navigation erfolgt immer ber zum letzten Screen springen Ben tigt 10 des Screens und umgekehrt sondern muss alle Screens durchswippen Begrenzte Screenanzahl Kein Scrollen nur eine Dimension sonst zu komplex den Hauptscreen TABELLE 11 Navigationsmodelle vgl Clark 2010 S 100 117 Kombinierte Navigation Clark 2010 S 114 117 In vielen F llen werden die Navigationsmodelle miteinander kombiniert So kann die Tab Bar z B als Hauptnavigation zwischen den Features eingesetzt werden und die Tree Structure in Form einer Liste als Subnavigation Flate Pages werden dann z B eingesetzt um Bilder durchzusehen Anita Huber mt091047 27 Medientechnik Ifh III st p lten Ex
8. Cronin 2007 S 310 bei 80 liegen um eine gute Lesbarkeit zu erm glichen Auch W3C 2007 S 15 weist in den Richtlinien Mobile Web Best Practices auf die Notwendigkeit des Kontrastes zwi schen Vorder und Hintergrundfarben bzw eines Hintergrundbildes hin Au erdem sollte die Beschriftung der Interaktionselemente kurz und pr gnant sein Der Inhalt soll te fur die Benutzerlnnen leicht verst ndlich kein technisches Jargon sein und auf die Darstellung am iPhone so angepasst werden dass dieser bersichtlich bleibt siehe Kapitel berschaubar vgl Apple Inc 2012a S 46 Einsatz von Farben und Gestaltung f r Personen mit einer Farbwahrnehmungsschwache Durch den bewussten Einsatz von Farben kann die Aufmerksamkeit auf jene Informationen und Interaktionselemente gelenkt werden welche eine besondere Bedeutung haben Weniger ist hier mehr denn der berm ige Einsatz von Farben kann die Benutzerlnnen verwirren vgl Nielsen 1993 S 119 Farben sollten nur zur Kategorisierung Differenzierung und Betonung eingesetzt werden nicht um Informationen speziell quantitive Information zu geben bersetzt Nielsen 1993 S 120 W3C 2007 S 11 empfiehlt dass Informationen die durch Farben dargestellt werden auch ohne Farbunterst tzung verf gbar sind Das User Interface soll demnach auch f r Personen mit defizienter Farbwahrnehmung getestet werden Anita Huber mt091047 A2 Medientechnik Ifhlll st p lten
9. ABBILDUNG 47 personalisiertes Ul Recipes Intro entnommen ungskonzept Jamie s entnommen aus Zolmo 2012 0 S aus Zolmo 2012 0 S Recipes entnommen aus Zolmo 2012 0 S Anita Huber mt091047 37 Medientechnik Ifhill st p lten 4 7 Accessible Bei der Accessibility geht es darum eine barrierefreie Nutzung der Applikation f r m glichst viele Menschen zu erm glichen Das iPhone hat hier einen besonderen Stellenwert und unterscheidet sich von anderen Ger ten durch multimodale Interaktionsm glichkeiten unterschiedliche Ein gabe Touch und Sprache und Ausgabemoglichkeiten auditiv visuell vgl W3C 2012 0 S Menschen k nnen in ihrer Wahrnehmung und Interaktion sehr unterschiedliche Handycaps aufwei sen welche besondere Anforderungen an das Interface Design stellen 4 7 1 Dauerhaft beeintr chtigte Personen in sterreich Statistik Austria 2008 S 1132 hat im Jahr 2007 und 2008 eine Befragung zum Thema Men schen mit Beeintrachtigungen im Auftrag des Bundesministeriums f r Soziales und Konsumenten schutz durchgef hrt Insgesamt 8 195 durch eine Zufallsauswahl ermittelte Personen hochge rechnet rund 8 2 Mio Personen nahmen daran teil Dies ist ein Auszug der Ergebnisse Rund jeder f nfte Befragte gab an durch eine gesundheitliche Beeintr chtigung eingeschr nkt zu sein alle bereits l nger als ein halbes Jahr Insgesamt waren damit 1 7 Mio Personen 20 5 der Bev lker
10. ABBILDUNG 49 Zoom aus Screenshot bei der Autorin Anita Huber mt091047 il 3 AT T 14 22 Zoom Zoom vergr ert den Bildschirm Zoomen Mit drei Fingern dopr ber den Bildschirm Raim nnm mit Arai ABBILDUNG 50 Zoom an Screenshot bei der Autorin 40 Medientechnik Ifhill st p lten e Auswahl und Auto Text vorlesen Der ausgew hlte Inhalt bzw Autokorrekturen werden vor gelesen seit IOS 5 1 Dies erleichtert den Umgang mit Text nicht nur f r sehbeeintr chtigte Personen sondern auch f r Personen welche gerade keine Zeit haben auf das Display zu schauen z B w hrend einer Autofahrt e Gro er Text nderung der Schriftgr e F r eine bessere Lesbarkeit des Textes in Kalender Kontakten Mail Nachrichten und Noti zen siehe Abb 51 aii 3 AT i 09 52 Daz Goel Text in Kalender Kontakten Mail Nachrichten und Notizen vergr ern Aus 7 20 pt Text 24 pt Text 32 pt Text 40 pt Text 48 pt Text EA mk OT me ok ABBILDUNG 51 Gro er Text Screenshot bei der Autorin Zudem k nnen User Interface DesignerInnen bei der visuellen Gestaltung des User Interfaces Einfluss auf eine barrierefreie Nutzung nehmen Dies betrifft etwa die Auswahl der Schrift das Kontrastverh ltnis zwischen Schrift und Hintergrund und der Farbdarstellung in den Applikationen Lesbarkeit Einsatz von Schriftart Schriftgr e und Kontrast Das iPhone mit iOS 5 0 bietet bereits 5
11. ber der radio FM4 Applikation einen viel gr eren Funktionsumfang e Anzeige des Datums und der Uhrzeit e Lautst rke und Displayhelligkeitsregler e Ein und Ausschalten des Alarms e Ein und Ausschalten des Radios e Ein und Ausschalten der Sleep Funktion e Anzeige der Radiostation und Titel ME Limited Offer 399 Download it now ABBILDUNG 13 Radio Wecker User Interface entnommen aus EnSight Media Inc 2012 0 S e Senderauswahl e Konfigurationsmoglichkeiten Alle diese Funktionen machen die App viel flexibler Fur die Benutzerlnnen hat dies aber eine l ngere Einlernpha se zur Folge Anita Huber mt091047 18 Medientechnik 4 3 2 Usability Heuristiken Ifhill st p lten Der Flexibility Usability Tradeoff Ansatz Lidwell u a 2010 S 102 kann dennoch kein alleiniger Ma stab f r intuitives UID sein da eine intuitive Benutzung nicht nur von der Flexibilit t des Sys tems abh ngt sondern auch von der Einhaltung gewisser Grundregeln der Usability So k nnen zum Beispiel die 10 Usability Heuristiken von Jakob Nielsen 2005 0 S zit n Nielsen 1990 Anwendung finden Suzanne Ginsburg 2011 S 98f hat Nielsens Heuristiken f r iPhone Apps abgestimmt siehe Abb 14 am t Visibility of app status The app should alway reer users informed about what ts going on through appropriate feedback has provides feedback as itanalyres ORAS AGI U E Ue bbi TEMICMI 6 Recognit
12. rfnisse die Personen an die Applikation stellen erf llen F r BenutzerInnen sollen Apps einen bestimmten und langerfristigen Nutzen erf llen sowie intuitiv und berschaubar sein Interaktions elemente sollen zur Interaktion auffordern und das User Interface soll ansprechend und passend gestaltet sein Die App soll die Bedienung von Menschen mit Beeintr chtigungen erm glichen Ein weiteres essentielles Bed rfnis ist eine kollaborative Nutzung Applikationen sollen kompatibel mit anderen Apps sein dies bedeutet dass Benutzerlnnen Funktionen aus anderen Apps nutzen wollen wie z B ein Login via Facebook Ebenso sollen Apps vertrauensw rdig sein Benutzerlnnen erwarten sich dass mit ihren Daten behutsam umgegangen wird Sind Apps neu oder besonders k nnen diese ebenfalls ein positives Nutzungserlebnis erreichen Ziel dieser Arbeit ist es diese Bed rfnisse aufzuzeigen und Anforderungen f r das User Interface Design abzuleiten Die Ablei tung der Bed rfnisse und der Designanforderungen erfolgt anhand renommierter aber auch neuer Theorien von User Experience und User Interface ExpertInnen und Unternehmen wie z B Apple Inc Jakob Nielsen Josh Clark Donald Norman Alan Cooper Suzanne Ginsburg Michael Richter und Markus Fl ckiger u s w Anita Huber mt091047 3 Medientechnik Ifhill st p lten Inhaltsverzeichnis Ehrenwortliche Erklarundg uninnn nn nennen einen 2 NY SUN NC Erase a NEE EEE SUR DEREN IR ee resin eee e
13. sst nachfolgende Statistik prognostizieren da der Umsatz von 828 Millionen US Dollar 2009 auf 2 155 Millionen US Dollar 2010 angestiegen ist siehe Tab 2 j A i ary Giobaler Umsatz susvewshlter App Stores in den Jahren 2009 i i rp x i 1 f m 4 a und 2010 in Millionen US Dollar J 1 3 2 gt Fez oh om H lt ri 2 let a y uf T a ii Er mE bope az aca lern ive i spe Fig Fiii uag mo Eon Anse Lge com Mi TABELLE 2 Globaler Umsatz ausgew hlter App Stores in den Jahren 2008 und 2011 in Millionen US Dollar entnommen aus Statista 2012 0 S zit n IHS 2011 0 S Nachfolgende Statistik Tab 3 zeigt dass im Jahr 2011 das Angebot f r Apps 314 415 Apps f r das Apple iPhone im Vergleich zu anderen Betriebssystem Herstellerlnnen am H chsten war Nachfolgende Statistik l sst vermuten dass bereits andere App AnbieterInnen wie Android Market an den Erfolg von Apple s App Store anschlie en konnten da deren App Angebot im Jahr 2011 bereits bei 135 829 Apps liegt Diese Tabelle Tab 3 zeigt auch das der Markt von Apps f r das Apple iPhone bereits sehr ges ttigt ist umso bedeutender ist es bei der Entwicklung von Apps auf eine positive Benutzungserfahrung Wert zu legen um aus der Masse herauszuragen 1 r ET 4 i ANZA der verf gbaren ADDE In den YUnlne gt ho LE i 1 r3 1 I t a ge Fa i ji u a En GLO os Lem ELEF HA Pt a Se H TEETE EET ra LE 7 TELI i GE7
14. zur Party einladen G ste die an der Party teilnehmen haben die M glichkeit die Reihenfolge der Lieder durch Hinauf oder Hinabvoten mitzubestimmen Anita Huber mt091047 59 Medientechnik Ifhill st p lten Benutzerlnnen erwarten sich dass wichtige Funktionen anderer Apps integriert werden Die App Instagram benutzt f r die Auswahl eines Bildes die im iPhone integrierte Fotobibliothek Sicherheit und Vertrauen k nnen Apps durch ein gutes Auftreten schaffen Dazu z hlen Hersteller und Produktbeschreibungen welche durch Abbildungen veranschaulicht werden k nnen Weiter f hrende Information z B Imagevideos zu der App bzw dem HerstellerInnen sollte auch auf einer Website angeboten werden Als gutes Vorbild sei hier die App SoundHound genannt Auch die App myGigs gibt Personen die Kontrolle ber die Abfrage von GPS Standortdaten und bietet als Alternative eine manuelle Standortwahl ber die Eingabe eines Ortes Um Benutzerlnnen mit etwas Neuem oder Besonderem begeistern zu K nnen sollen Apps neue Bed rfnisse wecken eine Kontrolle in Lebenssituationen bieten ein positives Feedback geben und zum Spielen einladen vgl Hudson Viswanadha 2009 S 58 61 Die App Klingelton Maker erm glicht einen individuellen Klingelton f r das iPhone zu erstellen um der Problematik der glei chen Klingelt ne am iPhone Abhilfe zu schaffen Aus den Bed rfnissen der Benutzerlnnen wurden Anforderungen
15. 2 10 LOOP New Media GmbH 2011 radio FM4 Radio FM4 Version 2 1 SoundHound Inc 2012 SoundHound Version 4 5 Stahl J 2012 Typography 1 5 1 Surpax Technology Inc 2012 Flashlight Version 1 3 1 tapwork 2011 myGigs Version 1 3 4 TuneTug Inc 2011 TuneTug Version 1 6 1 Zentertain 2012 Klingelton Maker Version 1 6 Zolmo 2012 Jamie s Recipes Version 2 7 Anita Huber mt091047 65 Medientechnik Ifhill st p lten Abbildungsverzeichnis ABBILDUNG 1 Abmessungen iPhone 36GS u0222220002000000n0nnnonnnnnnonnnnnnennnnnnennnnnne nennen nennen nennen 8 ABBILDUNG 2 Abmessungen iPhone 45 us2222ussnnennnnnnennennnennnnnnennnn nennen nennen nennen nennen nnnnn nennen 8 ABBILDUNG 3 Stocard Barcode scannen Screenshot bei der Autorin us4244000nennee nennen 13 ABBILDUNG 4 Stocard User Interface Screenshot bei der Autorin 244004424000nennn nennen 13 ABBILDUNG 5 Standard Toggle Button 2uus 404s0nnennnn nennen nnennnn nennen nennen nennen nennen nnnnn nennen 14 ABBILDUNG 6 Standardbutton 44444 4444snHnnnnnnnnnnnennnnnnnennnnnnnnennnnn nennen nernnnnnnrnennnnnenen 14 ABBILDUNG 7 Doodle Jump Toggle Buttons Screenshot bei der Autorin u02244000ner nern 14 ABBILDUNG 8 Doodle Jump Buttons Screenshot bei der Autorin 24400002nnnn nennen nennnn nn 14 ABBILD
16. 22 Cut the Rope Levelauswahl Screenshots bei der Autorin u0444400 0 0 24 ABBILDUNG 23 Cut the Rope Position des Reload Buttons Screenshot bei der Autorin 24 ABBILDUNG 24 Cut the Rope Kontrastverh ltnis Screenshot bei der Autorin 25 ABBILDUNG 25 Cut the Rope Hilfe Screenshots bei der Autorin 44400444400Rnennn nennen 25 ABBILDUNG 26 Navigationsmodelle 2u000444000B00nnnnnnennnnnnennnnnnennnnnnennnn nennen nennen nennen nennen 27 ABBILDUNG 27 ffnungszeiten Ul Seite 1 Screenshot bei der Autorin 28 ABBILDUNG 28 ffnungszeiten Ul Seite 2 Screenshot bei der Autorin 28 ABBILDUNG 29 Sketching Notation nach Linowski us02224000204n0n nennen nnennnn nennen nennen nennen nennen 29 ABBILDUNG 30 Sketching Notation nach Onori 2uus04esn0nonennnn nennen nennen nennen nennen nennen nennen 29 ABBILDUNG 31 Flashlight User Interface Screenshot bei der Autorin 2400042240e nennen 31 ABBILDUNG 32 Form Texturen Screenshot bei der Autorin us0444400B20nnnn nennen nennen nennen 34 ABBILDUNG 33 Ball springt Screenshot bei der Autorin us 44400224000 nennen nennen nennen nennen 34 ABBILDUNG 34 Ball f llt Screenshot bei der Autorin us 240s002040000nennn nennen nennen nennen nennen 34 ABBILDUNG 35 Helli
17. App verwendet zahlreiche Texturen um eine spannende und sthetische Spiel umgebung und User Interface zu gestalten siehe Abb 32 e 3D Simulation Damit die Buttons im Hauptmen plastisch wirken wurde Licht und Schatten simuliert siehe Abb 36 e Physikalische Grunds tze Der Ball folgt den physikalischen Grunds tzen die Steuerung er folgt ber den Neigungssensor des iPhones und beeinflusst so die Geschwindigkeit und die Richtung des Balles e Metaphern Die F hrungstabelle mit den Reitern Normal und Experte dient als Metapher fur eine Registerkarte siehe Abb 38 e Sound Der Ball erzeugt durch die Interaktion mit der Spielumwelt Ger usche welche ihn rea listischer wirken lassen Anita Huber mt091047 33 cy fh Eg d q a a i f st n lter st p lten ABBILDUNG 32 Form Texturen ABBILDUNG 33 Ball springt ABBILDUNG 34 Ball f llt DARK NEBULA MAHALE LEVEL ABBILDUNG 335 Helligkeit ABBILDUNG 36 Farbe ABBILDUNG 37 Farbe und 3D Simulation 03 25 6320 yr 03 56 6397 ie Abb 32 38 entnommen aus 1337 Game Design 2010 0 S ABBILDUNG 38 Methaper Anita Huber mt091047 34 Medientechnik Ifhill st p lten 4 6 Ansprechend und passend Damit die App die Aufmerksamkeit der Benutzerlnnen auf sich ziehen kann muss es sich von den anderen Apps durch ein ansprechendes und passendes User Interface abheben Der Einsatz von Standardinteraktionselementen brin
18. Benutzerlnnen und erm glicht somit auch Personen mit Beeintr chtigungen die Bedienung vgl W3C 2012 0 5 Deshalb sollten auch Applikation von DrittanbieterInnen iPhone s Build In Fea tures wie z B VoiceOver unterst tzen um diese Gruppe an Personen nicht auszuschlie en und ihnen ein positives Benutzungserlebnis zu erm glichen Anita Huber mt091047 44 Medientechnik Ifhill st p lten 4 8 Kollaborativ Human beings live in a social world which they co create in conversation Enriching our conver sations with shared experiences brings us closer together We naturally want to share our photos and videos and ideas and to meet together It is in our nature And when we share experiences we increase trust which lowers anxiety and frees up mental and emotional bandwidth to live freer and potentially better lives Pangaro 2009 S 48 4 8 1 Mobile Community Mit dem iPhone wurden neue Wege der Kommunikation und Interaktion geschaffen auf die Men schen nicht mehr verzichten wollen und f r das User Interface Design in unserem Zeitalter eine wichtige Rolle spielen vgl Rhee Lee 2009 S 46 A new generation of mobile phone applica tions is beginning to support not just one to one communications but also one to many many to one and many to many communications Rhee Lee 2009 S 46 Die M glichkeit der Grup penkommunikation beg nstigt die Bildung sozialer Communities Expansion of Mobile Com
19. Severity Rating nach Jakob Nielsen 0 J 0 S u 21 4 4 UbersChaubar cccccccccccssccsscccessesesseccseeseneecenuesceseseuueceueeseuueseaueseeeeseaeesensesensesensesennenes 26 2 4 1 Visuelle STUKI rennen nee canetadesenmtuaaieesse 26 4 4 2 Navigationsmodelle Flate Pages Tab Bar Tree Structure u0nennnno 27 Exempel 07 Visuelle Struktur Navigationsmodell 00222400222000BRnnn nennen 28 4 2 3 1NaVvIgaUoNnssSW UKUN una een 29 2 9 AUNOTde Id euere een ee 30 4 5 1 Definition Affordanz nach Gaver 1991 S 80 uus22200000200e nenne nnnnennnnnne nn 30 Exempel 08 Affordanz nach Gaver 1991 S 80 us2220000222000Renne nennen 31 4 5 2 Design von Interaktionselementen 440 4440 Renee nenne nenne nenne nenne nenn nenne nennen 32 Exempel 09 Objekterkennung u0224220000800000000nnnnnennnnnn nennen nennen 33 4 6 Ansprechend und passend u0242000200000000n 00000 nnnnnnnnnnn ann nnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnn 35 4 6 1 Apps Personalit t verleihen u02240224002200Ben nenn nenn nano nenn nenn nenne nennen 35 4 6 1 1 Pers nliches User Interface 0022220022020000000000ennnonnnnnenenne nenn 35 Anita Huber mt091047 Medientechnik Ifhill st p lten 4 0 1 2 Pers nliches ICON namens iin nenne nenne when Exempel 10 App mit pers nlic
20. Ziehen des Drehelementes wird der Leuchtintervall der Lampe ver ndert Falsche Affordanz und korrekte Verwerfung Dies k nnte bei der Anzeige des Leuchtintervalls auftreten wenn Benutzerlnnnen glauben dass dies ebenfalls ein Interaktionselement sei Wird dies korrekt als Anzeigeelement verstanden so handelt es sich hier um eine korrekte Verwerfung Versteckte Affordanz Eine verstecke Affordanz w hre dann vorhanden ABBILDUNG 31 Flashlight User Interface wenn es au er der wahrnehmbaren Affordanzen noch entnommen aus Surpax Technology Inc weitere Affordanzen an diesem Screen des Flashlight 2012 0 5 Apps g be Anita Huber mt091047 31 Medientechnik Ifhill st p lten 4 5 2 Design von Interaktionselementen Um Interaktionselementen eine wahrnehmbare Affordanz zu verleihen finden Gestaltungsprinzi pien fur die Objekterkennung Anwendung Sie betreffen die Form Gr e Helligkeit Farbe Textur und eine 3D Simulation des Objektes das Unterliegen von physikalischen Grunds tzen und dem Einsatz von Methapern aus dem realen Leben siehe Tab 15 Form Die Form l sst uns meist bereits erkennen um welches Objekt es sich handelt Gr e Je gr er das Objekt desto gr er die Aufmerksamkeit darauf Helligkeit Durch einen h heren Helligkeitskontrast zwischen Vordergrund und Hintergrund k nnen Interaktionselemente schneller und leichter erkannt werden Farbe Farbe kann zur Differenzierun
21. ihre Daten nicht ausreichend gesch tzt sind beziehungsweise missbr uchlich verwendet werden kann dies dazu f hren dass Benutzerlnnen die App gar nicht erst installieren oder es sofort wieder deinstallie ren Dieser Zweifel ist durchaus berechtigt da die F lle von Datenmissbrauch bei Apps stetig an steigen vgl Hong 2012 0 S Hong ebd geht davon aus dass viele Smartphone Apps Spyware sind und Namen Geburtsdaten Kontaktdaten Unique ID des Telefons und auch Standortdaten unerlaubt speichern und in manchen F llen auch an Dritte weiter verkaufen Besondere Vorsicht ist bei kostenfreien Applikationen geboten aber auch bei Apps welche sonst kostenpflichtig sind und frei angeboten werden k nnten manipuliert worden sein Benutzerlnnen k nnen sich bislang nur schwer davor sch tzen Damit die Applikation das Vertrauen der Benutzerlnnen gewinnen kann ist f r ein gutes Auftreten zu sorgen Dazu z hlt nicht nur ein pr gnantes Icon sondern auch eine aussagekr ftige Produkt und Herstellerinformation im App Store Auch eine Herstellerwebsite mit allen Informationen zur App z B Hersteller und Produktbeschreibung Screenshots Trailer u s w verschafft eine h here Glaubw rdigkeit bei den KundInnen Eine weitere Ma nahme ist die Information mittels Werbung dies hat den Vorteil der Steigerung des Bekanntheitsgrades und in weiterer Folge erlangt die App dadurch mehr Vertrauen bei den Kundinnen Ebenfalls sollen Benutzerlnnen die Kon
22. und 28 e die Anordnung Die Aufteilung der Elemente erfolgt einem 3 x 3 Layout und ist von Seite zu Seite gleich siehe Abb 27 und 28 Navigationsmodell Hier wurden die Flate Pages f r die Hauptnavigation eingesetzt Das Durchbl ttern der Seiten ist in diesem Fall auch eine sehr ABBILDUNG 28 ffnungszei gute Metapher f r das Ansehen eines weiteren Regales z B im gen Ul Seite 2 entnommen Supermarkt aus appscape GmbH 2011 0 S Anita Huber mt091047 28 Medientechnik Ifhill st p lten 4 4 3 Navigationsstruktur Um Interaktionsabl ufe eines Apps zu planen wird ein Storyboard aller States Zust nde der App abgebildet Dies soll helfen eine effektive und berschaubare Navigationsstruktur aufzubauen An dieser Stelle werden noch keine berlegungen zum Style get tigt sondern nur wie das Interface funktionieren soll Clark 2010 S 123 Der Interaktionsdesigner Linowski 2012 S 1 7 hat dazu eine Sketching Notation formuliert Auszug siehe Abb 29 Der Beginn des Szenarios wird eindeutig gekennzeichnet ein roter Pfeil zeigt den Statewechsel an welches durch ein bestimmtes Interaktionselement blau gekennzeich net ausgel st wird Scenario Title Scenario description of the user s starting point or goal ABBILDUNG 29 Sketching Notation nach Linowski entnommen aus Linowski 2012 S 3 Onori hat Icons fur Touch Interfaces entwickelt siehe Abb 30 welche auch beim Storybo
23. und 2011 in Millionen IS DO re ee ee EEE 9 TABELLE 3 Anzahl der verf gbaren Apps in den Online Shops der Betriebssystem HerstellerInnen im JANUAR 20 ie en RR 9 TABELLE 4 Stocard Key Facts Screenshot des Icons bei der Autorin 00s4e44ennnn ern 13 TABELLE 5 Doodle Jump Key Facts Screenshot des Icons bei der Autorin 4s 14 TABELLE 6 Barcoo Key Facts Screenshot des Icons bei der Autorin 444s40n4ss seen ern 16 TABELLE 7 radio FM4 Key Facts Screenshot des Icons bei der Autorin u 44nenn ern 18 TABELLE 8 Radio Wecker Key Facts Screenshot des Icons bei der Autorin u 18 TABELLE 9 Severity Rating Skala 2222200220000022000000nnnnnnnnnnnn nennen nennen nnnnnnennnnnnennennnennnnne nennen 20 TABELLE 10 Cut the Rope Key Facts Screenshot des Icons bei der Autorin 21 TABELLE 711 Nayigabornsmodeler ea ae ee ee ee 27 TABELLE 12 ffnungszeiten Key Facts Screenshot des Icons bei der Autorin 28 TABELLE 13 Zusammenhang von wahrgenommener Information und Affordanz 30 TABELLE 14 Flashlight Key Facts Screenshot des Icons bei der Autorin 4u0s244sse nenn 31 TABELLE 15 Merkmale der Objekterkennung 022242002200000000000000nnnn nennen nennen nennen nennen nn 32 TABELLE 16 Dark Nebula Key Facts Screenshot des Icons bei der A
24. wird Anita Huber mt091047 11 Medientechnik Ifhill st p lten 4 1 Brauchbar Welches Ziel m chten Benutzerlnnen mit der App erreichen bzw welchen Nutzen hat es Soll es unterhaltend oder informativ sein Oder soll eine bestimmte Aufgabe damit erf llt werden Apple Inc weist in den iOS Human Interface Guidelines auf die unterschiedlichen UID Anforderun gen bei mobilen Applikationen im Vergleich zu webbasierten Anwendungen hin da sich die Benut zerInnen erwarten mit einer App etwas zu erreichen People expect to accomplish something in an app Apple Inc 2012a S 23 Das bedeutet dass Apps aufgabenorientiert sein sollen und spezielle Probleme l sen k nnen vgl Clark 2010 S 19 4 1 1 Produktive und immersive Apps Apple Inc 2012a S 17 unterscheidet zwischen produktive und immersive Aufgaben Produk tive Apps wie Wecker Taschenrechner Taschenlampe und Navigationshilfen unterst tzen die Benutzerlnnen dabei On The Go Mikrotasks wie es Clark 2010 S 32f beschreibt auszuf hren Immersive Apps wie Spiele haben das Ziel die Zeit zu vertreiben und die Person in eine andere Welt zu tauchen vgl Clark 2010 S 39 Laut Apple Inc 2012a S 17 sollten bei produktiven Apps die dekorativen Elemente eher im Hintergrund bleiben und Standardinteraktionselemente benutzt werden Diese haben den Vorteil dass sich Benutzerlnnen vollkommen auf die effektive Zielerrei chung konzentrieren k nnen ohne d
25. 16 05 2012 Roope R 2008 Haptic interaction becomes mainstream In Proceedings of the IHM 2008 ACM Press New York http ezproxy fhstp ac at 2059 citation cfm id 1512714 1512719 amp coll DL amp dl A CM amp CFID 99049723 amp CF TOKEN 36452720 ausgehoben 24 04 2012 Rhee Y Lee J 2009 A Model of Mobile Community Designing User Interfaces to Support Group Interaction In Interactions of the ACM Nov Dec 2009 Volume 16 Issue 6 ACM Press New York ezproxy fhstp ac at 2059 citation cfm id 1620693 amp CFID 101 739959 amp CFTOK EN 87559490 ausgehoben 16 05 2012 Statista 2011 Anzahl der verfugbaren Apps in den Online Shops der Betriebssystem Hersteller im Januar 2011 http ezproxy fhstp ac at 2078 statistik daten studie 176828 umfrage anzahl der apps in den online shops der betriebssystem hersteller ausgehoben 01 06 2012 Statista 2012 Globaler Umsatz ausgew hlter App Stores in den Jahren 2008 und 2011 in Milli onen US Dollar http ezproxy fhstp ac at 2078 statistik daten studie 180896 umfrage weltweiter umsatz fuehrender app stores seit 2009 ausgehoben 01 06 2012 Statistik Austria 2008 Menschen mit Beeintr chtigungen Ergebnisse der Mikrozensus Zusatz fragen im 4 Quartal 2007 Artikel aus den Statischen Nachrichten www statistik at web_de sta tistiken gesundheit gesundheitszustand gesundheitliche_beeintraechtigungen index html PDF ausgehoben 09 05 2012 Anita Huber mt091047 63 Medientec
26. 3 0 4 0 3 0 3 0 2 0 9 0 0 0 3 0 6 Person ist stumm 5 0 1 0 0 0 1 0 1 0 0 0 0 0 2 0 1 0 0 Probleme mit Beweglichkeit Mobilit t 1 070 13 0 11 9 14 1 1 2 9 9 30 2 1 0 9 9 34 8 Leicht 219 2 7 2 6 2 8 0 3 2 5 5 3 0 4 3 0 4 3 Mittel 500 6 1 5 6 6 5 0 3 4 4 15 5 0 3 4 4 16 6 Schwerwiegend 351 4 3 3 7 4 8 0 5 3 0 9 4 0 2 2 5 13 9 Darunter auf Rollstuhl angewiesen 50 0 6 0 3 0 9 0 1 0 1 1 1 0 2 0 3 2 8 Geistige Probleme oder Lernprobleme 85 1 0 1 1 1 0 1 3 0 8 1 7 1 0 0 5 2 1 Nervliche oder psychische Probleme 205 2 5 2 1 2 9 0 6 2 1 3 8 0 7 2 8 4 9 Probleme durch andere Beeintr chtigungen 579 7 0 7 9 6 2 4 0 5 2 20 4 1 4 41 15 0 Mehrfache Beeintrachtigung 580 7 0 6 4 7 7 1 6 44 18 1 0 8 4 5 20 7 Q Mikrozensus 4 Quartal 2007 Zusatzfragen Menschen mit Beeintr chtigungen Grundgesamtheit Personen in Privathaushalten Hochgerechnete Zahlen Bei einer hochgerechneten Personenanzahl von 6 000 oder weniger ergibt sich ein Stichprobenfehler von 50 oder mehr 1 Dauerhaft Beeintr chtigte sind Personen die bei der Frage Sind Sie im Alltagsleben aufgrund einer gesundheitlichen Beeintr chtigung eingeschr nkt mit Ja und bei der Frage Haben Sie diese Beeintr chtigung schon l nger als ein halbes Jahr mit Ja oder Wei nicht geantwortet haben 2 Fragewortlaut Handelt es sich um Probleme beim Sehen trotz Brille Kontaktlinsen oder anderer Sehhilfen 3 Fragewor
27. 47 22 Medientechnik Ifhill st p lten 4 Error prevention Erf llung Level neu laden Benutzerlnnen haben w hrend des Spiels z B wegen einer aussichts losen Situation jederzeit die M glichkeit das Level neu zu laden und wieder von vorne zu beginnen ohne bis zum Game Over spielen zu m ssen Hier wird der Level neu geladen In diesem Fall kann das Level nicht mehr gewonnen werden Wird das Seil durchtrennt kann Om Nom die S igkeiten nicht fangen und das Spiel ware zu Ende Da dies Benutzerlnnen wissen k nnen diese auch sofort das Level neu starten ABBILDUNG 19 Cut the Rope Error Prevention entnommen aus Chillingo Ltd ZeptoLab 2012 o S 5 Consistency and standards Erf llung Abgeanderte Interaktionselemente Interaktionselemente sind in ihrer Bedienung und Bedeutung konsistent mit den Standardinteraktionselementen siehe Abb 20 und 21 Sie wurden mit einem individuellen Style versehen und passen in das Gesamtkonzept der immersiven App ve ig Gees ABBILDUNG 20 Standard Page Control ABBILDUNG 21 Cut the Rope Page Control entnommen aus Teehan Lax 2010 0 S entnommen aus Chillingo Ltd ZeptoLab 2012 0 S 6 Recognition rather than recall Erf llung V Auffordernde Bedienung Benutzerlnnen k nnen nach einer Spielpause wieder einsteigen da schnell klar wird welche Level noch offen sind Die Objekte im Spiel wurden auffordernd und intuitiv gestaltet selbs
28. 8 Schriftfamilien vgl Critz o J 0 S mit unterschiedlichen Einsatzm glichkeiten Als Standardsystemschrift f r das iPhone gilt Helvetica eine serifenlose Schriftart Sie bietet eine gute Lesbarkeit und Vertrautheit da alle eingebauten Apps diese Schrift art verwenden Serif Schriften werden in der Printgestaltung haupts chlich f r den Flie text einge setzt und wurden lange Zeit aus dem Screenbereich verbannt Durch die verbesserte Aufl sung der Bildschirme finden Serif Schriften auch im Screendesign Anwendung Sans Serif Schriften Anita Huber mt091047 41 Medientechnik Ifhill st p lten werden wiederum f r berschriften und Beschriftungen von Interaktionselementen verwendet sind aber auch im Flie text f r die Ausgabe auf dem Bildschirm von Bedeutung vgl Stahl 2012 0 S Cooper Reimann Cronin 2007 S 310 empfehlen bei einer kleinen Schriftgr e kleiner als 10 Pixel Sans Serif Schriften zu verwenden Script Schriften werden haupts chlich als Displayschrif ten zur sthetischen Gestaltung eingesetzt vgl Stahl 2012 0 S Bez glich der Schriftgr e sollte prinzipiell die Standardschriftgr e von Apple eingehalten werden da diese f r das iPhone ab gestimmt sind Schriftauszeichnungen um die gew nschte Information hervorzuheben sollten bewusst und eher selten eingesetzt werden vgl Ginsburg 2011 S 236 Das Kontrastverh ltnis zwischen Schrift und Hintergrund sollte laut Cooper Reimann
29. 9 Severity Rating Skala Nielsen o J 0 S Anita Huber mt091047 20 Medientechnik Ifhill st p lten Exempel 06 Severity Rating nach Jakob Nielsen o J 0 S _ Name Cut the Rope 49 EntwicklerInnen Chillingo Ltd ZeptoLab Version 1 7 2012 TABELLE 10 Cut the Rope Key Facts Chillingo Ltd ZeptoLab 2012 o S Die App Cut the Rope ist im Genre Spiele einzuordnen und wurde mit zahlreichen Awards Apple Design Award Pocket Gamer Award GDC Award Best App Ever Award Apple Inc 2012e 0 S ausgezeichnet und soll anhand den 10 Heuristiken von J Nielsen von Ginsburg fur das iPhone adaptiert Ginsburg 2011 S 99 und mit Hilfe eines Severity Ratings Nielsen o J 0 S evaluiert werden Ziel des Spiels ist es das Monster Om Nom mit Zuckerl zu f ttern und dabei Hindernis sen auszuweichen 1 Visibility of app status Erfullung Ladestatus Klebestreifen oder Cutter zeigen den Ladestatus an siehe Abb 15 ABBILDUNG 15 Cut the Rope Ladestatus entnommen aus Chillingo Ltd ZeptoLab 2012 o S Levelstatus geschaffte Levels werden blau hinterlegt und bewertet offene Levels werden blau hinterlegt sind aber noch nicht bewertet Noch nicht verf gbare Levels werden mit einem Schloss gekennzeichnet siehe Abb 16 Sternesammelstand mu Far a i mi i Fe RPA EEA ean EA WE Level geschafft Levelnummer 3 von 3 Sterne Cah ta aa HA A i p z E i za
30. BELLE 5 Doodle Jump Key Facts Lima Sky LLC 2012 0 S Doodle Jump ist ein immersives App Es dient zur Unterhaltung und die Benutzerlnnen sollen in diese Welt eintauchen und einfach nur Spa haben Morris 2011 S 97 wei t darauf hin dass besonders weniger aufgabenorientierte Apps eine innovativere Gestaltung aufweisen sollen For less task driven interactions it s definitely the objective to create something more innovative Die EntwicklerInnen dieser App gaben den Standardinteraktionselementen von Apple Inc siehe Abb 5 und 6 ein pers nliches Design siehe Abb 7 und 8 Ortungsdienste or Label ABBILDUNG 5 Standard Toggle Button ABBILDUNG 6 Standardbutton entnommen aus iPhone 4S 2012 0 S entnommen aus Teehan Lax 2010 0 S doodle Uae eee uae jump m direct ional shool ing UN sounds ON calibaake AUTO Facebook lt swipe to Selec hame ABBILDUNG 7 Doodle Jump Toggle Buttons ABBILDUNG 8 Doodle Jump Buttons entnommen aus Lima Sky LLC 2012 0 S entnommen aus Lima Sky LLC 2012 0 S Anita Huber mt091047 14 Medientechnik Ifhill st p lten 4 2 Langlebig Your app s shelf life on a user s Home screen is exactly as long as it can hold the user s atten tion Clark 2010 S 42 Wie lange eine App auf den Homescreen der Benutzerlnnen besteht kann v llig unterschiedlich ausfallen Bereits nach der Installation kann sich herausstellen dass
31. Best ndigkeit hoch Anita Huber mt091047 24 Medientechnik Ifhill st p lten amp Problem 03 Geringes Kontrastverh ltnis zwischen Hintergrund und Interaktionselementen ABBILDUNG 24 Cut the Rope Kontrastverh ltnis entnommen aus Chillingo Ltd ZeptoLab 2012 o S Severity Rating 2 Haufigkeit Bei Personen mit visuellen Beeintrachtigungen Auswirkungen Benutzerlnnen mit visuellen Beeintr chtigungen k nnen Probleme mit der Lesbarkeit bzw der Erkennbarkeit der Interaktionselemente haben Bestandigkeit hoch 8 Aesthethic and minimalist design Erfullung Die App bietet ein sehr sthetisches und minimalistisches Design Alle Informationen und Funktionen sind gut zug nglich 9 Help users recognize diagnose and recover from errrors W hrend der Evaluierungszeit sind keine Fehler aufgetreten 10 Help and documentation Erf llung Immer wenn ein neues Element eingef hrt wird wird die Funktionalit t an Ort und Stelle erkl rt siehe Abb 25 ABBILDUNG 25 Cut the Rope Hilfe entnommen aus Chillingo Ltd ZeptoLab 2012 o S Anita Huber mt091047 25 Medientechnik Ifhill st p lten 4 4 berschaubar Damit Benutzerlnnen Informationen schnell und einfach entdecken k nnen ist es von Bedeutung diese kurz und pr gnant zu halten sowie sinnvoll und berschaubar zu strukturieren vgl Apple Inc 2012a S 52 So kann z B mit Hilfe eines Storyboards der gesamte In
32. Bezie hungscommunities die Gemein samkeit dass sie langandauernder und stabiler sind siehe obere Reihe Dienstleistungs und Unter haltungscommunities dass sie kurzweiliger und dynamischer sind siehe untere Reihe vgl Rhee Lee 2009 S 47 u S 49 4 8 2 M glichkeiten der Kommunikation und Interaktion Diese Communities bieten unterschiedliche digitale Kommunikations und Interaktionsm gli chkeiten wie das Sharing von unterschiedlichen Inhalten Fotos Videos usw das Kontaktieren und Zusammenschlie en von Personen Social Networks und die Kollaboration gemeinsame Nut zung bzw Erstellung von Inhalt vgl Rhee Lee 2009 S 50f Die Abbildung 57 soll dies verdeutli chen Werden solche Community Features in Apps eingebaut hauchen sie diesem Leben ein und erm glichen eine bessere User Experience vgl Clark 2010 S 45 People Goal Content Actor Action Material Sharing Contacting Collaborating ABBILDUNG 57 Kommunikations und Interaktionsformen von Communities entnommen aus Rhee Lee 2009 S 50 Anita Huber mt091047 46 Medientechnik Ifhill st p lten Exempel 12 Kommunikations und Interaktionsformen Sharing Contacting Collaborating Rhee Lee 2009 S 50 gt Name TuneTug EntwicklerInnen TuneTug Inc Version 1 6 1 2011 TABELLE 20 TuneTug Key Facts TuneTug Inc 2011 0 S Mit TuneTug kann f r eine demokratische Playlist auf einer P
33. Charakter haben da man die Lieblingsinterpreten einmal ganz anders wahrnehmen kann Anita Huber mt091047 57 Medientechnik Ifhill st p lten 5 Conclusio und Ausblick auf weitere Forschung Diese Arbeit m chte die Bed rfnisse der Benutzerlnnen aufzeigen welche bei der Nutzung von iPhone Apps auftreten Die Erf llung dieser Bed rfnisse soll zu einem positiven Nutzungserlebnis f hren Die Vollst ndigkeit dieser Bed rfnisse steht au er Frage denn Benutzerlnnen und Apps sind sehr individuell Dieser Aspekt k nnte Anlass zur weitern Forschung sein eine Befragung konn te nicht nur wichtige Erkenntnisse ber die Bed rfnisse sondern auch deren Gewichtung liefern Aus dieser Arbeit geht die Notwendigkeit hervor dass sich User Interface DesignerInnen mit den Bed rfnissen der Benutzerlnnen auseinander setzen sollen um die Anforderungen f r das User Interface Design zu gewinnen und somit ein positives Nutzungserlebnis erzielen zu k nnen Zahl reiche Exemples veranschaulichen die Umsetzbarkeit der in dieser Arbeit abgeleiteten Designan forderungen renommierter ExpertInnen Eine brauchbare App kann produktiven oder immersiven Nutzen erf llen vgl Apple Inc 2012a S 17 W hrend eine produktive App in erster Linie Standardinteraktionselemente verwenden sollte kann sich eine immersive App wie Doodle Jump durch ein personalisiertes User Interface auszeichnen Um die Lebensspanne auf dem Home Screen der Benut
34. Ifhill st p lten Exempel 10 App mit pers nlichem User Interface JAMIE Name Jamie s Recipes OLIVER Entwicklerinnen Zolmo S Version 2 7 2012 TABELLE 17 Jamie s Recipes Key Facts Zolmo 2012 o S Das Icon von Jamie s Recipes beinhaltet einerseits den Namen des bekannten Koches Jamie Oliver und bildet andererseits die Funktion der App ab Das Interface Design wirkt durch die Textu ren und das Farb und Typografiekonzept sehr ansprechend und passend f r die Thematik Ko chen und Backen siehe Abb 44 47 Das Design bildet eine klare Linie und wirkt sehr elegant aber auch aufger umt und sauber verwendete Texturen verwendete Farben ABBILDUNG 44 Textur und Farbkonzept Jamie s Recipes entnommen aus Zolmo 2012 0 S Auch f r das Abbildungskonzept gibt es eine klare Linie Fotos wirken sehr nat rlich und hell Es wird auch hier auf das Farbkonzept geachtet siehe Abb 46 Mit etwas Tiefensch rfe wird der Fokus auf das Gericht gelenkt Die Grundnavigation in dieser App wurde durch eine Tab Bar Navigation realisiert um Vertrautheit und Konsistenz zu schaffen Des Weiteren wurde die Navigationsleiste implementiert und nach eigenen Bed rfnissen abge ndert siehe Abb 47 Navigation Bar Segmented Control JAMIE OLIVER S p fi f gt kn a Segmented Control wefan ie Fha PEA mo Pcs Prue eae rep Add Button Tab Bar ABBILDUNG 45 Jamie s ABBILDUNG 46 Abbild
35. Inc 2012a S 19 u 54 Clark 2010 S 56 Die App Dark Nebula ist ein sehr gutes Beispiel um die Anwendung dieser Prinzipien zu veranschaulichen Das User Interface soll f r Benutzerlnnen ansprechend gestaltet sein Apps sollen eine Personali t t welche auf die Zielgruppe ausgerichtet ist widerspiegeln Das Icon ist das Aush ngeschild der App und soll f r einen guten Eindruck sorgen Das Icon kann vom User Interface von der Funkti on oder vom Namen der App abgeleitet werden Auch das Logo des Unternehmens kann im Icon eingesetzt werden Die App Jamie s Resipes zeigt welchen Mehrwert eine App durch ein anspre chendes und passendes Design bekommen kann Um eine barrierefreie Nutzung der App zu erm glichen k nnen einerseits Build In Features des iPhones wie Voice Over eine Unterst tzung bei der Bedienung sein Andererseits sollten User Interface DesignerInnen das User Interface fur die Barrierefreiheit optimieren und speziell auf die Bed rfnisse beeintrachtigter Personen eingehen Die App DanKam kann mit Hilfe eines Farbfil ters das aufgenommene Bild f r Rot Gr n Farbfehlsichtige so verst rken dass diese eine Verbes serung ihrer Farbwahrnehmung feststellen k nnen TuneTug ist eine App die das Bed rfnis einer kollaborativen Nutzung erf llt Diese App bietet an eine Partyplaylist zusammen zu stellen und mit anderen Personen zu teilen Der Die Gast geberln kann Freunde per Email SMS Facebook usw
36. Laut Apple Inc 2012a S 24 macht Scrollen einen Teil der einfachen und erwarteten Benutzungserfahrung aus 4 4 1 Visuelle Struktur Fur Ginsburg 2011 S 225 230 ist eine visuelle Struktur unerl sslich damit sich BenutzerInnen in der App orientieren k nnen Einen berblick ber die enthaltenen Informationen bekommen und wichtige Informationen klar herauskommen Folgende M glichkeiten bieten sich zur visuellen Strukturierung von Informationen und Interaktionselementen an e die Gruppierung anhand von Gestaltungsprinzipien der N he hnlichkeit und Geschlossen heit vgl Ginsburg 2011 S 226f und Nielsen 1993 S 117f e die Positionierung Elemente bekommen in der oberen H lfte des Bildschirms mehr Aufmerk samkeit als unten vgl Ginsburg 2011 S 227f e die Skalierung Je gr er die Elemente desto gr er die darauf gelenkte Aufmerksamkeit vgl Ginsburg 2011 S 228f e die Anordnung Die Elemente sollen mit Hilfe eines Gridlayouts konsistent und bersichtlich aus gerichtet werden und nicht von Bildschirm zu Bildschirm wechseln vgl Ginsburg 2011 S 229f Anita Huber mt091047 26 Medientechnik Ifhill st p lten 4 4 2 Navigationsmodelle Flate Pages Tab Bar Tree Structure Auch Navigationsmodelle k nnen eine Unterst tzung beim Aufbau der Informationsstruktur sein Hier ein berblick ber deren Einsatzm glichkeiten arni Screen One Screen Two Screen Three Screen Four
37. Medientechnik User Experience Interface Design von Apps f r das iPhone Bachelorarbeit eingereicht von Anita Huber mt09104 7 Im Rahmen des Studiengangs Medientechnik an der Fachhochschule St Polten Betreuung Betreuer Betreuerin Dipl Ing Dr Peter Judmaier St P lten 04 06 2012 ithill at p lten Medientechnik Ifhill st p lten Ehrenwortliche Erkl rung Ich versichere dass e ich diese Bachelorarbeit selbst ndig verfasst andere als die angegebenen Quellen und Hilfs mittel nicht benutzt und mich sonst keiner unerlaubten Hilfe bedient habe e ich dieses Bachelorarbeitsthema bisher weder im Inland noch im Ausland einem Begutachter einer Begutachterin zur Beurteilung oder in irgendeiner Form als Pr fungsarbeit vorgelegt habe e diese Arbeit mit der vom Begutachter von der Begutachterin beurteilten Arbeit bereinstimmt e Ich r ume hiermit der Fachhochschule St P lten das ausschlie liche und r umlich unbe schr nkte Werknutzungsrecht f r alle Nutzungsarten an dieser Bachelorarbeit ein und behalte das Recht als Urheber dieses Werkes genannt zu werden St P lten 04 06 2012 Unterschrift Autorin HAG Aul Anita Huber mt091047 2 Medientechnik Ifhill st p lten Abstract Diese Bachelorarbeit besch ftigt sich mit dem Thema User Experience Interface Design von Apps f r das iPhone Damit eine Applikation ein positives Nutzungserlebnis erreichen kann soll es die Bed
38. UNG 9 Barcoo Scan Screenshot bei der Autorin 4 s4444440nnnnn nen nnnenenne nennen 16 ABBILDUNG 10 Barcoo Produktinformation Screenshot bei der Autorin 2 us044440Bne nennen 16 ABBILDUNG 11 Flexibility Usability Tradeoff uBBRnnnnnnennnnnnnnnnnneeeneennnnnnnnnnnnnnnnnnnnnnnennnnnn 17 ABBILDUNG 12 radio FM4 User Interface Screenshot bei der Autorin 2400042240 Rennen 18 ABBILDUNG 13 Radio Wecker User Interface Screenshot bei der Autorin 40444400 000 18 ABBILDUNG 14 Nielsens Usability Heuristiken abgestimmt auf das iPhone er400 00 19 ABBILDUNG 15 Cut the Rope Ladestatus Screenshots bei der Autorin u044440Bne nennen 21 ABBILDUNG 16 Cut the Rope Levelstatus Screenshot bei der Autorin ss044440 nennen 21 ABBILDUNG 17 Cut the Rope Realistische Objekte und Verhalten Screenshot bei der Autorin 22 ABBILDUNG 18 Cut the Rope Emergency Exit Screenshots bei der Autorin u0444400 0 22 ABBILDUNG 19 Cut the Rope Error Prevention Screenshot bei der Autorin 4400 00 23 ABBILDUNG 20 Standard Page Control uu0222200000000000nnnnnonnnnnnnnnnnnnnnnnnnnennnnnne nennen nennen nennen 23 ABBILDUNG 21 Cut the Rope Page Control Screenshots bei der Autorin 44404er een 23 ABBILDUNG
39. an das User Interface Design definiert welche ihre Bekr ftigung durch eine Analyse und einem Vergleich von Apps suchten Diese Erkenntnisse in die Tat umzusetzen und auf ihre Praxistauglichkeit zu berpr fen w re der n chste Schritt Ebenfalls m ssten diese sehr allgemein abgeleiteten Designanforderungen an die konkrete App und f r die Zielgruppe abgestimmt werden Anita Huber mt091047 60 Medientechnik Ifhill st p lten Quellenverzeichnis Literatur Banga C 2011 iPhone User Interface Cookbook A concise dissection of Apple s iOS user inter face design principles Birminham Packt Publishing Clark J 2010 Tapworthy Designing Great iPhone Apps Kanada O Reilly Cooper A Reimann R Cronin D 2007 About Face 3 The Essentials of Interaction Design Indianapolis Wiley Publishing Inc Ginsburg S 2011 Designing the iPhone User Experience A User Centered Approach to Sket ching and Prototyping iPhone Apps USA Addison Wesley Lidwell W Holden K Butler J Elam K 2010 Universal Principles of Design 125 Ways to Enhance Usability Influence Perception Increase Appeal Make Better Design Decisions and Teach through Design berarbeitete Auflage Beverly USA Rockport Morris S 2011 10 TIPS FOR GREAT UI DESIGN Leading designers on how to build interfaces for all kinds of clients In Computer Arts Projects The design manual Issue 191 S 97 Bath UK Future Pu
40. anhand definierter Anforderungen welche von den Bed rf nissen der Benutzerlnnen abgeleitet werden um ein positives Nutzungserlebnis zu erreichen Anita Huber mt091047 T Medientechnik Ih ill st p lten 3 Das iPhone und Apps 3 1 Key Facts iPhone Das iPhone 3GS und iPhone 4S wurden fur diese Arbeit zur Analyse von Applikationen herangezo gen Die nachstehende Tabelle Tab 1 zeigt einen berblick ber deren Funktionalit t iPhone 3GS iPhone 4S ABBILDUNG 1 ABBILDUNG 2 Abmessungen iPhone 3GS Abmessungen iPhone 4S entnommen aus Apple Inc 2012b 0 S entnommen aus Apple Inc 2012b 0 S Gr e B H T 62 1 mm x 115 2 mm x 12 3 mm 58 6 mm x 115 2 mm x 9 3 mm Netz UMTS GSM EDGE Wi Fi UMTS GSM EDGE Wi Fi Ortung GPS GPS Geotagging f r Fotos und Videos Geotagging f r Fotos und Videos Display 3 5 Multi Touch Display 3 5 Multi Touch Retina Display 480 x 320 Pixel bei 163 ppi 960 x 640 Pixel bei 326 ppi Kamera 3 Megapixel Kamera 8 Megapixel Kamera Sensoren Beschleunigungssensor Beschleunigungssensor Annaherungssensor Annaherungssensor Umgebungslichtsensor Umgebungslichtsensor 3 Achsen Gyrosensor TABELLE 1 Key Facts iPhone 3GS und 4S vgl Apple Inc 2012b 0 S Anita Huber mt091047 Medientechnik Ifhill st p lten 3 2 Apps f r das iPhone Das die Entwicklung von Apps f r den Apple Apps Store auch in Zukunft von Bedeutung sein wird l
41. ard zum Einsatz kommen k nnen Sie k nnen die zu t tigende Aktion anzeigen um zum n chsten State zu gelangen Q gt Q gt Drag Right Swipe Right Two Finger Swipe Right ABBILDUNG 30 Sketching Notation nach Onori entnommen aus Onori 2012 0 S Anita Huber mt091047 29 Medientechnik Ifhill st p lten 4 5 Auffordernd Die Bedienung der Applikationen am iPhone erfolgt ber das Multi Touch Display Die Interakti onselemente sind virtuell aber trotzdem erfordern sie direkte Ber hrung vgl Clark 2010 S 55 Doch wie k nnen BenutzerlInnen Interaktionselemente berhaupt erkennen und vom Rest des Inhalts unterscheiden ohne willk rlich auf dem Display herumdr cken zu m ssen User Interface DesignerInnen haben deshalb die Aufgabe den Interaktionselementen eine f r die Benutzerlnnen wahrnehmbare Information ber die Affordanz der Interaktionselemente zu geben 4 5 1 Definition Affordanz nach Gaver 1991 S 80 Gaver bersetzt 1991 S 80 bezeichnet Affordanz als M glichkeiten der Welt welche vereinbar und relevant f r menschliche Interaktion sind Wenn Affordanzen wahrnehmbar sind gibt es einen direkten Bezug zwischen Wahrnehmung und Aktion siehe Tab 13 JA Falsche Affordanz Wahrnehmbare Affordanz Korrekte Verwerfung Versteckte Affordanz Wahrgenommene Information NEIN Affordanz TABELLE 13 Zusammenhang von wahrgenommener Information und Affordanz bersetzt e
42. arty gesorgt werden Ein e Be nutzerln hostet die Party und w hlt eine Playlist aus Diese r Benutzerln kann dann Freundin nen per Email SMS Facebook und Twitter einladen um der Party zu folgen Alle eingeloggten Benutzerlnnen k nnen f r jedes Lied in der Playlist voten und so mitbestimmen wann welches Lied gespielt wird Diese Applikation bietet also die M glichkeit Playlists zu teilen Sharing FreundInnen zu einer Party einzuladen Contacting und gemeinsam die Musik f r die Party zu bestimmen Collaborating siehe Abb 58 60 Party Name bi _ pe a ay Er Erg mmemanie s party Party ERS err A Summer Nights Email a Mika Vember Publicty windtale sca ih Ie Spotify Playlists Up mext Log in to Spotify Discokugel 4 Bidarhiecn Tunes Playlists Bye Baby ki rt Geburtstagsfeier Christoph Effi La 2 Atoms In A Molecule i 4 Mna Ang fre vrime 0 irannannr i ll ABBILDUNG 58 Sharing ABBILDUNG 59 Contacting ABBILDUNG 60 Collaborating entnommen aus entnommen aus entnommen aus Tune Tug Inc 2011 0 S Tune Tug Inc 2011 0 S Tune Tug Inc 2011 0 S Anita Huber mt091047 47 Medientechnik Ifhill st p lten 4 9 Kompatibel Apps sollen kompatibel sein d h sie sollen die Nutzung in Verbindung mit anderen Apps erm gli chen Damit nicht jedes App das Rad neu erfinden muss ist es ratsam Features aus anderen Apps einzupflegen bzw di
43. blishing Ltd Nielsen J 1993 Usability Engineering London Academic Press Quinn R 2010 The secret to addictive apps 10 leading iPhone developers reveal how to create stunning apps that your target market simply can t live without In Computer Arts Projects Build an app using flash Issue 144 S 32 34 Bath UK Future Publishing Ltd Richter M Fluckiger M 2010 Usability Engineering kompakt Benutzbare Software gezielt entwickeln 2 Auflage Spektrum Akademischer Verlag Heidelberg Vida G 2011 10 TIPS FOR GREAT UI DESIGN Leading designers on how to build interfaces for all kinds of clients In Computer Arts Projects The design manual Issue 191 S 97 Bath UK Future Publishing Ltd Wang G 2010 The secret to addictive apps 10 leading iPhone developers reveal how to create stunning apps that your target market simply can t live without In Computer Arts Projects Build an app using flash Issue 144 S 32 34 Bath UK Future Publishing Ltd Anita Huber mt091047 61 Medientechnik Ifhill st p lten Internet Apple Inc 2012a iOS Human Interface Guidelines https developer apple com library safari documentation UserExperience Conceptual MobileHlG Introduction Introduction html aus gehoben 15 04 2012 Apple Inc 2012b iPhone 4S http www apple com at iphone specs html und iPhone 3GS http www apple com at iphone iphone 3gs specs html ausgehoben 03 06 2012 Apple I
44. die App nicht den Vorstellungen und W nschen der BenutzerlInnen entspricht Laut Clark 2010 S 42 haben manche Applikationen eine sich abzeichnende Lebensspanne wenn der Inhalt bereits erforscht ist wird sie uninteressant Damit eine App l ngerfristig auf den Markt bestehen kann ist es ratsam einen l ngerfristigen Nutzen zu implementieren The idea is to wrap secon dary features around your app s main content to enhance and extend its value Clark 2010 S 46 Auch Quinn 2010 S 33 schl gt vor dass die App ein t glich auftretendes Problem l sen soll Laut Clark 2010 S 42f sind dies Organisationsapplikationen wie etwa To Do Listen Kalender und Kontakte News Apps erhalten ihre Langlebigkeit durch die konsequente Neuerscheinung von Artikeln Non new content apps have to be a bit more creative Clark 2010 S 43 So k nnen Spiele Zusatzlevel anbieten bzw Features erst an einem sp teren Zeitpunkt freige schalten werden vgl Clark 2010 S 44 Anita Huber mt091047 15 Medientechnik Ifhill st p lten Exempel 03 L ngerfristiger Nutzen Name barcoo EntwicklerInnen barcoo UG F Version 2 8 2012 TABELLE 6 Barcoo Key Facts Barcoo UG 2012 0 S atl 3 AT gt 16 13 100 m ill 3 AT gt 16 17 100 ae u barcoo Ef 1 00 A k kr k hr gesund und Schmakt mehr Infos Bewertungen 7 Happy Day 100 Orange 11 HAUCH Fruchte tt range juices rar
45. e eigene App mit anderen Apps zu vernetzen Linking to other apps makes it easy for your audience to take full advantage of your own app Clark 2010 S 298 So kann es sinnvoll sein Features sogenannter Build In Apps wie Adressbuch Nachrichten Kalender Mail und Fotos zu implementieren um die Featuers dieser Apps f r Benutzerlnnen zug nglich zu machen Laut Clark sollten sich die Applikationen auf die eigenen Kernaufgaben fokussieren und wenn m glich bzw sinnvoll zu anderen Applikationen verlinken Let your app fo cus on what it does best and make referrals to other apps for the rest Clark 2010 S 298 So ist mittlerweile ein Login via Facebook ein Must Have Feature damit Benutzerlnnen auf die st ndige Registrierung in verschiedensten Apps verzichten k nnen Aber auch Inhalte auf sozialen Netzwerken zu teilen ist eine g ngige Funktion die selten fehlt Und genau dies macht eine posi tive Benutzungserfahrung aus BenutzerInnen sollen in ihrer Nutzung nicht eingeschr nkt werden Dennoch sollten Benutzerlnnen nicht mehr Zeit bei der Nutzung von Features weitergeleiteter Apps ben tigen als die des urspr nglich aufgerufenem vgl Clark 2010 S 299 Falls dies der Fall ist empfiehlt Clark 2010 S 299 dieses Feature einzubauen um die Benutzerlnnen nicht zu verwirren und von dem aufgerufenem App abzulenken Anita Huber mt091047 48 Medientechnik Ifhill st p lten Exempel 13 Kompatibles App
46. e oc oe ce ics xen den Kea EINE SUSE eure deen caisa eee ERSEBEHENESEER OSTSEE BGEEASENONS 3 MMPS ING eE E AE E ac ESENSENIIHES AHRUEENENEHNFENEREASRHBEUELEERSESEBEHENIEIIEFEGENNSERBER 6 2 User Experience Interface De SIQN cccccccceeeeeeeeseeessssssssssseceeesseeeeneeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeensnnnnnnns 7 3 Das iPhone UNO APPS a ara 8 2 1 KOY FOLIE PRONG ee ee 8 ILAS Ur daS IPHONE ee ee ee ee ee ee ee eee 9 4 Bed rfnisse der Benutzerlnnen und Anforderungen an das UID f r iPhone Applikationen 10 2 12 OPAC MIDE near E E E E 12 4 1 1 Produktive und immersive AppsS uu22uusssesnnnnnnnenennnnnnnnnnnnnnennnennnnnnne nee nenn nnnnn nennen 12 Exempel 01 Ein produktives App us2suuesssuenennennnnennnnnnnnnnnnnnnnnennn nennen ennnennn 13 Exempel 02 Ein immersives App uu22uuessssennnnennnnennnnennnnnnnnnnennnnonennenennn nennen 14 42 LAIN ONG PE EE A nennen AE A E E A E E E ET 15 Exempel 03 L ngerfristiger NUtZEN cccceeececseeeeeeeeeeeeeeeeeeeeeeeeseaeeeseaeeesaeeeesaaeeeeaes 16 gt AN E EE ee EE 17 4 3 1 Flexibility Usability Trade off 0 ccccccccccccccsseseeeeseeeeeeeseeeeeesseeeeeeseaeeseesseaeeeeeeaees 17 Exempel 04 Geringe Flexibilit t Hohe Usability cc ceececeseeeeeeeeeeeeeeeeeens 18 Exempel 05 Hohe Flexibilit t Geringere Usability ccccccseeeeeeeeeeeeeeeeeens 18 4 3 2 Usability HEUNS KEN u a 19 Exempel 06
47. e run juice 100 p Lebensmittel Ampel ABBILDUNG 9 Barcoo Scan ABBILDUNG 10 Barcoo Produktinformation entnommen aus Barcoo UG 2012 0 S entnommen aus Barcoo UG 2012 0 S Mit barcoo lassen sich Barcodes und QR Codes einscannen siehe Abb 9 und Informationen ber das eingescannte Objekt abfragen Bei Lebensmittel zeigt die Lebensmittel Ampel die Brenn werte fur Zucker Fett ges ttigte Fetts uren Natrium an siehe Abb 10 BenutzerInnen k nnen auch Online Preisvergleiche machen und einige Spezialfeatures nutzen wie z B einen Weintem peratur Rechner der berechnet wie lange ein Wein ben tigt damit dieser die gew nschte Tempe ratur bekommt Diese App versucht damit t glich auftretende Probleme zu l sen Anita Huber mt091047 16 Medientechnik ifht st p lten 4 3 Intuitiv 4 3 1 Flexibility Usability Tradeoff Um ein intuitives User Interface zu erreichen muss meist ein Kompromiss zwischen Flexibilit t und Usability Bedienbarkeit getroffen werden vgl Lidwell u a 2010 S 102f Lidwell u a bezeichnen dies als Flexibility Usability Tradeoff ebd S 102 Ein Maximum an Flexibilit t bedeutet dem nach f r den User eine hohe Funktionalit t aber auch eine geringere Benutzerfreundlichkeit Eine Universalfernbedienung siehe Abb 11 rechts bietet einen hohen Funktionsumfang ist aber viel komplexer in der Bedienung ebd S 102f Eine gute Usability kann neben anderen bedeutende
48. ed 3 482 Fu hire ET k pp L Pe kam raf t 5 a Pie a d rir E a a lia a TABELLE 3 Anzahl der verf gbaren Apps in den Online Shops der Betriebssystem Herstellerinnen im Januar 2011 entnommen aus Statista 2011 0 S zit n Distimo 2011 0 S Anita Huber mt091047 9 Medientechnik ivi st polten 4 Bed rfnisse der Benutzerlnnen und Anforderungen an das UID f r iPhone Applikationen Die Auswahl an Apps im App Store ist immens denn laut Apple Inc 2012b 0 S gibt es bereits ber 500 000 Apps F r die Benutzerlnnen durchaus ein Grund um w hlerisch zu sein Bei der Auswahl und der Nutzung einer mobilen Applikation spielen unterschiedliche Faktoren Bed rfnisse der Be nutzerlnnen eine Rolle Im Zuge dieser Arbeit und im Hinblick auf meine Forschungsfrage werden die nachstehenden Bed rfnisse von BenutzerInnen von iPhone Applikationen f r die Erreichung einer positiven Nutzungserfahrung mit Hilfe von Thesen bekannter Theoretikerlnnen untersucht e Brauchbar Benutzerlnnen wollen mit der App ein bestimmtes Ziel effizient erreichen People expect to accomplish something in an app Apple Inc 2012a S 23 e Langlebig Die App soll einen l ngerfristigen Nutzen fur die Benutzerlnnen bieten Your app s shelf life on a user s Home screen is exactly as long as it can hold the user s attention Clark 2010 S 42 e Intuitiv Das User Interface soll intuitiv sein die Benutzerlnnen solle
49. empel 07 Visuelle Struktur Navigationsmodell h Name ffnungszeiten Entwicklerinnen appscape GmbH Version 1 4 2011 TABELLE 12 ffnungszeiten Key Facts appscape GmbH 2011 o S Diese App zeigt alle Filialen einer Kategorie in der N he an und auch deren ffnungszeiten Man kann die Filiale auch an der Karte einsehen und sich auch zu dieser Filiale hin navigieren lassen Visuelle Struktur e die Gruppierung Die Elemente wurden nach den Grund s tzen der N he Geschlossenheit und hnlichkeit grup piert So befindet sich z B der Schriftzug Superm rkte am N chsten zu dem Icon Sackerl Das Icon und das Label werden als ein Objekt wahrgenommen da gen gend Ab stand zu den anderen Objekten besteht Durch eine konsis tente Darstellung gleiche Schriftgr e farbe art Stil der Icons und durch gleiche Proportionen von Icon und Label werden die Objekte als hnlich empfunden siehe Abb 27 e die Positionierung Der Schriftzug ffnungszeiten be kommt wahrscheinlich die h chste Aufmerksamkeit da es ABBILDUNG 27 ffnungszei in der oberen H lfte des Bildschirmes positioniert wurde ten UI Seite 1 entnommen und mittels Farbe noch zus tzlich hervorgehoben wird sie aus appscape GmbH 2011 o S he Abb 27 und 28 e die Skalierung Die Aufmerksamkeit wird zuerst auf die Icons fallen da sie im Verh ltnis zu Schrift viel mehr Platz einnehmen siehe Abb 27
50. g zu anderen Objekten und zur Betonung von Objekten eingesetzt werden Sie kann aber auch Zusammengehorigkeit z B Objekte mit hnlicher Funktion von Objekten zeigen Die Farbwirkung ist sehr stark vom sozialen Kontext abh ngig Au erdem erfordern barrierefreie Interak tionselemente auch ohne Farbkennzeichnungen auszukommen Textur Texturen werden eingesetzt um Interaktionselementen ein realistisches Ausse hen zu verleihen diese k nnen Benutzerlnnen aber auch ablenken 3D Simulation Durch Simulation von Licht und Schatten kann Objekten einen h heren Auffor derungscharakter verliehen werden Physikalische Verh lt sich ein Objekt nach physikalischen Grunds tzen etwa Tr gheit Grunds tze Impuls Reibung Elastizit t umso realistischer wird es wahrgenommen und umso leichter k nnen Benutzerlnnen erkennen wie es funktioniert Objekte in einer App k nnen durch den Einsatz der im iPhone eingebauten Sensoren den physikalischen Grunds tzen folgen Metapher Werden Interaktionselemente als Metapher f r Objekte in der realen Welt eingesetzt k nnen Benutzerlnnen auf die Benutzungserfahrung mit dem realen Objekt aufbauen Sound Erh lt das Interaktionselement einen realistischen Sound gewinnt das Objekt noch zus tzlich an realistischem Charakter TABELLE 15 Merkmale der Objekterkennung vgl Cooper u a 2007 S 291f u 283 Ginsburg 2011 S 230 233 Apple Inc 2012a S 19 u 54 Clark 2010 S 56 A
51. gkeit Screenshot bei der Autorin us0404400000nnnn nennen nennen nennen nennen 34 Anita Huber mt091047 66 Medientechnik Ifhill st p lten ABBILDUNG 36 Farbe Screenshot bei der Autorin u nse4sssennennnnnnnnnnnnnennennnne nennen 34 ABBILDUNG 37 Farbe und 3D Simulation Screenshot bei der Autorin 2400042420 nennen 34 ABBILDUNG 38 Methaper Screenshot bei der Autorin us04444000n0nnnn nennen nennen nennen nennen 34 ABBILDUNG 39 Ableitung des Icondesigns vom User Interface u 4444s00nnenenn nennen 36 ABBILDUNG 40 Ableitung des Icondesigns von der Funktion us0424400020400n nennen nennn nennen 36 ABBILDUNG 41 Ableitung des Icondesigns vom Namen der App cccceccccseeeeeeeeseeeeeeeeeesaeeeeaes 36 ABBILDUNG 42 Ableitung des Icondesigns vom Unternehmenslogod ss4esssenennnn nennen 36 ABBILDUNG 43 Ableitung des Icondesigns von der Schriftmarke des Unternehmens 36 ABBILDUNG 44 Textur und Farbkonzept Jamie s Recipes Screenshots bei der Autorin 37 ABBILDUNG 45 Jamie s Recipes Intro Screenshot bei der Autorin u02224000nenne nennen 37 ABBILDUNG 46 Abbildungskonzept Jamie s Recipes Screenshot bei der Autorin 37 ABBILDUNG 47 personalisiertes UI Screenshot bei der Autorin
52. gt Konsistenz und Vertrautheit Dennoch sollen Apps nicht alle gleich aussehen Apps ben tigen Personalit t sie sollen ein sinnvolles Ganzes ergeben um sich von all den anderen abheben zu k nnen vgl Clark 2010 S 137 4 6 1 Apps Personalit t verleihen Um mit dem User Interface Design beginnen zu k nnen ist es zun chst einmal notwendig zu de finieren wie die Zielgruppe die App wahrnehmen soll Soll sie seri s lustig famili r gesch ftlich souver n schlicht oder ausgefallen sein Die Personalit t der Apps soll vom Icon bis zum User Interface durchg ngig sein damit es eine entsprechende User Experience erreichen kann vgl Clark 2010 S 185 4 6 1 1 Pers nliches User Interface Um ein User Interface ansprechend und passend zu gestalten k nnen die Standardinteraktions elemente an die Personalit t des Apps angepasst werden Jedoch soll dies nicht bertrieben wer den da dies sonst von der eigentlichen Funktionalit t der App ablenken kann Werden Standardin teraktionselemente so sehr ver ndert dass diese nicht mehr als solche erkannt werden f hrt dies zu einer schlechteren Bedienbarkeit Deshalb soll das User Interface so angepasst werden dass es auch die geplanten Werte vermitteln kann und den Anspr chen der Zielgruppe entspricht vgl Clark 2010 S 41 4 6 1 2 Pers nliches Icon Your Icon is Your Business Card Clark 2010 S 213 Das Icon ist sozusagen der erste Eindruck den Benutzerlnnen vo
53. hem User Interface 2002220022200 22220 37 AL NOCESS DIE een eT E eee ee 38 4 7 1 Dauerhaft beeintr chtigte Personen in sterreich s src 38 4 7 2 Anforderungen an das User Interface Design 222200242440000nnn nenne nenne nnenneen 39 4 7 2 1 Visuelle Beeintr chtigungen und Anforderungen an das User Interface DES Gene ee Eee E E 39 Exempel 11 App f r Personen mit Farbfehlsichtigkeit 43 4 7 2 2 Haptische Anforderungen an das User Interface Design 44 4 7 2 3 Auditive Anforderungen an das User Interface Design 44 4 7 2 4 Multimodale Interaktion u044400nenRnenn nenne nenne nenne nenne nenne ernennen 44 AOR O I ADOFALV nn na ea ana ne Earl ae 45 2 8 1 MOODIE COMMUNI ee ee pe 45 4 8 2 M glichkeiten der Kommunikation und Interaktion u4440044400Bene nennen 46 Exempel 12 Kommunikations und Interaktionsformen 2202222022220 000 47 4 9 OUT AON EE P ee T ee ae euere 48 Exempel 13 Kompatibles App 2002220022s0ennnnennnnnnnnnnnnnnnennnnenennnnennnnennnnennn nennen 49 4 10 Sicher und vertrauensw rdig 02 22000200000000000n0nnnnnnnnennnnnennennn nennen nnnnne nennen 50 Exempel 14 Hersteller und Produktbeschreibung 4s0020240Rnnnne nennen 51 Exempel 15 Kontrolle ber Daten
54. hnik Ifhill st p lten Teehan Lax 2010 iPhone 4 GUI PSD Retina Display http www teehanlax com blog iphone 4 gui psd retina display ausgehoben 22 04 2012 W3C 2007 Mobile Web Best Practices http www w3c de Flyer mwbp_flipcards_de html ausgehoben 24 04 2012 W3C 2012 Multimodal Access http www w3 org standards webofdevices multimodal aus gehoben 24 04 2012 Videos iPhone Apps for the Blind 2011 buffalolen Internet 5 07 Min YouTube http www youtube com watch v ZBzSxXlEusoU amp feature related ausgehoben 11 05 2012 Demo blind person uses iPhone 2011 SZS87 Internet 6 34 Min YouTube http www youtube com watch v Mwoe Ojlxpw amp feature related ausgehoben 11 05 2012 DanKam iPhone app brightens up color blind world 2011 DanKaminsky Internet 2 59 Min You Tube http www youtube com watch v ArgML6clYnA ausgehoben 12 05 2012 Anita Huber mt091047 64 Medientechnik Ifhill st p lten Applikationen 1337 Game Design 2010 Dark Nebula Version 1 3 appscape GmbH 2011 ffnungszeiten Version 1 4 Barcoo UG 2012 Barcoo Version 2 8 Chillingo Ltd 2012 Cut The Rope ZeptoLab Version 1 7 Dan Kaminsky 2012 DanKam Version 1 5 EnSight Media Inc 2012 Radio Wecker ZeptoLab Version 1 7 Instagram Inc 2012 Instagram Version 2 4 Stocard UG 2012 Stocard Version 1 1 8 Lima Sky LLC 2012 Doodle Jump Version
55. https www soundhound com in f action s home sierte Version das Downloadvolumen sowie der ee Aktualisiert 27 04 2012 Altersfreigabe Vertrauensw rdiger erscheint die Version 4 5 App durch eine weiterf hrende Website wie in Era Tan Altersfreigabe Freigabe 9 f r Folgendes diesem Fall So haben Benutzerlnnen das Gef hl Selten schwach ausgepr gt dass der Hersteller ber die App nichts zu verber SORANA OOM cic rater PATI Seliern schwach ausgepr gt gen hat und volle Verantwortung daf r bernimmt Szenen mit erotischan Ansmelungen Au erdem hat es den Zweck wie bereits zu Be ABBILDUNG 66 SoundHound Herstellerinfor mationen entnommen aus SoundHound Inc 2012 0 S ginn dieses Kapitels genannt den Benutzerln nen weiterf hrende Informationen anzubieten wie z B Imagevideos siehe Abb 67 Erworbene Auszeichnungen Zitate bekannter Personen und Einrichtungen FAQ sowie Kontakt und Support m glichkeiten BEE ABBILDUNG 67 SoundHound Imagevideos entnommen aus SoundHound Inc 2011 0 S Anita Huber mt091047 52 Medientechnik Exempel 15 Kontrolle ber Daten u Name myGigs EntwicklerInnen tapwork P Version 1 3 4 2011 Ifhill st p lten TABELLE 23 myGigs Key Facts tapwork 2011 0 S MyGigs ist eine App um Events bestimmter K nstlerInnen an einem Ort ausfindig zu machen Die Entwicklerlnnen von myGigs versichern dass keine pers nl
56. ich daraus Zur Beantwortung der Forschungsfrage dienen Fachliteratur Artikeln in Fachzeitschriften sowie Onlineressourcen Des Weiteren soll durch eine Analyse und dem Vergleich von Applikationen die Theorie mit Beispielen aus der Praxis unterlegt werden Sie werden in den darauf folgenden Kapi teln als Exempel angef hrt Anita Huber mt091047 6 Medientechnik Ifhill st p lten 2 User Experience Interface Design Zu Beginn meiner Arbeit m chte ich den Begriff User Experience Interface Design erl utern Dieser Begriff ist ein Zusammenschluss aus den W rtern User Experience und User Interface Design Donald Norman Mitbegr nder der User Experience und Usability Consulting Firma the Nielsen Norman Group definiert den Begriff User Experience wie folgt User Experience besch ftigt sich mit allen Aspekten der Benutzerinteraktionen mit dem Produkt wie es wahrgenommen erlernt und benutzt wird Es enth lt einfa che Bedienung und am Wichtigsten von allen sind die Bed rfnisse die das Produkt erf llt vom Englischen ins Deutsche bersetzt Norman 1998 o S User Interface Design definieren Richter und Fl ckiger 2010 S 131 als Fachbereich der sich mit der Gestaltung von Benutzerschnittstellen anhand definierter Anforderungen besch ftigt Fazit User Experience Interface Design bezieht sich demnach in meiner Arbeit auf das Design von User Interfaces von iPhone Apps
57. ichen Daten genutzt oder an Dritte weitergegeben tapwork 2011 0 5 werden Die BenutzerInnen haben bei myGigs die Kont rolle dar ber ob GPS Standortdaten bermittelt werden d rfen oder nicht Falls kein aktueller Ort verwendet werden darf haben Benutzerlnnen die M glichkeit selbst einen Ort auszuw hlen siehe Abb 68 Die BenutzerInnen haben ebenfalls freie Entscheidung ob sie die K nstlerliste aus iPhone s Musikbibliothek importieren wollen oder nicht Anita Huber mt091047 ALIAT 14 25 Einstellungen Aktuellen Ort verwenden Wien sterreich Ti in der Mahe K nstler Locations Favoriten Einstellung ABBILDUNG 68 myGigs Einstellungen ent nommen aus tapwork 2011 0 S 53 Medientechnik Ifhill st p lten 4 11 Neu oder besonders Benutzerlnnen suchen nach etwas Neuem oder etwas Besonderem aber sie wissen meist nicht was das ist People don t really know what they want from mobile apps We strive to take advantage of how the iPhone differs from traditional desktop and laptop computers to make apps that aren t simply mobile but also truly unique experiences Wang 2010 S 33 Die Heraus forderung ist es die M glichkeiten des iPhones zu nutzen so unterscheidet sich das iPhone punkto Bedienung Multi Touch Interface und eingebauter Sensoren Beschleunigungssensor Ann herungssensor Umgebungslichtsensor 3 Achsen Gyrosensor ma geblichen von anderen Ger ten u
58. ie Funktion des User Interfaces erlernen zu m ssen Wo hingegen bei immersiven Apps ein individuelles und durchaus von der Norm abweichendes User Interface Design im Vordergrund steht Anita Huber mt091047 12 Medientechnik Ifhill st p lten Exempel 01 Ein produktives App _ Name Stocard 7 Entwicklerlnnen Stocard UG Version 1 1 8 2012 TABELLE 4 Stocard Key Facts Stocard UG 2012 o S Mit Stocard k nnen die Plastikkundenkarten eingescannt und verwaltet werden Die Karten m s sen dann nicht immer wie bisher mitgetragen werden sondern sind mit der App immer mit dabei und k nnen bei der Kassa vorgezeigt werden Hier werden Standardbuttons und Navigationsele mente verwendet siehe Abb 3 und 4 3 AT gt 15 41 3 r _ btg EL l r _ a h aia ee zu Fine a Zur ck Kunden aA Te aus Vani an A B Andere Kundenkarte gt E Adler gt z j ARB gt k L z N 5 Bahn bonus gt o A gt W gt A Funktioniert nicht Warum nicht Abbrechen fal o O Meine Karten ABBILDUNG 3 Stocard Barcode scannen ABBILDUNG 4 Stocard User Interface entnommen aus Stocard UG 2012 o S entnommen aus Stocard UG 2012 0 S Anita Huber mt091047 13 Medientechnik Ifhill st p lten Exempel 02 Ein immersives App Name Doodle Jump EntwicklerlInnen Lima Sky LLC Version 2 10 2012 TA
59. ion rather than recall Minimize the users memory load by making Det ts actions and oPlians visible Kelp sd Recents tab stores pusiese recently wired 2 Match between app and the real world The app should sense the weer s environment and adapt the informa hicen aie pla er cordingly Phe compass charges fre map oanecttation gsi nk edler Fi Fer Pis Far Tr Freien BE Fes Aion BEN Mhaire pri Fat my OW ERT iu io P 7 Flexibility and efficiency of use Accelerator can helg exp cite tacks and reduce typing Lrbearspoar provides ngesti ds dire Emeri A guery i 1 Comet tata Leelee imer ajwletalriyiuli joj AlsJolrfafr s Te BGG0000 s Oo o 3 User control and freedom Users often choose app functions by mistake and need a clea ly marked emergency exit Cancel and x but font are Common Prane rt COMETS 4 Error prevention Eliminate error prone concditions or check for them and present users with a recovery option pel check hasan option fo reject ifs recommendation 5 Consistency and standards Users should not have to wonder whether cif ferent words situations of ACHAN mean the same thing Kindle wes standard controls for boak Marta Grid in owing Progress E Aesthetic and minimalist design Screens Should nat con tain information that televan oa rarely needed neato al ofr Mia den when nof in use g Help users
60. k 2010 S 62 Der Tippbereich sollte gr er als das Interaktionselement selbst sein siehe Abb 54 um eine gr ere Trefferquote zu erzielen vgl Clark 2010 S 62 Wichtige Interaktionsbereiche liegen meist in der unteren Bildschirmh lfte z B das Keyboard um die Bedienung mit nur einer Hand zu erm glichen vgl Clark 2010 S 58 al AT ET PIJAN Aterpdith Mendelsohn Lisa Wargssh Mendoza ABBILDUNG 54 Tippbereich gr er als Interaktionselement entnommen aus Apple Inc 2012 0 S 4 7 2 3 Auditive Anforderungen an das User Interface Design Sound kann die Interaktion mit dem User Interface durch positives und negatives Audio Feedback untersch tzen sollte aber aufgrund von H rbeeintr chtigungen das visuelle Feedback nicht erset zen vgl Banga S 168 Negatives akustisches Feedback wird eingesetzt um die Benutzerlnnen ber ein aufgetretenes Problem zu informieren Cooper Reimann Cronin 2007 S 547f weisen darauf hin dass negative Hinweist ne im User Interface Design nicht eingesetzt werden sollten da diese l ngerfristig negative Assoziationen gegen ber dem Produkt ausl sen k nnen Viel wichti ger sei das positive akustische Feedback da Benutzerlnnen viel lieber f r eine erfolgreiche Aktion belohnt werden wollen vgl Cooper Reimann Cronin 2007 S 548f 4 7 2 4 Multimodale Interaktion Das iPhone bietet als multimodales Ger t eine F lle an Eingabe und Ausgabemoglichkeiten f r
61. lingeltones w re nicht notwendig sorgt aber f r jede Menge Spa da man die Stimme der InterpretInnen so noch nie geh rt hat Dies kann Be nutzerInnen motivieren einen ganz pers nlichen Klingelton zu generieren obwohl dies wahrschein lich bei der Installation dieser App nicht das Grundbedurfnis war Dies macht das App besonders in E n Aber Bitte Mit Sahne About Purpose And Passion About Your Dress Ain t tt Weird Al sur de Portugal Alaska All Downhill From Here All Downhill From Here ABBILDUNG 70 RingtoneMaker Songauswahl ABBILDUNG 71 RingtoneMaker Klingelton erzeugen entnommen aus Zentertain 2012 0 S entnommen aus Zentertain 2012 0 S Anita Huber mt091047 56 Medientechnik Ifhill st p lten Analyse nach Holtzblatt 2011 S 40 47 Erreichen Diese App l sst uns Situationen besser als zuvor meistern denn durch einen pers nlichen Klingel ton k nnen Benutzerlnnen unterscheiden welches iPhone gerade l utet Verbindung Diese App bietet auch Gespr chsstoff da Benutzerlnnen Freundinnen diese App zeigen und moti vieren ebenfalls einen eigenen Klingelton zu kreieren Identit t Benutzerlnnen haben durch diese App die M glichkeit mittels individuellen Klingelton etwas uber deren Pers nlichkeit zu auszusagen Eindruck Die Kreation eines Klingeltons mit Hilfe der verstellbaren Tempo und Tonh heneinstellungen k n nen durchaus immersiven
62. ma befragt Des Weiteren gab es eine Online Umfrage an der mehr als 800 Personen in den U S A teilnahmen Anhand dieser Studie entwickelten sie das sogenannte Cool Concept the Wheel of Joy Sie fanden heraus dass das Wichtigste bei der Benutzung die Freude sei welche die Basis der menschlichen Emotionen darstellt und dann auftritt wenn Produkte helfen die vier Motivationen der Menschen zu erf llen vgl Holzblatt 2011 S 40 43 Freude im Leben ABBILDUNG 69 The Wheel of Joy nach Holzblatt 2011 S 42 e Erreichen Apps die uns helfen Situationen in unserem Leben besser als zuvor zu meistern So k nnen Apps helfen einen spontanen Urlaub von unterwegs zu planen e Verbindung Apps die uns unterst tzen neue Kontakte zu kn pfen und uns Gespr chsstoff geben e Identit t Apps die uns helfen herauszufinden wer wir sind und welchen Platz wir in der Welt einnehmen Sie zeigen uns Beispiele von Verhaltensweisen Werte Trends Aktivit ten YouTu be ist laut Holtzblatt 2011 S 43 deshalb so besonders weil wir nicht nur Videos mit anderen teilen und Kontakte kn pfen k nnen sondern weil Menschen sich in diesen Videos der ffent lichkeit zeigen und sogar ein bekannter Star werden k nnen e Eindruck Apps die uns aus dem Alltag in eine neue Welt entf hren oder uns durch einen be sonderen Sinneseindruck begeistern k nnen Anita Huber mt091047 55 Medientechnik Ifhill st p lten Exe
63. mpel 16 Eine Wow und Cool App Name Klingelton Maker Entwicklerinnen Zentertain Version 1 6 2012 TABELLE 24 Klingelton Maker Key Facts Zentertain 2012 0 S Analyse nach Hudson Viswanadha 2009 S 58 61 Control Over Things External Hudson Viswanadha 2009 S 58 61 Das iPhone bietet nur eine sehr eingeschr nkte Anzahl an Klingelt nen durch einem Work Around konnte man einen neuen Klingelton am iPhone speichern Mit dieser App l sst sich aus einem am iPhone gespeicherten Lied einfach und schnell ein Klingelton f r das iPhone generieren Und Benutzerlnnen haben nicht mehr das Problem nicht zu wissen welches iPhone gerade l utet Apt Feedback Hudson Viswanadha 2009 S 53 61 Die App gibt den Benutzerlnnen eine Step by Step Anleitung wie sie zu einem eigenen Klingelton kommen Zuerst wird ein Lied ausgew hlt siehe Abb 70 Danach kann der Beginn des Klingel tons sowie L nge und ein Ein Ausklingen des Klingeltones eingestellt werden Und danach kann das Lied via iTunes in die pers nliche Klingeltonliste hinzugef gt werden siehe Abb 71 F r diesen Schritt gibt es sogar eine Videoanleitung um Benutzerlnnen dabei zu unterst tzen Creating Unexpected Needs und Invitation To Play Hudson Viswanadha 2009 S 58 61 Zus tzlich bietet diese App die M glichkeit das Tempo und die Tonh he des Liedes durch Voreinstel lungen oder manuell zu ndern Die Ver nderung des K
64. munication Personal Expression Social Discvene Setial Discourse gA er a Personal E i9 ABBILDUNG 55 Neue mobile Kommunikationsformen entnommen aus Rhee Lee 2009 S 47 Urspr nglich war der Begriff Community auf lokale Gruppen mit gleichen Interessen beschr nkt Heute gilt dieser Begriff ganz uneingeschr nkt von der Lokalit t der Personen man spricht auch von einer mobilen Community vgl Rhee Lee 2009 S 46f Rhee und Lee 2009 S 47f beschrei ben vier Formen mobiler Communities mit unterschiedlichen Zielen Arbeit Dienstleistungen Beziehung und Unterhaltung siehe Abb 56 Anita Huber mt091047 45 Medientechnik Mobile Community A group of people who gather to achieve a goal Based on Financial Goals Efficient Work More stable or fixed Friends Coworkers Family Work services Education People who Health have similar Auto interests More dynamic Qualified Service ABBILDUNG 56 Mobile Community entnommen aus Rhee Lee 2009 S 49 Based on Social Goals Reinforcing Relations Relations Entertainment Seeking Entertainment Ifhill st p lten Eine Person kann Mitglied aller Communities sein Wobei Arbeit und Dienstleistungscommunities eher finanzielle Ziele verfolgen siehe linke Spalte und Beziehun gs und Unterhaltungscommunities eher sozialen Gesichtspunkten folgen siehe rechte Spalte Den noch haben Arbeits und
65. n Faktoren durch eine bewusste Auswahl an Funktionalit t erm glicht werden Die Fernbedienung siehe Abb 11 links bietet eine einfache Bedienung aber wenig Funktionen Deshalb liegt die Herausforderung bei der Abstimmung der Funktionalit t bei den Bed rfnissen der Zielgruppe um eine gute Benutzerfreundlichkeit zu erreichen ebd S 102f ABBILDUNG 11 Flexibility Usability Tradeoff entnommen aus Lidwell u a 2010 S 103 Anita Huber mt091047 17 Medientechnik Ih ill st p lten Exempel 04 Geringe Flexibilit t Hohe Usability Name radio FM4 EntwicklerInnen LOOP New Media GmbH Radio FM4 Version 2 1 2011 TABELLE 7 radio FM4 Key Facts entnommen aus LOOP New Media GmbH 2011 0 S Die radio FM4 Applikation bietet einen sehr berschau baren Funktionsumfang e Ein Ausschalten des Radios My Heart Beats e Lautst rkeregler e Trackservice Liste aller Lieder die in den letzten 2 Stunden gespielt wurden Dadurch ist die App bersichtlich in ihrer Funktionalit t Live Sthream Trac eer bite und einfach zu bedienen ABBILDUNG 12 radio FM4 User Interface entnommen aus LOOP New Media GmbH Exempel 05 Hohe Flexibilit t Geringere Radio FM4 2011 0 8 Usability Name Radio Wecker EntwicklerInnen EnSight Media Inc Version 2 5 3 2012 TABELLE 8 Radio Wecker Key Facts entnommen aus EnSight Inc 2012 0 S Die Radio Wecker Applikation hat gegen
66. n Apps bekommen Umso wichtiger ist es einen besonderen Augenmerk darauf zu legen Clark 2010 S 215 vergleicht das Icon mit der Produktwerbung in beiden F llen soll klar erkennbar sein was verkauft wird und nennt folgende M glichkeiten um ein ansprechendes und passendes Icon zu entwerfen Anita Huber mt091047 35 Medientechnik Ifhill st p lten e Das Icon kann vom User Interface abgeleitet werden ABBILDUNG 39 Ableitung des Icondesigns vom User Interface entnommen aus Clark 2010 S 214 e Das Icon kann die Funktion der App widerspiegeln ABBILDUNG 40 Ableitung des Icondesigns von der Funktion entnommen aus Clark 2010 S 216 e Das Icon kann den Namen der App illustrieren und somit ein eigenes visuelles Brand erzeugen IT LI ABBILDUNG 41 Ableitung des Icondesigns vom Namen der App entnommen aus Clark 2010 S 216 e Das Icon kann vom Logo des Unternehmens inspiriert sein wenn dieses sehr bekannt ist JAH PRET A ABBILDUNG 42 Ableitung des Icondesigns vom Unternehmenslogo entnommen aus Clark 2010 S 217 e Das Icon kann auch von einer etablierten Schriftmarke abgeleitet werden indem meist ein oder r Lal p p r Lit a rT i on I lio ha i i r j Im ra Tat wA Eai rl me We f i OEE TUT Li i FAR i OTi L ARTS l ABBILDUNG 43 Ableitung des Icondesigns von der Schriftmarke des Unternehmens entnommen aus Clark 2010 S 217 Anita Huber mt091047 36 Medientechnik
67. n aber in Ihrem Handeln nicht eingeschr nkt werden Dazu muss ein Kompromiss zwischen Flexibilit t auf der einen Seite und Bedienbarkeit auf der anderen Seite getroffen werden vgl Lidwell Holden Butler 2010 S 102f e berschaubar Damit BenutzerInnen Informationen schnell und einfach entdecken k nnen ist es von Bedeutung diese kurz und pr gnant zu halten sowie sinnvoll und berschaubar zu strukturieren vgl Apple Inc 2012a S 52 e Auffordernd Interaktionselemente sollen auch als solches erkannt werden dazu m ssen sie sich vom restlichen Inhalt unterscheiden Gaver bersetzt 1991 S 80 bezeichnet Affordanz als M glichkeiten der Welt welche vereinbar und relevant f r menschliche Interaktion sind Wenn Affordanzen wahrnehmbar sind gibt es einen direkten Bezug zwischen Wahrnehmung und Aktion e Ansprechend und passend Apps ben tigen Personalit t sie sollen ein sinnvolles Ganzes ergeben um sich von den anderen abheben zu k nnen vgl Clark 2010 S 137 e Accessible Menschen mit Beeintr chtigungen soll eine barrierefreie Bedienung erm glicht werden An application is accessible when all user interface elements with which users can interact are accessible Apple Inc 2012d S 5 e Kollaborativ Die App bietet einen Mehrwert wenn sie eine kollaborative Nutzung erm glicht Human beings live in a social world which they co create in conversation Enriching our con Anita Huber m
68. nc 2012c Accessibility Programming Guide for iOS http support apple com de_DE ma nuals ausgehoben 10 05 2012 Apple Inc 2012d iPhone Benutzerhandbuch F r iOs 5 1 Software https developer apple com library ios documentation UserExperience Conceptual iPhoneAccessibility Introduction Introduc tion html apple_ref doc uid TP40008785 CH1 SW1 ausgehoben 09 05 2012 Critz M 0 J IOS Fonts A Place for Happy Typography http iosfonts com ausgehoben 10 05 2012 Gaver W 1991 Technology affordances In Proceedings of the CHI 1991 ACM Press New York ezproxy fhstp ac at 2059 citation cfm id 108844 amp CFID 101739959 amp CF TOKEN 87559490 ausgehoben 16 05 2012 Holtzblatt K 2011 What Makes Things Cool Intentional Design for Innovation In Interactions of the ACM Nov Dec 2011 Volume 18 Issue 6 ACM Press New York ezproxy fhstp ac at 2059 citation cfm id 2029976 amp CFID 101739959 amp CF TOKEN 87559490 ausgehoben 16 05 2012 Hong J 2012 Most Smartphone Apps are Spyware http ezproxy fhstp ac at 2815 browse by subject nhuman computer interaction 146122 most smartphone apps are spyware fulltext ausge hoben 28 04 2012 Hudson J Viswanadha K 2009 Can Wow Be a Design Goal In Interactions of the ACM Nov Dec 2009 Volume 16 Issue 6 ACM Press New York ezproxy fhstp ac at 2059 citation cfm id 1620693 amp CFID 101739959 amp CFTOKEN 87559490 ausgehoben 22 05 2012 Lin
69. nd erm glicht durch deren Einsatz eine besondere User Experience 4 11 1 Die Wow Faktoren nach Hudson Viswanadha 2009 S 58 61 Apps sollen die Menschen faszinieren It really is a good thing for customers to literally blurt out wow as a positive reaction when they re emotionally engaged Hudson Viswanadha 2009 S 60 Doch die Frage ist wie man Benutzerlnnen in Staunen versetzen kann Laut Hudson Viswanadha 2009 S 58 61 gibt es vier Wow Faktoren e Creating Unexpected Needs Apps sollen nicht nur die Bed rfnisse der Benutzerlnnen erf l len sondern sogar neue Bed rfnisse wecken e Control Over Things External Apps sollen den Benutzerlnnen mehr Kontrolle ber die Um welt geben Sie sollen Kontrolle in Situationen geben welche zuvor au er Kontrolle gerieten e Apt Feedback Durch passendes Feedback k nnen sich Benutzerlnnen besser zurecht finden Positives Sounddesign und Animationen k nnen den Benutzerlnnen eine positive Benutzerln nenerfahrung geben e Invitation To Play Laden Apps optional zum Spielen ein bringt dies Spa bei der Benutzung Anita Huber mt091047 54 Medientechnik Ifhill st p lten 4 11 2 The Wheel of Joy nach Holtzblatt 2011 S 40 47 Das Unternehmen InContext Design hat eine Studie namens The Cool Project zum Thema What Makes Things Cool durchgef hrt Es wurden 70 Personen zwischen 15 und 60 Jahren in den U S A zu diesem The
70. nik Ifhill st p lten tes vgl Ginsburg 2011 S 225 230 Des Weiteren k nnen Navigationsmodelle Flate Pages Tab Bar Tree Structure zur Strukturierung der Inhalte und Funktionen zum Einsatz kommen vgl Clark 2010 S 101 Die ffnungszeiten App wirkt durch die Einhaltung einer visuellen Struktur und die Verwendung des Flate Pages Navigationsmodells sehr bersichtlich Um die Navigationsstruktur und ablauf zu planen k nnen Storyboards eine bersicht ber die Funktionalit t und Abl ufe der App liefern vgl Linowski 2012 S 3 Onori 2012 0 S Weisen Interaktionselemente keine wahrnehmbare Affordanz den Hinweis zu einer m glichen Interaktion auf k nnen BenutzerInnen diese nicht erkennen Versteckte Affordanz Es k nnen aber auch Objekte zu einer Interaktion auffordern welche gar keine Interaktion bieten Falsche Affordanz Damit Interaktionselemente zur Interaktion auffordern sollten berlegungen zur Form Gr e und Helligkeit von Interaktionselementen getroffen werden Auch der Einsatz von Farben und Texturen spielen eine wichtige Rolle Durch Simulation von Licht und Schatten kann Objekten ein realistisches Aussehen verliehen werden Objekte die sich nach physikalischen Grunds tzen verhalten oder Metaphern f r Objekte in der realen Welt sind k nnen von Benutzerlnnen schneller als Interaktionselemente erkannt werden vgl Cooper u a 2007 S 291f u S 283 Ginsburg 2011 S 230 233 Apple
71. nita Huber mt091047 32 Medientechnik Ifhill st p lten Exempel 09 Objekterkennung Name Dark Nebula Entwicklerinnen 1337 Game Design Version 1 3 2010 TABELLE 16 Dark Nebula Key Facts 1337 Game Design 2010 0 S Dark Nebula ist eine immersive App ein Spiel Dieses Exempel soll die Objekterkennungsmerk male veranschaulichen welche zu einer Affordanz f hren e Form Der Ball in Dark Nebula hat eine runde Form und ist somit sofort als solches erkennbar siehe Abb 32 e Gr e Die Gr e des Balles ist abh ngig von der Perspektive F llt der Ball nach unten wird er immer kleiner springt der Ball nach oben wird er immer gr er siehe Abb 33 und 34 e Helligkeit Bei der Levelauswahl werden jene Level die noch nicht spielbar sind am dunkelsten dargestellt sie haben auch nur eine schwache Kontur Level die bereits geschafft wurden wer den heller dargestellt mit einer etwas st rkeren Kontur Das Level das gerade ausgew hlt ist ist am Hellsten dargestellt und hat einen Schein nach au en siehe Abb 35 e Farbe Das Hauptmen von Dark Nebula weist vier graue und einen gr nen Button auf siehe Abb 37 Dies ist eine beabsichtigte Betonung des gr nen Buttons um die Aufmerksamkeit darauf zu lenken Aber das Spiel verwendet Farbe auch als Zeichen der Zugeh rigkeit Der Ball ben tigt ein rotes Schutzschild um durch die rote Schranke zu gelangen siehe Abb 37 e Texturen Die
72. ntnommen aus Gaver 1991 S 80 Wahrnehmbare Affordanz tritt auf wenn eine existierende Affordanz als solches wahrgenommen wird Bsp Ein Button der auch als solches wahrgenommen wird Versteckte Affordanz bedeutet dass eine Affordanz existiert aber diese nicht wahrgenommen wurde Bsp Ein Button der aber als solches nicht erkannt wird Dieser kann nur zuf llig oder durch will k rliches Dr cken auf dem Display gefunden werden Bei der falschen Affordanz schl gt die wahrgenomme Information eine nicht existierende Affordanz vor Bsp Ein Button der wie einer aussieht aber keiner ist Personen versuchen irrt mlich damit zu agieren Die korrekte Verwerfung ergibt sich wenn Personen nicht ber eine Aktion nachdenken da es weder eine wahrgenommene Information noch eine Affordanz gibt Bsp Das Element wird nicht als Button wahrgenommen und hat auch keine Affordanz Eine sequenzielle Affordanz ist die Aneinanderreihung von Affordanzen die w hrend der Bedie nung des Elements auftreten Anita Huber mt091047 30 Medientechnik Ifhlll st p lten Exempel 08 Affordanz nach Gaver 1991 S 80 Name Flashlight Entwicklerlnnen Surpax Technology Inc Version 1 3 1 2012 TABELLE 14 Flashlight Key Facts Surpax Technology Inc 2012 0 S Wahrnehmbare Affordanz Button dr cken um Lautst rke auszuschalten Ein und Ausschalten der LED Lampe durch Dr cken Ziehen und Loslassen des Schalters Durch Dr cken und
73. ormungsinstitu tes Selbst Apple Inc weist in den iOS Human Interface Guidelines Apple Inc 2012a S 1 sowie den Accessibility Programming Guide for iOS Apple Inc 2012c S 1 auf die Entwicklung eines barrierefreien User Interfaces hin Um die Nutzung einer App barrierefrei zu gestalten m ssen alle Interaktionselemente selbst zug nglich sein wie es laut Apple Inc 2012d S 5 in den Accessibili ty Programming Guide for iOS lautet An application is accessible when all user interface ele ments with which users can interact are accessible Dies bedeutet eine saubere Programmierung f r die App EntwicklerInnen da z B der Name von Interaktionselementen im VoiceOver Modus vorgelesen wird Das iPhone bietet viele eingebaute Features um die Bedienung mit haptischen visuellen und auditiven Beeintr chtigungen zu erleichtern Die Bedienungshilfen sind unter Ein stellungen gt Allgemein gt Bedienungshilfen erreichbar vgl Ginsburg 2011 S 266 4 7 2 1 Visuelle Beeintr chtigungen und Anforderungen an das User Interface Design Wie man der Tabelle Tab 18 entnehmen kann haben rund 3 9 der Personen dauerhafte Probleme beim Sehen welche trotz Brille Kontaktlinsen oder anderer Sehhilfen bestanden vgl Anita Huber mt091047 39 Medientechnik Ifhill st p lten Statistik Austria 2008 S 1135 Fraglich ist warum die rund 8 bei M nnern und rund 0 4 bei Frauen auftretende defiziente Farbwah
74. owski J 2012 Interactive Sketching Notation In Introduction PDF http www linowski ca sketching ausgehoben 24 05 2012 Nielsen J 2005 Ten Usability Heuristics zit n Nielsen J Molich R 1990 http www useit com papers heuristic heuristic_list html ausgehoben 04 05 2012 Anita Huber mt091047 62 Medientechnik Ifhill st p lten Nielsen J 0 J Severity Ratings for Usability Problems http www useit com papers heuristic severityrating html ausgehoben 04 05 2012 The Nielsen Company 2009 iPhone Users Watch More Video and are Older than You Think http blog nielsen com nielsenwire online_mobile iphone users watch more video and are older than you think ausgehoben 10 05 2012 Norman D 1999 The Invisible Computer Why Good Products Can Fail the Personal Computer Is So Complex and Information Appliances Are the Solution MIT Press http mitpress mit edu books NORVH chapter2 html isbn 0262140659 ausgehoben 01 06 2012 Onori P J 0 J Cue is a public domain gestural icon system which focuses on legibility and sym bolic representation http somerandomdude com work cue ausgehoben 24 05 2012 Pangaro P 2009 Mobile Devices Should Be About Neither Mobility Nor Devices Discuss In Interactions of the ACM Nov Dec 2009 Volume 16 Issue 6 ACM Press New York ezproxy fhstp ac at 2059 citation cfm id 1620693 amp CFID 101 739959 amp CFT OKEN 87559490 ausgehoben
75. r und dieser Aspekt teilweise unber cksichtigt Erst Steve Jobs zeigte uns dass es den Produkten oft an Benutzerfreundlichkeit und einem positiven Benutzungserlebnis mangelte indem er Produkte welche schon lange zuvor von anderen Herstel lerInnen entwickelt waren einfach bedienbar machte ihnen ein sch nes Design verpasste und mit wichtigen Funktionen versah welche den Bed rfnissen der Menschen entsprachen Als Beispiel seien hier die Tablet PC s genannt die es schon lange vor dem iPad gab Dies zeigt uns dass User Experience Design an Relevanz f r die Zukunft bekommen hat Durch die F lle der Applikationen die es auf dem Markt gibt habe ich mir schon seit l ngerer Zeit die Frage gestellt welche Faktoren eine positive Benutzungserfahrung hervorrufen Wird n mlich beim Produktentwicklungsprozess ganz auf die Bed rfnisse der User vergessen f hrt das oft zu einer negativen Nutzungserfahrung Dies kann zur Auswirkung haben dass Benutzerlnnen dieses Produkt nicht mehr verwenden und das Produkt und der Hersteller einen schlechten Ruf bekom men Dieses Problem gilt es von vornherein zu vermeiden indem Bed rfnisse der Benutzerlnnen in den Entwicklungsprozess einflie en Diese Problematik ist Ausgangslage meiner Forschungsar beit und soll folgende Forschungsfrage beantworten Wie kann eine iPhone Applikation ein positives Nutzungserlebnis bei BenutzerlInnen errei chen und welche Anforderungen an das User Interface Design ergeben s
76. recognize diagnose and recover from errors Etti ET hole be expressed in plain language that precisely indicates the problem ind Ihe soluti Epicurious displays a Meade when Wier ar offline ta Hel pan d documentation Help shouid be con lextual Concise and specifi Ocarina provides conten twa herp apon start up uier Co ghg den tubong wre sung Ed opp ABBILDUNG 14 Nielsens Usability Heuristiken abgestimmt auf das iPhone Anita Huber mt091047 entnommen aus Ginsburg 2011 S 99 19 Medientechnik Ifhill st p lten In weiterer Folge werden diese Heuristiken blicherweise f r die Usability Evaluation herangezo gen um Usability Probleme aufzusp ren und diese aufzuheben vgl Nielsen o J 0 S Die Evaluation erfolgt unter folgenden Kriterien e H ufigkeit des auftretenden Problems e Auswirkungen des Problems auf die weitere Benutzung e Best ndigkeit des Problems bersetzung Nielsen 0 J 0 S Die Evaluation der einzelnen Heuristiken wird nach Schweregrad des Usability Problems eingestuft Rating Description 0 don t agree that this is a usability problem at all 1 Cosmetic problem only Need not be fixed unless extra time is available 2 Minor usability problem Fixing this should be given low priority oO Major usability problem Important to fix should be given high priority K Usability catastrophe Imperative to fix this before product can be released TABELLE
77. rnehmung in dieser Statistik nicht enthalten sind vgl Niel sen 1993 S 119 zit n Silverstein L D 1987 Human factors for color display systems Concepts methods and research In Durrett H J Ed Color and the Computer Academic Press Boston Visuelle Beeintr chtigungen k nnen sehr unterschiedlich sein worauf beim User Interface und Interaction Design R cksicht genommen werden sollte Apple bietet Unterst tzung f r visuelle Beeintr chtigungen welche auch in Apps von Drittanbietern implementiert werden k nnen vgl Apple Inc 2012c S 5 und Apple Inc 2012d S 161 179 hier einige wichtige Funktionen e VoiceOver Screen Reading Feature seit iOS 5 1 VoiceOver funktioniert bei allen Apps die auf dem iPhone vorinstalliert sind sowie bei vielen anderen Apps von Drittanbietern Apple Inc 2012d S 161 Die Screen Reading Funktion erm glicht sehbeeintr chtigen Menschen die Bedienung des iPhones Dies stellt oftmals eine enorme Erleichterung dar siehe Videos iPhone Apps for the Blind auf YouTube und Demo blind person uses iPhone e Zoom nderung des Zoomverh ltnisses des gesamten Bildschirmes siehe Abb 49 u 50 wi AT F 14 22 65 Ga Zoom vergr ert den gesamten Bildschirm Zoomen Mit drei Fingern doppeltippen ber den Bildschirm bewegen Beim Zoom mit drei Fingern streichen Zoom ndern Mit drei Fingern doppeltippen und nach oben oder unten streichen
78. t wenn sich Benutzerlnnen nicht mehr erinnern sollten was sie mit diesem Objekt tun k nnen k nnen sie dies durch ausprobieren wieder herausfinden Anita Huber mt091047 23 Medientechnik Ifhill st p lten 7 Flexibility and efficiency of use Erf llung Automatisches Neuladen des Levels bei Game Over Mehrere Levels w hlbar Werden Sterne gesammelt k nnen damit neue Levelkisten freige schalten werden Dadurch bekommen SpielerInnen eine gr ere Auswahl an Levels siehe Abb 22 Ungeduldige Spielerinnen k nnen mit einem Aufpreis alle Levels freischalten Wenn Spielerinnen nicht mehr weiter kommen k nnen diese trotzdem alle anderen Level spielen Ger t Mi Paprade ABBILDUNG 22 Cut the Rope Levelauswahl entnommen aus Chillingo Ltd ZeptoLab 2012 0 S Probleme Problem 02 Position des Level neu laden Buttons Der Reload Button ist etwas zu klein f r gr ere Finger und auch etwas zu nahe am Men button Das erh ht die Fehlerquote beim Tippen des Buttons W hrend dem Spiel kann es auch vorkommen dass Spielerlnnen unabsichtlich das Level neu laden da der ganze Bildschirm quasi bespielbar ist ABBILDUNG 23 Cut the Rope Position des Reload Buttons entnommen aus Chillingo Ltd Zep toLab 2012 0 S severity Rating 2 H ufigkeit hin und wieder Auswirkungen Benutzerlnnen dr cken unabsichtlich auf den Button und m ssen mit diesem Level noch einmal von vorne beginnen
79. t091047 10 Medientechnik Ifhill st p lten versations with shared experiences brings us closer together We naturally want to share our photos and videos and ideas and to meet together It is in our nature Pangaro 2009 S 48 e Kompatibel Eine App kann und muss nicht alles k nnen sollte deshalb Funktionen von an deren Apps integrieren wenn dies erforderlich ist Linking to other apps makes it easy for your audience to take full advantage of your own app Clark 2010 S 298 e Sicher und vertrauensw rdig Haben Benutzerlnnen das Gef hl dass die Informationen un glaubw rdig erscheint oder ihre Daten nicht ausreichend gesch tzt sind kann dies dazu f hren dass Benutzerlnnen die App gar nicht erst installieren oder es sofort wieder deinstallieren vgl Hong 2012 0 S Damit die Applikation das Vertrauen der Benutzerlnnen gewinnen kann ist f r ein gutes Auftreten zu sorgen e Neu oder besonders Benutzerlnnen suchen nach etwas Neuem oder Besonderem aber sie wissen meist nicht was das ist People don t really know what they want from mobile apps Wang 2010 S 33 Eine App soll besonders cool sein und Menschen zum Staunen bewegen vgl Hudson Viswanadha 2009 S 58 61 Holzblatt 2011 S 40 47 Diese Bed rfnisse stellen somit Anforderungen an das User Interface Design um eine positive Be nutzungserfahrung zu gew hrleisten auf welche in den folgenden Kapiteln n her eingegangen
80. teraktionsablauf der App abgebildet werden Laut Clark 2010 S 78 Hervorheb i sollen Apps den glance test bestehen Die Information soll selbst in einer arml ngen Entfernung noch ohne Probleme erkennbar sein Clark 2010 S 73 u 77 beschreibt auch den out of sight out of mind effect und meint damit dass essen tielle und oft verwendete Informationen und Interaktionselemente nicht im scrollbaren Bereich liegen sollen da sonst wichtige Elemente f r Benutzerlnnen unentdeckt bleiben k nnten Liegt die gesamte Information nicht sofort vor muss sichergestellt werden dass Benutzerlnnen sich vorstellen k nnen welche Information sich darunter verbirgt A UI is a window onto an unkown world you have to help the user build a mental model of the parts they can t see Vida 2011 S 97 Aus diesen Thesen scheint herauszugehen dass es darum geht das Scrollen ganz zu vermeiden um die gesamte Infor mation auf einem Bildschirm unterzubringen Dennoch ist diese Funktion f r manche Apps unerl ss lich da Scrollen der beste Weg ist um langlastigen Inhalt zum Beispiel in Form einer Liste dar zustellen vgl Clark 2010 S 81 Apple Inc 2012a S 24 vertritt sogar den Standpunkt Let people scroll da die Darstellung des Inhaltes above the fold meist zu Kosten einer geringeren Schriftgr e und oder Interaktionselementen ausgetragen wird und dadurch zu unleserlichem Inhalt und nicht bedienbaren Layout f hrt
81. tlaut Handelt es sich um Probleme beim H ren trotz H rger t oder Chochlearimplantat 4 Personen die zumindest zwei der in der Tabelle angef hrten Beeintr chtigungen genannt haben diese Personen sind sowohl hier als auch in den einzelnen Positionen gez hlt TABELLE 18 Dauerhaft beeintr chtigte Personen in sterreich entnommen aus Statistik Austria 2008 S 1133 Anita Huber mt091047 38 Medientechnik Ifhill st p lten Wie viele iPhone Nutzer tats chlich von einer Beeintr chtigung betroffen sind bzw aufgrund ihrer Beeintr chtigung das iPhone nicht oder nur beeintr chtigt nutzen k nnen kann nur schwer prog nostiziert werden da keine Nutzungsstatistik von iPhone BenutzerInnen aus sterreich vorliegt In den USA liegt eine Statistik aus 2009 auf welche den Anteil der iPhone Nutzerlnnen nach Altersgruppen zeigt Diese l sst erkennen dass das iPhone in jeder Altersgruppe selbst ber 55 J hrige zu 17 verwendet wird vgl The Nielsen Company 2009 0 S iPhone Audience Composition Q1 2009 Ages 13 17 Ages 55 50 17 Ages 18 24 13 Ages 25 34 36 ABBILDUNG 48 iPhone Nutzer nach Altersgruppen entnommen aus The Nielsen Company 2009 0 S 4 7 2 Anforderungen an das User Interface Design Zur Umsetzung einer barrierefreien Nutzung gibt es mittlerweile viele Richtlinien und Empfehlun gen z B die des internationalen Konsortiums W3C oder des sterreichischen N
82. trolle ber die abgefragten Daten haben dies bedeutet dass Standortabfragen nur mit Zustimmung erfolgen d rfen Anita Huber mt091047 50 Medientechnik Ifhill st p lten Exempel 14 Hersteller und Produktbeschreibung Name SoundHound EntwicklerInnen SoundHound Inc 0 0 0000 Version 4 5 2012 TABELLE 22 SoundHound Key Facts SoundHound Inc 2012 0 S Die App SoundHound hat einen funktionellen Namen gew hlt der auch ber das Icon vermittelt wird So k nnen sich BenutzerInnen vorstellen welche Funktionen sich hinter der App verbergen ohne die gesamte Information gelesen zu haben Zudem lassen 436 Bewertungen mit einer Durch schnittsbewertung von 4 von 5 Sternen auf positive Erfahrungen anderer BenutzerlInnen schlie en Eine kurze Erkl rung ber drei Zeilen bringt die Funktionalit t der App auf den Punkt Darauf folgt eine Liste der enthaltenen Funktionen Die Liste ist so gegliedert dass BenutzerInnen sie entwe der schnell berfliegen k nnen indem sie nur die aufgelisteten berschriften lesen oder falls die Be nutzerlnnen mehr ber die Funktion wissen wollen k nnen sie auch den gesamten Absatz dazu lesen siehe Abb 64 SoundHound SoundHound Ing AAAA o gH Bewertungen UPDATE Top In App K ufe gt SoundHound ist die App wenn Du mal schnell den Titel eines Songs finden m chtest Probier s aus Du wirst begeistert sein Unbegrencter Verbrauch Funktionen
83. ung in Privathaushalten in irgendeiner Form dauerhaft beeintr chtigt Dauerhafte Beeintr chtigungen sind stark altersab h ngig Mit steigendem Alter nimmt der Anteil der Personen zu die eine dauerhafte Beeintr chtigung angeben Statistik Austria 2008 S 1133 A Dauerhaft beeintr chtigte Personen nach Alter und Geschlecht Ihelel gt Dauerhaft beeintr chtigte Personen M nner Frauen N E Insgesamt M nner Frauen unter oa 60 Jahre unter ee 60 Jahre 20 Jahre Jahre u mehr 20 Jahre Jahre u mehr in 1 000 in der jeweiligen Bev lkerung in Privathaushalten Insgesamt mindestens eine Beeintr chtigung 1 687 20 5 20 2 20 8 6 2 16 3 48 3 4 5 14 7 48 5 Probleme beim Sehen 318 3 9 3 4 4 3 1 1 2 2 9 7 1 2 2 1 11 9 Leicht 68 0 8 0 9 0 7 0 0 1 0 1 7 0 7 0 5 1 3 Mittel 146 1 8 1 5 2 1 0 4 0 7 5 0 0 4 1 1 5 7 Schwerwiegend 101 1 2 1 0 1 4 0 7 0 5 2 9 0 2 0 5 4 6 Person ist blind 3 0 0 0 0 0 1 0 0 0 0 0 0 0 0 0 0 0 3 Probleme beim H ren 202 2 5 2 1 2 7 0 2 1 2 7 3 0 4 0 9 8 9 Leicht 36 0 4 0 5 0 4 0 2 0 4 1 4 0 1 0 1 1 1 Mittel 102 1 2 1 0 1 5 0 0 0 5 3 4 0 3 0 7 4 3 Schwerwiegend 62 0 7 0 6 0 9 0 0 0 3 2 3 0 0 0 1 3 4 Person ist geh rlos 2 0 0 0 0 0 0 0 0 0 0 0 1 0 0 0 0 0 0 Probleme beim Sprechen 63 0 8 0 8 0 7 0 4 0 6 1 7 0 6 0 6 1 2 Leicht 12 0 1 0 1 0 2 0 0 0 2 0 1 0 3 0 0 0 5 Mittel 19 0 2 0 3 0 2 0 1 0 2 0 7 0 2 0 2 0 1 Schwerwiegend 28 0
84. uns ee yh re aha ae es ee ee ata pial bite ZN TEA PELEA Level offen Levelnummer 0 von 3 Sterne Cate Sty Tete te ee Level noch nicht verfugbar Schloss ABBILDUNG 16 Cut the Rope Levelstatus entnommen aus Chillingo Ltd ZeptoLab 2012 o S Anita Huber mt091047 21 Medientechnik Ifhill st p lten Probleme amp Problem 01 Letztes gespieltes Level Werden Levels die bereits geschafft wurden noch einmal gespielt wird beim Aussteigen aus dem Level nicht klar welches Level diese zuletzt gespielt haben Severity Rating 2 Haufigkeit wenn Levels erneut gespielt werden Auswirkungen Benutzerlnnen mussen sich selbst merken welches Level sie zuletzt gespielt haben Bestandigkeit hoch 2 Match between app and the real world Erfullung V Realistische Objekte und Verhalten Objekte unterliegen den physikalischen Gesetzen und der allt glichen Nutzungserfahrung der Gegenst nde Seifenblasen platzen wenn man sie angreift Seile k nnen durchtrennt werden siehe Abb 17 u s w ABBILDUNG 17 Cut the Rope Realistische Objekte und Verhalten entnommen aus Chillingo Ltd ZeptoLab 2012 0 S 3 User control and freedom Erf llung Emergency Exit Benutzerlnnen k nnen jederzeit ins Hauptmen zur ckkehren siehe Abb 18 hot ha Water Menu i ABBILDUNG 18 Cut the Rope Emergency Exit entnommen aus Chillingo Ltd ZeptoLab 2012 0 S Anita Huber mt0910
85. utorin uss 44sne no 33 TABELLE 17 Jamie s Recipes Key Facts Screenshot des Icons bei der Autorin 37 TABELLE 18 Dauerhaft beeintr chtigte Personen in sterreich uunnseesssssesnssnnnnnnnnnnnnnnnennnnnnnnennnnnnn 38 TABELLE 19 DanKam Key Facts Screenshot des Icons bei der Autorin s 4ss0044se nenn 43 TABELLE 20 TuneTug Key Facts Screenshot des Icons bei der Autorin s 4440004ne een 47 TABELLE 21 Instagram Key Facts Screenshot des Icons bei der Autorin u u000ree nn 49 TABELLE 22 SoundHound Key Facts Screenshot des Icons bei der Autorin u 51 TABELLE 23 myGigs Key Facts Screenshot des Icons bei der Autorin us00444400Bene een 53 TABELLE 24 Klingelton Maker Key Facts Screenshot des Icons bei der Autorin 56 Die Screenshots der App Icons stammen von Apples App Store Anita Huber mt091047 68
86. zerlnnen zu erhohen ist es von Bedeu tung dass Apps ein t glich auftretendes Problem l sen oder ihre Langlebigkeit durch eine konse quente Neuerscheinung von Inhalten gew hrleisten vgl Quinn 2010 S 33 Clark 2010 S 42ff Die App barcoo bietet einen l ngerfristigen Nutzen durch das Abfragen von Produktinformatio nen Preisvergleichen und Zusatzfeatures wie die Berechnung der Dauer bis zur gew nschten Weintemperatur Der Schwierigkeitsgrad der Bedienung wird ma geblich vom Flexibility Usability Tradeoff be stimmt je mehr Funktionalit t die App enth lt desto geringer die Usability vgl Lidwell u a 2010 S 103 Die radio FM4 und Radio Wecker App verdeutlichen den Tradeoff zwischen Flexibilit t und Bedienbarkeit W hrend die radio FM4 App eine einfache Bedienung und einen geringen Funktionsumfang aufweist bietet die Radio Wecker App einen gr eren Funktionsumfang daf r aber eine schwierigere Bedienung Durch Ber cksichtigung der Usability Heuristiken von Jakob Nielsen 2005 0 S zit n Nielsen 1990 im User Interface Design kann ein intuitives User Interface erzielt werden Die App Cut the Rope zeichnet sich durch ein intuitives User Interface aus Um das User Interface berschaubar zu gestalten ist eine visuelle Struktur des Inhaltes unerl ss lich Einflussfaktoren sind die Gruppierung Positionierung Skalierung und Anordnung des Inhal Anita Huber mt091047 58 Medientech

Download Pdf Manuals

image

Related Search

Related Contents

download    おろし金 - ツボエ  Parallel Performance Wizard Tutorial  Audio Monitoring and Telemetry Unit AW–4  カタログ - 株式会社ルキナ  DMA120, DMA121 Digital Modulation Analyzers  Samsung NV6787BPZSR/EF Manuel de l'utilisateur  SBS / GE Fanuc MC-303 User Manual  

Copyright © All rights reserved.
Failed to retrieve file