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

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...

Shopify statt z.B. WooCommerce: Das passende E-Commerce-System für KMUs

Ein Wechsel zu Shopify lohnt sich für KMUs, die Wert auf einfache Bedienung, Unabhängigkeit und schnelles Wachstum legen – ohne technischen Ballast oder Agenturabhängigkeit. insign als erfahrener Shopify- und Magento-Partner unterstützt Sie dabei...

AI eats Software – Jetzt ist der perfekte Zeitpunkt für Individualsoftware

Die grossen Softwareanbieter geraten durch KI unter Druck – eine neue Ära beginnt. Jetzt ist der ideale Zeitpunkt, individuelle Softwarelösungen zu realisieren, die exakt zu Ihren Prozessen passen. "Make" lohnt sich dank KI jetzt mehr denn je...

E-Commerce mit Weitblick: Erfolgsfaktoren ohne Detailverliebtheit

Beleuchtung der strategischen Herangehensweise bei der Entwicklung nachhaltiger E-Commerce-Lösungen: Identifikation und Nutzung grosser Hebel für die Profitabilität und Bedeutung strategischer Planung für den langfristigen Erfolg...

Strategische Allianzen und KI-Innovationen: Wie Apple und Google den Weg weisen und was Unternehmen daraus lernen können

Apple und Google prägen mit strategischen KI-Partnerschaften die Zukunft der Digitalisierung. Erfahren Sie, wie insign Unternehmen im E-Commerce unterstützt, um von diesen Entwicklungen zu profitieren und ihre digitale Strategie zu stärken...

E-Commerce-Sichtbarkeit: So wird Ihr Onlineshop bei ChatGPT gefunden

Es ist heute entscheidend, dass E-Commerce-Websites für KI-gestützte Suchanfragen optimiert sind. Lassen Sie GPT- und Bing-Bots zu, damit Ihr Onlineshop auch in der neuen Suchwelt sichtbar und relevant bleibt. Tipps!...

diesen Beitrag teilen