Unit-Tests und API-Tests sind unverzichtbar, aber sie können nicht alles abfangen. Was passiert, wenn:

Diese Szenarien erfordern Tests mit echten Browsern, echten Renderingprozessen und echten User-Interactions. Während Unit-Tests in der Regel ein bestimmtest Feature testet, kann ein Browser-Test einen kompletten Prozess testen.

Screenshots sind mehr als nur Dokumentation. Sie sind unser Frühwarnsystem:

Gibt es in einem Prozess ein Problem werden wir darüber sofort benachrichtigt. Der gelaufene Test enthält genaue Informationen an welchem Punkt etwas scheiterte – sofern möglich mit Screenshot des letzten Punkts vor dem scheitern. Auch du als Kunde kannst optional informiert werden.

Dieses System ist mehr als nur ein technisches Tool. Es spiegelt in gewisser Weise unsere Philosophie wider. Wir glauben daran, dass nachhaltige Software-Entwicklung proaktive Qualitätssicherung erfordert.

Nicht jedes Problem braucht eine Standard-Lösung. Manchmal ist der beste Weg, eigene Tools zu bauen, die perfekt zu den spezifischen Anforderungen passen und langfristig wartbar sind.

Unser Browser-Testing-System zeigt, dass schlanke, durchdachte Eigenentwicklungen mächtiger sein können als komplexe Enterprise-Lösungen. Es ist ein Beleg für unseren Anspruch, nicht nur heute funktionierende Software für dein Unternehmen zu entwickeln, sondern Lösungen, die über Jahre hinweg zuverlässig ihren Dienst verrichten.

Das SEO Plugin Yoast hat eine ähnliche Funktion kürzlich veröffentlicht. Doch bei der werden lediglich ausgewählte oder die letzten fünf Blog Beiträge ohne jegliche Erklärung in die Datei geschrieben. Das ist nur leider gar nicht, was eine KI an der Stelle erwartet. Daher haben wir das ganze auf verschiedene Felder aufgeteilt:

Wenn du einen WooCommere Shop bei uns hast, gibt es noch weitere Möglichkeiten, der KI wichtige Informationen mitzuteilen. Darunter:

All diese Informationen werden mittels Markdown strukturiert ausgegeben, damit die KI den Text korrekt einordnen und verarbeiten kann. Auch etwas, was weder Yoast SEO noch Rankmath tun, obwohl es durchaus das Tüpfelchen auf dem i sein kann.

Bei einer Website oder einem Firmenblog kann es tatsächlich Sinn machen, die aktuellsten Beiträge oder zumindest eine Zusammenfassung davon in die llms.txt einzutragen. Aber nur, wenn regelmässig neuer Inhalt erzeugt wird, der für potentielle Kunden relevant ist. Alternativ fügt man besser von Hand ein paar Evergreen-Beiträge hinzu.

Die neue Funktion findest du im WordPress Backend unter Einstellungen > llms.txt. Die Funktion können bei den meisten, aber nicht überall automatisch aktivieren – sofern du diese nicht siehst, melde dich einfach kurz bei support@comotive.ch.

Während du deinen Suchbegriff eintippst, prüfen wir bereits während der Eingabe, ob wir „wissen“, was du suchst. Dazu führt der Code eine Reihe von Abfragen aus:

Die Funktion ist noch nicht lange online, aber die Anzahl der Klicks auf Vorschläge hat sich erhöht. Die meisten Sucheingaben liefern nun erstmals überhaupt Vorschläge – oder mehr und passendere als zuvor. Intern zeichnen wir weiterhin anonym auf, was passiert, damit wir und in Zukunft auch der Suchalgorithmus daraus lernen können.

Die WordPress-Suche ist im Standard einigermassen ausgereift. Aber sie liefert keine Vorschläge und scheitert sofort bei Schreibfehlern. Auch bei Suchanfragen mit mehr als einem Wort stösst sie schnell an ihre Grenzen. Daher testen wir derzeit auf einigen Websites einen teilweise KI-erweiterten Index, der auch für die Suche und die Korrektur von Schreibfehlern genutzt wird.

Sobald wir dieses Feature für rund 200 Websites ausrollen, wird es für alle unsere Kunden – oder vielmehr für deren Besucher und Endkunden – einen positiven Effekt haben.

Um für uns und unsere Kunden für Kostensicherheit zu sorgen, wählten wir einen von zwei möglichen Ansätzen. Wir erzeugen über die Schnittstelle eine MP3 Audiodatei im Hintergrund, sobald ein Beitrag oder eine Seite bereit ist aufgeschaltet zu werden. Das hat ein paar Vorteile:

