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, Timo Ohr, 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 Android iphone 2. Vorstellung Projekt Lokuskop 2.1. Zielgruppenanalyse 2.2. Funktionalitäten / Featureliste 2.3. Featureliste priorisieren 1

5 3. Umsetzung 3.1. Startansicht Grundlegende Überlegungen Android iphone 3.2. Detailansicht Grundlegende Überlegungen Android iphone 3.3. Suche Grundlegende Überlegungen Android iphone 3.4. Fehlermeldungen Ortung Fehlende Internetverbindung Keine Toiletten im Umkreis 4. Zusammenfassung 5. Weitere Ressourcen 6. Kontakt

6 Executive Summary Mobile Design & Usability warum soll man sich darüber überhaupt Gedanken machen? Auf diese Frage wollen wir mit diesem E-Book eine Antwort geben und ein Bewusstsein dafür schaffen, dass Design & Usability wesentliche Bestandteile bei der Entwicklung von mobilen Anwendungen sind ganz gleich, ob es sich dabei um iphone, Android oder eine andere Plattform handelt. Das E-Book ist von uns als kurze Einführung in das Thema Mobile Design & Usabiltiy gedacht. Neben Design-Philosophie, einem Überblick über die wichtigsten User-Interface- Elemente sowie den Grundprinzipien von User-Interface-Gestaltung gehen wir anhand der Lokuskop-App, einer fiktiven Android- und iphone-app, näher darauf ein, worum es bei Mobile Design & Usability geht. 6

7 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. Liebe auf den ersten Touch Mobile Design & Usability für Apps 7

8 1 Der erste Eindruck zählt Mobilize, Don t Miniaturize. Bob Miller, User Experience Strategist Seit knapp zehn Jahren entwickeln wir von inserteffect Anwendungen für mobile Plattformen. Wir erleben immer wieder, dass für manche mobil heißt: Web, aber auf einem kleineren Display. Dabei wird gerne übersehen, dass Konzept, Design und Usability sich nicht eins zu eins übertragen lassen und auch bei Features und Funktionalitäten überlegt werden muss, ob sie für den Einsatz unterwegs wirklich sinnvoll sind. Aber warum sollte man sich überhaupt über Mobile Design & Usability Gedanken machen? Ziel sollte sein so zumindest unsere Überzeugung Apps zu entwickeln, die sich rund anfühlen, die Spaß machen, die man gerne benutzt. Kurz, die man einfach auf seinem Handy nicht mehr missen möchte. 8

9 Für ein perfektes Nutzererlebnis müssen daher Design und Usability optimal auf Plattform und Displaygröße abgestimmt werden, denn es zählt der erste Eindruck. Damit das gelingt, halten wir es für wichtig, auch ein Verständnis für die Design-Philosophie und die wichtigsten UI-Elemente der jeweiligen Plattform zu haben. Und natürlich plattformspezifische Besonderheiten zu berücksichtigen. Wir haben dieses E-Book mit dem Ziel geschrieben, genau darauf näher einzugehen und beim Leser ein Bewusstsein für die Bedeutung von Mobile Design & Usability zu schaffen und das Ganze natürlich auch in der Praxis zu zeigen. 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 Dafür haben wir eine fiktive, wenn auch praxisnahe Android- bzw. iphone-app designt und konzipiert: Lokuskop eine Anwendung zum schnellen Suchen und Finden von öffentlichen Toiletten. Anhand von Scribbles erklären wir, was es im Hinblick auf die unterschiedlichen Plattformen zu beachten gilt. Da es jedoch nicht nur DEN Weg gibt, eine App zu gestalten, haben wir auch über den eigenen Displayrand hinausgeblickt und Beispiele von anderen Apps genommen, um zu zeigen, wie dort bestimmte Dinge gelöst bzw UI-Elemente verwendet wurden. Für Version 1 haben wir uns zunächst auf Android-Smartphones und das iphone konzentriert, Tablets wie auch andere Plattformen wurden (noch) nicht berücksichtigt. Liebe auf den ersten Touch Mobile Design & Usability für Apps 9

10 1.1. Grundlegendes zum Design von iphoneund Android-Apps Bevor wir uns der Praxis widmen, möchten wir zunächst noch etwas näher auf zehn Grundprinzipien der User-Interface-Gestaltung, der Design-Philosophie von Google und Apple sowie einige UI-Elemente näher eingehen. Dies ist unserer Meinung nach wichtig, um besser zu verstehen, was ein stimmiges Nutzererlebnis ausmacht Grundprinzipien für User Interface Design Ein wichtiger Aspekt, ob eine App gut bei den Usern ankommt, ist Benutzerfreundlichkeit und Bedienbarkeit. In diesem Zusammenhang hat Jakob Nielsen [1] eine Liste mit zehn Grundprinzipien (Heuristiken) für die Gestaltung von Bedienoberflächen erstellt. Sie wurden zwar für die Gestaltung von Webseiten erstellt, lassen sich zum Teil aber auch auf Apps anwenden. Sichtbarkeit des Systemstatus Was passiert gerade? Das System sollte den Nutzer zeitnah und in angemessener Form darüber informieren. Übereinstimmung zwischen System und Wirklichkeit Das System sollte die Sprache des Benutzers sprechen und Wörter bzw. Begriffe verwenden, die dem Nutzer vertraut sind. 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 und Nutzer ggf. vor Ausführung einer Aktion um Bestätigung zu bitten. Wiedererkennen statt sich erinnern Anstatt auf die Gedächtnisleistung des Nutzers 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ötigten Informationen sollte besser verzichtet werden. Fehler erkennen Fehlermeldungen sollten einfach und verständlich sein und das Problem bzw. dessen Behebung genau beschreiben. 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: Einfach und verständlich sein 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 Ziel sollte sein, die visuelle Komplexität zu verringern und möglichst viel Platz auf dem Display dafür zu verwenden, was dem User wichtig ist: Inhalt. [4] 1 12

