Liebe auf den ersten Touch Mobile Design & Usability für Apps

Größe: px
Ab Seite anzeigen:

Download "Liebe auf den ersten Touch Mobile Design & Usability für Apps"

Transkript

1 Liebe auf den ersten Touch Mobile Design & Usability für Apps V /2011

2 Liebe auf den ersten Touch Mobile Design & Usability für Apps

3 Copyright 2011 by inserteffect All rights reserved Publisher: inserteffect GmbH Editors: Ute Mündlein, Nina Wieland, Sabrina Kley, Benno Bartels, Halil Kavasoglu, Manuel Robledo Design & Composition: Susanne Vestner-Ludwig

4 Inhaltsverzeichnis 1. Der erste Eindruck zählt 1.1. Grundlegendes zum Design von iphone- und Android-Apps Grundprinzipien für User Interface Design Grundlegendes zum Design von Android-Apps Grundlegendes zum Design von iphone-apps 1.2. Überblick über wichtige UI-Elemente iphone Android 2. Vorstellung Projekt Lokuskop 2.1. Zielgruppenanalyse 2.2. Funktionalitäten / Featureliste 2.3. Featureliste priorisieren 1

5 3. Umsetzung 3.1. Startseite Grundlegende Überlegungen Android iphone 3.2. Detailansicht Grundlegende Überlegungen Android iphone 3.3. Suche Grundlegende Überlegungen Android iphone 4. Zusammenfassung 5. Weitere Ressourcen 6. Kontakt

6 Executive Summary Mobile Design & Usability warum soll man sich darüber überhaupt Gedanken machen? Ziel des vorliegenden E-Books ist es, eine Antwort darauf zu geben und ein Bewusstsein dafür zu schaffen, dass Mobile Design ein sehr wichtiger Bestandteil bei der Entwicklung von Apps ist ganz gleich, ob es dabei um iphone, Android oder eine andere Plattform handelt. Es geht darum, eine Anwendung zu entwickeln, die sich rund anfühlt, Spaß macht, die man gerne benutzt. Kurz, die man einfach auf seinem Handy nicht mehr missen möchte. Das E-Book ist als kurze Einführung in das Thema Mobile Design gedacht. Es bietet einen Überblick über die Design-Philosophie sowie die wichtigsten User-Interface-Elemente von Android- und iphone-apps und geht außerdem auf die Grundprinzipien von User-Interface- Gestaltung ein. Worum es bei Mobile Design geht, lässt sich jedoch am besten anhand eines praxisnahen Beispieles demonstrieren: Lokuskop, eine fiktive Android- und i-phone-app, mit der nach öffentlichen Toiletten im Umkreis gesucht werden kann. Die Idee eines Toilettenfinders wie auch der Name Lokuskop stammt von einem Projekt der Georg-Simon-Ohm Hochschule Nürnberg, an dem Stefan Groh, Martin Meier, Nina Wieland und Julia Meier beteiligt waren. Wir möchten uns an dieser Stelle bedanken, dass wir es für dieses E-Book verwenden durften. 6

7 Liebe auf den ersten Touch Mobile Design & Usability für Apps 7

8 1 Der erste Eindruck zählt inserteffect entwickelt seit knapp zehn Jahren Anwendungen für mobile Plattformen. Dabei erleben wir immer wieder, dass Mobile Design für viele lediglich heißt, eine App bzw. Webseite hübsch zu machen. Dies ist natürlich ein wichtiger Aspekt, aber letztlich jedoch nur ein Gesichtspunkt. Aber warum sollte man sich sonst um Mobile Design Gedanken machen? Think of design as communication between you and the user. Jim Palmer auf der Google I/O 2010 Ziel sollte es sein, ein für die Plattform stimmiges Nutzererlebnis zu schaffen: Es soll sich richtig anfühlen. 1 8

9 Aber damit eine App gut ankommt, müssen auch Usability-Aspekte und plattformspezifische Besonderheiten berücksichtigt werden. Und natürlich Features noch vor der Umsetzung auf Performance, Funktionalität und Verständlichkeit überprüft werden. Dies geschieht am besten mit Hilfe von sog. Klickdummys, d. h. interaktiven Prototypen, mit denen geplante Features klickbar gemacht werden. A user interface that is unattractive, convoluted, or illogical can make even a great application seem like a chore to use. Apple Human Interface Principles Mit diesem E-Book soll ein Bewusstsein dafür geschaffen werden, was es bei Mobile Design & Usability zu beachten gilt, insbesondere im Hinblick auf die unterschiedlichen Plattformen. Dafür wurde ein fiktives, wenn auch sehr praxisnahes Beispiel gewählt: Lokuskop eine Anwendung zum schnellen Suchen und Finden von öffentlichen Toiletten. Anhand von Scribbles werden die einzelnen Screens vorgestellt und Design-Empfehlungen ausgesprochen. Es handelt sich jedoch nicht um einen Klickdummy. Um den Rahmen nicht zu sprengen, wurde die App nur für iphone und Android-Smartphones konzipiert und designt. Tablets wurden nicht berücksichtigt, da wohl eher mit dem Handy nach einem stillen Örtchen gesucht wird. Liebe auf den ersten Touch Mobile Design & Usability für Apps 9

10 1.1. Grundlegendes zum Design von iphoneund Android-Apps Bevor es an die Umsetzung geht, ist es wichtig, auf die Design-Philosophie von Google und Apple sowie auf einige wichtige UI-Elemente einzugehen. Davor noch kurz zu zehn Grundprinzipien des User Interface Design, auf die Google und Apple, wenn auch nicht explizit, Bezug nehmen: Grundprinzipien für User Interface Design Jakob Nielsen (1) hat auf Basis von 249 Usability-Problemen eine Liste mit zehn Grundprinzipien (Heuristiken) für die Gestaltung von Bedienoberflächen erstellt. Sie sollen helfen, die Qualität von Webseiten in puncto Benutzerfreundlichkeit und Bedienbarkeit zu verbessern. Sie lassen sich zum Teil auch auf die Gestaltung von App User Interfaces anwenden, daher soll an dieser Stelle zumindest kurz darauf eingegangen werden. Sichtbarkeit des Systemstatus Was passiert gerade? Das System sollte den Nutzer zeitnah und in angemessener Form darüber informieren. Übereinstimmung zwischen System und Wirklichkeit Zum Beispiel möglichst nur dem Nutzer vertraute Wörter und Konzepte verwenden. Benutzerkontrolle und -freiheit Immer einen einfachen Notausgang für den Benutzer bereit halten und Funktionen wie Rückgängig und Wiederholen ermöglichen. 1 [1] 10

11 Konsistenz und Standards Benutzer sollten sich nicht fragen müssen, ob abweichende Wörter bzw. unterschiedliche Situationen und Aktionen dasselbe meinen. Plattformkonventionen sollten beachtet werden. Fehler vermeiden Besser als jede gute Fehlermeldung ist es, mögliche Fehlerquellen zu vermeiden. Wiedererkennen statt sich erinnern Anstatt auf die Gedächtnisleistung des Nutzer lieber auf leicht sicht- und auffindbare Informationen setzen. Flexibilität und Effizienz Das System sollte Abkürzungen für erfahrene Nutzer bereithalten, aber den unerfahrenen User damit nicht verwirren. Ästethisches und minimalistisches Design Auf alle überflüssigen oder selten benötigte Informationen sollte besser verzichtet werden. Fehler erkennen Nutzer sollten Fehler selbst erkennen, deren Ursache diagnostizieren und anschließend selbst beheben können. Hilfe und Dokumentation Entsprechende Informationen sollten leicht auffindbar, knapp, konkret sowie Schritt für Schritt nachvollziehbar sein. Wer mehr und ausführlich über die zehn Heuristiken lesen möchte, dem sei die englische Originalversion [2] empfohlen. Eine gute deutsche Übersicht gibt es von Jens Meiert [3]. [2] [3] Liebe auf den ersten Touch Mobile Design & Usability für Apps 11

12 Grundlegendes zum Design von Android-Apps Jim Palmer, Head of Android UX team, ging in seiner Präsenation Android UI design patterns auf der Google I/O 2010 auf die Design-Philosophie für Android ein [4]. Guidelines, wie eine App aussehen sollte und an die man sich halten konnte, gab es zuvor nicht. Think of design as communication between you and your user and help you move beyond just thinking of mere functionality but how you persuade people to try and then stay engaged in your products Jim Palmer, Head of Android UX team, Google Manches wird dem Leser vom vorherigen Punkt Grundprinzipien zur Gestaltung von User Interface nach Nielsen bekannt vorkommen. Android Apps sollten: Verständlich sein, nicht simpel ( Clear vs. Simple ) Ein gutes User Interface sollte leicht zu bedienen und nicht mit Features überfrachtet sein. Das bedeutet aber nicht, dass auf alle komplexeren Funktionalitäten verzichtet werden sollte. Sich auf den Inhalt, nicht nur auf das Aussehen konzentrieren ( Content vs. Chrome ) Ziel sollte sein, die visuelle Komplexität (visual compexity of screens) zu verringen und möglichst viel Platz auf dem Display dafür zu verwenden, was dem User wichtig ist: Content. [4] 1 12