Die Alternative wäre, keine initiale Erzeugung von Audio-Dateien. Elevenlabs bietet die Möglichkeit, das Audio erst zu erzeugen, wenn es benötigt wird (Streaming). Dies geht mit einer kurzen Verzögerung einher, ausserdem lässt sich das Audio so nicht lokal speichern, womit sukzessive laufende Kosten entstehen, die nicht immer vorhersehbar sind.

Ein Nachteil ist, dass man sich einmal auf eine Stimme festlegen muss. Elevenlabs bietet sehr viele professionelle Stimmen, die man beliebig ausprägen oder verändern kann. Ist das Audio jedoch einmal erzeugt, müsste man alle Dateien bei einem Stimmenwechsel potentiell neu erzeugen.

Ein sehr interessantes Feature, gerade für’s Personal Branding: Mit Elevenlabs kann man nicht nur vordefinerte, sondern auch seine eigene Stimme verwenden. Bereits mit einer 30-Sekunden Aufnahme der eigenen Stimme, bekommt man gute Resultate. Je länger die Beispielaufnahme, desto besser wird die Qualität. Bei einer kurzen Aufnahme und typischem «Schweizer hochdeutsch» klingt die eigene KI-Stimme dann ein wenig bayrisch bis österreichisch. Ein Beispiel meiner Stimme:

Hier in unserem Blog nutzen wir für’s erste eine der Standard-Stimmen. In meinem Sideventure erneuer.bar plane ich allerdings meine eigene Stimme als «Erzähler» zu verwenden.

Unseren Kunden steht die neue Vorlesefunktion nach erstmaliger Konfiguration der Stimme ab sofort zur Verfügung. Dabei fallen lediglich die Nutzungskosten der Schnittstelle von Elevenlabs an: Etwa 30 Rappen pro vorgelesene Minute – das sind jenachdem etwa 125 bis 150 Wörter. Das Erzeugen dieses Beitrags hat einmalig etwas weniger als einen Franken gekostet.

Zu allererst, was ist eigentlich Interaction Design? Die SfGB:B fasst es wie folgt schön zusammen:

Aufgebaut ist der Studiengang als berufsbegleitendes Angebot. Das heisst, Freitags ist ganztägig und Samstags am Vormittag Unterricht. Daneben genügend Zeit, einer beruflichen Tätigkeit in einem studiennahen Bereich nachzugehen. Für mich als Screendesigner und Frontend-Entwickler ein ideales Studium also und mit meiner Tätigkeit bei comotive gut vereinbar.

Die Kernkompetenzen des Studiums liegen in den Bereichen Konzeption, Design und Interaktivität. Diese Fächer zogen sich als roter Faden durch die ganzen drei Jahre durch. Sie boten sowohl viel theoretischen Input von Expert:innen aber auch viel Raum für praktische Anwendung in verschiedensten Arbeiten und Projektwochen. 

Dabei wurde das Thema Interaktivität keineswegs nur im Bezug auf digitale Projekte am Screen, sondern auf allen möglichen Ebenen beleuchtet und angegangen. Sei es das Basteln von Prototypen in einem Exkurs ins Produktdesign. Oder das Erstellen von eigenen Instrumenten mithilfe von alltäglichen Gegenständen und einem Microcomputer, um damit zu musizieren, war alles mit dabei. Ganz allgemein herrschte während den Semestern eine starke Hands-On-Mentalität. Entdecken und einfach mal Dinge ausprobieren, für die im normalen Arbeitsalltag vielleicht nicht die Kapazitäten zur Verfügung stehen. Das war ausdrücklich erwünscht.

In den Fachbereichen Kreativität sowie Technologie und Coding wurden weitere Metakompetenzen aufbauend auf die Kernkompetenzen vermittelt. Von Ideation über Kunst- und Kulturdesign bis hin zu Frontend Development war hier alles mit dabei. Besonders in Erinnerung geblieben sind mir die Exkursionen in die Vitra-Erlebniswelt. Oder in das Zentrum für Kunst und Medien in Karlsruhe. Bei beiden standen spannende Eindrücke in Interiordesign und räumlicher Gestaltung im Vordergrund.

Zu diesen Hauptfächern kamen unzählige ergänzende Fächer dazu, die sich über die drei Jahre verteilten. Vom Projektmanagement, Marketing und Brand Communication bis hin zum Visual Storytelling war alles mit dabei. Auch das Durchführen von Präsentationen und Pitches stellte eine wiederkehrende Sache dar. Das bereitete nicht nur gut auf die Diplompräsentation vor, sondern vermittelte auch wertvolle Skills für den Berufsalltag.

