UTI LITY І IPAD-APP І USER INTERFACE DESIGN

Transkript

1 UTI LITY І IPAD-APP І USER INTERFACE DESIGN

2 INHALTSANGABE I EINLEITUNG 03 II SPLASHSCREEN 05 III LOGIN 07 IV KARTENANSICHT 09 V LISTENANSICHT 13 VI FAVORITENANSICHT 15 VII POI-DETAILS 17 VIII ROUTING 21 IX TO-DO-LISTE 23 I INFO@GOTOLISTEN.DE 2

3 I EINLEITUNG I INFO@GOTOLISTEN.DE 3

4 I EINLEITUNG І User Um das Konzept der App und deren Nutzung deutlich zu machen, haben wir den typischen utility-app-user genauer unter die Lupe genommen, um so auch zukünftige Add-Ons, Updates und Erweiterungen der App auf diesen User abstimmen zu können: Besonders nützlich ist der direkte Zugriff auf sämtliche Informationen, die es zu den jeweiligen utilities gibt ohne langes Suchen. Wichtig für Ihn ist, dass die Informationen immer aktuell sind und jeder Mitarbeiter den gleichen Informationsstand hat. Der User arbeitet in der Versorgungswirtschaft. Die App ist sein Informations- und Dokumentationsterminal draußen vor Ort. Am intensivsten nutzt er die App im Bereich Datenerfassung, Datenaktualisierung und zur Information. Das intuitive Handling der App macht besonders Spaß und sorgt für hohe Akzeptanz bei den Nutzern. I INFO@GOTOLISTEN.DE 4

5 II SPLASHSCREEN I INFO@GOTOLISTEN.DE 5

6 II SPLASHSCREEN І Start der App Nach dem Start der App erscheint kurz der sog. Splashscreen. Nach 2-3 Sekunden schließt sich dieser automatisch und wir tauchen in die App ein. App-Icon I INFO@GOTOLISTEN.DE 6

7 III LOGIN I INFO@GOTOLISTEN.DE 7

8 III LOGIN І Anmelden Auf den Splashscreen folgt die Login-Seite. Jeder Mitarbeiter bekommt einen eigenen Zugang mit Benutzername und Passwort. So können die Aktivitäten zugeordnet und nachvollzogen werden. Nach erfolgreichem Login gelangt der User zur Kartenansicht (siehe S. 9.). Login-Screen I INFO@GOTOLISTEN.DE 8

9 IV KARTENANSICHT I INFO@GOTOLISTEN.DE 9

10 IV KARTENANSICHT І Ubersicht In der Kartenansicht wird der Standpunkt des Users zentriert. Auf der Karte werden die bäude, Wohnung, etc. in Form von POIs Geangezeigt: POI-Grafiken Hauptnavigation: Kartenansicht Listenansicht To-Do- / Aufgabenliste Favoritenliste Synchronisierung/Abgleich mit dem Server App-Einstellungen Standard Kartenansicht mit POIs Ausloggen/Abmelden Standort auf Karte zentrieren I INFO@GOTOLISTEN.DE 10

11 IV KARTENANSICHT І Satellitenkarte Der User kann zwischen der Standard-Kartenund einer Satallitenansicht wählen. Desweiteren gibt es die Möglichkeit zusätzliches Kartenmaterial einzuspielen (z.b. Katasterkarten). Standard Kartenansicht mit POIs Satallitenansicht I INFO@GOTOLISTEN.DE 11

12 IV KARTENANSICHT І Tooltip Wird ein POI gepullt, also manuell angewählt, öffnet sich ein Tooltip mit Kurz-Informationen. Über den Button hat er die Möglichkeit die kompletten Informationen einzusehen und zu bearbeiten (siehe S. 15). POI mit geöffnetem Tooltip I INFO@GOTOLISTEN.DE 12

13 V LISTENANSICHT I INFO@GOTOLISTEN.DE 13

14 V LISTENANSICHT І Ubersicht Über die Hauptnavigation kann der User jederzeit zwischen der Karten- und Listenansicht wechseln. In der Listenansicht werden alle POIs standardmäßig alphabetisch sortiert. Über das Sortierungssystem kann aber nach Entfernung zum aktuellen Standort des Users sortiert werden. Bei einer größeren Menge an POIs ist es sinnvoll diese durchsuchen zu können: POI mit geöffnetem Tooltip I INFO@GOTOLISTEN.DE 14

15 VI FAVORITENANSICHT I INFO@GOTOLISTEN.DE 15

16 VI FAVORITENANSICHT І Ubersicht In der Listenansicht ist es dem User möglich durch das Aktivieren des Sternsymbols Favoriten zu sammeln. Anschließend werden diese POIs in der sog. Favoritenliste sichtbar. I INFO@GOTOLISTEN.DE 16

17 VII POI-DETAILS I INFO@GOTOLISTEN.DE 17

18 VI POI-DETAILS І Stammdaten Die POI-Detailseite umfasst mehrere Unterseiten: Stammdaten, Editieren und Information. Über ein Menü am oberen Rand der Seite kann der User zwischen diesen Unterseiten wechseln. Stammdaten (siehe rechts) Editieren (S. 17) Information (S. 18) Zusätzlich kann der User den geöffneten POI zu seiner persönlichen Favoritenliste hinzufügen oder sich via Karten -App zu diesem POI navigieren lassen. zu Favoriten hinzufügen Bring mich dorthin! (S. 19) Stammdaten I INFO@GOTOLISTEN.DE 18

19 VI POI-DETAILS І Editieren Auf der Editieren -Seite kann der User die Stammdaten (S. 18) bearbeiten und verändern. Über Dropdown-Menüs bieten sich ihm vordefinierte Auswahlmöglichkeiten. Auf eine Freitexteingabe wird aufgrund von fehlerhaften oder unterschied-lichen Schreibweisen bewusst verzichtet. Editieren I INFO@GOTOLISTEN.DE 19

20 VI POI-DETAILS І Dateienanhang Es können einem POI auch Informationen in Form von Dateien (PDF) angehängt werden. Diese lassen sich über die Unterseite Information einsehen und öffnen. Der User kann auf Wunsch auch eigene Dateien mit dem POI verknüpfen. Dazu wählt er den Button Neue Datei anhängen es öffnet sich der lokale ipad-foto-ordner. Nun können ein oder mehrer Dateinen ausgewählt und hinzugefügt werden. Informations-Seite Geöffneter Grundrissplan I INFO@GOTOLISTEN.DE 20

21 VIII ROUTING I INFO@GOTOLISTEN.DE 21

22 VII ROUTING І Navigation Die Navigation zu einem bestimmt POI wird über die Detail- oder die Listenansicht gesteuert. Es wird automisch die vorinstallierte Karten -App geöffnet und das Routing startet. Routing via vorinstallierte Karten -App I INFO@GOTOLISTEN.DE 22

23 IX TO-DO-LISTE I INFO@GOTOLISTEN.DE 23

24 VIII TO-DO-LISTE І Aufgaben Über diesen Button kann der User Aufgaben einsehen und erledigen/abhaken. So werden turnusmäßige Wartungsarbeiten oder notwendige Überprüfungen vor Ablauf einer Gewährleistung in dieser Liste angezeigt. Erst nach Erledigung der Aufgabe wird diese aus der Liste entfernt. To-Do-Liste I INFO@GOTOLISTEN.DE 24

25 INGENIEUR-, KOMMUNIKATIONS- UND VERTRIEBSGESELLSCHAFT MBH PTW Gmbh Bühlweg Lindau/Bodensee