13 Konsistent sein, aber auch Spaß machen 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. Durch Cloud-basierte Services verbesserte Benutzerfreundlichkeit 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 Benutzerfreundlichkeit zu verbessern, indem sie Nutzern hilft, Zeit zu sparen und sich darauf zu konzentrieren, was 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 eine exzellente Bedienoberfläche bzw. Benutzerfreundlichkeit ausmacht.[5] Auch hier findet sich viel von Jakob Nielsens Heuristiken wieder. Großartige ios-apps beachten sowohl plattformspezifische Besonderheiten als auch die Prinzipien der User-Interface-Gestaltung Damit ist gemeint, dass die User erwarten, dass sich eine iphone-app wie eine iphone-app anfühlt. Und selbst wenn sie noch nie etwas von den Prinzipien der User-Interface-Gestaltung gehört haben, so merken sie intuitiv den Unterschied zwischen jenen, die sich danach richten und jenen, die dies nicht tun, d. h. die sich irgendwie unrund anfühlen. In den ios Human Interface Design Guidelines werden folgende folgende Prinzipien aufgeführt: Aesthethic Integrity Entscheidend ist nicht, wie hübsch eine App ist, sondern wie sehr Design und Funktionalität aufeinander abgestimmt sind. Consistency Eine App sollte dem User im Hinblick auf UI-Elementen und früheren Versionen vertraut vorkommen und daher ios-standards berücksichtigt werden. Direct Manipulation Die Nutzer sollten auf dem Touchscreen Aktionen ausführen können, etwa mit Gesten zum Zoomen (Pinch) oder zum Durchblättern (Swipe). Es soll Spaß machen, die App zu benutzen. Feedback User erwarten unmittelbares Feedback auf Aktionen, wie z. B. Vibration beim Berühren eines Buttons oder ein Fortschrittsbalken beim Laden. User Control Bedienelemente und Aktionen sollten dem User vertraut vorkommen bzw. leicht nachvollziehbar sein. [5] 1 14

15 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 Ordner 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.[6] 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.[7] 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 beim 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 einer attraktiven Startseite auch ansprechende Icons, die die Features auch optisch unterstützen. [6] Dies lässt sich selbstverständlich auf das gesamte Screendesign anwenden. Durch sog. mentale Modelle (Mental Models) wird auf Gelerntes / Bekanntes aus der Wirklichkeit des Benutzers zurückgegriffen. 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/UIElementGuidelines.html#//apple_ref/doc/uid/TP CH13-SW34 [7] Liebe auf den ersten Touch Mobile Design & Usability für Apps 15

16 1.2. Übersicht über wichtige UI-Elemente 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, z. B. 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. Beispiele Dashboard Dashboard Facebook -Android-App Logo führt zurück zum Dashboard Zusätzlich ausziehbares Schubfach ( Drawer ) für Benachrichtigungen Unten: integrierte Bildergallerie Actions in der Action Bar: Suche Status schreiben 16

17 Dashboard Evernote -Android-App Enthält Info über letzte Synchronisation Spezialelement unten am Screen, Tab-Element für Synchronisierung und Datennutzung Logo in der Action Bar führt immer zurück zum Dashboard Dashboard Google+ -Android-App Spezialfall: Keine Action Bar auf dem Dashboard Unten: ausziehbares Schubfach ( Drawer ) für Benachrichtigungen Dashboard immowelt -Android-App Login in der Action Bar Logo führt zum Dashboard zurück Ausziehbares Schubfach (Drawer) mit Suchverlauf Liebe auf den ersten Touch Mobile Design & Usability für Apps 17

18 Action Bar Die Action Bar befindet sich am obersten Rand der App. Dort sollten alle Aktionen untergebracht werden, die sich auf die gesamte Ansicht beziehen, wie etwa ein Refresh-, Suche- oder Hinzufügen-Button. Kontextbezogene Aktionen werden in der Ansicht selbst untergebracht. In aller Regel wird auf der linken Seite das Logo platziert, um darüber auf die Startansicht (z. B. Dashboard) zu gelangen. Action Bar BBC Android-App Beinhaltet Logo, Shortcut zu Spezialnews, Bearbeiten und Refresh Bearbeiten und Refresh beziehen sich auf die aktuelle Ansicht Overflow-Menü Seit Android 3 (Honeycomb) ersetzt die Action Bar auch komplett das Optionsmenü. Alle Aktionen, die in der Leiste keinen Platz mehr finden bzw. die nicht so oft genutzt werden, landen im Overflow-Menü, einem Dropdown-Menü am rechten Rand der Action Bar. Mit Android 4 (Icecream Sandwich) lässt sich die Action Bar auf Smartphones optional auch zweiteilen; damit gelangen Aktionen des Overflow- Menüs in eine zweite Leiste, die am unteren Bildschirmrand untergebracht ist. Overflow-Menü in der Gmail -App in Android 3 (Honeycomb) Selten genutzte Aktionen landen im Overflow-Menü Alle Optionen des ehemaligen Optionsmenüs landen ab Android 3 ebenfalls im Overflow-Menü 18

19 Zweigeteilte Action Bar der Messaging-App in Android 4 Die sonst im Overflow-Menü untergebrachten Aktionen können in eine zweite Action Bar am unteren Bildschirmrand verschoben werden. Ein Overflow-Menü wird auf Smartphones daher meist nicht mehr benötigt Navigation Zusätzlich kann die Action Bar seit Android 3 (Honeycomb) auch ein Dropdown-Menü oder eine Tab-Leiste zur Navigation enthalten. Die Tab-Leiste wird auf Smartphones dabei meist in eine zweite Zeile direkt unterhalb der Action Bar verschoben. Manche Apps, wie beispielsweise die Telefon-App in Android 4 (Icecream Sandwich), enthalten auf Smartphones anstelle der Action Bar auch nur eine Tab-Leiste. Dropdown-Navigation in der Kalendar-App Ersetzt für gewöhnlich Titel der Ansicht in der Action Bar Dropdowns werden ab Android 3 durch Pfeil in der rechten unteren Ecke gekennzeichnet Wird meist benutzt, um die aktuelle Ansicht umzuschalten Liebe auf den ersten Touch Mobile Design & Usability für Apps 19

20 Music-App in Android 4 Tab-Leiste ersetzt komplett die Action Bar Unten: zusätzlich eine Action Bar Tabs können über die Breite des Displays hinausgehen und entweder direkt in der Tab-Leiste gescrollt werden oder scrollen automatisch mit, wenn die Ansicht nach links oder rechts geswiped wird Action-Mode Die Action Bar lässt sich außerdem in einen sogenannten Action-Mode versetzen. Das passiert beispielsweise wenn der Nutzer Text oder eine Reihe von s auswählt. Dabei werden die Aktionen in der Action Bar durch kontextsensitive Aktionen ersetzt, zum Beispiel Text kopieren oder s löschen. Der Action-Mode kann an vielen Stellen das Kontextmenü ersetzen. Action-Mode im Android-Browser Wird angezeigt, sobald der Nutzer anfängt Text zu selektieren, mögliche Aktionen ist z. B. Select All Rechts oben: Overflow-Menü mit neuem Android-4-Icon 20

21 Action Bar in Android 2 Action Bars werden in Android erst seit Version 3 (Honeycomb) offiziell unterstützt; in älteren Versionen mussten Entwickler Action Bars noch selbst einbauen. Mit Hilfe von ActionBarSherlock [8] lassen sich die meisten erwähnten Funktionen, wie das Overflow- Menü oder die Navigations-Features, auch in Android 2 nutzen. ActionBarSherlock bietet dabei die gleiche Programmierschnittstelle wie unter Android 3. Dadurch können Anwendungen, die für Android 3 oder 4 entwickelt wurden und die Action Bar nutzen, ohne große Anpassungen auch mit Android 2 laufen. Action Bar in der SeriesGuide -App, auf Basis von ActionBarSherlock in Android 2 Identisch zu den Funktionen der Action Bar in Android 3 Greift in neueren Versionen direkt auf die offizielle Implementierung zurück [8] Liebe auf den ersten Touch Mobile Design & Usability für Apps 21

