Neue Werkzeugleiste im Klick & Bügel-Studio: mehr Platz auf dem Handy

9. August 2026

Die schrumpfende Werkzeugleiste: warum Katrin mich zu einem neuen UI inspiriert hat

Heute wieder ein Blick hinter die Kulissen von print2be. Genauer gesagt hinter die Kulissen des Klick & Bügel-Studios. Es geht um einen dieser kleinen UI-Umbauten, die auf dem Papier nach nichts aussehen und im Alltag einen riesigen Unterschied machen. Die Story dahinter: Katrin am Handy zwischen zwei Moderationen. Der halbe Bildschirm zugedeckt.📱

Katrin arbeitet immer öfter mit dem Studio

Was ich in den letzten Wochen bei Katrin gemerkt habe: Sie nutzt das Klick & Bügel-Studio immer häufiger selbst. Am Anfang nur am Laptop, gemütlich abends auf dem Sofa. Aber seit einiger Zeit auch mobil, unterwegs, zwischen zwei Auftritten oder auf dem Sprung zur nächsten Moderation.

Kurzer Kontext, falls du sie nicht so gut kennst: Katrin steht regelmäßig vor der Kamera und moderiert, auch unsere Live-Sendung Create and Happy. Und zwischen zwei Auftritten hat sie oft 2-4 Stunden Leerlauf. Zeit, die sie nicht mit Herumsitzen verbringen will, sondern für den Kundensupport nutzt.

Was sie da genau macht:

Sie stellt Fehler nach, die ihr Kundinnen gemeldet haben
Sie testet neue Motive im Studio mit dem Zauberstab, dem Freisteller und der KI
Sie schaut sich Designs an und gibt Tipps, wie die Motivauswahl noch besser wird
Sie antwortet auf Support-Mails, aber mit einem echten Blick ins Studio, nicht nur textlich

Das Ergebnis: bessere Antworten für dich, weil Katrin genau sieht, was du gemeint hast. 👍

Die Nachricht, die alles ausgelöst hat

Vor knapp zwei Wochen kam dann eine Nachricht von ihr, die für mich der Auslöser war. Sie war gerade in einer Pause, hatte das Handy in der Hand und wollte für eine Kundin eine Frage zur Motivgröße nachstellen. Also Objekt im Editor ausgewählt, skalieren wollen, und was passierte? Sofort ploppte das Objekt-Panel im Footer nach oben und verdeckte die halbe Arbeitsfläche.

Ihre Nachricht war kurz und Katrin-typisch direkt: "Dirk, ich sehe mein Motiv nicht mehr, wenn ich es antippe. Das Panel ist zu groß auf dem Handy. Kannst du das ändern?".

Ich hab kurz aufs Handy geschaut, das Klick & Bügel-Studio geöffnet, ein Motiv ausgewählt und ehrlich, sie hatte komplett recht. Auf einem Handy im Hochformat verdeckte das Detail-Panel bis zur Hälfte des Bildschirms alles, was ich eigentlich gerade bearbeiten wollte. Skalieren, verschieben, drehen. Alles nur noch teilweise sichtbar. Nicht gut. 🙈

Warum das alte Layout das Problem hatte

Damit du verstehst, was da passiert war: Ich hatte bisher zwei getrennte Bereiche im UI. Eine allgemeine Werkzeugleiste im Footer (immer sichtbar, mit den Basis-Werkzeugen wie Zoom, Speichern, Hintergrund umschalten und so weiter). Und ein separates Objekt-Panel, das aufpoppte, sobald du ein Motiv oder ein Textelement angetippt hast. Mit allen kontextspezifischen Aktionen: Größe, Rotation, Sperren, Duplizieren.

Am Desktop war das kein Problem. Da hast du genug Bildschirmfläche, dass so ein Panel bequem daneben liegen kann. Am Handy war das ein Riesenproblem. Ausgerechnet in dem Moment, in dem du dein Motiv sehen wolltest, wurde es zugedeckt.

💡 Erkenntnis: Die Nutzung von Katrin und vielen von euch ist überwiegend mobil. Wenn ein UI-Element auf dem Handy nicht funktioniert, ist es unabhängig davon, wie schön es am Desktop wirkt, einfach ein Problem. Und je öfter du eine Sache benutzt, desto stärker fällt so ein Störfaktor ins Gewicht.

