GoodBarber-Apps sind bereit für das iPhone Duo. So geht’s
Blog

Klauen Sie diese Idee: die Weihnachtsgeschenkliste

Der September ist vorbei, die guten Vorsätze zum Neustart im Fitnessstudio haben gehalten (oder auch nicht), und jetzt geht es an die Planung der Feiertage. Damit Sie den Überblick behalten, hier eine App-Sektion, die beim Füllen des Geschenkesacks den Stress rausnimmt: eine Karte pro Person, Geschenkideen, deren Status sich ändert, damit das Budget im Blick bleibt, und ein Countdown bis Heiligabend. Alles generiert mit einer einzigen Beschreibung für den AI Extension Builder von GoodBarber.

Die Serie „Klauen Sie diese Idee“: eine App-Sektion, die wir dem AI Extension Builder beschreiben, wirklich bauen und deren kompletten Prompt wir Ihnen am Ende zum Einfügen mitgeben. Nach der 30-Tage-Challenge zum Neustart ist jetzt eine der geschäftigsten Zeiten des Jahres an der Reihe!

Die Sektion aus Sicht der Kunden

Alles beginnt mit einer Frage: Who are you shopping for this year? Der Kunde fügt eine Person hinzu, mit einem Vornamen, „Mama“, „die Nachbarn“, ganz wie er möchte. Er kann auch ein Budget festlegen, muss aber nicht.

Unter jeder Person stehen die Geschenkideen. Jede Idee hat einen Status-Button, den man antippt, um weiterzuschalten: Idea, dann Bought, dann Wrapped. Gekaufte und verpackte Geschenke werden im Budget der Person (€0 of €50, mit einem schmalen Balken) und in der Gesamtsumme der Saison oben auf dem Bildschirm addiert.

Der Ring Progress füllt sich, sobald jede Person mindestens ein gekauftes Geschenk hat. Wird die Liste länger, klappen die Karten mit einem Tipp auf die Kopfzeile ein, und nur die Namen bleiben sichtbar. Eine Zeile erinnert daran, wer noch keine Idee hat (1 person has no gift ideas yet): Ein Tipp darauf, und der Bildschirm scrollt zu dieser Person.

Maison Lumen, der Shop auf diesen Screenshots, ist für das Beispiel erfunden. Alles, was darin zu sehen ist, ist fiktiv.

Warum dieses Format für einen Shop funktioniert

Der Vorteil liegt im Kalender. Von Anfang November bis zum 24. Dezember öffnet Ihr Kunde seine Liste jedes Mal, wenn ihm ein Geschenk einfällt – und dafür öffnet er Ihre App. Ein Schaufenster wird im Vorbeigehen angeschaut, ein Weihnachtsnewsletter geht zwischen allen anderen unter. Ein Werkzeug, das wirklich nützt, landet dagegen genau dann wieder in seiner Hand, wenn er über seine Einkäufe entscheidet.

Und es ist ein Service, keine weitere Werbeaktion. Die Sektion verkauft nichts, drängt kein Produkt auf und verlangt nichts im Gegenzug. Sie spart Zeit und hilft, im Budget zu bleiben. An dem Tag, an dem Ihr Kunde eine Idee für seine Mutter sucht, ist Ihr Katalog nur einen Tab entfernt.

Das Budget zählt – und hört an der Grenze nicht auf

Sehen Sie sich die Karte von Mum an: 80 € Budget, zwei Geschenke gekauft, 85 € ausgegeben. Der Balken ist voll, die Zahl wird rot (€85 of €80), und es wird weitergezählt. Das steht schwarz auf weiß im Prompt: nie beim Budget aufhören zu zählen. Ein Balken, der bei 100 % stehen bleibt, würde genau in dem Moment lügen, in dem die Information zählt.

Zwei Details machen diese Summe verlässlich. Ein verpacktes Geschenk zählt weiter: Der Wechsel von Gekauft zu Verpackt ändert nur das Etikett. Und wenn eine Idee ohne Preis als gekauft markiert wird, öffnet die Sektion sofort die Karte des Geschenks, mit dem Cursor im Feld Price paid. Der Kunde tippt direkt ein, was er bezahlt hat, und die Summe ist nie falsch, nur weil etwas vergessen wurde.

Eine Liste, die auf dem Handy bleibt

Eine Geschenkliste ist eine Liste voller Geheimnisse, und die Sektion nimmt das ernst: Alles wird auf dem Gerät gespeichert, nichts wird gesendet, nichts wird geteilt. Sie sagt es einmal, klein gedruckt, unten auf dem Bildschirm: This list stays on your phone. We can't see it.

Für Handys, die im Wohnzimmer auf dem Tisch liegen, kann der Kunde seine Liste mit einem vierstelligen Code sperren. Beim erneuten Öffnen fragt der Bildschirm nach dem Code, bevor er irgendetwas zeigt.

Die Sätze im Prompt, die die Arbeit machen

