Inhaltstypen
20.02.2013

Neue mobile Navigation für insign.ch

Nach dem Go-live überarbeitet – für bessere Usability

Time to Market vs. Usability

Dieses Urteil hat nun keinen Anspruch auf Allgemeingültigkeit. Als wir aber Mitte Dezember 2012 endlich mit unseren neuen Website live gehen wollten, entschieden wir uns, eine suboptimale, mobile Navigation für einen früheren Golive in Kauf zu nehmen, da unsere bestehende Site wirklich mehr als überfällig war.

Wie man es nicht tun sollte

Wir integrierten darum eine simple Auswahlbox, die auf Android-Smartphones als Liste eigentlich ziemlich sinnvoll ausschaut, auf dem iPhone aber in der zwar hübschen, aber in diesem Kontext wenig sinnvollen Trommel daher kommt. Sie können sich vorstellen, dass so kaum ein Eintrag in einer Liste mit über 100 Elementen effizient gefunden werden konnte.

Der User musste damals das Dropdown “Go to…” anklicken, damit…

… er dann zur Auswahl kam, die alle Seiten halbwegs strukturiert aus einmal auflistete und in der man minutenlang ziellos umherscrollen konnte.

Wie man es richtig macht

Wir haben nun eine state-of-the-art-Navigation implementiert. Nehmen Sie Ihr Smartphone in die Hand, rufen Sie www.insign.ch auf und überzeugen Sie sich selbst. So funktioniert’s:

Für das Öffnen der Navigation haben wir uns für das Linien-Icon oben links entschieden, das heute in den meisten Lösungen den Zugriff auf die Navigation symbolisiert.

Wird dieses angeklickt, so schiebt die erscheinende Navigation die Website nach rechts.

Der rechte Bereich mit den Pfeilen dient zum Auf- und Zuklappen der einem Eintrag untergeordneten Einträge (Toggling).

Mit einem Klick links auf ein Wort, hier “Werte” unterhalb “Über uns“, gelangt man auf die entsprechende Seite.

Öffnet man auf einer beliebigen Seite die Navigation, so ist an dieser Stelle die Struktur bereits geöffnet und die aktuelle Seite markiert (hier “Werte“).

Auch wenn man nun nach unten gescrollt ist und das Navigations-Symbol oben links nicht mehr sieht, kann man mit einer Wisch-Bewegung von rechts nach links die Seite wieder vom Rand her über die Navigation schieben. Der kleine Schattenwurf ist zu beachten.

Und schon befindet man sich wieder auf der Website.

Weitere Informationen

Möchten Sie Ihre Website optimieren und eine echte, responsive Lösung mit soliden Details kreieren? Dann freuen wir uns auf Ihre Kontaktaufnahme!

letzte 7 Blog-Beiträge

KI-gestützte Auftragserfassung: Wenn PDF-Bestellungen automatisch ins ERP finden

Viele Unternehmen erfassen Bestellungen aus E-Mails und PDFs noch immer manuell – obwohl genau hier enormes Automatisierungspotenzial liegt. Unser Referenzprojekt mit ASTORtec zeigt, wie KI-gestützte Auftragserfassung unstrukturierte PDF-Bestellungen ausliest, prüft und direkt ans ERP übergibt. Ein...

Hyvä für Magento: Wenn das Frontend endlich kein Bremsklotz mehr ist

Viele Magento-Shops leiden unter einem veralteten, komplexen Frontend, das Performance, Core Web Vitals und Conversion ausbremst. Hyvä setzt hier an und macht Magento mit einem modernen, schlanken Frontend wieder schnell, wartbar und nutzerfreundlich. In diesem Beitrag zeigen wir, wann sich Hyvä...

Webclient-Entwicklung für komplexe Business Software

Moderne Webclients bringen komplexe Business Software direkt in den Browser – schnell, sicher und einfach bedienbar. Am Beispiel des ARTS Webclients für Interact/SER/Doxis zeigt insign, wie bestehende Systeme mit React, sauberer API-Integration und durchdachter Benutzerführung zukunftsfähig gemacht...

Magento zu Shopify: Wann sich der Wechsel lohnt

RAUSCH hat den bisherigen Magento-2-Shop durch eine flexible Shopify-Lösung ersetzt – mit weniger technischem Aufwand, mehr Eigenständigkeit im Marketing und deutlich besseren E-Commerce-Resultaten. Das Referenzprojekt zeigt, wann sich der Wechsel von Magento zu Shopify lohnt und worauf es bei...

Magento-Migration für DonCigarro

DonCigarro und insign verbindet eine E-Commerce-Partnerschaft seit 2005. Nach einer individuellen Lösung und einem Magento-1-Shop folgte nun die konsequente Migration auf Magento 2. Entstanden ist ein moderner Zigarren-Onlineshop mit schnellem ScandiPWA-Frontend, markengerechtem Design und...

Hyvä-Magento-Projekte: doodah setzt auf insign und maxcluster

Gemeinsam mit unserem Hosting-Partner maxcluster haben wir den von uns mit Hyvä modernisierten Magento-Shop von doodah performanceoptimiert. Die Case Study zeigt, wie spezialisierte Infrastruktur und unsere Magento-Expertise zusammen zu mehr Stabilität und höheren Umsätzen führen...

Meiko Heimtierbedarf: Magento‑2‑Shop an Europa3000 angebunden

Für Meiko Heimtierbedarf haben wir den bestehenden Magento‑2‑Webshop über eine individuelle REST-Schnittstelle an das ERP Europa3000 angebunden und so die Bestellprozesse deutlich verschlankt...

diesen Beitrag teilen