13 Konsistent sein, aber dennoch Spaß machen, die App zu benutzen ( Consistent yet engaging ) Das User Interface einer App sollte konsistent sein, damit der User sich schnell zurecht findet. Dies bedeutet jedoch nicht, dass alle Apps gleich aussehen und funktionieren sollten. Es geht vielmehr darum, dass es Spaß machen soll, die Anwendung zu benutzen. Darauf sollte der Fokus liegen und nicht darauf, immer noch mehr Funktionalitäten und Features einzubauen. Cloud verbessert User Experience ( Enhanced by cloud ) Auch wenn die meisten User gerne Neues ausprobieren und regelmäßig neue Apps herunterladen, so möchten die wenigsten, laut Jim Palmer, ständig Dinge neu organisieren. Die Cloud wird seiner Meinung nach daher zukünftig nicht nur Quelle für Informationen sein. Sie stellt für ihn eine Möglichkeit dar, die User Experience zu verbessern, indem sie dem Nutzer hilft, Zeit zu sparen und sich darauf zu konzentrieren, was ihm wichtig ist. Products need to focus on engaging the users. Jim Palmer, Head of Android UX team, Google Bildquelle: Liebe auf den ersten Touch Mobile Design & Usability für Apps 13

14 Grundlegendes zum Design von iphone-apps In der ios Developer Library geht Apple näher darauf ein, was ein exzellentes User Interface bzw. exzellente User Experience ausmacht. [5] Auch hier findet sich viel von Jakob Nielsens Heuristiken wieder. A great user interface follows human interface design principles that are based on the way people users think and work, not on the capabilities of the device. A user interface that is unattractive, convoluted, or illogical can make even a great application seem like a chore to use. But a beautiful, intuitive, compelling user interface enhances an application s functionality and inspires a positive emotional attachment in users. ios Human Interface Design Guidelines [6] [5] [6] Zitate aus ios Human Interface Design Guidelines Principles.html#//apple_ref/doc/uid/TP CH5-SW1 1 14

15 Great ios Apps Embrace the Platform and Human Interface Design Principles Die User erwarten, dass eine iphone-app sich auch wie eine iphone-app anfühlt und bedienen lässt. Selbst wenn die User nicht mit dem HI-Design-Prinzipien vertraut sind, so die Überzeugung, merken sie intuitiv den Unterschied zwischen jenen, die sich danach richten und jenen, die dies nicht tun. Zu den HI-Design-Prinzipien, die Apple aufführt, zählen: Aesthethic Integrity Entscheidend ist nicht, wie hübsch eine App ist, sondern wie sehr Design und Funktionalität aufeinander abgestimmt sind. Consistency Im Hinblick auf ios-standards, UI-Elementen und früheren Versionen. Direct Manipulation Können die User direkt auf dem Bildschirm Aktionen ausführen oder sind zusätzliche Buttons erforderlich? Dazu gehören beispielsweise Gesten zum Zoomen (Pinch) oder zum Durchblättern (Swipe). Feedback User erwarten unmittelbares Feedback auf Aktionen, wie z. B. Vibration beim Berühren eines Buttons oder einen Fortschrittsbalken beim Laden. Metaphors Für Aktionen, die der Nutzer ausführen kann, sollten Icons verwendet werden, die Aktionen aus dem realen Leben symbolisieren. Dadurch findet der Nutzer sich schneller zurecht: ein Folder für Ablage, ein Papierkorb für Löschen. Die ios Developer Library empfiehlt für gängige Aktionen, möglichst auf Standard- Buttons zurückzugreifen. (7) User Control Bedienelemente und Aktionen sollten dem User vertraut vorkommen bzw. leicht nachvollziehbar sein. [7] Dies lässt sich selbstverständlich auf das gesamte Screendesign übertragen. Durch sog. mentale Modelle (Mental Models) wird auf Gelerntes / Bekanntes aus der Wirklichkeit des Benutzers zurückgegriffen und abgebildet. So muss das Aussehen und die Bedienung eines Buches nicht neu erfunden werden, sondern der Benutzer kann die Seiten wie bei einem echten Buch umblättern. UIElementGuidelines.html#//apple_ref/doc/uid/TP CH13-SW34 Liebe auf den ersten Touch Mobile Design & Usability für Apps 15

16 Great App Design Begins with Some Clear Definitions Es ist wichtig, sich vor dem Entwickeln Gedanken darüber zu machen, welche Features die App haben sollte und wer die App nutzen wird. In den ios User Interface Guidelines wird dem ein eigenes, auch für nicht iphone-entwickler empfehlenswertes Kapitel gewidmet: App Design Strategies. (8) A Great User Experience Is Rooted in Your Attention to Detail Liebe zum Detail: Beim Design stets das Nutzererlebnis im Hinterkopf behalten, egal ob es sich um die Startseite handelt oder die Art und Weise, wie ein Button platziert wird oder benutzt werden kann. People Expect to Find ios Technologies in the Apps They Use Die im iphone integrierten Funktionalitäten sollten auch für Apps genutzt werden, etwa die Möglichkeit für Multitasking, Geolocating, Sound oder Push Notifications. All Apps Need at Least Some Custom Artwork Ähnlich wie bei Punkt Liebe zu Detail zeichnet sich eine App laut den ios Human Interface Guidelines auch durch schöne Grafiken aus, denn das Auge klickt mit. Dazu zählen neben einem ansprechenden Home Screen auch hübsche Icons, die Features und Funktionalitäten auch optisch unterstützen. [8] 16

17 1.2. Übersicht über wichtige UI-Elemente iphone Status bar height: 20 px Navigation bar height: 44 px Total screen width: 320 points Total screen height: 480 points Nav bar icons height: 20 px iphone 4 screen is 640 x 960 pixels, however the coordinate system is still 320 x 480 px Tab bar icons: typically 30 x 30 px Tab bar height: 49px iphone 4 resolution: 326 ppi iphone, iphone 3G and 3 GS resolution: 163 ppi Bildquelle: Liebe auf den ersten Touch Mobile Design & Usability für Apps 17

18 UI-Elemente Nachfolgend werden die wichtigsten UI-Elemente in der Reihenfolge, in der sie auf dem Display erscheinen von oben nach unten kurz erklärt. Navigation Bar Die Navigation Bar erscheint am obersten Rand der Anwendung direkt unter der sog. Status Bar. Hier werden unter anderem Uhrzeit, Name des Providers oder Akku-Stand angezeigt. Die Navigation Bar soll dem Nutzer eine hierarchische Navigation durch die Inhalte ermöglichen, z. B. von der Startseite über eine Auswahlliste hin zu einer Detailseite. Am linken Rand befinden sich üblicherweise, außer auf der Startseite, ein Zurück-Button bzw. ein Button mit dem Namen der vorherigen Seite, um wieder dorthin zu navigieren. In der Mitte sollte ein aussagekräftiger Titel stehen, der dem Nutzer mitteilt, auf welcher Seite er sich gerade befindet. Es empfiehlt sich, den Titel genauso zu nennen, wie den Button, auf den der Nutzer zuvor geklickt hat. Zusätzlich können rechts noch maximal zwei Buttons eingebaut werden, mit denen der Nutzer eine bestimmte Aktion auf der Seite durchführen kann, z. B. Inhalte einfügen oder editieren. Dazu sollte am besten auf Standard-Icons [9] zurückgegriffen werden. [9] Eine Liste mit Standard-Buttons gibt es hier: Guidelines/UIElementGuidelines.html#//apple_ref/doc/uid/TP CH13-SW41 Zusätzliche Informationen zum Design von Icons gibt es hier: 18

19 Toolbar Die Toolbar befindet sich am Ende der App. Über die Toolbar können seitenabhängige Aktionen durchgeführt werden, zum Beispiel Einträge bearbeiten, löschen, speichern, hinzufügen. Tab Bar Als Tab Bar wird die untere, fixe Navigationsleiste bezeichnet. Dort können bis zu fünf Aktionen platziert werden, die anders als auf der Toolbar, anwendungsübergreifend gültig sind, wie etwa eine Suchfunktion oder ein Link auf die Startseite. Macht es der Feature-Umfang der App nötig, mehr als fünf Elemente in der Tab Bar unterzubringen, so kann als fünfter Eintrag folgender Button eingebaut werden. Dieser führt den Benutzer auf eine Unterseite mit weiteren Menüpunkten. Selbstverständlich besteht die Möglichkeit, die Tab Bar frei zu gestalten. Ideen dafür gibt es zum Beispiel online bei [10]. Es ist jedoch Vorsicht geboten, da der Benutzer sich schnell überfordert fühlen kann, weil er an dieser Stelle etwas Bekanntes erwartet. [10] 1 Liebe auf den ersten Touch Mobile Design & Usability für Apps 19

20 Android Dashboard Das Dashboard ist die Startseite einer Android-, aber auch iphone-app. Dort soll der Nutzer auf einen Blick erkennen können, über welche Funktionen die App verfügt oder aus welchen verschiedenen Kategorien er auswählen kann (z. B. neueste, beliebteste). Zusätzlich können auch Benachrichtigungen angezeigt werden, etwa wie viele neue Nachrichten der Benutzer hat oder bei einem Suchauftrag, wie viele neue Objekte hinzugekommen sind. Google empfiehlt, dort 3-6 Einträge zu platzieren. Ein klassischer Dashboard-Eintrag setzt sich dabei aus Icon und Text zusammen. Bildquelle: 20

