Blog @deliahaueter - Tumblr Blog

Reflexion

So das App ist nun fertig, was habe ich denn so gelernt?

Ich habe gelernt wie man eine sinnvolle Navigation in einem App anlegt. Zudem habe ich mich intensiv mit dem Thema «Schrift» und «Schriftgrössen» befasst. Das heisst ich weiss nun auf was man achten muss wenn man Typografie in einem App machen will. Ich habe mich auch mit vielen verschiedenen Zusatznutzen befasst und die besten in mein App integriert.

Was ganz neu für mich war, ist dass man mit InDesign interaktive Sachen erstellen kann. Dies habe ich nun angewendet und werde dies in Zukunft sicherlich auch gebrauchen. Auch wie man eine App Benutzerfreundlich gestaltet weiss ich nun dank diesem Projekt.

Der Weg zum Endresultat

Mein App ist nun mehr oder weniger fertig, ist verlinkt und funktioniert hoch- und querformatig. Nun geht es daran die Präsentation vorzubereiten und falls die Zeit noch reicht das App zu verfeinern.

Mein Design habe ich über die Ferien abgeschlossen. Somit habe ich jetzt begonnen das ganze auf das Querformat zu übertragen.

Ich habe geschaut, dass das Look and Feel gleich bleibt, sowie Schriftgrösse und Gewichtung.

Weiteres Vorgehen

Nach dem heutigen Stand (30.09.15) ist es angedacht das App nun zu vertiefen.

Angefacht ist es nun mit Schaltflächen etc, das ganze zu einem funktionierenden Prototyp umzugestalten. Dies wird sicher interessant, da ich dies noch nie gemacht habe.

Zudem werde ich einige Seiten meines, bis jetzt hochformatigem Apps, ins Querformat umzugestalten.

Gedanken zum Input vom 23.09.2015

Der Input von heute Morgen befasste sich mit dem Thema « Was können Apps, Websites, was ist besser?» grob zusammengefasst.

Ich persönlich finde dass der Nutzen für mich von einem App etwas dauerhaftes haben muss. Das heisst ich muss es regelmässig für einen bestimmten Zweck gebrauchen können (z.B SBB etc.)

Bei einer Mobile Website ist es so, dass man sich die Informationen einmal holen kann und dann aber nicht weiter benutzen wird, oder zumindest nicht häufig.

Wenn man sich also überlegt ein Mobiletaugliche Version der Website zu machen, muss man sich überlegen ob man dies in Form eines Mobile App’s oder einer Mobile Website macht. Dafür muss man wissen für was die User die Infos brauchen, wann und wie häufig.

Das ist auch der Grund wieso wir einen Mehrwert für unser App haben müssen, da es die Leute sonst nicht als App herunterladen

Nachdem ich mein Design auf die 4 verschiedenen Dateien gebracht habe, haben wir mithilfe von Folio Builder das ganze so miteinander verbunden, dass es durch touch auf dem iPad funktioniert.

Nun da ich mein Design auch auf dem iPad gesehen, werde ich Anpassungen vornehmem. Zum Beispiel bei der Schriftgrösse oder den Buttons.

Heute werden wir die ersten «Tests» des App’s auf dem iPad machen. Dazu benötigen wir 4 verschiedene Dokumente. Eine Homepage und 3 Navigationsunterruppen. Diese «verlinken» wir dann mithilfe von Schaltflächen miteinander.

Buttons & Touchscreen

Denn Buttons für die Bedienung mit dem Finger zu gestalten, ist noch einmal eine ganz andere Aufgabe, als Buttons für die Bedienung mit der Maus.

Schließlich müssen Button-Größen an die Größe einer Fingerspitze angepasst werden. Und auch die Abstände zwischen einzelnen Buttons sollten großzügig bemessen werden, so dass man sich nicht ausversehen vertippen kann. Die Angaben von Apple für einen standardmäßigen Touchscreen-Button sind z.B. 44x44pt. Das wirkt im ersten Moment sehr groß, als Trick kann man aber auch nur die anwählbare Fläche in diesem Maß wählen und den wirklich sichtbaren Button kleiner gestalten.

Erste Entwürfe Design

Nachdem ich mein Konzept erstellt habe, habe ich die ersten Entwürfe des Apps mit In Design gemacht. Ich habe darauf geachtet, dass alle Vor- bzw. Nachteile eines Touchscreens berücksichtigt werden. Dass es zum Beispiel keinen Roll-Over-Effekt gibt. Allerdings kann man Bilder etc. heranzogen und das scrollen ist auch sehr einfach. Zudem sind in Apps Diashows etc. möglich, dies wird dann mit einer interaktiven Datei nachgestellt.

Diesen Entwurf dient mir nun als Vorlage für das layouten des Apps.

Erste Skizzen zu dem App

Moodboard

Das Moodboard habe ich nach meinen bisherigen Vorstellungen wie das App daherkommen soll erstellt. Ich stelle mir ein App in Kastenform vor, so kann man sich gut zurecht finden und es ist eine ansprechende Gestaltung. Das App möchte ich mit frischen modernen Farben ergänzen (z.B. in den Navigationspunkten) um das ganze freundlich und modern zu gestalten.

Struktur Wegleitung

Damit nicht alle Informationen in einem langen Rattenschwanz auf dem App angeführt wird. Es soll in verschiedene Untergruppen eingeteilt werden und dann in Kastenform aufgeführt werden. Die entsprechenden Punkte werden kurz und klar formuliert, denn niemand will in einem App lange Texte lesen. Damit man allerdings trotzdem Zugriff hat auf das originale Reglement, könnte man es als Download bereitstellen oder als Link vermerken.

