Über Syncler
Syncler Redesign: Verbesserte User Experience und neue Features
Mit der Thematik des Produktlebenszyklus befassen sich viele Unternehmen in der ein oder anderen Weise. Für den Geschäftserfolg ist es wichtig zu wissen, in welcher Phase sich mein Produkt befindet. Nur so kann ich Produkt- und Marketingaktivitäten darauf ausrichten. Alles, was heute modern ist, kann morgen schon nicht mehr zeitgemäß sein. Kundenerwartungen ändern sich, die Ansprüche steigen, disruptive Technologien erobern die Märkte.
Die Themen im Überblick:
- Die Ausgangssituation
- Gründe für das Redesign
- Unsere Ziele bei der Neugestaltung
- Neue Features und zukünftige Erweiterungen
- Was gab es zu beachten?
- Das Resultat: Syncler im neuen Look
Die Ausgangssituation
Mit Einführung des für den Datenaustausch ausgelegten Produktes „Sellmore Integration Server (SIS)“ im Jahr 2015 war dieses in On-Premises-Umgebungen verfügbar. Funktional umfasste dieses genau eine Schnittstelle zwischen Sage 100 und Sage CRM. Die Oberfläche war zum Zeitpunkt der Einführung zweckorientiert. Gearbeitet wurde mit Windows Forms-Masken. Somit war der Grundstein gelegt.
Das Produkt hat im Laufe der Jahre zahlreiche Erweiterungen erfahren und ist zu einer ausgewachsenen Integrationsplattform gereift. 2019 wurde dann der Entschluss gefasst, den SIS in Syncler umzubenennen und in einer Cloud-Umgebung verfügbar zu machen. Dazu gab es ein modernes Web Frontend und im Hintergrund eine Cloudarchitektur. Ab sofort gab es somit aber auch zwei Umgebungen zu warten und zu pflegen.
Gründe für das Redesign
Auf Dauer ist die Pflege von zwei Oberflächen, welche sich technologisch unterscheiden weder wirtschaftlich noch kundenorientiert. Von daher wurde im Jahr 2023 der Entschluss gefasst beide Oberflächen in eine zu überführen. Das bedeutete nichts weniger als ein kompletter Technologiewechsel.
Dabei war uns das Thema User Experience besonders wichtig, weshalb wir auch externe Sichtweisen in die Konzeption mit einbezogen haben. Nach etwas mehr als sechs Monaten intensiver Entwicklungsarbeit war die neue Oberfläche schließlich bereit.
Unsere Ziele bei der Neugestaltung
Mit der neuen Oberfläche stellen wir eine moderne, performante und von der Betriebsumgebung unabhängige Oberfläche (User Interface – UI) zur Verfügung. Diese steigert den Wert des Synclers im Bereich User Experience (UX) erheblich. Die Nutzer finden eine aufgeräumte Oberfläche vor, welche übersichtlich alle notwendigen Funktionen bereitstellt. Zusätzlich wird die Anzahl der Klicks durch Shortcuts, eine Pin- sowie Verlaufsfunktion deutlich reduziert. Der Konfigurationsaufbau ist komponentenübergreifend gleich. Bei der Dateneingabe werden Zusatz- und eingabeunterstützende Informationen angezeigt, so dass Tippfehler minimiert werden. Syncler basiert auf der modernen Webtechnologie Blazor. Der Einsatz dieser Technologie führt in der aktuellen Umsetzung zu einer Steigerung der Performance und optimiert das Sicherheitsniveau der Anwendung.
Neue Features und zukünftige Erweiterungen
In der neuen Oberfläche gibt es folgende neue Features:
- Konfigurierbares Dashboard mit Shortcuts
- Einfache Bedienung und übersichtliche Nutzerführung
- Einrichtungsassistent für Systeme und Syncs auf Basis vorkonfigurierter No-Code Vorlagen
Diese Features werden in naher Zukunft bereitgestellt:
- Exportfunktion von Protokollen (Logs)
- Wizard zur Auswertung prozessbezogener Transaktionen
- Bereitstellung von Standard Mappings
- Bereitstellung von Transformationsvorschlägen
- Vorschau der Seriendruckfunktion im Angebotsprozess
Was gab es zu beachten?
Beim Redesign einer Weboberfläche gibt es mehrere Aspekte, die berücksichtigt werden müssen. Das neue Design soll nicht nur ästhetisch ansprechend, sondern auch funktional und benutzerfreundlich sein. Die wichtigsten Punkte sind im Folgenden aufgelistet.
1. Nutzerbedürfnisse verstehen
Um die Nutzerbedürfnisse optimal zu verstehen, haben wir über Jahre hinweg Kundenfeedback gesammelt und daraus Buying Personas entwickelt. Dadurch konnten wir das Design auf die spezifischen Anforderungen und Verhaltensweisen unserer Zielgruppe ausrichten. Zusätzlich haben wir externe Perspektiven genutzt, um die Customer Journey weiter zu verbessern und unseren Kunden den größtmöglichen Nutzen zu bieten.
2. Ziele und Anforderungen festlegen
Im wesentlichen haben wir zwei Ziele verfolgt: die Steigerung der User Experience und die Vereinheitlichung der „alten“ Oberfläche. Bei den funktionalen Anforderungen haben wir, aufbauend auf einem soliden Fundament, gezielt sinnvolle Erweiterungen hinzugefügt.
3. Informationsarchitektur
Wir haben die Struktur der Webansicht gezielt optimiert, um eine intuitive Navigation zu gewährleisten, bei der die Nutzer schnell finden, wonach sie suchen. Bei der Inhaltsorganisation lag unser Fokus darauf, eine klare und harmonische Oberfläche zu schaffen, die die Benutzerfreundlichkeit erhöht. Die Inhalte sind leicht zugänglich und verständlich.
4. Benutzererfahrung (UX)
Beim Interaktionsdesign ist unser Motto: einfach und intuitiv. Unnötige Komplexität wurde entfernt, wodurch die wichtigen Aktionen leicht auszuführen sind. Durch Shortcuts kann man schnell zwischen den Kernkomponenten wechseln.
5. Ästhetik und Branding
Für die neue Oberfläche haben wir ein modernes und ansprechendes visuelles Design gewählt. Da uns die Außendarstellung wichtig ist, haben wir auf konsistente Farben, eine klare Typografie und eine durchdachte visuelle Hierarchie geachtet. Das Redesign spiegelt unser Branding wider und sorgt für eine Markenkohärenz.
6. Prototyping und Feedback
Wir haben mit Wireframes und interaktiven Prototypen gearbeitet. Dadurch konnten wir das Design visualisieren und uns frühzeitig Feedback einholen.
7. Technische Umsetzung
Zu Beginn haben wir uns bei der Technologieauswahl bereits auf Blazor festgelegt. Diese Webtechnologie ist eine aktuelle und zukunftssichere Wahl. Um die Performance zu verbessern, haben wir Änderungen in der Architektur vorgenommen. Mehr Cache, weniger direkte Datenbank Abfragen. Dies ermöglicht es uns Syncler schneller zu machen und die Ladezeit zu verkürzen. Grafiken, Skripte und andere Ressourcen wurden optimiert, um eine schnelle und reibungslose Benutzererfahrung zu gewährleisten.
8. Testen und Optimieren
Im Rahmen des Entwicklungsprozess haben wir umfangreiche Tests durchgeführt, soweit dies im Rahmen unserer Möglichkeiten lag. Dennoch bleibt das Feedback unserer Kunden ein unverzichtbarer Bestandteil der kontinuierlichen Produktoptimierung. Wir haben das Design auf unterschiedlichen Browsern und Geräten getestet, um alle Fehler zu beheben und sicherzustellen, dass es überall einwandfrei funktioniert.
9. Benutzerführung und Unterstützung
Um unsere Nutzer bestmöglich zu unterstützen, haben wir ein umfassendes Schulungskonzept für das Onboarding entwickelt. Dieses richtet sich sowohl an Anfänger als auch an Fortgeschrittene und Entwickler. Kontaktieren Sie uns, wenn Sie Interesse an einer Schulung haben oder mehr dazu erfahren möchten.
10. Kommunikation und Launch-Strategie
Bei der Veröffentlichung der neuen Oberfläche haben wir uns für einen Soft Launch entschieden, bei dem unsere Cloud-Kunden zuerst Zugriff erhielten. Vorab wurde die Oberfläche in einem Webinar präsentiert, um die Nutzer auf die Änderungen vorzubereiten. Unsere On-Premises-Kunden haben ein Jahr Zeit, um auf die neue Oberfläche umzustellen, da das Redesign nur die Oberfläche betrifft und keine Auswirkungen auf die Datenbankinhalte hat. Dies bietet einen komfortablen Übergang. Begleitend dazu haben wir eine angemessene Kommunikationsstrategie entwickelt, um alle Nutzer gezielt auf das neue Design vorzubereiten und eventuelle Bedenken auszuräumen.
Durch diesen gründlichen und durchdachten Ansatz beim Redesign der Weboberfläche konnten wir sicherstellen, dass die Veränderungen positiv aufgenommen werden und die Benutzererfahrung spürbar verbessert wird.
Das Resultat: Syncler im neuen Look
Syncler ist eine hochfunktionale Integrationsplattform, welche nun auch mit einer modernen Oberfläche und einem ansprechenden Design punkten kann. Die Oberfläche präsentiert sich in allen Betriebsumgebungen in einem einheitlichen Erscheinungsbild. Die Anwendung unterstützt mittelständische Unternehmen, ihre Geschäftsprozesse durch Automatisierung über Systemgrenzen hinweg zu beschleunigen.
Mit dem Redesign der gesamten Anwendung haben wir den nächsten Meilenstein im Produktlebenszyklus erfolgreich gemeistert. Wir freuen uns gemeinsam mit unseren Kunden auf erfolgreiche Projekte und die nächsten Herausforderungen. Unsere Produkt-Roadmap ist gut gefüllt und hält vielversprechende Erweiterungen bereit.