22 iphone iphone 3G (S) iphone 4 (S) 22

23 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. 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 [9] [9] Zitate aus ios Human Interface Design Guidelines Principles.html#//apple_ref/doc/uid/TP CH5-SW1 Liebe auf den ersten Touch Mobile Design & Usability für Apps 23

24 Status Bar Navigation Bar Ganz oben am Display befindet sich die Status Bar mit Informationen zu Uhrzeit, Name des Providers und Akkustand. Die Status Bar liegt in drei Versionen vor: grau (Standardfarbe, wird verwendet, wenn nichts anderes definiert ist), schwarz oder halbtransparentes schwarz. Die Navigation Bar erscheint direkt unter der Status Bar. Sie soll dem Nutzer eine hierarchische Navigation durch die Inhalte ermöglichen, z. B. von der Startansicht über eine Auswahlliste hin zu einer Detailansicht. Am linken Rand befinden sich üblicherweise, außer auf der Startansicht, ein Zurück-Button bzw. ein Button mit dem Namen der vorherigen Ansicht, um wieder dorthin zu navigieren. In der Mitte sollte ein aussagekräftiger Titel stehen, der dem Nutzer mitteilt, auf welcher Ansicht 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 Ansicht durchführen kann, z. B. Inhalte einfügen oder editieren. Dazu sollte am besten auf Standard-Icons zurückgegriffen werden. [10] Beispiele Navigation Bar Navigation Bar der BBC -iphone-app Custom Navigation Bar Custom Buttons Logo eingebettet Navigation Bar der l tur -iphone-app Logo eingebettet Zurück-Button [10] 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: 24

25 Toolbar Die Toolbar befindet sich am unteren Bildschirmrand. Über die Toolbar können seitenabhängige Aktionen durchgeführt werden, z. B. Einträge bearbeiten, löschen, speichern, hinzufügen. Sowohl in der Toolbar als auch in der Navigation Bar kommen zwei Arten von Interaktionselementen vor: Icons oder Buttons (einfacher Button oder ein segmented control button ). Der einzige Unterschied liegt darin, dass Icons ohne grafischen Button nur in der Toolbar verwendet werden dürfen. In der Navigation Bar werden die Icons nur akzeptiert, wenn sie in der Button Umrandung eingefügt sind (siehe Screenshot Taskeater-App Navigationbar). Generell sollten Navigation Bar und Toolbar aus einem Guss sein, d. h. gleiche Farbverläufe und Effekte, sofern man mit diesen arbeitet. Beispiele Toolbar Standard Toolbar Mail-App Enthält bis zu 5 Elemente Ansichtbezogene Aktionen Standard Navigation bar Back-Button Pfeil-Buttons zum Navigieren durch die Mailbox Custom Toolbar BBC -App Custom Buttons Logo (wird aus Branding- Gründen manchmal gemacht, es sollte aber laut Guidelines an der Stelle nur Text stehen) Custom Toolbar Taskeater -App Dient sowohl für Tabs (Erledigt, nicht erledigt, Alarm gesetzt) als auch als Toolbar (Einstellungen) Liebe auf den ersten Touch Mobile Design & Usability für Apps 25

26 Tab Bar Als Tab Bar wird die untere, fixe Navigationsleiste bezeichnet. Dort können bis zu fünf Tabs platziert werden, die anders als auf der Toolbar, anwendungsübergreifend gültig sind, wie etwa eine Suchfunktion oder ein Link auf die Startansicht. 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 Ansicht 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 [11]. Es ist jedoch Vorsicht geboten, da der Benutzer sich schnell überfordert fühlen kann, weil er an dieser Stelle etwas Bekanntes erwartet. Um nicht unnötig viel Platz auf dem Bildschirm zu verschwenden, sollten beide Elemente, d. h. Toolbar und Tab Bar, nicht gleichzeitig in einer App verwendet werden. Beispiele Tab Bar Standard Tab Bar Germany iphone-app bis zu 5 Tabs letzter Tab ist Mehr... 1 [11] 26

27 Mehr...-Button in der Tab Bar barcoo -iphone-app Enthält weitere Elemente, die nicht in den Tabs enthalten sind. Sie können per Edit in die vorhandenen Tabs geladen werden Beispiel einer angepassten Tab Bar Heads Up Lite -iphone-app Orientiert sich an den Styleguide-Vorgaben, Standard-Icons subtil anders Aktiver Tab hervorgehoben Tab-Höhe geringer Für die Verwendung einer angepassten Tab Bar, spricht vor allem das Argument der Ästhetik. Möchte man sich von anderen Apps grundlegend unterscheiden und seinen ganz eigenen Style verwenden, so kann man eine eigene Tab Bar designen und programmieren. Hier hat man alle Freiheiten und kann auch auf ausgewählte Tabs den Fokus legen. Liebe auf den ersten Touch Mobile Design & Usability für Apps 27

28 Benachrichtigungen (Push Notifications) Es gibt drei Möglichkeiten den Benutzer über Statusänderungen oder Updates zu informieren: durch ein Banner mit einem Emblem (Badge) über einen Hinweis (Alert) Push Notifications sollten mit Bedacht eingesetzt werden, da sie schnell nerven können, insbesondere wenn zusätzlich zum visuellen Reiz noch mit akkustischen Signalen gearbeitet wird. Bei der Ebay-App erinnern Push Notifications an eine ablaufende Auktion oder falls der Nutzer gerade überboten wurde (zeitkritische Benachrichtigung). Die Giftköder-App schlägt zum Beispiel Alarm, wenn sich ein Giftköder-Fundort in der Nähe befindet (ortsbezogene Benachrichtigung).[12] Benachrichtigung mit einem Emblem (Badge) In einem Emblem, dem sog. Badge wird dem Benutzer direkt auf dem Home Screen angezeigt, ob sich der Status einer Funktion in der App geändert hat. Die Benutzer sollten allerdings selbst bestimmen, ob sie die Funktion möchten. Home-Screen Icons mit Push Notification. 1 [12] 28

29 Beispiel für angepasste Tab Bar mit Push Notification: Sport1 -iphone-app. Um den Benutzer über Statusänderungen zu informieren, kann zusätzlich in der Tab Bar eine Push Notification angezeigt werden. Benachrichtigung mit einem Hinweis (Alert) Auch im gesperrten Zustand ist es möglich, Benachrichtigungen zu empfangen. Sie werden vor allem für Funktionen eingesetzt, wie zum Beispiel Wecker oder dem Kalender. Auch Apps wie Facebook verwenden dieses Benachrichtigungsverfahren. Eine einfache Interaktion ermöglicht es dem User, direkt darauf Einfluss zu nehmen. Benachrichtigung durch ein Banner Banner-Benachrichtungen bekommt der Benutzer angezeigt, wenn er sich bspw. in einer anderen App befindet. Das App-Icon und ein kurzer Text informieren den Benutzer über die eingegangene Veränderung. Ein klassisches Beispiel dafür sind Benachrichtigungen über neue Mails. Liebe auf den ersten Touch Mobile Design & Usability für Apps 29