21 Action Bar Die Action Bar befindet sich am obersten Rand der App. Dort sollten zwei, maximal drei Aktionen untergebracht werden, die dem Nutzer dabei helfen, möglichst schnell etwas Bestimmtes zu tun ( How do I do a <common action> quickly? ), wie etwa ein Refresh-Button, ein Suche- oder Hinzufügen-Symbol. Die Action Bar ist jedoch kein Ersatz für das Menü, sondern eher eine Erweiterung. Daher sollten nicht alle Funktionen dort platziert werden. Die Tendenz geht jedoch in Zukunft eher dahin, Menüpunkte als Actions in der Action Bar unterzubringen zumindest bei Tablets. [11] Anstelle eines expliziten Zurück-Buttons wird häufig auf der linken Seite ein Logo platziert, um darüber wieder auf die Startseite (Dashboard) zu kommen. [11] Auf der Google I/O 2011 wurde die neue Action Bar vorgestellt. Demnach soll es zumindest für Tablets keinen Menü-Button mehr geben. Alle Actions sind rechts in der Action Bar untergebracht. Welche Auswirkungen das für Smartphones haben wird, ist derzeit noch nicht abzusehen. Das Video zur Session bzw. die Präsentationsfolien gibt es hier: 1 Bildquelle: Liebe auf den ersten Touch Mobile Design & Usability für Apps 21

22 Optionsmenü vs. Kontextmenü Bei Android-Apps gibt es ein Optionsmenü und ein Kontextmenü. Optionsmenü Optionsmenü Ausgeklapptes Optionsmenü Das Optionsmenü enthält Menüpunkte, die anwendungsübergreifend gültig sind, etwa die Suche. Bildquelle: 22

23 Kontextmenü Listenansicht Kontextmenü Das Kontextmenü enthält seitenspezifische Aktionen, z. B. Speichern, Bearbeiten, Löschen. Anstelle eines Kontextmenüs kann auch ein QuickActions -Menü [12] verwendet werden. Beide Möglichkeiten werden aktuell genutzt, da Android keine so strikten Richtlinien kennt wie Apple. Options- wie auch Kontextmenü können durch andere, teilweise neuere Mechanismen ersetzt bzw. erweitert werden. Wie bereits unter dem Punkt Action Bar angesprochen geht die Tendenz dahin, Menüpunkte in der Actionbar und nicht im Optionsmenü unterzubringen. [12]Im Android Developer Blog wird ausführlicher auf das UI-Pattern QuickActions am Beispiel der Twitter Android App eingegegangen. Lesenswert ist hierzu auch der Eintrag auf Android Patterns Bildquelle: Liebe auf den ersten Touch Mobile Design & Usability für Apps 23

24 2 Vorstellung Projekt Lokuskop Wie bereits erwähnt geht es bei Mobile Design nicht nur darum, eine Anwendung schick aussehen zu lassen, sie soll sich auch gut und rund anfühlen. Um dies nicht nur theoretisch anhand von plattformspezifische UI-Guidelines und Empfehlungen zu verdeutlichen, wurde ein Beispiel gewählt, dass: leicht nachvollziehbar ist die grundsätzliche Herangehensweise demonstriert die wichtigsten Elemente einer App beinhaltet Lokuskop, eine Location-Based-Service-App, um schnell, vor allem aber einfach eine öffentliche Toilette im Umkreis zu finden. Sie wurde für iphone und Android-Smartphones konzipiert und designt. Auf andere Plattformen, wie etwa Blackberry oder Windows Phone 7 wurde bewusst verzichtet. Auch wurden Tablets außer Acht gelassen, denn selbst wenn sie für den Einsatz unterwegs gedacht sind, so ist davon auszugehen, dass für die WC-Suche meist das Handy verwendet wird. 24

25 2.1. Zielgruppenanalyse: Wer soll diese Anwendung nutzen? Bevor mit dem eigentlichen Design begonnen wird, ist es wichtig, sich zu überlegen, für wen die App entwickelt wird. [13] Das klingt selbstverständlich, aber häufig wird vergessen, dass nicht alle User so versiert im Umgang mit dem Smartphone sind. Im Fall des Lokuskop gibt es jedoch nicht DEN User, denn wohl jeder kommt einmal in die Situation, möglichst schnell eine Toilette zu finden zu müssen. [13] Unter Punkt Grundlegendes zu Design von iphone-apps wurde bereits auf das Kapitel App Design Strategies in den ios Human Interface Guidelines verwiesen nicht nur für iphone-entwickler lesenswert. AppDesign.html#//apple_ref/doc/uid/TP CH19-SW1 Liebe auf den ersten Touch Mobile Design & Usability für Apps 25

26 2.2. Funktionalitäten / Featureliste: Was soll die App können? Was sind die Erwartungen der Nutzer? Welche Features soll die Anwendungen haben? Hierzu wurde überlegt, was für die Suche nach einem nahegelegenen WC wichtig ist. Die unsortierte Feature-Liste sah so aus: Toilette in der Nähe suchen Toilette bewerten (Sauberkeit) Toilette hinzufügen (falls sie noch nicht eingetragen wurde) Toilette merken (Favoriten) Nach bestimmten Kriterien suchen Zur Toilette navigieren Toilette melden (z. B. wenn nicht mehr vorhanden) Verschiedene Ansichten (Liste, Karte) Filterfunktion Nach welchen Kritierien soll der Nutzer suchen bzw. soll die Ergebnisliste gefiltert werden können? Behindertengerecht Öffnungszeiten (wichtig gerade nachts oder an Feiertagen) Kostenpflichtig Sauberkeit (Bewertung anderer Nutzer) Wickelmöglichkeiten / kinderfreundlich 26

27 2.3. Featureliste priorisieren: Welche Funktionen soll wo untergebracht werden? Noch bevor die App designt wird, sollte überlegt werden, welche der geplanten Features für den Nutzer wichtig sind und welche am häufigsten genutzt werden. Diese Überlegungen dienen dazu festzulegen, welche Funktionen auf der Startseite, in der Navigation / Action Bar untergebracht bzw. welche anwendungsübergreifend zur Verfügung stehen sollten (Tab Bar). Liebe auf den ersten Touch Mobile Design & Usability für Apps 27

28 3 Umsetzung Nach dem grundsätzliche Überlegungen getroffen wurden, wer die App wie nutzen wird und welche Features Lokuskop haben soll, wird nun die App designt. Make the right things visible. slidehshare.net - Android User Interface Design Tips [14] [14] (Seite 10) 28

29 3.1. Startseite Grundlegende Überlegungen Die Startseite oder Dashboard ist das erste nach einem Screenshot im App-Store, das der User von der App sieht. Sie soll, um Richard Fulcher (Google) zu zitieren, Lust auf mehr machen. [15] Gleichzeitig soll der Nutzer von dort aus, auf die wichtigsten Funktionen zugreifen können. [15] (Seite 35) Liebe auf den ersten Touch Mobile Design & Usability für Apps 29

30 Android Bei der Lokuskop-Android-App gelangt der Nutzer zunächst auf einen Screen mit folgenden Auswahlmöglichkeiten: In der Nähe Lieblingsklos Nach Kriterien suchen Toilette hinzufügen Klickt der User auf In der Nähe, gelangt er zur Ergebnisliste. Diese Variante wurde gewählt, weil für Android-Apps keine Tab Bar vorgesehen ist, innerhalb der der Nutzer zwischen verschiedenen Funktionen (Suche, Favoriten,...) wechseln kann anders als bei der iphone-app. 30

31 Dennoch werden in Android Apps Tab Bars verwendet. Sie fühlen sich aber nicht rund an und gelten eher als bad style. Deutlich wird das etwa bei der DasTelefonbuch -App*. Am unteren Displayrand wurde keine echte Tab Bar integriert. Sie wird nicht wie bei einer iphone-app bei einem Tab-Wechsel mit ausgetauscht, was optisch unrund wirkt. Dieses Unrunde lässt sich jedoch recht schwer beschreiben. Daher ist es besser, die kostenlose App im Android Market (16) herunterzuladen und selbst einmal durch die Tab Bar zu navigieren. Der Vorteil des Verzichts auf eine Tab Bar ist, dass mehr Platz für Inhalte verwendet werden kann, was auch der Forderung Jim Palmers entspricht, die visuelle Komplexität in Apps zu reduzieren (siehe dazu das Kapitel Grundlegendes zu Design von Android-Apps: Content vs. Chrome ). Best Practice: Die Entscheidung, ob ein Dashboard verwendet wird, hängt auch davon ab, wie viele unterschiedliche Bereiche es innerhalb einer App gibt. Bei nur zwei Bereichen lohnt sich ein Dashboard eigentlich nicht. Google gibt als Empfehlung, 3-6 der wichtigsten Funktionen auf dem Dashboard zu platzieren. Neben den Hauptbereichen können in der Action Bar der Startseite auch spezielle Aktionen wie Login oder Einstellungen eingebaut werden. Nicht unüblich ist auch ein Bereich Benachrichtigungen, wie z. B. bei der App von Facebook oder Google+. * Wir möchen nicht damit Apps schlecht machen oder die App als Ganzes kritisieren, aber es lässt sich eben immer an einem Beispiel besser verdeutlichen. [16] https://market.android.com/details?id=de.dastelefonbuch.android&feature=search_result Liebe auf den ersten Touch Mobile Design & Usability für Apps 31

32 Ergebnisliste Auf der Ergebnisliste werden, wie der Name sagt, die Ergebnisse mit einer Bildvorschau angezeigt. Über die Action Bar können diese weiter gefiltert werden. Action Bar Über die Action Bar sollte der Nutzer die Möglichkeit haben, schnell etwas Bestimmtes zu tun (siehe Kapitel Grundlegendes zu UI-Elementen Android-Action Bar.] Anstelle eines Zurück-Buttons wurde das Logo der App am linken Rand platziert (Branding). Darüber gelangt der Nutzer zurück zum Dashboard. Alternativ kann auch ein Home-Icon verwendet werden. 32