Der komplette Prompt steht weiter unten. Wenn Sie ihn anpassen, tragen fünf Sätze das Wesentliche: Behalten Sie sie.

  1. „When the total passes the budget, the bar fills completely and the figure turns to "€72 of €60" in a warning colour — never stop counting at the budget.“ Das Zahlenbeispiel erledigt die Arbeit: Der Generator sieht genau, was er bei einer Budgetüberschreitung anzeigen soll.
  1. „Wrapping a gift never takes it out of any total.“ In unserem Build hat die erste Version verpackte Geschenke aus der Summe genommen. Ein Satz genügt, um das zu verhindern.
  1. „When a gift with no price becomes "Bought", its edit window opens with the cursor already in the price field.“ Den Preis kennt der Kunde in dem Moment, in dem er kauft. Genau dann fragt die Sektion danach.
  1. „A person is done as soon as at least one of their gifts is bought or wrapped.“ Das Wort „erledigt“ hat keine selbstverständliche Bedeutung. Schreiben Sie die Regel auf, sonst wählt der Generator eine für Sie.
  1. „The list is never sent anywhere, never shared with anyone, and never visible to us.“ Das Datenschutzversprechen steht im Prompt, und der Satz auf dem Bildschirm ebenfalls, Wort für Wort.

Der Prompt – klauen Sie ihn

Hinter dieser Sektion steckt keine einzige Zeile Code, nur ein Briefing an den AI Extension Builder. Unser Build hat ein paar Nachbesserungen gebraucht, die hier alle in einem einzigen, überarbeiteten Prompt stecken. Wir haben es geprüft: Unverändert in eine neue Sektion eingefügt, liefert dieser Prompt auf Anhieb alles, was dieser Artikel beschreibt.

Create a Christmas gift planner section. Write every text on screen in English. The screen is a list of the people the user is buying for, each with their gift ideas. There is no limit to the number of people. When the list is empty, it shows a single card with the line "Who are you shopping for this year?" and an "Add a person" button, and no other add button. As soon as one person exists, that card disappears and a full-width "Add a person" button sits above the list. Adding a person asks for a name and, optionally, a budget — a plain number, shown with the € symbol. The name is whatever the user types: a first name, "Mum", "the neighbours". Each person is a card. Its header shows the name with a small pen icon right next to it, and the number of gifts on the right ("1 gift", "3 gifts"). Tapping anywhere on the header except the pen folds or unfolds the card; folded, only the header shows, and each card remembers whether it is folded. The pen opens "Edit person": name, budget, Save and Cancel side by side, and below them a full-width "Delete person" button that asks first, then removes the person and all their gifts. Unfolded, a card shows the money line, then the gifts, then "Add a gift idea". The money line reads "No gift ideas yet" when the person has no gift, "€45 of €60" with a thin bar when a budget is set, and "€18 spent" when there is no budget. When the total passes the budget, the bar fills completely and the figure turns to "€72 of €60" in a warning colour — never stop counting at the budget. Each gift is one line: its name, its price if there is one, a state button, and "Edit" and "Delete" links. Tapping the state button moves it from "Idea" to "Bought" to "Wrapped", and a wrapped gift goes back to "Idea". Only those three states, always in that order. Bought and wrapped gifts count toward the person's total and the overall total; ideas don't. Wrapping a gift never takes it out of any total. When a gift with no price becomes "Bought", its edit window opens with the cursor already in the price field, labelled "Price paid". "Add a gift idea" asks for a line of text and an optional price. "Edit" lets the user rename the gift, change its price, or move it to another person with a "For whom?" choice. "Delete" asks first. At the top of the screen, three compact cards in a bento layout. A full-width card reads "48 days until Christmas Eve", counting to 24 December; on 24 December it reads "It's Christmas Eve". Below it, two cards side by side: "Progress", a ring that fills with the share of people who are done, with "2/3" in its centre and "done" under it; and "Total spent on gifts", the sum of the prices of every bought or wrapped gift. A person is done as soon as at least one of their gifts is bought or wrapped. No sentence under the ring. Under the add button, when it is true, one line reads "2 people have no gift ideas yet" ("1 person has no gift ideas yet" in the singular); tapping it scrolls to the first of them and unfolds their card. Everything lives on this device alone. The list is never sent anywhere, never shared with anyone, and never visible to us. Say so on the screen, once, in small text at the bottom: "This list stays on your phone. We can't see it." Above that line, a "Lock this list" button lets the user choose a four-digit code, typed twice, and warns in one sentence that a forgotten code cannot be recovered. Every code entry in the section uses four separate boxes: the cursor moves to the next box as each digit is typed, and backspace moves back. Once a code is set, the section asks for it before showing anything. The lock screen offers "Forget the code and erase the list" as the only way out: its confirmation appears on top of the lock screen, and confirming erases the people, the gifts and the code, and shows the empty list. Once unlocked, the button reads "Remove the lock" and asks for the code before removing it. From 26 December, the top of the screen offers "Start next year's list", which keeps the people and their budgets and removes every gift. Nothing is deleted without asking, and every confirmation is a window drawn by the section, on top of everything else. Nothing flickers or flashes: a gift changing state updates in place without the list jumping or scrolling, totals recount without animating, there is no reload effect when the screen opens, and entrance animations play only on first load. Match the app's design.