30 2 Vorstellung Projekt Lokuskop Bei Mobile Design geht es 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, haben wir uns ein Beispiel überlegt, das: leicht nachvollziehbar ist die grundsätzliche Herangehensweise demonstriert die wichtigsten Elemente einer App beinhaltet Lokuskop ist eine Location-Based-Service-App, mit der schnell, vor allem aber auch einfach eine öffentliche Toilette im Umkreis gesucht bzw. gefunden werden kann. Wir haben sie zunächst für das iphone und Android-Smartphones designt und konzipiert. Andere Plattformen, wie etwa WindowsPhone 7 oder Tablets haben wir zunächst nicht berücksichtigt, schließen jedoch für zukünftige Updates nicht aus, das E-Book zu erweitern. 30

31 2.1. Zielgruppenanalyse: Wer soll diese Anwendung nutzen? Bevor mit dem Design begonnen wird, ist es wichtig sich zu überlegen, für wen die App entwickelt wird. [13] Im Fall des Lokuskop gibt es nicht DEN User, denn wohl jeder kommt einmal in die Situation, möglichst schnell eine Toilette zu finden zu müssen. Bei unseren Überlegungen kamen uns vor allem folgende Personengruppen in den Sinn: 1. Touristen bzw. Leute, die sich in der Gegend nicht auskennen 2. Eltern 3. Behinderte 4. Ältere Menschen Wie versiert sind diese Personengruppen im Umgang mit Smartphones bzw. wie wahrscheinlich ist es, dass sie ein entsprechendes Gerät besitzen? Diese Frage ist zum Beispiel wichtig, um mögliche Fehlerquellen zu identifizieren, weiß der Nutzer etwa, wie er GPS oder Internetfunktion aktivieren kann oder muss entsprechende Hilfestellung gegeben werden? [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 31

32 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 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). 32

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.0.4-09/2011 Liebe auf den ersten Touch Mobile Design & Usability für Apps Copyright 2011 by inserteffect All rights reserved Publisher:

Mehr

Android M 6 Neue Funktionen die Hidden Features

Android M 6 Neue Funktionen die Hidden Features Android M 6 Neue Funktionen die Hidden Features Funktionen, die Google verschwiegen hat Bereits auf der i/o 2015 hat Google einige neue Funktionen von Android M vorgestellt, etwa neue Stromspar-Features

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

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

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

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

Easy Mobile Homepage. Nützliche Tipps für die Nutzung der Software. 2011 Die Software ist urheberrechtlich geschützte Freeware - all rights reserved

Easy Mobile Homepage. Nützliche Tipps für die Nutzung der Software. 2011 Die Software ist urheberrechtlich geschützte Freeware - all rights reserved Easy Mobile Homepage Nützliche Tipps für die Nutzung der Software Danke für Ihr Interesse! Danke für Ihr Interesse an unserer neuen Software und wir freuen uns darüber, dass Sie die Tutorials angefordert

Mehr

tentoinfinity Apps 1.0 EINFÜHRUNG

tentoinfinity Apps 1.0 EINFÜHRUNG tentoinfinity Apps Una Hilfe Inhalt Copyright 2013-2015 von tentoinfinity Apps. Alle Rechte vorbehalten. Inhalt der online-hilfe wurde zuletzt aktualisiert am August 6, 2015. Zusätzlicher Support Ressourcen

Mehr

Zeiterfassung mit Aeonos. Bedienungsanleitung für die App

Zeiterfassung mit Aeonos. Bedienungsanleitung für die App Zeiterfassung mit Bedienungsanleitung für die App Inhaltsverzeichnis Einleitung... 3 Installationsanleitung (für alle Versionen)... 3 Vorbereitung... 3 Installation mit Hilfe des Internet-Browsers... 4

Mehr

Dokumentation PuSCH App. windows-phone

Dokumentation PuSCH App. windows-phone Dokumentation PuSCH App windows-phone Inhaltsverzeichnis Mit dem PuSCH App am Smartphone wird das Bestellen deutlich vereinfacht und beschleunigt! Die PuSCH App ist eine mobile Erweiterung zum Partnerportal

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

FÜR GOOGLE ANDROID OPERATING SYSTEM. Dokumentation. Version 1.2013. 2013 NAM.IT Software-Entwicklung Alle Rechte vorbehalten.

FÜR GOOGLE ANDROID OPERATING SYSTEM. Dokumentation. Version 1.2013. 2013 NAM.IT Software-Entwicklung Alle Rechte vorbehalten. FÜR GOOGLE ANDROID OPERATING SYSTEM Dokumentation Version 1.2013 2013 NAM.IT Software-Entwicklung Alle Rechte vorbehalten. 1 Information Diese Dokumentation beschreibt die Funktionen der kostenpflichten

Mehr

DEJORIS iphone-app Anleitung

DEJORIS iphone-app Anleitung DEJORIS iphone-app Anleitung Stand: März 2014 Inhaltsverzeichnis 1 Einleitung... 3 1.1 Voraussetzungen... 3 1.2. Funktionen von allgemeinen Schaltflächen und Symbolen... 4 2. Arbeiten mit der DEJORIS-App...

Mehr

Individuelle Urlaubsbetreuung für Ihre Gäste

Individuelle Urlaubsbetreuung für Ihre Gäste DER MOBILE GASTGEBER Inhalt:... Was ist der Mobile Gastgeber? Welche Funktionen bietet der Mobile Gastgeber und wie richte ich ihn ein? > Zugang zum Mobilen Gastgeber > Übersicht: Die Menüleiste alle Funktionen

Mehr

Der Kalender im ipad

Der Kalender im ipad Der Kalender im ipad Wir haben im ipad, dem ipod Touch und dem iphone, sowie auf dem PC in der Cloud einen Kalender. Die App ist voreingestellt, man braucht sie nicht laden. So macht es das ipad leicht,

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

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

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

iphone app - Anwesenheit

iphone app - Anwesenheit iphone app - Anwesenheit Anwesenheit - 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

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

DSBmobile App - Benutzerhandbuch

DSBmobile App - Benutzerhandbuch DSBmobile App Benutzerhandbuch DSBmobile App Installation (iphone) Die Installation der App erfolgt über den Apple App Store. Stellen Sie sicher, dass Sie über eine Internetverbindung verfügen und starten

Mehr

Erste Schritte mit der neuen Benutzeroberfläche in Brainloop Secure Dataroom 8.20

