Finder-Lösungen & Browser based Web Apps

Produktvergleich mit Ajax & Co

Wie lassen sich Vergleichsportale á la CPUBoss oder SnapSort mit Javascript, Ajax & PHP umsetzen? Dieser Frage geht dieser Beitrag mit dem Titel “Produktvergleich mit Ajax & Co” nach. Eine Suchreise nach einer praktikablen Script-Lösung für Einsteiger.

Man kann sich durchaus in Sachen festbeißen, wenn nicht zwingend im bildlichen Sinne, aber unter anderem bei Web-Projekten. Auf der Suche nach einer simplen Lösung für einen Produktvergleich mittels einer Datenbank, Ajax und Checkboxen, musste ich feststellen, dass man mit den Grundlagen in den drei genannten Bereichen schnell an seine Grenzen kommt, und auf eine Recherche-Reise gehen kann, die schier endlos erscheint.

Im Folgenden ein Bericht dieser Such-Reise nach einer möglichst einfachen Lösung für einen Produktvergleich mittels PHP Script & HTML, und einem gar durchaus interessanten ersten Ergebnis.

Wie im allgemeinen Online-Marketing & Co Umfeld Gang und Gäbe, hält man sich oftmals mit seinen Projekten mehr oder minder bedeckt. Ab und zu gibt es aber doch interessante Einblicke in eben diese, und man findet ein paar nette Quellen für Coding-Inspirationen. Um das Ganze evt. mal etwas zu konkretisieren hier ein paar Real-Life Samples. Es wird konkret.

Ich war auf der Suche nach einer Lösung, um Produkte miteinander zu vergleichen, natürlich nicht nach dem üblichen 08/15 Schema, sondern mit Mehrwert (-), dennoch, also einen Produktvergleich bzw. eine Produktübersicht auf Datenbank-Basis zu darzustellen. Eine simple Lösung war bei Lexmark USA (vgl. US Seite lexmark.com) zu finden, welche aber auch nach doch sehr intensiver Suche erst zum Vorschein kam.

Die Lösung überzeugt durch Einfachheit. ‘Verwirre die Nutzer nicht‘, hallt es im Ohr. Eine simple Step-by-Step Lösung, die mir als Halblaie in Sachen Coding doch imponiert. Aber an diesem Beispiel kann man die Problemstellung, nach der ich eine Lösung suchte, gut festmachen. Ich habe eine Datenbank mit Produktname, Features, Preis, Bild usw.

Nun soll diese möglichst mit einer Ajax Lösung, wie eher in diesem Beispiel auf igodigital.com realisiert werden. Auch wenn dieses Beispiel von Bestbuy nicht zwingend die optimale Gesamtlösung ist, gefällt mir dennoch die Einfachheit. Per Checkboxen wählt man eine Features und erhält die Produktübersicht in Echtzeit per Ajax angezeigt. Ein paar Fancy Content Styles dazu – et voilá.

Erste Lösungsansätze: Sellector & One Page Shopping

Okay, wie eingangs angekündigt habe ich nach, und da wiederhole ich mich, sehr zeitraubender Recherchen schlussendlich eine Lösung gefunden die direkt überzeugt. Und zwar bietet diese Sellector an, ein DE Startup das sich speziell auf darauf spezialisiert hat Produkte einfach zu vergleichen – bzw. den ominösen Produktfinder ein ansehnliches Gesicht zu geben.

Das Ganze gibt es gegen eine monatliche Gebühr ab 9 Euro, was preislich eigentlich ganz okay ist, für mich aktuell leider noch nicht in Frage kommt. Wenn ich es zeitlich einrichten kann, werde ich den 30 Tage Test nutzen. Ja, was der Sellector macht ist simple und erfüllt genau die Vorgabe, die ich mir selbst zu Beginn meiner Recherche gesetzt habe. Ich habe eine Datenbank und möchte die Inhalte per Ajax vergleichen – für ein smoothes Such-Feeling des Nutzers [What?]. Ja, wer über die Keys Ajax und Produktfinder hier aufschlägt, der weiß wovon ich spreche. Besonders praktisch und prägnant finde ich die Bezeichnung One Page Shopping.

Im Prinzip lässt sich durch das wirklich gelungene UI ein Shop fast ersetzen, bzw. die Suche schlicht gestalten. Dass es sicherlich nicht die All-in-One Lösung ist, gut, muss nicht – aber die Lösung wie Sellector (vom Key Product Selector übrigens abgleitet, was ich über die Recherche-Phase auch des Öfteren verwendet habe) sie anbietet gefällt.

Diesen kurzen Review musste ich kurz loswerden, um der Recherche-Manie ein Ende zu setzen. Ich werde mich vorerst wieder meiner eigentlichen Arbeit zuwenden, und dem bislang ‘Non-Profit Bereich’ Bye sagen. Als Memo zum Thema Produkfinder vs Produktvergleich ist dem nun vorerst Genüge getan. Fin.

Nachtrag: Facettierte Suche zur Produktfinder-Problematik

Ein paar Tage später musste habe ich die Suche fortgesetzt und passend zum Thema ein paar nützliche Quellen und Antworten gefunden.

Wie eingangs beschrieben, verlief die Suche bislang sehr abstrakt, ohne spezifisches Wissen über die Fachterminologie. Im Prinzip beschränkte sich meine Suche auf eine eingeschränkte Keyword-Matrix, die sich ausgehend von meiner Problemstellung – eine Art Produktfinder für Novizen zu erstellen – entwickelte. Die eigentliche Suche / Stichwort-Matrix müsste aber lauten: “Facettierte Suche Skript” o.ä. Nach weiteren Recherchen war ich mehr oder weniger per Zufall darauf gestoßen, dass sich das, nach dem ich suchte, sich ‘facettierte Suche‘ bzw. ‘facettierte Navigation’ nennt. Dies vorerst nur als Memo festgehalten und hier mit weiterführenden Quellen untermalt –