Struktur der App

Das App beruht wie schon vorher erwähnt auf personalisierten Informationen. So ist der erste Schritt auch die Erfassung von persönlichen Daten und Interessen, damit anschliessend das personalisierte App generiert werden kann. Dort wird es 3 oder mehr Navigationspünkte geben.

Events: Hier wird man auf Kurse etc. hingewiesen, welche anhand von den am Anfang eingegebenen Interessen ausgesucht werden. So wird ein Polygraf z.B. auf eine Kunstausstellung und ein Lackierer wird auf eine Autoausstellung hingewiesen.

Schule: Hier werden wichtige Informationen der Schule stehen sowie die Wegleitung. Bei der Wegleitung könnte ich mir vorstellen, dass diese auch auf einer Suchoption beruht, da diese sehr viel Informationen enthält. Durch die am Anfang angegeben Eckdaten betreffend Schule, Klasse etc. wird man nur auf Sachen hingewiesen, die einem direkt betreffen. So wird man nur seinen Stundenplan sehen oder nur auf das Mensa-Menü in seiner Schule hingewiesen.

Search: Diese Funktion ist dafür da, dass man falls man möchte auch noch andere Informationen anderer Schulen bekommen kann.

Zusammenfassung Gruppenarbeit mit Karin und Selina

Nachdem wir uns ausgiebig mit dem Thema «App» und «Zusatznutzen» beschäftigt haben, sind wir zum Schluss gekommen, dass man unmöglich alle Informationen aller Berufsschulen in ein App reinstecken kann.

Damit mann allerdings trotzdem alle für sich erforderlichen Informationen bekommt, wird das App personalisiert sein. Das heisst man gibt am Anfang wenn man das App herunterlädt an wo man zur Schule geht, in welche Klasse und welche Interessen man hat. So bekommt man alle Informationen die einem interessieren und die man braucht. Man sieht also nur sein Stundenplan und hat nur zu dem Kontaktdaten der Lehrer Zugang mit welchen man in Kontakt steht.

Erwartungen der Zielgruppe an das App

Wer ist die Zielgruppe: Nochmals kurz zusammengefasst sind dies die jungen Leute die ihre Lehre frisch angefangen haben und nun das erste mal an einer der Berufsschulen in Zürich sind.

Für was ein App? Damit die «Frischlinge» auch über alle Regeln und Informationen der jeweiligen Berufsschule informiert sind, gibt es eine App. Diese App kann man änderst als ein Büchlein auch nicht verlieren und es ist immer dabei wenn man es braucht. Das App soll ihnen zudem den Einstieg in den neuen Lebensabschnitt vereinfachen und ihnen helfen sich schneller zurechtzufinden.

Was muss das App können, damit es genutzt wird? Damit man das App nicht gleich wieder von seinem Smartphone löscht, muss es einen praktischen Zusatznutzen haben. Das App muss einem wichtige Informationen liefern, die man regelmässig braucht oder haben will. Zudem soll das App einfach zu bedienen sein und man soll schnell die gewünschten Informationen erhalten ohne lange suchen zu müssen.

Was ist der Zusatznutzen: In der App soll es sowohl zur Schule, wie auch zu Freizeitmöglichkeiten Informationen geben. So wird man alle Daten und Stundenpläne der Schule auf der App finden. Man wird allerdings auch auf Events hingewiesen, welche aufgrund der am Anfang eingegeben Daten auf die jeweilige Person zugeschnitten werden. So ist man immer Up-to-Date was aktuelle Anlässe etc. angeht.

Einführung App mit InDesign

Heute lernte ich, wie man im InDesign interaktive Dateien erstellen kann. Ich bin heute das erste mal damit in Berührung gekommen und finde es sehr spannend und interessant, das InDesign von einer neuen Seite kennenzulernen. Ein Vorteil ist sicher, dass man alle gestalterischen Möglichkeiten hat, die einem bei ganz normalen Layouts zur Verfügung stehen. So kann man sein App ohne zu programmieren so gestalten wie man es möchte. Ich freue mich mehr über dieses interaktive Arbeiten mit InDesign zu lernen und bin gespannt zu welchen Resultaten ich komme.

26/08/15

Benny Imbach, 16 J.

Eichenbergstr. 25 7334 Bassersdorf

Benny ist im 1. Lehrjahr als Zeichner Fachrichtung Architektur, bei Conplan AG, einer Firma in Zürich mit 8 Mitarbeitern. Den Weg zur Arbeit macht er mit dem Zug und dem Velo. Vor seiner Lehre hat Benny die Sek A in Basserdorf besucht und gut abgeschlossen, deswegen macht er auch die technische BMS. Benny wohnt noch bei seiner Familie in Bassersdorf. Sein Vater ist Ingenieur, seine Mutter Primarlehrerin und sein jüngerer Bruder Mike geht in die Volksschule in Bassersdorf. In seiner Freizeit spielt er Fussball im FC Bassersdorf, daher ist er ein grosser Fan vom FCZ und geht an möglichst viele Spiele. Zu seinen Besten Freunden gehören Alex und Karl, mit denen er überall viel Spass hat. Und da wäre noch Mia, seine heimliche Freundin. Mit Alex zockt er gerne und er würde sein Smartphone nie mehr hergeben. Ansonsten liesst er gerne 20 Minuten und Blick am Abend. Sein Traum ist es mal in die Malediven schnorcheln zu gehen.

Trending Blogs

Recently Viewed Blogs

Blog