Erste Schritte mit der neuen Benutzeroberfläche in Brainloop Secure Dataroom 8.20 Erste Schritte mit der neuen Benutzeroberfläche in Brainloop Secure Dataroom 8.20 Copyright Brainloop AG, 2004-2012. Alle Rechte vorbehalten. Dokumentversion: 1.0 Alle in diesem Dokument angeführten Marken

Mehr

SharePoint 2013 Mobile Access

SharePoint 2013 Mobile Access Erstellung 21.05.2013 SharePoint 2013 Mobile Access von Stephan Nassberger Hofmühlgasse 17/1/5 A-1060 Wien Verantwortlich für das Dokument: - Stephan Nassberger (TIMEWARP) 1 Inhalt Inhalt... 2 Versionskontrolle...

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

3.7 Horde-Kalender abonnieren

3.7 Horde-Kalender abonnieren 3.7 Horde-Kalender abonnieren Abbildung 70: Abonnement-Button in der Kalendersidebar Der Horde-Kalender lässt sich in anderen Programmen abonnieren. Somit bietet sich die Möglichkeit, Ihren Kalender in

Mehr

Vodafone TV Manager. Benutzerhandbuch Stand Juni 2015

Vodafone TV Manager. Benutzerhandbuch Stand Juni 2015 Vodafone TV Manager Benutzerhandbuch Stand Juni 05 Inhalt Erste Schritte. Download der App. Mit dem Vodafone TV Center verbinden 3. Hauptmenü verwenden 4. Virtuelle Fernbedienung nutzen TV-Programm. TV-Programm

Mehr

Filterregeln... 1. Einführung... 1. Migration der bestehenden Filterregeln...1. Alle eingehenden Nachrichten weiterleiten...2

Filterregeln... 1. Einführung... 1. Migration der bestehenden Filterregeln...1. Alle eingehenden Nachrichten weiterleiten...2 Jörg Kapelle 15:19:08 Filterregeln Inhaltsverzeichnis Filterregeln... 1 Einführung... 1 Migration der bestehenden Filterregeln...1 Alle eingehenden Nachrichten weiterleiten...2 Abwesenheitsbenachrichtigung...2

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

Folgende Schritte sind für das Update auf die Version 4.0 der App des Kölner Stadt-Anzeiger zu beachten

Folgende Schritte sind für das Update auf die Version 4.0 der App des Kölner Stadt-Anzeiger zu beachten Folgende Schritte sind für das Update auf die Version 4.0 der App des Kölner Stadt-Anzeiger zu beachten! Wichtig: Bitte installieren Sie das Update, damit Sie auch weiterhin die Tablet-Ausgabe der App

Mehr

@HERZOvision.de. Kurzanleitung WebClient. v 1.0.0 by Herzo Media GmbH & Co. KG - www.herzomedia.de

@HERZOvision.de. Kurzanleitung WebClient. v 1.0.0 by Herzo Media GmbH & Co. KG - www.herzomedia.de @HERZOvision.de Kurzanleitung WebClient v 1.0.0 by Herzo Media GmbH & Co. KG - www.herzomedia.de Inhaltsverzeichnis Inhaltsverzeichnis... 2 E-Mails direkt im Browser bearbeiten... 3 Einführung in den WebClient

Mehr

TYPO3 Redaktoren-Handbuch

TYPO3 Redaktoren-Handbuch TYPO3 Redaktoren-Handbuch Kontakt & Support: rdv interactive ag Arbonerstrasse 6 9300 Wittenbach Tel. 071 / 577 55 55 www.rdvi.ch Seite 1 von 38 Login http://213.196.148.40/typo3 Username: siehe Liste

Mehr

Innovator for Model Sketching. Kurzanleitung zu Installation und Benutzung

Innovator for Model Sketching. Kurzanleitung zu Installation und Benutzung Kurzanleitung zu Installation und Benutzung Inhaltsverzeichnis Installation... 3 Systemvoraussetzungen... 3 Innovator for Model Sketching herunterladen... 3 Innovator for Model Sketching einrichten...

Mehr

Benutzerhandbuch für Hosted Exchange

Benutzerhandbuch für Hosted Exchange Benutzerhandbuch für Hosted Exchange Kurzbeschrieb Kurzdokumentation für Kunden mit dem Service Hosted Exchange. Änderungskontrolle Version Datum Überarbeitungsgrund Ersteller 0.1 16.05.2010 Initialversion

Mehr

iphone app - Türen öffnen

iphone app - Türen öffnen iphone app - Türen öffnen Türen öffnen - 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

Mehr

Benutzerhandbuch Managed ShareFile

Benutzerhandbuch Managed ShareFile Benutzerhandbuch Managed ShareFile Kurzbeschrieb Das vorliegende Dokument beschreibt die grundlegenden Funktionen von Managed ShareFile Auftraggeber/in Autor/in Manuel Kobel Änderungskontrolle Version

Mehr

Diese Ansicht erhalten Sie nach der erfolgreichen Anmeldung bei Wordpress.

Diese Ansicht erhalten Sie nach der erfolgreichen Anmeldung bei Wordpress. Anmeldung http://www.ihredomain.de/wp-admin Dashboard Diese Ansicht erhalten Sie nach der erfolgreichen Anmeldung bei Wordpress. Das Dashboard gibt Ihnen eine kurze Übersicht, z.b. Anzahl der Beiträge,

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

mobilboxmanager Benutzerhandbuch Version 3.01

mobilboxmanager Benutzerhandbuch Version 3.01 mobilboxmanager Benutzerhandbuch Version 3.01 Inhaltsverzeichnis 1.Was ist der mobilboxmanager? 3 2.Das Onlineportal 4 2.1 Passwort anfordern 4 2.2 Einstieg ins Onlineportal 6 3. Abwesenheit verwalten

Mehr

Benutzerhandbuch. für. ENAiKOON buddy-tracker

Benutzerhandbuch. für. ENAiKOON buddy-tracker ENAiKOON buddy-tracker Benutzerhandbuch für ENAiKOON buddy-tracker Anwendergerechte Software zur Anzeige der Standorte Ihrer Fahrzeuge bzw. mobilen Objekte auf einem BlackBerry 1 1 Ein Wort vorab Vielen

Mehr

TYPO3 Version 4.5 Neuerungen für Redakteure

TYPO3 Version 4.5 Neuerungen für Redakteure TYPO3 Version 4.5 Neuerungen für Redakteure Warum das Update auf 4.5? (Die wichtigsten Features und Optimierungen) 4.5 Neuerungen für Redakteure Die Version 4.5 von TYPO3 beinhaltet einige Änderungen in

Mehr

Folgende Schritte sind für das Update auf die Version 4.0 der App des Kölner Stadt-Anzeiger zu beachten

Folgende Schritte sind für das Update auf die Version 4.0 der App des Kölner Stadt-Anzeiger zu beachten Folgende Schritte sind für das Update auf die Version 4.0 der App des Kölner Stadt-Anzeiger zu beachten! Wichtig: Bitte installieren Sie das Update, damit Sie auch weiterhin die Tablet-Ausgabe der App