Neben den regulären Unterrichtseinheiten standen auch regelmässige White Cubes auf dem Programm. Diese dauerten von einem bis mehrere Tage und behandelten allerlei unterschiedliche Themen wie Creative Coding, VR & AR-Erlebnisse oder das Experimentieren mit verschiedenen No-Code-Tools. Ganz speziell in Erinnerung geblieben ist mir allerdings der White Cube zum Thema Accessibility. Das besondere dabei war, dass einer der Dozenten durch seine angeborene Blindheit direkt betroffen ist und uns so sehr viele konkrete Beispiele aus seinem Alltag zeigen konnte. Wo, dass alles Barrieren auftauchen können, mit denen man als nicht direkt betroffene Person im ersten Moment vielleicht gar nicht rechnet. Sei es das Kaufen eines ÖV-Tickets oder das Einkaufen im Online-Supermarkt. Dort gab der Screenreader durch eine ungenügende Strukturierung der Seite ein totales Durcheinander von sich. Das effiziente Nutzen des Dienstes wurde so fast unmöglich gemacht.

Äusserst spannend war auch das Thema Gaming und Barrierefreiheit. Mit The Last Of Us Part II stand dabei ein Spiel im Fokus, das beim Thema Accessibility sehr vorbildlich umgesetzt wurde. Schier unendliche Einstellungsmöglichkeiten für alle möglichen Arten von individuellen Bedürfnisse der Spieler:innen. Ob Farbenblindheit, motorische Einschränkungen, Optionen um visuelle Hinweise auch in Audioform ausgeben zu können. Oder einfach nur eine fein justierbare Schwierigkeitsstufe von unterschiedlichen Gegnertypen. Von guter Barrierefreiheit profitieren letztendlich alle.

Ein weiteres Highlight war die Studienreise nach Berlin. Gemeinsam mit zwei Dozenten, beides waschechte Berliner, ging es für eine Woche in die deutsche Hauptstadt. Thema: “Design for Good”. Nebst Coworking-Vibe, vielseitiger Agenturluft schnuppern, Berlin-Sightseeing und bei trendigen Popup-Bars gemeinsame Sonnenuntergänge erleben, stellte der Besuch des Impact Hub Berlin ein sehr inspirierendes Erlebnis dar. Am frisch umgebauten Standort konnten wir ein spannendes Gespräch mit dem Space Experience Lead führen. Dabei erhielten wir einen Einblick zu verschiedenen Themen wie New Work, Circular Economy und Sustainable Development Goals. 

Der grösste Vorteil dieses berufsbegleitenden Studiums HF Interaction Design war auf jeden Fall der hohe Grad an Praxisbezug. Die Dozent:innen kommen alle direkt aus der Branche und können so nicht nur theoretischen Input, sondern auch echte Erfahrungswerte und Einblicke vermitteln. Der Mix aus Theorie und praktischer Anwendung in Form von Workshops und Übungen, förderte das Lernen auf mehreren Ebenen. Ich konnte so viele erlernte Dinge bereits während des Studiums direkt in meiner täglichen Arbeit anwenden. Sowohl für uns als Agentur aber auch für unsere Kund:innen ein echter Mehrwert.

Die drei Jahre vergingen wie im Flug und letzten Frühling stand mit der Diplomarbeit die letzte intensive Phase an. In dieser konnten die erlernten Dinge nochmal an einem eigens gewählten Projekt angewendet und unter Beweis gestellt werden. Durch die tatkräftige Unterstützung in Form von Inputs durch drei Expert:innen aus den Tätigkeitsbereichen Konzeption, Design und Interaktivität als Sparing-Partner:in, fühlte man sich jederzeit gut betreut. Und obwohl in dieser Zeit bereits kein regulärer Unterricht mehr stattfand, war der Austausch mit den Komilition:innen bei gemeinsamen Coworking-Sessions wichtig und eine wertvolle Hilfe. Zusammen ein gleiches Ziel vor Augen zu haben und sich gegenseitig anzuspornen, hilft enorm.

Dieses Ziel wurde von der ganzen Klasse mit Bravour erreicht. Im Juni konnten im Rahmen einer feierlichen Zeremonie die ersehnten Diplome entgegen genommen und in den Händen gehalten werden. Ganz besonders stolz bin ich, dass ich nebst dem HF-Diplom auch noch den SIMD-Preis 2024 für den besten Diplomabschluss Interaction Design HF erhalten durfte! 🥳

Ich kann dieses HF Interaction Design Studium absolut weiterempfehlen! Weitere Informationen und die Möglichkeit, sich für einen Infoanlass anzumelden, findest du auf der Website von der SfG BB: