SchoolApp

SchoolApp ist eine Anwendung für Lehrkräfte, Schüler und Eltern, mit der sie online Unterricht nehmen und sich über Schulveranstaltungen informieren können.

Eine SchoolApp-Anwendung sammelt Daten von Schülern und Lehrern, die Zeit, die für verschiedene Perioden aufgewendet wird, und Hausaufgaben, die von einem Lehrer bereitgestellt werden. Eltern können die Leistungen ihres Kindes in der Schule verfolgen.

iphone image
iphone image

Anwenderforschung

Benutzerforschung ist die methodische Untersuchung von Zielbenutzern - einschließlich ihrer Bedürfnisse und Schmerzpunkte - damit Designer die schärfsten Erkenntnisse haben, mit denen sie arbeiten können, um die besten Designs zu erstellen. Benutzerforscher verwenden verschiedene Methoden, um Probleme und Designmöglichkeiten aufzudecken und entscheidende Informationen zu finden, die sie in ihrem Designprozess verwenden können.

User Research

Warum User Research wichtig ist: User Research ist ein extrem wichtiger Aspekt des UX-Designs. In dieser Disziplin geht es vor allem darum, das Verhalten einer Zielgruppe gründlich zu studieren, die verschiedenen Wünsche und Bedürfnisse eben dieser Zielgruppe zu ermitteln, ihre Motivationen zu verstehen und so weiter.

Warum wir Nutzerforschung betrieben haben: Benutzerforschung hilft uns zu verstehen, wie Menschen Aufgaben erledigen und Ziele erreichen, die für sie wichtig sind. Sie gibt uns Kontext und Perspektive und versetzt uns in die Lage, mit nützlichen, vereinfachten und produktiven Designlösungen zu reagieren.

Benutzer-Personas

Eine Persona (auch User Persona, Customer Persona, Buyer Persona) ist im benutzerzentrierten Design und Marketing ein fiktiver Charakter, der erstellt wird, um einen Benutzertyp zu repräsentieren, der eine Website, eine Marke oder ein Produkt auf ähnliche Weise nutzen könnte.

users image
users image

Warum User Persona wichtig ist: Das Erstellen von Personas hilft Ihnen, die Bedürfnisse, Erfahrungen, Verhaltensweisen und Ziele Ihrer Benutzer zu verstehen. Das Erstellen von Personas kann Ihnen helfen, aus sich selbst herauszutreten. Es kann Ihnen helfen zu erkennen, dass verschiedene Menschen unterschiedliche Bedürfnisse und Erwartungen haben, und es kann Ihnen auch helfen, sich mit dem Benutzer zu identifizieren, für den Sie entwerfen.

Warum wir User Persona gemacht haben: Grundsätzlich bieten Personas einen Leitfaden dafür, was die endgültige Benutzererfahrung, die die App liefert, beinhalten sollte. Um das Beste aus den User Personas herauszuholen, müssen sie realistisch sein und sich auf die Gegenwart statt auf die Zukunft konzentrieren.

Customer Journey

Im Handel ist das Kundenerlebnis (CX) das Produkt einer Interaktion zwischen einem Unternehmen und einem Kunden über die Dauer ihrer Beziehung. Diese Interaktion besteht aus drei Teilen: der Customer Journey, den Marken-Touchpoints, mit denen der Kunde interagiert, und den Umgebungen, die der Kunde während seiner Erfahrung erlebt (einschließlich der digitalen Umgebung).

docapp customer journey image
docapp customer journey image

Als Nächstes erstellten wir ein Skript für eine typische tägliche Fütterungsroutine für meine Persona. Dieser Prozess half mir bei der Entscheidung, wie das Kundenerlebnis der Web-App gestaltet sein könnte, damit es zu einer Fütterungsroutine passt.

Wireframes

Ein Wireframe, auch bekannt als Seitenschema oder Screen Blueprint, ist eine visuelle Anleitung, die das Grundgerüst einer Website darstellt. Wireframes werden zu dem Zweck erstellt, Elemente so anzuordnen, dass ein bestimmter Zweck am besten erfüllt wird.

Image

Student Home Screen

Image

Admin Dashboard

In SchoolApp wurden für jeden Bildschirm einfachste Papierskizzen entworfen. In einer Demonstration oder einem Usability-Test werden die Skizzen je nach Benutzeraktionen umgeschaltet. Einer der Vorteile von Papierprototypen ist, dass wir mehrere Versionen erstellen konnten, ohne Zeit mit digitalen Tools zu verschwenden.

Styleguide

Ein Styleguide oder Stilhandbuch ist ein Satz von Standards für das Schreiben, Formatieren und Gestalten von Dokumenten. Es wird oft als Stilvorlage bezeichnet, obwohl dieser Begriff auch andere Bedeutungen hat. Die Standards können entweder für den allgemeinen Gebrauch angewendet werden oder für eine einzelne Publikation, eine bestimmte Organisation oder einen bestimmten Bereich vorgeschrieben sein.

Style guide image

Diese Richtlinien sollen Entwicklern helfen, Elemente wie Schaltflächen und Formulare über mehrere Webseiten hinweg konsistent zu halten. Zusätzliche Beispiele und Referenzen, wie z. B. Schreibbeispiele, zu vermeidende Wörter, PowerPoint-Vorlagen oder Fotokompositionen können ebenfalls hilfreich sein, um in einen Marken-Styleguide aufgenommen zu werden.

Technologien

Das moderne Technologie-Set, das wir gewählt haben, ermöglichte es uns, eine schnell ladende, skalierbare App zu erstellen, um das schnell wachsende globale Geschäft von SchoolApp zu unterstützen. Wir haben ein Content Management System (CMS) und ein umfangreiches Benutzerhandbuch implementiert, damit die Redakteure von SchoolApp die App auch in Zukunft leicht pflegen können.

Image
.NET ASP Core
Entwicklungsrahmen
Image
React
Mobile app framework
Image
Postgresql
Datenbank
Image
RAbbitMQ
Messaging-Broker
Image
Kubernetes
Virtuelle Maschine
Image
Headless Orchard CMS
Back-end

Bereit, mit uns zusammenzuarbeiten?