Mehr

Mailing primarweinfelden.ch

Mailing primarweinfelden.ch Mailing primarweinfelden.ch Inhaltsverzeichnis 1 Allgemeine Angaben / Wichtig... 1 2 Mails an private Adresse weiterleiten... 2 3 Mailing übers Internet (Webmail = Outlook Web App = OWA)... 4 4 Mailing

Mehr

Psi unter Mac OS X benutzen

Psi unter Mac OS X benutzen Psi unter Mac OS X benutzen Andreas Stöcker Juni 2008 Installation Auf der Webseite http://psi-im.org/ kann das Programm für Mac OS X heruntergeladen werden. Um das Programm zu erhalten, muss die heruntergeladene

Mehr

RÖK Typo3 Dokumentation

RÖK Typo3 Dokumentation 2012 RÖK Typo3 Dokumentation Redakteur Sparten Eine Hilfe für den Einstieg in Typo3. Innpuls Werbeagentur GmbH 01.01.2012 2 RÖK Typo3 Dokumentation Inhalt 1) Was ist Typo3... 3 2) Typo3 aufrufen und Anmelden...

Mehr

Website importieren oder erstellen?

Website importieren oder erstellen? 94 Eine Website aus Vorlagen Website importieren oder erstellen? Grundsätzlich gibt es zwei Möglichkeiten, MAGIX Web Designer zu benutzen: entweder Sie haben bereits eine Website und wollen sie mit MAGIX

Mehr

Alinof ToDoList. Benutzerhandbuch. Version 2.0! Copyright 2011-2014 by Alinof Software GmbH!!!!!!! Seite 1/

Alinof ToDoList. Benutzerhandbuch. Version 2.0! Copyright 2011-2014 by Alinof Software GmbH!!!!!!! Seite 1/ Alinof ToDoList Benutzerhandbuch Version 2.0 Copyright 20-2014 by Alinof Software GmbH Seite 1/ Inhaltsverzeichnis Vorwort... 3 Urheberechte... 3 Änderungen... 3 Garantie... 3 Systemvoraussetzungen...

Mehr

Gehen Sie in den Appstore und geben unter Suche Tagblatt ein. Klicken Sie den Buttons I nstallieren an und geben Sie I hr itunes Passwort ein.

Gehen Sie in den Appstore und geben unter Suche Tagblatt ein. Klicken Sie den Buttons I nstallieren an und geben Sie I hr itunes Passwort ein. Anleitung ipad App Gehen Sie in den Appstore und geben unter Suche Tagblatt ein. Klicken Sie den Buttons I nstallieren an und geben Sie I hr itunes Passwort ein. 1 Die App wird nun geladen und auf dem

Mehr

Veranstaltungen anlegen und bearbeiten

Veranstaltungen anlegen und bearbeiten Veranstaltungen anlegen und bearbeiten Dieses Dokument beschreibt, wie Sie Veranstaltungen anlegen und bearbeiten können. Login Melden Sie sich an der jeweiligen Website an, in dem Sie hinter die Internet-

Mehr

Detaillierte Anleitung zum Konfigurieren gängiger E-Mail-Clients

Detaillierte Anleitung zum Konfigurieren gängiger E-Mail-Clients Detaillierte Anleitung zum Konfigurieren gängiger E-Mail-Clients Im Folgenden finden Sie detaillierte Anleitungen (mit Screenshots) zu folgenden E-Mail-Client- Programmen: 1. Microsoft Office Outlook 2010

Mehr

Handbuch für Android 1.5

Handbuch für Android 1.5 Handbuch für Android 1.5 1 Inhaltsverzeichnis 1 Leistungsumfang... 3 1.1 Über Boxcryptor Classic... 3 1.2 Über dieses Handbuch... 3 2. Installation... 5 3. Grundfunktionen... 5 3.1 Einrichtung von Boxcryptor

Mehr

Anwendungsbeschreibung Tobit David.fx iphone Client

Anwendungsbeschreibung Tobit David.fx iphone Client Anwendungsbeschreibung Tobit David.fx iphone Client Stand: Oktober 2009 ...Inhalt Inhalt Inhalt...1-2 1.) Vorabinformation...1-3 2.) Automatische Benachrichtigung...2-3 3.) Starten des David.fx Client

Mehr

CalenGoo Einführung 1.5.14

CalenGoo Einführung 1.5.14 English Deutsch Start Einführung Konfiguration Support Updates Impressum/Datenschutz CalenGoo Einführung 1.5.14 Einführung Der folgende Text gibt einen Überblick wie CalenGoo bedient wird. Er erklärt die

Mehr

Alinof Key s Benutzerhandbuch

Alinof Key s Benutzerhandbuch Alinof Key s Benutzerhandbuch Version 3.0 Copyright 2010-2014 by Alinof Software GmbH Page 1/ Vorwort... 3 Urheberechte... 3 Änderungen... 3 Systemvoraussetzungen für Mac... 3 Login... 4 Änderung des Passworts...

Mehr

FA Datenschutzportal (DSP) Das SharePoint Nutzerhandbuch Lernen Sie die (neuen) Funktionen des Portals unter SharePoint kennen

FA Datenschutzportal (DSP) Das SharePoint Nutzerhandbuch Lernen Sie die (neuen) Funktionen des Portals unter SharePoint kennen FA Datenschutzportal (DSP) Das SharePoint Nutzerhandbuch Lernen Sie die (neuen) Funktionen des Portals unter SharePoint kennen Führungs-Akademie des DOSB /// Willy-Brandt-Platz 2 /// 50679 Köln /// Tel

Mehr

Nutzerhandbuch Softwaresystem Inspirata. Benutzerhandbuch Softwaresystem Inspirata

Nutzerhandbuch Softwaresystem Inspirata. Benutzerhandbuch Softwaresystem Inspirata Benutzerhandbuch Softwaresystem Inspirata 1 Inhaltsverzeichnis 1. Login und Logout... 3 2. Kalender/Buchungen auswählen... 5 3. Betreuer... 7 3.1 Buchung anlegen... 7 3.2 Betreuer zuordnen... 8 3.3 Notiz

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

Leitfaden zur Nutzung der Bauernblatt-App

Leitfaden zur Nutzung der Bauernblatt-App Leitfaden zur Nutzung der Bauernblatt-App Ich möchte zukünftig die digitale Ausgabe des Bauernblattes auf meinem ipad / Tablet lesen. Was muss ich tun? 1. Sie müssen mit Ihrem ipad / Tablet eine Internetverbindung

Mehr

Anleitungen zu Inside FHNW