Meine Lösung: alles in einer Leiste, kontextabhängig

Nach einer Kaffee-Runde am Wochenende habe ich mich hingesetzt und den ganzen Bereich neu gedacht. Meine Lösung ist eigentlich ziemlich simpel, sobald man die Idee hat:

Ich habe das Objekt-Panel abgeschafft. Punkt. Und stattdessen alle Werkzeuge in die vorhandene Footer-Werkzeugleiste integriert. Alles als Icons. Und die Leiste ist jetzt schlau: Sie erkennt automatisch, in welchem Arbeitsgang du gerade bist.

Du hast ein Bild angetippt? Dann zeigt der Footer die Bildwerkzeuge (Skalieren, Drehen, Duplizieren, Freistellen, Löschen).
Du hast einen Text angetippt? Dann zeigt der Footer die Text-Werkzeuge (Schriftart, Größe, Farbe, Ausrichten).
Du hast den Zauberstab aktiviert? Dann zeigt der Footer die Zauberstab-Werkzeuge (Toleranz, Bereich hinzufügen, Auswahl invertieren).
Nichts ausgewählt? Dann zeigt der Footer die Basis-Werkzeuge (Zoom, Speichern, Hintergrund umschalten und so weiter).

So haben die Werkzeuge immer denselben Platz: unten im Footer. Du musst nirgendwo hinschauen, um sie zu finden. Und die Arbeitsfläche bleibt frei. Egal was du tust, dein Motiv ist immer im Blick.

Die eine Zeile, die geblieben ist

Es gibt eine kleine Ausnahme, die ich absichtlich gelassen habe. Wenn du ein Objekt oder eine Schrift ausgewählt hast, kommt oberhalb der Werkzeugleiste eine ganz schlanke Zeile mit den aktuellen Maßen. Also die Breite und Höhe in Millimeter (oder bei Text die Schriftgröße). Das ist die Information, die du beim Skalieren praktisch immer haben willst, weil dich sonst der schöne Zauberstab nichts nutzt, wenn dein Motiv am Ende zwei Zentimeter zu groß ist.

Eine einzige Zeile. Ganz oben. Winzig. Alles andere ist weg. 👌

Was das für dich am Ende bedeutet

Wenn du jetzt das Klick & Bügel-Studio auf dem Handy öffnest, wirst du sofort merken: Du siehst dein Motiv immer. Beim Antippen verschwindet nichts hinter einem Popup. Die Werkzeuge sind da, wo du sie brauchst, und sie passen sich an das an, was du gerade tust. Kein Suchen, kein Weg-Scrollen, kein Kompromiss. Nur du und dein Motiv.

Und für Katrin bedeutet es: Sie kann jetzt zwischen zwei Auftritten in Ruhe für dich Fehler nachstellen und Motive testen, ohne dass die halbe Bildschirmfläche verdeckt ist. Für dich heißt das im Support-Fall bessere Antworten in kürzerer Zeit. 🎉

💡 Tipp: Wenn dir im Studio was auffällt, das dich mobil oder am Desktop nervt, schreib uns kurz. Ich hab ja schon oft erlebt, dass die kleinen Optimierungen die Werkzeuge wirklich besser machen. Und ich fixe das dann meistens am selben Tag.

Warum ich diese Story so gerne erzähle

Für mich ist das ein perfektes Beispiel dafür, warum es sich lohnt, alles selbst zu bauen. Katrin schreibt mir eine kurze Nachricht mit einem Problem. Ich sitze am Wochenende dran. Am Montag ist das Update live. Sie kann die Verbesserung ab sofort im Support-Alltag nutzen. Kein Ticket-System, kein Warten auf einen Hersteller, keine "wir prüfen das mal".

Und die eigentliche Ironie: Der Umbau hat mich am Ende einen Nachmittag gekostet. Ein Nachmittag, der jetzt jeden einzelnen mobilen Studio-Besuch entlastet. Von Katrin, von dir, von allen anderen, die das Studio auf dem Handy nutzen. Bester Aufwand-Nutzen, den ich mir vorstellen kann. 🙌

Probier's einfach aus: Öffne das Klick & Bügel-Studio auf dem Handy und tippe ein Objekt an. Du wirst sofort sehen, wie viel Luft die neue Werkzeugleiste dir lässt.

Zurück zum Blog