33 Über die jeweiligen Icons kann die Ergebnisliste außerdem gefiltert bzw. zur Kartenansicht gewechselt werden. Empfehlungen von Google [17]: In der Action Bar sollten Icons für häufig genutzte, anwendungsübergreifende Aktionen untergebracht werden. Der User sollte darüber auch wieder auf die Startseite der App gelangen. Seitenspezifische Aktionen, wie Bearbeiten, Speichern, Löschen, sollten nicht in der Action Bar integriert werden, wobei dies bei Tablets inzwischen gemacht wird. Options Menu Seitenspezifische Aktionen sollten vielmehr im Optionsmenü untergebracht werden, es ist aber keine Pflicht [18]. Der Nachteil von Optionsmenüs ist, dass dafür erst auf Menü geklickt werden muss, was Nutzer mitunter nicht wissen bzw. nicht daran denken. Bei der Lokuskop-App war ein solches Menü jedoch nicht notwendig, weil alle erforderlichen Funktionen in der Action Bar untergebracht werden können. [17] (Seite 14-15) [18] In der neuesten Version Honey Comb 3.1 (Tablet) geht Google, wie bereits erwähnt, weg vom Options Menu und bringt die wichtigsten Funktionen in der Action Bar unter. Liebe auf den ersten Touch Mobile Design & Usability für Apps 33

34 iphone Variante 1 Variante 2 Nachdem die App gestartet und die Lokalisierung erfolgreich durchgeführt wurde, werden dem Benutzer auf der Startseite sofort die ersten Ergebnisse präsentiert. Wir haben zwei verschiedene Varianten der Startseite entwickelt, die sich lediglich darin unterscheiden, wie der User zwischen Karten- und Listenansicht wählen kann. Variante 1 Navigation Bar: Bei Variante 1 wurde in der Navigation Bar neben dem Logo nur noch das Filter-Symbol untergebracht. Darunter kann über einen Toggle-Button zwischen Listen- und Kartenansicht gewechselt werden. 34

35 Variante 2 Navigation Bar: In Variante 2 kann der Nutzer über die Navigation Bar zur Kartenansicht wechseln. Dadurch können mehr Ergebnisse angezeigt werden. Logo und Filterfunktion befinden sich, wie bei Variante 1, in der Mitte bzw. am rechten Rand der Navigation Bar. Tab Bar (für alle Seiten gleich): Auf der Tab Bar, der unteren, fixen Navigationsleiste, können bis zu fünf anwendungsübergreifende Aktionen platziert werden. Bei der Lokuskop-App sind dies: Startseite Suchfunktion, Favoriten Hinzufügen von Toiletten (Apple empfiehlt in der Tab Bar nicht mehr als fünf Aktionen unterzubringen.) Liebe auf den ersten Touch Mobile Design & Usability für Apps 35

36 3.2. Detailansicht Grundlegende Überlegungen Von der Startseite gelangt der Nutzer auf die Detailseite mit einer kurzen Beschreibung der Toilette, Bewertung sowie der Möglichkeit, sich dorthin navigieren zu lassen. Zusätzlich soll die Möglichkeit bestehen, die Toilette zu melden und sie zu den Favoriten hinzuzufügen Android Lieblingsklo hinzufügen Toilette melden 36

Liebe auf den ersten Touch Mobile Design & Usability für Apps

Liebe auf den ersten Touch Mobile Design & Usability für Apps Liebe auf den ersten Touch Mobile Design & Usability für Apps V 1.1-12/2011 Liebe auf den ersten Touch Mobile Design & Usability für Apps Copyright 2011 by inserteffect All rights reserved Publisher: inserteffect

Mehr

Vom User Interface über User Experience zum User Behavior. Ivo Wessel icodecompany, Berlin www.we-make-apps.com

Vom User Interface über User Experience zum User Behavior. Ivo Wessel icodecompany, Berlin www.we-make-apps.com Vom User Interface über User Experience zum User Behavior Ivo Wessel icodecompany, Berlin www.we-make-apps.com 1 Die Zeiten ändern sich Vom Mobiltelefon zum Smartphone Vom Tablet PC zum Pad Von der Uhr

Mehr

UX Erlebnisse am Frontend

UX Erlebnisse am Frontend creating brand experience ALM Testing UX Erlebnisse am Frontend NOSE Industrial Design 22.04.2013 2 Agenda 1. UI Design 2. UX Design 3. Design folgt Regeln 4. Design macht Marken 5. Design definiert Regeln

Mehr

Das System sollte den Benutzer immer auf dem Laufenden halten, indem es angemessenes Feedback in einer angemessenen Zeit liefert.

Das System sollte den Benutzer immer auf dem Laufenden halten, indem es angemessenes Feedback in einer angemessenen Zeit liefert. Usability Heuristiken Karima Tefifha Proseminar: "Software Engineering Kernkonzepte: Usability" 28.06.2012 Prof. Dr. Kurt Schneider Leibniz Universität Hannover Die ProSeminar-Ausarbeitung beschäftigt

Mehr

HCI 15 Einführung in die Mobile Usability. am Beispiel der Android UX

HCI 15 Einführung in die Mobile Usability. am Beispiel der Android UX HCI 15 Einführung in die Mobile Usability am Beispiel der Android UX Mit dem iphone begann eine mobile Revolution Quelle: www.redant.com Whitepaper "Going Mobile" Mobil was ist anders? Gerät mit Identität

Mehr

MOBILE USABILITY & GUI-PROTOTYPING MIT BALSAMIQ. Ruedi Arnold

MOBILE USABILITY & GUI-PROTOTYPING MIT BALSAMIQ. Ruedi Arnold MOBILE USABILITY & GUI-PROTOTYPING MIT BALSAMIQ Ruedi Arnold ...brauchbar? Beispiele von http://www2.isye.gatech.edu/~jjb/misc/elevators/elevators.html Wieso funktioniert das besser? When you have trouble

Mehr

Konzept zur Push Notification/GCM für das LP System (vormals BDS System)

Konzept zur Push Notification/GCM für das LP System (vormals BDS System) Konzept zur Push Notification/GCM für das LP System (vormals BDS System) Wir Push Autor: Michael Fritzsch Version: 1.0 Stand: 04. Februar 2015 Inhalt 1. Was ist eine Push Notification? 2. Wofür steht GCM?

Mehr

Im folgenden zeigen wir Ihnen in wenigen Schritten, wie dies funktioniert.

Im folgenden zeigen wir Ihnen in wenigen Schritten, wie dies funktioniert. OPTICOM WEB.MAIL Sehr geehrte Kunden, damit Sie mit opticom, Ihrem Internet Service Provider, auch weiterhin in den Punkten Benutzerfreundlichkeit, Aktualität und Sicherheit auf dem neusten Stand sind,

Mehr

Zeiterfassungsanlage Handbuch

Zeiterfassungsanlage Handbuch Zeiterfassungsanlage Handbuch Inhalt In diesem Handbuch werden Sie die Zeiterfassungsanlage kennen sowie verstehen lernen. Es wird beschrieben wie Sie die Anlage einstellen können und wie das Überwachungsprogramm

Mehr

Eclipse User Interface Guidelines

Eclipse User Interface Guidelines SS 2009 Softwarequalität 06.05.2009 C. M. Bopda, S. Vaupel {kaymic/vaupel84}@mathematik.uni-marburg.de Motivation (Problem) Motivation (Problem) Eclipse is a universal tool platform - an open, extensible

Mehr

Mobile Business. Mag. Alfred Luger, MA Co-Founder/COO runtastic GmbH Co-Founder AllaboutApps GmbH

Mobile Business. Mag. Alfred Luger, MA Co-Founder/COO runtastic GmbH Co-Founder AllaboutApps GmbH Mobile Business Mag. Alfred Luger, MA Co-Founder/COO runtastic GmbH Co-Founder AllaboutApps GmbH Intro Markt & AppStores Warum eine mobile App? App Marketing Fazit Q & A Background INTRO Mobile Business

Mehr

+++ Bitte nutzen Sie die integrierte Audio-Funktion von WebEx (Menü Audio -> Integrated Voice Conference -> Start auswählen), um uns zu hören!!!.

+++ Bitte nutzen Sie die integrierte Audio-Funktion von WebEx (Menü Audio -> Integrated Voice Conference -> Start auswählen), um uns zu hören!!!. +++ Bitte nutzen Sie die integrierte Audio-Funktion von WebEx (Menü Audio -> Integrated Voice Conference -> Start auswählen), um uns zu hören!!!. +++ Grundkonzepte von Oracle ALTA UI & Umsetzungsbeispiele

Mehr

LEITFADEN Ihr App Service- Center

LEITFADEN Ihr App Service- Center Ihr App Service- Center So bedienen Sie das Service-Center Ihrer App! Herzlichen Glückwunsch zu Ihrer eigenen Firmen-App! Damit Sie das ganze Potential Ihrer neuen App ausschöpfen können, sollten Sie sich

Mehr

inserteffect GmbH Kurzvorstellung und Arbeitsbeispiele

inserteffect GmbH Kurzvorstellung und Arbeitsbeispiele inserteffect GmbH Kurzvorstellung und Arbeitsbeispiele WebApps ios Apps App Konzeption Plattformübergreifend Mobile Usability Android Apps Hybrid Apps Mobile Design Branchenübergreifend Windows (Phone)

