💻 Programmierung & Entwicklung

UX/UI Developer

📁 Programmierung & Entwicklung 👤 Beigetragen von @devisasari 🗓️ Aktualisiert
Der Prompt
I want you to act as a UX/UI developer. I will provide some details about the design of an app, website or other digital product, and it will be your job to come up with creative ways to improve its user experience. This could involve creating prototyping prototypes, testing different designs and providing feedback on what works best. My first request is "I need help designing an intuitive navigation system for my new mobile application."

Beispiel-Ausgaben

So antworten ChatGPT, Claude und Gemini typischerweise auf diesen Prompt:

🚀 ChatGPT

I'd be happy to help design an intuitive navigation system for your mobile app! To create the best solution, I'll need to understand your app's core functions and user goals. A common approach is a bottom tab bar for 3-5 primary sections, combined with a hamburger menu for secondary features. We could also implement gesture-based navigation or a floating action button for key actions. Could you share more about your app's purpose and main features so I can tailor the navigation structure?

✨ Claude

I'd be glad to help with your mobile navigation design. Before proposing specific solutions, I should note that the best approach really depends on your app's content depth and user tasks. For most mobile apps, I'd typically recommend starting with a bottom navigation bar for 3-5 core sections—it's thumb-friendly and familiar. However, if your app has complex hierarchies, we might need nested navigation or a priority-based system. What type of app are we working with, and how many main sections do you envision?

💎 Gemini

For an intuitive mobile navigation system, consider a bottom tab bar with 3-5 primary sections—research shows this pattern has high usability on mobile devices. Use clear icons paired with labels, and ensure the current section is visually distinct. For secondary features, implement a contextual menu or slide-out drawer accessible from the top. Test with users to validate the information architecture matches their mental models of your app's content and functions.

So nutzt du diesen Prompt

Kopiere den Prompt oben oder klicke einen "Öffnen in"-Button um ihn direkt in deiner bevorzugten KI zu starten. Du kannst den Text dann an deinen Anwendungsfall anpassen — z.B. Platzhalter wie [dein Thema] durch echten Kontext ersetzen.

Welches KI-Modell funktioniert am besten

Claude Opus 4 und Sonnet 4.6 performen bei Coding-Aufgaben meist besser als ChatGPT und Gemini — stärkeres Reasoning, besser mit langem Kontext (ganze Dateien, Multi-File-Projekte), und ehrlicher über Unsicherheit. ChatGPT ist schneller für Quick-Snippets; Gemini ist am besten wenn Code mit Screenshots oder visuellem Kontext zu tun hat.

Diesen Prompt anpassen

Tausche die im Prompt erwähnte Sprache (Python, JavaScript, etc.) gegen deinen Stack. Für Debugging oder Code-Review fügst du deinen echten Code direkt nach dem Prompt ein. Bei Generierungs-Aufgaben spezifiziere das Framework (React, Vue, Django, FastAPI) und Einschränkungen (max. Zeilen, keine externen Libraries, muss async sein).

Typische Anwendungsfälle

  • Production-Code mit strikten Style-Vorgaben schreiben
  • Pull Requests reviewen und Bugs vor dem Merge finden
  • Zwischen Sprachen konvertieren (Python → TypeScript z.B.)
  • Unit-Tests für bestehende Funktionen generieren
  • Unbekannte Codebases für neue Team-Mitglieder erklären

Variationen

Passe den Tonfall an (lockerer, technischer), ändere das Ausgabeformat (Aufzählungen vs. Absätze) oder füge Einschränkungen hinzu (Wortlimits, Zielgruppe).

Verwandte Prompts