Best Practise für das Design facettierter Suchfilter

Prinzipien der effektiven E-Commerce-Suche (smashingmagazine)

Advancing Advanced Search

Während des Verfassens des Artikels gerät die eigentliche Problemlösung gar ein wenig in den Hintergrund und die Mechanismen der eigenen Such-Praxis in den Vordergrund. Doch recht interessant wie die Breadcrumbs sich ihren Weg bahnen und langsam zum Ziel führen. Punkt.

Offene Fragen / Anmerkungen

Gibt es Tutorials für die facettierte Navigation?
Wie lassen sich solche Suchfilter für Non-PROs realisieren / auf CMS-Basis oder manuell?
Empfohlene Literatur für die facettierte Suche für Einsteiger…

Interessante Suchabfragen, die bislang mäßig gute Ergebnisse für den konkreten Anwendungsfall bieten:

web application with jquery product comparison

Produktvergleich Programmierung

decision engine technology

multi step wizard filter ajax

CPUBoss Skript

side by side comparison script

__ #2013 #2017

Die Entwicklung der Vergleichsportale geht rasant voran – das Buzzword 2013 lautet “Data-Driven Content Platform (DDCP)” – passend dazu der Beitrag auf Betakit zum US Unternehmen FindTheBest, welches alle im Beitrag angesprochenen Lösungen bereits umsetzt und zusehends perfektioniert.

Weiterführende Links zu Produktvergleich-/finderlösungen

Eine nützliche Übersicht zu Online Beratungssysteme im Vergleich ist auf Ecin.de zu finden. Hier werden unter anderem Filtersuchsysteme, Empfehlungssysteme, Guided Selling Systeme und weitere miteinander verglichen. Eigentlich exakt das Themenfeld, nach dem ich aktuell eine Lösung suche. Nun fehlen nur noch die passenden Script-Lösungen bzw. Code-Beispiele für die Umsetzung eines solchen Produkt-Filter-Finder-Systems.

Suchende stehen auf ihrer Shopping-Tour zumeist vor dem Problem des Information Overflows, soll heißen, man sucht eine bestimmte Produktkategorie, möchte aber wenn möglich nicht direkt beim erst besten Shop zuschlagen, sondern vergleichen und Bewertungen einholen. Eine Art Guided Shopping Lösung, die nicht nur Produktdaten zusammen scrapt, sondern den Nutzer schlicht Hilfestellung leistet, ist hier gefragt.

Für Shopsysteme wie Magento, Open Cart & Konsorten gibt es wohl solche facettierte Lösungen – in meinem konkreten Fall soll es aber in Richtung Empfehlungsmarketing gehen, also quasi der Verkäufer, der seinem Besucher/Kunden den passenden Rat gibt – das Produkt kann ich dir empfehlen und in den folgenden Shops kannst du es mit guten Gewissen kaufen. So denn, wie bereits erwähnt ist hier die Suche wohl mehr das eigentliche Thema als die letztendliche Lösung. Nützliche Lösungsansätze, ob kostenpflichtig oder als Open Source können gern in den Kommentaren ergänzt werden.

Produktvergleich & Finder-Lösungen

Mit der Zeit finden sich immer mehr Webseiten, die genau die Problematik, die ich 2011 versucht habe zu lösen, schon sehr gelungen umsetzen. Als persönliches Post-it im Folgenden eine Liste mit Finder-Vergleichs-Lösungen in Form von Web-Apps:

Camerasize.com – geniale Idee, wenn man einen Größenvergleich seiner favorisierten DSLR anstellen möchte.

DPreview – Wenngleich eine Oldschool-Lösung in Sachen Layout, aber erfüllt seinen Zweck.

Snapsort – der König der Vergleichsportale aus meiner Sicht. Denn Snapsort geht einen Schritt weiter und hebt den Produktvergleich in eine neue Ebene. Die technischen Eigenschaften werden nicht nur gegenüber gestellt, sondern auch bewertet. Als Novice erhält man so schnell einen Überblick auf was es beim Kamerakauf ankommt und was die Experten auf Basis der technischen Daten empfehlen.

Falls jemand eine passende Produktvergleich-Lösung kennt, die in Richtung Snapsort geht, bzw. Entwickler ist und an einem Projekt mitarbeiten möchte, der kann sich gern bei mir melden. Ich freue mich über Feedback. Mail an heiko at goeo . de

Stichworte: ,
0 comments on “Produktvergleich mit Ajax & Co
    1 Pings/Trackbacks for "Produktvergleich mit Ajax & Co"
    1. […] Prinzip handelt es sich dabei um die Finder-Lösung, die ich im Artikel Produktvergleich Finder mit Ajax & Co auf goeo.de lang und breit erläutert hatte, zu diesem Zeitpunkt aber noch nicht so recht auf den […]

    Schreibe einen Kommentar

    Deine E-Mail-Adresse wird nicht veröffentlicht. Erforderliche Felder sind mit * markiert.

    *

    Tipps Bilder in Kommentar einbetten
    Zum Einbetten von Bildern lässt sich einfach imgur.com/upload verwenden. Einfach das Bild dort hochladen und den Bild-Code hier einfügen.