Mehr

Das etwas andere Smartphone

Das etwas andere Smartphone Das etwas andere Smartphone Frank Prengel Technical Evangelist Microsoft Deutschland GmbH http://blogs.msdn.com/windowsphone 01./02. Dezember 2010 Köln www.iphonedevcon.de Microsoft? Auf der iphone DevCon??

Mehr

1. Starte die gewünschte Browseranwendung durch Klick auf den Screenshot.

1. Starte die gewünschte Browseranwendung durch Klick auf den Screenshot. Benutzerhinweise zur digitalen Datenaufnahme Mit den von Esri kostenfrei bereitgestellten Anwendungen zur digitalen Datenaufnahme kannst du Daten am Computer oder direkt im Gelände mit mobilen Geräten

Mehr

Benutzerhandbuch Quickline Mobil-TV. für Internet Client, Android, ios und Windows 8.1 Apps

Benutzerhandbuch Quickline Mobil-TV. für Internet Client, Android, ios und Windows 8.1 Apps Benutzerhandbuch Quickline Mobil-TV für Internet Client, Android, ios und Windows 8.1 Apps Einleitung Herzlich Willkommen Lieber Quickline-Kunde, liebe Quickline-Kundin Herzlichen Glückwunsch zur Wahl

Mehr

Version 8.0 Brainloop Secure Dataroom

Version 8.0 Brainloop Secure Dataroom Version 8.0 kommt in Kürze! Was ändert sich? Lesen Sie Folge 1 unserer Serie Es wird Zeit für Neuerungen: die alt bekannte Datenraum Oberfläche wird in wenigen Monaten ausgetauscht. Die Version 8.0 geht

Mehr

Verwendung der Support Webseite

Verwendung der Support Webseite amasol Dokumentation Verwendung der Support Webseite Autor: Michael Bauer, amasol AG Datum: 19.03.2015 Version: 3.2 amasol AG Campus Neue Balan Claudius-Keller-Straße 3 B 81669 München Telefon: +49 (0)89

Mehr

Zuerst: Installation auf dem Mobilgerät (des Kindes)

Zuerst: Installation auf dem Mobilgerät (des Kindes) Inhalt Willkommen... 3 Was ist der Chico Browser?... 3 Bei Android: App Kontrolle inklusive... 3 Das kann der Chico Browser nicht... 3 Zuerst: Installation auf dem Mobilgerät (des Kindes)... 4 Einstellungen

Mehr

CRM2GO. Erste Schritte

CRM2GO. Erste Schritte CRM2GO Erste Schritte 1. Loggen Sie sich in CRM2GO ein... 3 2. Systemanforderungen... 3 3. Benutzeroberfläche und Grundfunktionen... 4 4. Filtern... 5 5. Funktionen... 6 5.1 Kontaktmanagement...6 5.2 Vertrieb...7

Mehr

Mobile Usability Erkenntnisse aus 10 Jahren User Experience Testing

Mobile Usability Erkenntnisse aus 10 Jahren User Experience Testing Mobile Usability Erkenntnisse aus 10 Jahren User Experience Testing Tim Bosenick, GfK SirValUse Consulting GmbH NIK, Nürnberg, 13. Juli 2011 1 Inhalt 1 UI Design auf mobilen Endgeräten 3» Struktur & Layout

Mehr

easytermin App easysolution GmbH 1

easytermin App easysolution GmbH 1 easytermin App easysolution GmbH 1 Einleitung Vorwort Sowohl Interessenten als auch Kunden sollten zu jedem Zeitpunkt und von jedem Ort aus Termine mit unseren Mitarbeitern vereinbaren können. Um hierzu

Mehr

KURZANLEITUNG. Firmware-Upgrade: Wie geht das eigentlich?

KURZANLEITUNG. Firmware-Upgrade: Wie geht das eigentlich? KURZANLEITUNG Firmware-Upgrade: Wie geht das eigentlich? Die Firmware ist eine Software, die auf der IP-Kamera installiert ist und alle Funktionen des Gerätes steuert. Nach dem Firmware-Update stehen Ihnen

Mehr

Software Engineering und Projektmanagement 2.0 VO

Software Engineering und Projektmanagement 2.0 VO Software Engineering und Projektmanagement 2.0 VO Inhalte der Einheit Was ist Usability? Wieso ist Usability wichtig? Vorlesung 2009W Usability Engineering (Christoph Wimmer) Sicherheit in der Softwareentwicklung

Mehr

APPS - ERFOLGSFAKTOREN UND GESCHÄFTSPOTENZIALE

APPS - ERFOLGSFAKTOREN UND GESCHÄFTSPOTENZIALE APPS - ERFOLGSFAKTOREN UND GESCHÄFTSPOTENZIALE MICHAEL REUTER, APPADVISORS GMBH, MOBILE ENTERPRISE APPLICATION DAY 2011 FULL SERVICE APP CONSULTING. App Innovation App Consulting App Solutions App Promotion

Mehr

Excelsis Business Technology AG

Excelsis Business Technology AG Excelsis Business Technology AG Wearables, Smartphones & Co. im Unternehmenseinsatz Christian Sauter, Vorstand, Excelsis Business Technology AG DATAGROUP Strategie Forum: Enterprise Mobility Hamburg, 25.

Mehr

mobile Responsive Design Lässt Ihre Anwendungen und Inhalte auf jedem Gerät einfach gut aussehen 2012 www.intuio.at

mobile Responsive Design Lässt Ihre Anwendungen und Inhalte auf jedem Gerät einfach gut aussehen 2012 www.intuio.at mobile Responsive Design Lässt Ihre Anwendungen und Inhalte auf jedem Gerät einfach gut aussehen 2012 www.intuio.at 1 It is not the strongest of the species that survives, nor the most intelligent, but

Mehr

Bedienungsanleitung ComfortTouch App für Busch-ComfortPanel. Busch-ComfortPanel 9 8136/09-811 8136/09-825

Bedienungsanleitung ComfortTouch App für Busch-ComfortPanel. Busch-ComfortPanel 9 8136/09-811 8136/09-825 1373-1-8367 01.08.2013 Bedienungsanleitung Busch- 9 8136/09-811 8136/09-825 Busch- 12.1 8136/12-811 8136/12-825 1 Einleitung... 3 1.1 Bestimmungsgemäßer Gebrauch... 3 2 Systemvoraussetzung der mobilen

Mehr

Benutzerhandbuch WordPress

Benutzerhandbuch WordPress Benutzerhandbuch WordPress Handbuch zur Erstellung eines Weblogs Copyright 2008 by Eva-Maria Wahl & Dennis Klehr Inhaltsverzeichnis 1. Einführung 3 1.1 Blog 3 1.2 Web 2.0 3 1.3 Content Management System

Mehr

Kontakt Dipl.-Ing. Christian Ekhart christian.ekhart@icomedias.com Mag. Heidi Simon heidi.simon@icomedias.com

Kontakt Dipl.-Ing. Christian Ekhart christian.ekhart@icomedias.com Mag. Heidi Simon heidi.simon@icomedias.com Dokumentation Version 1.0.0 19. März 2015 Copyright icomedias GmbH icomedias Gruppe www.icomedias.com Kontakt Dipl.-Ing. Christian Ekhart christian.ekhart@icomedias.com Mag. Heidi Simon heidi.simon@icomedias.com

Mehr

Einführung in die Cross-Plattform Entwicklung Das Intel XDK

Einführung in die Cross-Plattform Entwicklung Das Intel XDK Einführung in die Cross-Plattform Entwicklung Das Intel XDK Einführung Dieses Hands-on-Lab (HOL) macht den Leser mit dem Intel XDK vertraut. Es wird Schritt für Schritt die erste eigene Hybrid-App entwickelt

Mehr

TEAMWORK App. Erste Schritte

TEAMWORK App. Erste Schritte TEAMWORK App Erste Schritte 1. Die TEAMWORK App Mit der einfachen und intuitiven Oberfläche haben Sie nicht nur Zugriff auf alle Dateien, die Sie über Ihren PC zu TEAMWORK hochgeladen haben, Sie können

Mehr

Kurzanleitung Typo3 Radio MK V1.5 vom 18.07.2014

Kurzanleitung Typo3 Radio MK V1.5 vom 18.07.2014 Kurzanleitung Typo3 V1.5 vom 18.07.2014 Typo3 Version 4.7.14 0 Inhalt Kurzanleitung Typo3 Login. 2 Seite anlegen.. 3 Inhaltselement anlegen...... 7 Dateien und Bilder verwalten... 14 Nachrichten / News

Mehr

Smart Home. Quickstart User Guide

Smart Home. Quickstart User Guide Smart Home Quickstart User Guide Um Ihr ubisys Smart Home von Ihrem mobilen Endgerät steuern zu können, müssen Sie noch ein paar kleine Einstellungen vornehmen. Hinweis: Die Abbildungen in dieser Anleitung

Mehr

http://www.jimdo.com Mit Jimdo eine Homepage erstellen Kapitel 16 Seite 1 Die eigene Homepage mit Jimdo http://benutzername.jimdo.com Der Benutzername

http://www.jimdo.com Mit Jimdo eine Homepage erstellen Kapitel 16 Seite 1 Die eigene Homepage mit Jimdo http://benutzername.jimdo.com Der Benutzername Kapitel 16 Seite 1 Die eigene Homepage mit Jimdo Mit Jimdo ist das Erstellen einer eigenen Homepage ganz besonders einfach. Auch ohne Vorkenntnisse gelingt es in kurzer Zeit, mit einer grafisch sehr ansprechenden