Anleitungen zu Inside FHNW Anleitungen zu Inside FHNW Jasmin Kämpf, Sabina Tschanz und Caroline Weibel, elearning.aps@fhnw.ch Version 1.0 20.8.14 Zürich, August 2014 1 Inhaltsverzeichnis 1. Anleitung Inside FHNW Gruppe eröffnen

Mehr

PAUL App. Anleitung für Studierende und Lehrende

PAUL App. Anleitung für Studierende und Lehrende PAUL App Anleitung für Studierende und Lehrende Stand: 9. Dezember 2014 1 Liebe Studierende, liebe Lehrende, mit der Einführung der PAUL App können verschiedene Funktionalitäten der PAUL Webseite einfacher

Mehr

Von Lotus Notes 8.5 auf Office 365 for Business

Von Lotus Notes 8.5 auf Office 365 for Business Von Lotus Notes 8.5 auf Office 365 for Business Der Umstieg Microsoft Outlook 2013 hat ein anderes Erscheinungsbild als Lotus Notes 8.5, aber Sie werden schnell feststellen, dass Sie mit Outlook alles

Mehr

Apps am Smartphone. Vortrag am Fleckenherbst Bürgertreff Neuhausen. www.buergertreff-neuhausen.de www.facebook.com/buergertreffneuhausen

Apps am Smartphone. Vortrag am Fleckenherbst Bürgertreff Neuhausen. www.buergertreff-neuhausen.de www.facebook.com/buergertreffneuhausen Apps am Smartphone Vortrag am Fleckenherbst Bürgertreff Neuhausen 1 Inhalt Was sind Apps Woher bekomme ich Apps Sind Apps kostenlos Wie sicher sind Apps Wie funktionieren Apps App-Vorstellung Die Google

Mehr

2015 mylenses Konzept

2015 mylenses Konzept 2015 mylenses Konzept Kontakt: Alexander Gell A-5163 Mattsee T: +43 680 32 89 648 info@gellclan.at www.gellclan.at Gell Alexander GellClan Software Products 1.1.2015 1. Inhaltsverzeichnis 1. Inhaltsverzeichnis...

Mehr

Tutorial: Wie nutze ich den Mobile BusinessManager?

Tutorial: Wie nutze ich den Mobile BusinessManager? Tutorial: Wie nutze ich den Mobile BusinessManager? Im vorliegenden Tutorial erfahren Sie, wie Sie mit Hilfe des Mobile BusinessManagers über ein mobiles Endgerät, z. B. ein PDA, jederzeit auf die wichtigsten

Mehr

1. Vorwort. Ihr Ansprechpartner zu diesem Thema ist ihr lokaler ServiceDesk oder die IT Support Services.

1. Vorwort. Ihr Ansprechpartner zu diesem Thema ist ihr lokaler ServiceDesk oder die IT Support Services. Version 1.5, 10.10.2013, ags09 Nutzung der Terminalservices von GW mit einem ipad 1. Vorwort 2. Einrichten der Gerätekennung 3. Installation der Applikation 4. Einrichten der Verbindung 5. Verbinden mit

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

Handbuch für ios 1.4 1

Handbuch für ios 1.4 1 Handbuch für ios 1.4 1 Inhaltsverzeichnis 1. Leistungsumfang... 3 1.1 Über Boxcryptor Classic... 3 1.2 Über dieses Handbuch... 4 2. Installation... 5 3. Grundfunktionen... 6 3.1. Einrichtung von Boxcryptor

Mehr

Optionale Umstellung der Intranet-Version von Perinorm auf wöchentliche Aktualisierung

Optionale Umstellung der Intranet-Version von Perinorm auf wöchentliche Aktualisierung Optionale Umstellung der Intranet-Version von Perinorm auf wöchentliche Aktualisierung Perinorm Online wurde im Dezember 2013 auf eine wöchentliche Aktualisierung umgestellt. Ab April 2014 können auch

Mehr

Eigene Karten mit ArcGIS online erstellen

Eigene Karten mit ArcGIS online erstellen visit www.youthmap5020.at or find us on Facebook Eigene Karten mit ArcGIS online erstellen Inhalt 1 Erste Schritte... 1 2 Eigene Karten erstellen... 4 3 Kartenmanagement (speichern, teilen, veröffentlichen)...

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

Wikispaces: Erste Schritte zur Zusammenarbeit übers Internet Eine kurze Anleitung Stand: März 2008

Wikispaces: Erste Schritte zur Zusammenarbeit übers Internet Eine kurze Anleitung Stand: März 2008 Oliver Ott PHBern, Zentrum für Bildungsinformatik Wikispaces: Erste Schritte zur Zusammenarbeit übers Internet Eine kurze Anleitung Stand: März 2008 1. Einleitung Ein Wiki ist eine Sammlung von Webseiten,

Mehr

Literaturverwaltung mit Stud.IP