Vor der Ankündigung: drei Checks

Eine generierte Sektion prüft man, indem man die Handgriffe eines Kunden nachmacht. Drei Minuten reichen.

Der Preis beim Kauf. Fügen Sie eine Idee ohne Preis hinzu und schalten Sie sie auf Bought: Die Karte des Geschenks sollte sich öffnen, mit dem Cursor im Preisfeld. Geben Sie einen Betrag ein: Die Summe der Person und die Gesamtsumme oben sollten sich ändern.

Das Verpacken. Schalten Sie dieses Geschenk auf Wrapped: Keine Summe darf sich ändern.

Der Ausweg aus der Sperre. Legen Sie einen Code fest, schließen Sie die Sektion und öffnen Sie sie wieder. Tippen Sie auf dem Sperrbildschirm, ohne den Code einzugeben, auf Forget the code and erase the list. Die Bestätigung muss über dem Sperrbildschirm erscheinen.

In unserem Build öffnete sie sich hinter dem Sperrbildschirm: Man sah sie erst nach dem Entsperren (linker Screenshot, oben in diesem Teil). Mit dem Prompt oben erscheint sie wie gewünscht darüber (rechter Screenshot).

Genau so ein Detail bemerkt man nur beim Testen. Der Prompt oben legt es jetzt ausdrücklich fest. Falls Ihre Generierung es trotzdem durchgehen lässt, müssen Sie nicht neu anfangen: Fordern Sie die Nachbesserung an, indem Sie beschreiben, was Sie sehen und was Sie erwarten. Hier ist sie, bereit zum Einfügen:

"Forget the code and erase the list" doesn't work from the lock screen: its confirmation opens behind the lock screen, and I only see it after unlocking. Expected: the confirmation appears on top of the lock screen, and confirming erases the people, the gifts and the code, then shows the empty list — without ever entering the code.

Das Rezept gilt für jede Nachbesserung: das Symptom, das Sie sehen, das Verhalten, das Sie erwarten, und das Detail, das die Mehrdeutigkeit beseitigt. Hier ist es „ohne den Code je einzugeben“.

Der 26. Dezember

Der Countdown hat seine Arbeit getan. Ab dem 26. Dezember bietet der obere Bildschirmrand Start next year's list an: Die Personen und ihre Budgets bleiben, die Geschenke werden nach einer Bestätigung gelöscht. Im nächsten Jahr findet Ihr Kunde seine Liste genau dort wieder, wo er sie gelassen hat, in Ihrer App, und kann schon direkt nach den Feiertagen nach und nach neue Ideen notieren.

Jetzt sind Sie dran

Personen, Ideen, drei Status und ein Budget: Das Prinzip reicht weit über Weihnachten hinaus. Ein Babyfachgeschäft macht daraus eine Sektion für die Geburtsliste, ein Schreibwarenladen die Schulbedarfsliste pro Kind. Überall, wo Ihre Kunden Einkäufe für mehrere Personen planen, lässt sich die Sektion mit ein paar geänderten Wörtern umschreiben.

Weiterlesen

Ihr Zug

Die Weihnachtsliste ist nur ein Ausgangspunkt. Beschreiben Sie Ihre Sektion so, wie Sie sie einer Aushilfe erklären würden, die im Dezember anfängt: was der Kunde sieht, was er antippt und was in jedem Fall gelten muss. Was sich beschreiben lässt, kann eine Sektion Ihrer App werden: Erstellen Sie eine App mit GoodBarber.

Kurz gesagt

Kann ich die Listen meiner Kunden sehen?

Nein. Alles bleibt auf ihrem Handy: Nichts wird gesendet, weder an Sie noch an uns. Die Sektion zeigt das unten auf dem Bildschirm an.

Wird die Liste zwischen mehreren Geräten synchronisiert?

Nein, das ist die Kehrseite des Datenschutzes: Die Liste lebt auf einem einzigen Handy. Wechselt Ihr Kunde das Gerät, beginnt er mit einer leeren Liste.

Und wenn mein Kunde seinen Code vergisst?

Niemand kann ihn wiederherstellen. Der einzige Ausweg ist, die Liste zu löschen und neu anzufangen. Die Sektion warnt ihn, wenn er seinen Code wählt.

Kann man Währung oder Sprache ändern?

Ja, mit einem Satz im Prompt: Ersetzen Sie „€“ und „English“ durch das, was zu Ihren Kunden passt.

Was passiert nach Weihnachten?

Ab dem 26. Dezember schlägt die Sektion vor, die Liste für das nächste Jahr vorzubereiten, und behält dabei die Personen und ihre Budgets.

Weiterlesen