Mehr

Mobile Marketing. Mobile Erfolgsstrategien mit interoperativen Systemen im Ökosystem des mobile Webs

Mobile Marketing. Mobile Erfolgsstrategien mit interoperativen Systemen im Ökosystem des mobile Webs Mobile Marketing Mobile Erfolgsstrategien mit interoperativen Systemen im Ökosystem des mobile Webs Smartphones gerne lautlos anlassen :-) Kurzvorstellung Martin Schmitz E-Marketing-Manager, Projektleiter

Mehr

VN-Digital. Android. Bedienungsanleitung zum Download und Inbetriebnahme der VN-Digital-App. Kurz- und Langversion

VN-Digital. Android. Bedienungsanleitung zum Download und Inbetriebnahme der VN-Digital-App. Kurz- und Langversion VN-Digital Bedienungsanleitung zum Download und Inbetriebnahme der VN-Digital-App Android Kurz- und Langversion (Die Anleitung wurde anhand eines Samsung-Tablets mit Android-Version 4.2.2. erstellt. Je

Mehr

METRO UI Hype oder Alleskönner?

METRO UI Hype oder Alleskönner? METRO UI Hype oder Alleskönner? Claudia Oster Usability Engineer COPYRIGHT, TECHTALK - WWW.TECHTALK.AT Intoi Interactive Whiteboard Touch-Interface Angepasste UI-Elemente 2 Themen Ein Rückblick Hands On

Mehr

Nutzerhandbuch Audible für WindowsPhone

Nutzerhandbuch Audible für WindowsPhone Nutzerhandbuch Audible für WindowsPhone Inhaltsverzeichnis Willkommen 3 Anmelden 3 Neu bei Audible 4 Der Hörbuch-Shop 5 Meine Bibliothek 6 Titel herunterladen 7 Titel löschen 8 Titel anhören 9 Einstellungen

Mehr

User Interface und seine Evaluierung Teil I Eugenie Rerich. Checkliste für das Durchführen einer Usability Evaluation:

User Interface und seine Evaluierung Teil I Eugenie Rerich. Checkliste für das Durchführen einer Usability Evaluation: User Interface und seine Evaluierung Teil I Eugenie Rerich Checkliste für das Durchführen einer Usability Evaluation: 1. Festsetzen eines Evaluationsziels: Wieso evaluiere ich das Feature/Design/etc. des

Mehr

WICHTIG!: Speichern Sie die Backup Datei außerhalb Safe and itunes. Für weitere Infos schauen Sie bitte unter Safe Backup erstellen.

WICHTIG!: Speichern Sie die Backup Datei außerhalb Safe and itunes. Für weitere Infos schauen Sie bitte unter Safe Backup erstellen. Safe Anleitung Safe erlaubt Ihnen Ihre sensiblen Daten zu organisieren und zu speichern. Sie können beliebige Kategorien zur Organisation Ihrer Daten erstellen. Wir bieten Ihnen vordefinierte Vorlagen

Mehr

das Logo Ihrer Firma Ihre Kontaktinformationen (Adresse, Telefonnummer usw.) die Umsatzsteuer-Identifikationsnummer Ihrer Firma (falls vorhanden)

das Logo Ihrer Firma Ihre Kontaktinformationen (Adresse, Telefonnummer usw.) die Umsatzsteuer-Identifikationsnummer Ihrer Firma (falls vorhanden) SCHNELLEINSTIEG SO RICHTEN SIE IHREN EIGENEN ONLINESHOP EIN Sie möchten Ihren eigenen Onlineshop eröffnen? Das ist jetzt einfacher als je zuvor. Dieser Schnelleinstieg erklärt Ihnen alles, was Sie wissen

Mehr

UM ALLE DATEN ZU KOPIEREN. ZUNÄCHST die Daten des alten Telefons auf einen Computer kopieren

UM ALLE DATEN ZU KOPIEREN. ZUNÄCHST die Daten des alten Telefons auf einen Computer kopieren LUMIA mit WP8 IPHONE Daten des alten Telefons auf einen Computer kopieren Software von welcomehome.to/nokia auf Ihrem PC oder Mac. verbinden Sie Ihr altes Telefon über 3. Wenn Sie Outlook nutzen, öffnen

Mehr

Password Depot für Android

Password Depot für Android Password Depot für Android * erfordert Android Version 2.3 oder höher Oberfläche... 3 Action Bar... 3 Overflow-Menü... 3 Eintragsleiste... 5 Kontextleiste... 5 Einstellungen... 6 Kennwörterdatei erstellen...

Mehr

KVV-Handy-Ticket Benutzeranleitung für die KVV iphone App

KVV-Handy-Ticket Benutzeranleitung für die KVV iphone App KVV-Handy-Ticket Benutzeranleitung für die KVV iphone App Stand: September 2014 (App Version 1.3.0) Inhaltsverzeichnis Installation... 3 Anmeldung... 4 Kontoverwaltung... 5 Fahrkartenkauf... 9 Ticketspeicher...14

Mehr

Bedienungsanleitung. CamIQ App für iphone und ipad (Version 1.0) 12.03.2015

Bedienungsanleitung. CamIQ App für iphone und ipad (Version 1.0) 12.03.2015 Bedienungsanleitung CamIQ App für iphone und ipad (Version 1.0) 12.03.2015 Copyright 2015 rosemann software GmbH (Germany). CamIQ, das CamIQ-Logo und rosemann sind eingetragene Marken der rosemann software

Mehr

Konfiguration und Verwendung von MIT - Hosted Exchange

Konfiguration und Verwendung von MIT - Hosted Exchange Konfiguration und Verwendung von MIT - Hosted Exchange Version 3.0, 15. April 2014 Exchange Online via Browser nutzen Sie können mit einem Browser von einem beliebigen Computer aus auf Ihr MIT-Hosted Exchange

Mehr

Benutzer- und Referenzhandbuch

Benutzer- und Referenzhandbuch Benutzer- und Referenzhandbuch MobileTogether Client User & Reference Manual All rights reserved. No parts of this work may be reproduced in any form or by any means - graphic, electronic, or mechanical,

Mehr

Titelbild1 ANSYS. Customer Portal LogIn

Titelbild1 ANSYS. Customer Portal LogIn Titelbild1 ANSYS Customer Portal LogIn 1 Neuanmeldung Neuanmeldung: Bitte Not yet a member anklicken Adressen-Check Adressdaten eintragen Customer No. ist hier bereits erforderlich HERE - Button Hier nochmal

Mehr

Mobile Applications. Adrian Nägeli, CTO bitforge AG

Mobile Applications. Adrian Nägeli, CTO bitforge AG Mobile Applications Adrian Nägeli, CTO bitforge AG Inhalt Vorstellung Marktübersicht Entwicklung Adrian Nägeli Dipl. Inf.-Ing FH Seit 2005 bei bitforge bitforge AG Standort Rapperswil-Jona Gründung 2004

Mehr

TwinSpace Leitfaden. Herzlich Willkommen im TwinSpace!

TwinSpace Leitfaden. Herzlich Willkommen im TwinSpace! TwinSpace Leitfaden Herzlich Willkommen im TwinSpace! Der TwinSpace ist ein Kommunikations- und Kooperationsforum für etwinning Partnerschaften. Alle Schulen haben von ihrem Arbeitsplatz aus Zugang zu

Mehr

Siedlergemeinschaft BASF-Notwende e.v. Office 365-Benutzerhandbuch. Version 1.0 vom 06.04.2015

Siedlergemeinschaft BASF-Notwende e.v. Office 365-Benutzerhandbuch. Version 1.0 vom 06.04.2015 Siedlergemeinschaft BASF-Notwende e.v. Office 365-Benutzerhandbuch Version 1.0 vom 06.04.2015 1 Inhalt 1 Erste Schritte in Office 365... 3 2 Erste Schritte in Microsoft Outlook Web Mail... 7 2.1 Sprache

Mehr

In 10 Schritten selber eine eigene Homepage erstellen

In 10 Schritten selber eine eigene Homepage erstellen In 10 Schritten selber eine eigene Homepage erstellen Anhand dieser Anleitung können Sie einfach eine eigene Homepage selber erstellen. Registrieren Sie sich bei wordpress.com und schon können Sie loslegen.

Mehr

Features und Vorteile von Office 2010

Features und Vorteile von Office 2010 Features und Vorteile von Office 2010 Microsoft Office 2010 bietet Ihnen flexible und überzeugende neue Möglichkeiten zur optimalen Erledigung Ihrer Aufgaben im Büro, zu Hause und in Schule/Hochschule.

Mehr

Tourismus-Infos per Augmented Reality und mobiler Website www.easytourist.at

Tourismus-Infos per Augmented Reality und mobiler Website www.easytourist.at Tourismus-Infos per Augmented Reality und mobiler Website www.easytourist.at Tourismus-Infos per Augmented Reality und mobiler Website Die Zukunft ist mobil! In Österreich geht bereits jeder Zweite mobil

Mehr

@HERZOvision.de. Änderungen im Rahmen der Systemumstellung 20.04.2015. v 1.1.0 by Herzo Media GmbH & Co. KG www.herzomedia.de

@HERZOvision.de. Änderungen im Rahmen der Systemumstellung 20.04.2015. v 1.1.0 by Herzo Media GmbH & Co. KG www.herzomedia.de @HERZOvision.de Änderungen im Rahmen der Systemumstellung 20.04.2015 v 1.1.0 by Herzo Media GmbH & Co. KG www.herzomedia.de Inhaltsverzeichnis Inhaltsverzeichnis... 2 Modernisierung des herzovision.de-mailservers...

Mehr

5 Das Löschen, Verschieben oder Erstellen ganzer Seiten

5 Das Löschen, Verschieben oder Erstellen ganzer Seiten 5 Das Löschen, Verschieben oder Erstellen ganzer Seiten Inhaltsverzeichnis 5 Das Löschen, Verschieben oder Erstellen ganzer Seiten 1 Vorbemerkung.......................................... 1 5.1 Schritt

Mehr

Einführung in die Cross-Plattform Entwicklung Das Intel App Framework

Einführung in die Cross-Plattform Entwicklung Das Intel App Framework Einführung in die Cross-Plattform Entwicklung Das Intel App Framework Einführung Dieses Hands-on-Lab (HOL) macht den Leser mit dem Intel App Framework vom Intel XDK vertraut. Es wird Schritt für Schritt

Mehr

Renault. Die praktische und intelligente App für unterwegs. drive the change

Renault. Die praktische und intelligente App für unterwegs. drive the change Renault R & GO Die praktische und intelligente App für unterwegs drive the change IHR ZUVERLÄSSIGER COPILOT RENAULT R&GO IST EINE EBENSO PRAKTISCHE WIE INTELLIGENTE APP FÜR DIE PERFEKTE INTEGRATION VON

Mehr

Anleitung nv charts App

Anleitung nv charts App Anleitung nv charts App Inhaltsverzeichnis Anleitung nv charts App...1 Wie bekomme ich die App?...1 Welche Geräte sind zu von uns Getestet:...2 Wie Starte ich die App...2 Karten Herunterladen...3 Wo bekomme

Mehr

Design & UX. Tim Schoch UX Designer IOZ AG Januar 2015

Design & UX. Tim Schoch UX Designer IOZ AG Januar 2015 Design & UX Tim Schoch UX Designer IOZ AG Januar 2015 Tim Schoch, UX Designer bei der IOZ AG Zuständig für das Schöne und das Praktische rund um SharePoint und Office 365 Aufgaben als UX-Designer: Umsetzen

Mehr

iphone app - Berichte

iphone app - Berichte iphone app - Berichte Berichte - iphone App Diese Paxton-App ist im Apple App Store erhältlich. Die App läuft auf allen iphones mit ios 5.1 oder höher und enthält hochauflösende Bilder für Geräte mit Retina-Display.

Mehr

re-lounge GmbH MEDIENBÜRO

re-lounge GmbH MEDIENBÜRO re-lounge GmbH MEDIENBÜRO Think mobile: Die Bedeutung des mobilen Web für Unternehmen 26. JANUAR 2013 01 Ansprechpartner Oliver Schmitt // Geschäftsführer der re-lounge GmbH oliver.schmitt@re-lounge.com

Mehr

TOPdesk 5 ist da! Die nächste Generation IT-Servicemanagement

TOPdesk 5 ist da! Die nächste Generation IT-Servicemanagement TOPdesk 5 ist da! Die nächste Generation IT-Servicemanagement Das Softwareunternehmen TOPdesk setzt mit seiner neuesten Version TOPdesk 5 Maßstäbe im Bereich IT-Servicemanagement. Die Highlights sind der

Mehr

Android-Smartphone und die Google-Cloud

Android-Smartphone und die Google-Cloud Cloud? Cloud heißt zu Deutsch Wolke. Vielleicht haben Sie schon einmal in einer Werbung gehört, dass Daten wie Filme oder Musik in einer Cloud liegen. Aber was genau bedeutet das? Es stecken zwei Dinge

Mehr

µoffice V2.5 Benutzerhandbuch Usersicht

µoffice V2.5 Benutzerhandbuch Usersicht Vorwort µoffice bietet die perfekte online Zeiterfassung und webbasiertes Projektmanagement inklusive Mitarbeiter- und Kundenverwaltung. Die tägliche Arbeitszeit unkompliziert und projektbezogen zu dokumentieren,

Mehr

CloudMatic V1.0. Inhalt

CloudMatic V1.0. Inhalt CloudMatic V1.0 Inhalt Einleitung... 2 CCUs hinzufügen... 3 meine-homematic.de... 4 Eigenes VPN... 4 View Editor... 5 Übersicht... 5 Allgemeine Einstellungen... 6 Kanäle hinzufügen... 6 Spezielle Kanäle...

Mehr

5.3.3.7 Übung - Überwachen und Verwalten von Systemressourcen in Windows XP

5.3.3.7 Übung - Überwachen und Verwalten von Systemressourcen in Windows XP 5.0 5.3.3.7 Übung - Überwachen und Verwalten von Systemressourcen in Windows XP Einführung Drucken Sie diese Übung aus und führen Sie sie durch. In dieser Übung verwenden Sie administrative Tools zur Überwachung

Mehr

Wie man einen Artikel. auf Lautschrift.org veröffentlicht. Eine Anleitung in 14 Schritten

Wie man einen Artikel. auf Lautschrift.org veröffentlicht. Eine Anleitung in 14 Schritten Wie man einen Artikel auf Lautschrift.org veröffentlicht Eine Anleitung in 14 Schritten Die Schritte: 1. Einloggen 2. Neuen Beitrag starten 3. Die Seite Neuen Beitrag erstellen 4. Menü ausklappen 5. Formatvorlagen

Mehr

Teil 6 Kontakt, E-Mail Index

Teil 6 Kontakt, E-Mail Index HANDBUCH Inhalt Teil 1 Übersicht I 1 1 Was ist... der Chico Browser 1 2 Rechtliche... Bestimmungen 2 3 So funktioniert... der Chico Browser 3 Kom ponenten... 3 Kategorien und... URL Gruppen 3 Benutzer

Mehr

Makros erstellen und aufrufen Dr. V.Thormählen

Makros erstellen und aufrufen Dr. V.Thormählen Inhalt Mit Makros arbeiten... 2 Makro erstellen... 3 Makro aufrufen... 4 1. Tastenkürzel zuordnen... 4 2. Schnellzugriffsleiste anpassen... 6 3. Menüband anpassen... 8 Fazit... 11 Listings Listing 1: Codezeilen

Mehr

CaddieON. Kurzanleitung

CaddieON. Kurzanleitung CaddieON Kurzanleitung Lieferumfang 1. Transmitter 2. USB Ladekabel 3. Clubsticker (15 Stück) 4. Kurzanleitung 5. Beutel 6. CaddieON Credits 2 3 6 1 CREDITS 5 4 CaddieON quick guide Aufladen des Transmitters

Mehr

inviu NFC-tracker für Android Funktionsweise und Bedienung

inviu NFC-tracker für Android Funktionsweise und Bedienung inviu NFC-tracker für Android Funktionsweise und Bedienung 1 Inhaltsverzeichnis inviu NFC-tracker...1 1 Inhaltsverzeichnis...1 2 Installation...2 3 Einrichtung im Webportal inviu pro...2 3.1 Benannte Positionen

Mehr

AM BeIsPIel Der DAsInvestMent.coM MoBIl WeB APP

AM BeIsPIel Der DAsInvestMent.coM MoBIl WeB APP AM BeIsPIel Der DAsInvestMent.coM MoBIl WeB APP 2 Inhalt Warum ist es sinnvoll eine spezielle Applikation für mobile Geräte zu entwickeln? Seite 5 Welche Möglichkeiten der Umsetzung gibt es? 6 Mobile Applikation

Mehr

IB-AC511 Handbuch - Deutsch - V. 1.0

IB-AC511 Handbuch - Deutsch - V. 1.0 IB-AC511 Handbuch - Deutsch - V. 1.0 Inhalt Content Einleitung... 2 Schnellstart... 2 Hardware Einstellungen... 2 Android Shadow ToolBar... 6 Android Shadow Funktionen... 7 1.Kabelverbindung zum Laden...

Mehr

Einrichtung des NVS Calender-Google-Sync-Servers. Installation des NVS Calender-Google-Sync Servers (Bei Neuinstallation)

Einrichtung des NVS Calender-Google-Sync-Servers. Installation des NVS Calender-Google-Sync Servers (Bei Neuinstallation) Einrichtung des NVS Calender-Google-Sync-Servers Folgende Aktionen werden in dieser Dokumentation beschrieben und sind zur Installation und Konfiguration des NVS Calender-Google-Sync-Servers notwendig.

Mehr

Die Hifidelio App Beschreibung

Die Hifidelio App Beschreibung Die Hifidelio App Beschreibung Copyright Hermstedt 2010 Version 1.0 Seite 1 Inhalt 1. Zusammenfassung 2. Die Umgebung für die Benutzung 3. Der erste Start 4. Die Ansicht Remote Control RC 5. Die Ansicht

Mehr

Top Tipp. Ref. 08.05.23 DE. Verwenden externer Dateiinhalte in Disclaimern. (sowie: Verwenden von Images in RTF Disclaimern)

Top Tipp. Ref. 08.05.23 DE. Verwenden externer Dateiinhalte in Disclaimern. (sowie: Verwenden von Images in RTF Disclaimern) in Disclaimern (sowie: Verwenden von Images in RTF Disclaimern) Ref. 08.05.23 DE Exclaimer UK +44 (0) 845 050 2300 DE +49 2421 5919572 sales@exclaimer.de Das Problem Wir möchten in unseren Emails Werbung

Mehr

AppMachine. Einfach Bausteine kombinieren THE NEXT STEP IN APP BUILDING. Bauen Sie Ihre eigenen Apps. iphone & Android. 100% native Apps.

AppMachine. Einfach Bausteine kombinieren THE NEXT STEP IN APP BUILDING. Bauen Sie Ihre eigenen Apps. iphone & Android. 100% native Apps. AppMachine.com AppMachine THE NEXT STEP IN APP BUILDING Einfach Bausteine kombinieren Nutzen Sie 24 verschiedene Komponenten, um Ihre App zu bauen. Bauen Sie Ihre eigenen Apps. Ohne Programmierkenntnisse.

Mehr

So schützt du deine Privatsphäre!

So schützt du deine Privatsphäre! Sicher unterwegs in acebook www.facebook.com So schützt du deine Privatsphäre! Stand: September 2014 1 Bedenke: Das Internet vergisst nicht! Leitfaden: Sicher unterwegs in Facebook Du solltest immer darauf

Mehr

USER EXPERIENCE DESIGN

USER EXPERIENCE DESIGN USER EXPERIENCE DESIGN Sebastian C. Scholz ERGOSIGN GmbH Saarbrücken, 16. Juni 2015 ZIEL CUBE-Formel C U B E E Content Usability Branding User Experience Emotion 2 USER EXPERIENCE DREI EBENEN Nutzen, Benutzbarkeit

Mehr

Outlook 2000 Thema - Archivierung

Outlook 2000 Thema - Archivierung interne Schulungsunterlagen Outlook 2000 Thema - Inhaltsverzeichnis 1. Allgemein... 3 2. Grundeinstellungen für die Auto in Outlook... 3 3. Auto für die Postfach-Ordner einstellen... 4 4. Manuelles Archivieren

Mehr

2. Einloggen bei PROJEKTE2GO... 3. 3. Systemanforderungen... 3. 4. Benutzeroberfläche... 3. 5. Funktionen... 6

2. Einloggen bei PROJEKTE2GO... 3. 3. Systemanforderungen... 3. 4. Benutzeroberfläche... 3. 5. Funktionen... 6 PROJEKTE2GO Inhalt 1. Ihr mobiles Projektmanagement für unterwegs... 3 2. Einloggen bei PROJEKTE2GO... 3 3. Systemanforderungen... 3 4. Benutzeroberfläche... 3 5. Funktionen... 6 5.1 Zeiterfassung...6

Mehr

2. FAQ. 2.1 Headline Banner. Inhalt: 1.Installation. 1. Installation 2. FAQ 3. Einstellungen 4. Benötigen Sie weitere Hilfe?

2. FAQ. 2.1 Headline Banner. Inhalt: 1.Installation. 1. Installation 2. FAQ 3. Einstellungen 4. Benötigen Sie weitere Hilfe? Inhalt: 1. Installation 2. FAQ 3. Einstellungen 4. Benötigen Sie weitere Hilfe? 1.Installation Um das Electronics Theme zu installieren, gehen Sie in der Rubrik Design zum Template Store. Hier sehen Sie

Mehr

Anleitung zur Schnellinstallation TFM-560X YO.13

Anleitung zur Schnellinstallation TFM-560X YO.13 Anleitung zur Schnellinstallation TFM-560X YO.13 Table of Contents Deutsch 1 1. Bevor Sie anfangen 1 2. Installation 2 Troubleshooting 6 Version 06.08.2011 1. Bevor Sie anfangen Packungsinhalt ŸTFM-560X

Mehr

Eyetracking Web Usability. Kapitel 4: Navigation Kapitel 5: Fundamental Web Design Elements

Eyetracking Web Usability. Kapitel 4: Navigation Kapitel 5: Fundamental Web Design Elements Eyetracking Web Usability Kapitel 4: Navigation Kapitel 5: Fundamental Web Design Elements Menüs und Informationsarchitektur Globale Navigation Gleichbleibende Hauptnavigation beim Navigieren durch Untermenüs

Mehr

Mit Cloud Power werden Sie zum

Mit Cloud Power werden Sie zum Mit Cloud Power werden Sie zum Windows 8 und Windows Phones Apps Mark Allibone Noser Engineering AG History Channel Computing Technology 1960 Mainframe Computing 1970 Mini Computing 1980 Personal Computing

Mehr

Konfigurieren einer Caritas- Startseite für Abteilungen

Konfigurieren einer Caritas- Startseite für Abteilungen Konfigurieren einer Caritas- Startseite für Abteilungen Jürgen Eckert Domplatz 3 96049 Bamberg Tel (09 51) 5 02 2 75 Fax (09 51) 5 02 2 71 Mobil (01 79) 3 22 09 33 E-Mail eckert@erzbistum-bamberg.de Im

Mehr

Software Release Notes

Software Release Notes Software Release Notes dss V1.8.1 Mit den Software Release Notes (SRN) informiert die aizo ag über Software-Änderungen und -Aktualisierungen bei bestehenden Produkten. Dokument-Nummer SRN-2013-04 Datum

Mehr

Teamlike Kurzanleitung. In Kooperation mit

Teamlike Kurzanleitung. In Kooperation mit Teamlike Kurzanleitung In Kooperation mit Inhaltsverzeichnis 03 Willkommen bei TeamLike 04 Anmeldung 05 Obere Menüleiste 06 Linke Menüleiste 07 Neuigkeiten 08 Profilseite einrichten 09 Seiten & Workspaces

Mehr

Smartphone eine Einführung

Smartphone eine Einführung Smartphone eine Einführung 1. Was ist ein Smartphone? am Beispiel Android 4.4.4 kitkat Ein Smartphone ist ein Mobiltelefon (umgangssprachlich Handy), das mehr Computer- Funktionalität und -konnektivität

Mehr

Die Toodledo-Schnittstelle. Klare Ziele Freier Schreibtisch Das Wichtigste zuerst

Die Toodledo-Schnittstelle. Klare Ziele Freier Schreibtisch Das Wichtigste zuerst 6 Die Toodledo-Schnittstelle Klare Ziele Freier Schreibtisch Das Wichtigste zuerst meineziele Herausgeber und Verantwortlicher im Sinne des Presserechts ist die Methode.de GmbH, Springstr. 2, 77704 Oberkirch,

Mehr

AMS (Albatros Mobile Services) Anleitung für Android-App

AMS (Albatros Mobile Services) Anleitung für Android-App 2 von 8 1. Allgemein Seit der Saison 2012 steht die Albatros Software, die viele Golfspieler bereits aus dem Internet kennen, auch als Andoid-Applikation zur Verfügung. Für iphones gibt es die App seit

Mehr

Go-Mobile-Strategien für Early Birds und Late Risers Benno Bartels, Enterprise Application Day, 11.10.2011. web mobile specialists

Go-Mobile-Strategien für Early Birds und Late Risers Benno Bartels, Enterprise Application Day, 11.10.2011. web mobile specialists Go-Mobile-Strategien für Early Birds und Late Risers Benno Bartels, Enterprise Application Day, 11.10.2011 web mobile specialists Wer spricht? Benno Bartels [Mobile ] * Konzepter * Berater * Usability

Mehr

Die Welt wird einfacher. Mit einem Partner für mobile Anwendungen, der über den Displayrand hinaussieht.

Die Welt wird einfacher. Mit einem Partner für mobile Anwendungen, der über den Displayrand hinaussieht. Die Welt wird einfacher. Mit einem Partner für mobile Anwendungen, der über den Displayrand hinaussieht. Lassen Sie uns die Welt für Ihre Kunden einfacher machen mit einer Strategie, die den Nutzer ins

Mehr

Zusatzbetriebsanleitung. Freude am Fahren. MY BMW REMOTE ios. ZUSATZBETRIEBSANLEITUNG.

Zusatzbetriebsanleitung. Freude am Fahren. MY BMW REMOTE ios. ZUSATZBETRIEBSANLEITUNG. Zusatzbetriebsanleitung Freude am Fahren MY BMW REMOTE ios. ZUSATZBETRIEBSANLEITUNG. My BMW Remote - ios Zu dieser Betriebsanleitung In dieser Betriebsanleitung sind alle My BMW Remote App Funktionen für

Mehr

HYBRID-APPS ENTWICKELN. UWE MUTZ Univ.-Lektor Ing. MSc MAS

HYBRID-APPS ENTWICKELN. UWE MUTZ Univ.-Lektor Ing. MSc MAS HYBRID-APPS ENTWICKELN UWE MUTZ Univ.-Lektor Ing. MSc MAS ZIEL DES WEBINARS Einblick in die Entwicklung einer App auf Basis einer Website Verständnisgewinn zum Thema App-Entwicklung generell: Website Responsive

Mehr

1. Schnellkurs Android-Tablet den Startbildschirm individuell anpassen und optimal nutzen

1. Schnellkurs Android-Tablet den Startbildschirm individuell anpassen und optimal nutzen . Schnellkurs Android-Tablet den Startbildschirm individuell anpassen und optimal nutzen Android-Tablets lassen sich sprichwörtlich mit dem richtigen Fingerspitzengefühl steuern. Das Grundprinzip von Tippen,

Mehr

Anleitung zur Erstellung eines Blogs bei

Anleitung zur Erstellung eines Blogs bei Autor/en: Titel: Jiří Hönes Anleitung zur Erstellung eines Blogs bei WordPress.com Dieser Artikel wird unter der folgenden Creative-Commons-Lizenz veröffentlicht: CC BY-SA 3.0 Jiří Hönes Anleitung zur

Mehr