Im Dezember hatte ich die Mu\u00dfe, mir \u00fcber einige grundlegende Dinge jenseits des Tagesgesch\u00e4fts Gedanken zu machen. Ein Punkt betrifft dabei, welche Anforderungen aktuell an die Nutzeroberfl\u00e4che eines Onlineshops zu stellen w\u00e4ren. Das letzte Mal habe ich solche Requirements im Herbst 2010 geschrieben. Seitdem hat sich einiges getan.<\/p>\n
Internet „macht“ man nicht mehr ausschliesslich am Computer. Heutzutage ist auch der Durchschnittskunde sowohl station\u00e4r per PC, semistation\u00e4r per Notebook, auf dem Sofa per Tablet und auch unterwegs per Smartphone im Internet. Einige nutzen sogar Browser in Smart TVs und Spielekonsolen. Was bedeutet das f\u00fcr eCommerce?<\/em><\/p>\n One Size doesn’t fit all!<\/strong><\/p>\n Anhand des Zoos m\u00f6glicher Endger\u00e4te bleibt die Erkenntnis: Ein Layout f\u00fcr alle funktioniert nicht mehr, wenn man dem Kunden ein m\u00f6glichst gelungenes Einkaufserlebnis bieten m\u00f6chte.<\/p>\n Am augenf\u00e4lligsten (im wahrsten Sinne des Wortes) ist, dass sich die Bildschirmaufl\u00f6sungen und Pixeldichte extrem unterscheiden. An dieser Stelle kommt man langsam nicht mehr um responsive Design herum. Aber das ist l\u00e4ngst nicht alles.<\/p>\n Dazu kommt, dass sich die Bedienung von ’normalen Webseiten‘ per Maus und Tastatur deutlich von der Touchscreenbedienung auf Tablets oder Smartphones unterscheidet. Als Stichworte seien hier nur „Mousover“ oder „Pinch to Zoom“ genannt.<\/p>\n Immer wieder untersch\u00e4tzt werden auch die vollkommen unterschiedlichen Nutzungsanforderungen zwischen konzentrierter Bedienung, wenn man l\u00e4ngere Zeit ruhig vor einem Ger\u00e4t sitzt, im Gegensatz zu einer lauten, ablenkenden Umgebung, wenn man ‚mal kurz zwischendurch‘ sein Smartphone hervorholt.<\/p>\n Ein Layout per Ger\u00e4tegattung<\/strong><\/p>\n Beim aktuellen Stand der Ger\u00e4tenutzung sollte man drei unterschiedliche Nutzeroberfl\u00e4chen auf seinem Onlineshop haben:<\/p>\n Eine „Full Feature“ Oberfl\u00e4che f\u00fcr herk\u00f6mmliche Computer. Ausgelegt auf die Bedienung per Maus und Tastatur und Bildschirmaufl\u00f6sungen zwischen 1024 (Netbook) und 1920 Pixel bei 26″ Monitoren. Die Nutzungsmotivation der potentiellen Kunden ist sowohl gezieltes Suchen, als auch gem\u00fctliches Herumst\u00f6bern.<\/p>\n F\u00fcr Tablets sollte die Oberfl\u00e4che aufgrund der kleinen Displaygr\u00f6ssen zwischen 7″ und 10″ wesentlich, strenger und reduzierter sein; die Bedienelemente wegen der Gestenbedinung mit Fingern gleichzeitig erheblich gr\u00f6sser. Die Nutzungsmotivation gleicht derjenigen, der ersten Variante.<\/p>\n F\u00fcr Smartphones ergeben sich aufgrund der nochmals kleineren Displaygr\u00f6sse zwischen 3,5″ und 4,7″ erheblich eingeschr\u00e4nkte Darstellungsm\u00f6glichkeiten. Gleichzeitig unterscheidet sich hier die Nutzungsmotivation des Kunden. Wer unterwegs „schnell mal eben“ einen Onlineshop aufruft tut das meist, weil er Preise vergleichen will oder nach einen bestimmten Artikel sucht, den er im Laden gerade nicht finden kann. Hieraus sollte die Nutzeroberfl\u00e4che optimiert sein.<\/p>\n