Literaturverwaltung mit Stud.IP Literaturverwaltung mit Stud.IP Voraussetzungen Account für Stud.IP an der Justus-Liebig-Universität Gießen (https://studip.uni-giessen.de) Kenntnisse im allgemeinen Umgang mit Stud.IP Beachten Sie, dass

Mehr

Alle alltäglichen Aufgaben können auch über das Frontend durchgeführt werden, das in den anderen Anleitungen erläutert wird.

Alle alltäglichen Aufgaben können auch über das Frontend durchgeführt werden, das in den anderen Anleitungen erläutert wird. Der Admin-Bereich im Backend Achtung: Diese Anleitung gibt nur einen groben Überblick über die häufigsten Aufgaben im Backend-Bereich. Sollten Sie sich nicht sicher sein, was genau Sie gerade tun, dann

Mehr

Bilder Teilen mit Dropbox. für registrierte User

Bilder Teilen mit Dropbox. für registrierte User Teil 2 Bilder teilen mit Dropbox für registrierte User Mit Dropbox schiebt man Dateien in einen virtuellen Ordner im Internet auf den User von jedem PC aus zugreifen können, sofern man ihnen die Erlaubnis

Mehr

Content Management System (CMS) Manual

Content Management System (CMS) Manual Content Management System (CMS) Manual Thema Seite Aufrufen des Content Management Systems (CMS) 2 Funktionen des CMS 3 Die Seitenverwaltung 4 Seite ändern/ Seite löschen Seiten hinzufügen 5 Seiten-Editor

Mehr

Dokumentation PuSCH App. windows-phone

Dokumentation PuSCH App. windows-phone Dokumentation PuSCH App windows-phone Inhaltsverzeichnis Mit dem PuSCH App am Smartphone wird das Bestellen deutlich vereinfacht und beschleunigt! Die PuSCH App ist eine mobile Erweiterung zum Partnerportal

Mehr

XING und LinkedIn-Integration in das erecruiter-bewerberportal

XING und LinkedIn-Integration in das erecruiter-bewerberportal XING und LinkedIn-Integration in das erecruiter-bewerberportal Sowohl für XING als auch für LinkedIn müssen sog. Keys beantragt werden, die im erecruiter hinterlegt werden. Im Folgenden sind die Schritte

Mehr

Urlaubsregel in David

Urlaubsregel in David Urlaubsregel in David Inhaltsverzeichnis KlickDown Beitrag von Tobit...3 Präambel...3 Benachrichtigung externer Absender...3 Erstellen oder Anpassen des Anworttextes...3 Erstellen oder Anpassen der Auto-Reply-Regel...5

Mehr

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

VN-Digital. ipad. Bedienungsanleitung zum Download und Inbetriebnahme der VN-Digital-App. Kurz- und Langversion VN-Digital Bedienungsanleitung zum Download und Inbetriebnahme der VN-Digital-App ipad Kurz- und Langversion Die Rechte an den in dieser Bedienungsanleitung verwendeten Bilder hält die Apple Inc. Apple,

Mehr

Neue Features im Überblick

Neue Features im Überblick 1&1 DO-IT-YOURSELF HOMEPAGE Neue Features im Überblick Stand: 01.09.2011 - www.1und1.de 1 Überblick neuer Features nach Tarifen Feature DIY Privat (4,99 ) DIY Basic (9,99 ) DIY Plus (19,99 ) DIY Pro (29,99

Mehr

Kurzanleitung für die mobile Novell Messenger 3.0.1-App

Kurzanleitung für die mobile Novell Messenger 3.0.1-App Kurzanleitung für die mobile Novell Messenger 3.0.1-App Mai 2015 Novell Messenger 3.0.1 und höher ist für unterstützte ios-, Android- und BlackBerry-Mobilgeräte verfügbar. Da Sie an mehreren Standorten

Mehr

Dokumentation PuSCH App. iphone

Dokumentation PuSCH App. iphone Dokumentation PuSCH App iphone Inhaltsverzeichnis Mit dem PuSCH App am Smartphone wird das Bestellen deutlich vereinfacht und beschleunigt! Die PuSCH App ist eine mobile Erweiterung zum Partnerportal auf

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

Das Handbuch zu KSystemLog. Nicolas Ternisien

Das Handbuch zu KSystemLog. Nicolas Ternisien Nicolas Ternisien 2 Inhaltsverzeichnis 1 KSystemLog verwenden 5 1.1 Einführung.......................................... 5 1.1.1 Was ist KSystemLog?................................ 5 1.1.2 Funktionen.....................................

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

Installation des edu- sharing Plug- Ins für Moodle

Installation des edu- sharing Plug- Ins für Moodle Installation des edu- sharing Plug- Ins für Moodle [edu-sharing Team] [Dieses Dokument beschreibt die Installation und Konfiguration des edu-sharing Plug-Ins für das LMS Moodle.] edu- sharing / metaventis

Mehr

Seekajakspots.ch Android App

Seekajakspots.ch Android App Eine App zum Finden und Eintragen von Einwasserstellen (Spots) für Kanuten auf Schweizer Seen und in angerenzenden Ländern. Seekajakspots.ch Android App Manual Inhaltsverzeichnis Setup...3 Benutzername...3

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

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

Newssystem für den eigenen Lehrstuhl einrichten

Newssystem für den eigenen Lehrstuhl einrichten Newssystem für den eigenen Lehrstuhl einrichten Zunächst muss unterhalb des Lehrstuhlordners (im Beispiel Schulpädagogik) ein Neuer Ordner config angelegt werden: Der Dateiname des neuen Ordners sollte

Mehr

Psi unter Microsoft Windows benutzen

Psi unter Microsoft Windows benutzen Psi unter Microsoft Windows benutzen Andreas Stöcker Juni 2008 Installation Auf der Webseite http://psi-im.org/ kann das Programm für Windows heruntergeladen werden. Doppelklicken Sie auf die setup- Datei,

Mehr

Zeiterfassung-Konnektor Handbuch

Zeiterfassung-Konnektor Handbuch Zeiterfassung-Konnektor Handbuch Inhalt In diesem Handbuch werden Sie den Konnektor kennen sowie verstehen lernen. Es wird beschrieben wie Sie den Konnektor einstellen und wie das System funktioniert,

Mehr

Bedienungsanleitung WeeklyPicture4u.de Version 1.02 Frank Kruse

Bedienungsanleitung WeeklyPicture4u.de Version 1.02 Frank Kruse Bedienungsanleitung WeeklyPicture4u.de Version 1.02 Frank Kruse Vorwort In diese Bedienungsanleitung findest du alles Wichtige in einer Schritt für Schritt Anleitung, um bei WeeklyPicture4u.de mitzumachen.

Mehr

Veränderung in der VR-NetWorld Software 5.0. 1. Was ist neu?

Veränderung in der VR-NetWorld Software 5.0. 1. Was ist neu? Information zur neuen 5.0 Veränderung in der 5.0 Die Version 5.0 hat teilweise ihr Aussehen verändert. Ebenso wurden einige Funktionalitäten geändert. Um Ihnen den Umstieg leichter zu machen, finden Sie

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

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

Die Erinnerungsfunktion in DokuExpert.net

Die Erinnerungsfunktion in DokuExpert.net in DokuExpert.net buchner documentation GmbH Lise-Meitner-Straße 1-7 D-24223 Schwentinental Tel 04307/81190 Fax 04307/811999 www.buchner.de Inhaltsverzeichnis 1. SINN UND ZWECK...3 2. ERINNERUNGEN ANLEGEN...3

Mehr

Eine eigene Website mit Jimdo erstellen

Eine eigene Website mit Jimdo erstellen Eine eigene Website mit Jimdo erstellen Die schnellste und kostengünstigste Art, zu einem Internetauftritt zu gelangen, ist der Weg über vorkonfigurierte und oftmals kostenfreie Internetbaukästen. Diese

Mehr

OSF Integrator für Btracking und Salesforce Anleitung für die Nutzer

OSF Integrator für Btracking und Salesforce Anleitung für die Nutzer OSF Integrator für Btracking und Salesforce Anleitung für die Nutzer Inhalt Beschreibung... 2 Beginn der Nutzung... 2 OSF Integrator für Btracking und Salesforce... 3 1. Fügen Sie Rechnungs- und Versandadressen

Mehr

Logics App-Designer V3.1 Schnellstart

Logics App-Designer V3.1 Schnellstart Logics App-Designer V3.1 Schnellstart Stand 2012-09-07 Logics Software GmbH Tel: +49/89/552404-0 Schwanthalerstraße 9 http://www.logics.de/apps D-80336 München mailto:apps@logics.de Inhalt Ihr Logics Zugang...

Mehr

Teamlike Administratorenhandbuch

Teamlike Administratorenhandbuch In Kooperation mit Teamlike Administratorenhandbuch Inhaltsverzeichnis 03 Superadminmodus 04 Benutzerverwaltung 05 Benutzer 06 Gruppen 07 Rollen 08 Einstellungen 12 Suche 13 Design 13 Abonnement 14 Kategorien

Mehr