Kontext
Unser Kunde hat uns mit der Idee kontaktiert, eine Wetter-App zu erstellen, mit der Standard-Symbole für Wetterbedingungen in atemberaubende Sticker geändert werden können. Die Entscheidung unseres Teams, diese Idee in eine echte Wetter-App umzusetzen.
Etwa
10 000langweilige Wetter-Apps & Widgets
Lösung
1.Eine kostengünstige Hybrid-App.
2.Die atemberaubenden Sticker mit Animationen.
3.Eine Weboberfläche, über die der App Sticker und Anzeigen hinzugefügt werden können.
Entwicklungsprozess
Planning
Zunächst haben wir begonnen, den Markt für Wetter- und Sticker -Apps zu analysieren und festzustellen, wie diese Apps miteinander konkurrieren. In der Analyse haben wir die wichtigsten Dinge identifiziert, die in den wichtigsten Wetteranwendungen vorhanden sind: Informationen zu Druck, Wind, UV-Index, Wettervorhersage für eine Stunde, eine Woche und einen Monat. Wir haben beschlossen, eine kleine Umfrage durchzuführen, um die Indikatoren zu ermitteln, die die Menschen am häufigsten betrachten. Dies führte zu einem Gefühl von Temperatur, Luftfeuchtigkeit, Niederschlag und Wind. Am Prognosestandpunkt wurden am häufigsten aktuelle, stündliche und wöchentliche Prognosen verwendet. Wir haben uns entschlossen, diese Indikatoren in die App zu integrieren. Und es war die Grundlage für die Funktionalität der App. Die Sticker-Apps wurden ebenfalls analysiert. Dies führte zu der Entscheidung, eine ähnliche Funktionalität in unserer App beizubehalten. Wir haben beschlossen, das Projekt basierend auf Scrum durchzuführen.
Custom solutions
Am Anfang haben wir uns entschlossen, einen Prototyp zu bauen. Es hilft, die Logik der App zu verstehen. Und der Designer kann die Mängel in den Benutzerszenarien beheben. Zu diesem Zeitpunkt konnte der Designer eine von zwei Optionen für das Layout der Prognosen auswählen, sodass alles auf einem Bildschirm verbleiben konnte.
Design
Zunächst hat der Designer ein Moodboard für verschiedene Apps und Konzepte erstellt und dem Kunden die Vision beschrieben. Wir haben uns entschlossen, alle Menüpunkte in Form von Registerkarten oben in der App zu erstellen. Auf diese Weise kann der Benutzer alle Elemente gleichzeitig sehen. Der Fokus des Designs hat mit den Stickern und den Wetterbedingungen zu tun. Jede Bedingung hat ihren eigenen Hintergrund, der vom Designer erstellt wurde. Dann wurden 5 Packungen statische Sticker erstellt. Jede Wetterbedingung hat einen eigenen Wetteraufkleber. Während der Entwicklung der Sticker kam der Kunde auf die Idee, animierte Sticker herzustellen. Der Designer hat zusätzlich 2 animierte Pakete erstellt.
Entwicklungs
Das Team hat die Aufgaben in zwei Phasen aufgeteilt. Die erste Stufe ist die serverseitige Entwicklung und die zweite ist mobil. Das MVC-Muster wurde vom mobilen Entwickler ausgestattet. Da es sich um eine Hybrid-App handelt, war die erste Phase der HTML-Darstellung gewidmet. Das zweite war die Entwicklung von Controllern sowie Diensten, d. H. Der internen Logik. Das Entwicklungsteam hatte ein Problem mit den externen APIs. Es hatte schlecht dokumentierte APIs. Um solche Probleme zu vermeiden, haben wir uns entschlossen, eine eigene API zu erstellen, die mit den externen kommunizieren kann. Auf diese Weise haben wir potenzielle Probleme behoben, die bei der Verwendung der App auftreten können. Das zweite Problem hing mit unbekannten Wetterbedingungen zusammen. Anschließend hat das Team im Backend ein Dienstprogramm vorbereitet, mit dem unbekannte Wetterbedingungen identifiziert und die wichtigsten Sticker problemlos zugewiesen werden können. Es ist ein Problem aufgetreten, wenn der Benutzer keine Internetverbindung hat werden APP nicht mehr funktionieren. Mit implementierten Caching-Lösung kann Benutzer erfolgreich die Wettervorhersage auch im Offline-Modus sehen. In der Zwischenzeit hat der Backend-Entwickler eine spezielle Anwendungs-API erstellt, die die verschiedenen externen Wetterdienst-APIs in seine eigene API integriert. Danach war das Design fertig und wurde in die App implementiert. Schließlich hat das Entwicklungsteam verschiedene Korrekturen auf jeder Ebene der internen Architektur durchgeführt.
Technologien
Ergebnisse
Schließlich hat das Team eine einzigartige Wetter-App mit lustigen Sticker geliefert. Wer die App herunterlädt, kann die Standardsymbole für die Wetterbedingungen zusammen mit dem Hintergrund ändern. Wenn es regnet, können Sie Wolkentropfen bemerken, aber jetzt können Sie zu einem schöneren Sticker wechseln, wenn die Wolke mit einem schöneren Hintergrund lächelt.