Ui Ux Pro Max

• Du behöver granska eller förbättra ett befintligt gränssnitt och vill ha konkreta, prioriterade rekommendationer snarare än vaga råd.
• Du designar användarflöden för komplexa arbetsflöden — flerstegiga formulär, onboarding-sekvenser eller master-detail-layouter — och behöver ett strukturerat tillvägagångssätt.
• Du vill bygga eller granska ett designsystem, inklusive komponenthierarkier, avståndsregler, tillståndsdefinitioner och användningsriktlinjer.
• Du implementerar UI-detaljfinish som laddningstillstånd, tomma tillstånd, mikrointeraktioner och övergångar som får ett gränssnitt att kännas snabbt och genomtänkt.

• Du behöver skapande av visuella tillgångar (ikoner, illustrationer, mockups eller produktionsdesignfiler) — den här färdigheten ger vägledning och mönster på kodnivå, inte grafiska resultat.
• Du söker plattformsspecifik nativ design (t.ex. djupdykningar i SwiftUI Human Interface Guidelines eller Android Material 3-komponentbibliotek) snarare än allmänna webb/app-UX-principer.

Färdigheten tillämpar grundläggande principer — progressiv avslöjning, feedbackloopar, felförebyggande, igenkänning framför återkallelse och konsekvens — direkt på ditt specifika designsammanhang. Istället för abstrakt teori får du konkreta beslut anpassade till dina användare, uppgifter och plattform.

Täcker navigeringsmönster (toppnavigering, sidofält, flikfält, brödsmulor, kommandopalett), formulärmönster (enkelkolumn, guide, inline-redigering) och datapresentationsmönster (tabeller, kortrutnät, listor, instrumentpaneler) med tydlig vägledning om när respektive alternativ är det rätta valet.

Tillhandahåller precisa implementeringsspecifikationer för laddningstillstånd (skeletsskärmar, optimistiskt UI), tomma tillstånd, övergångar (varaktighet, easing, rörelsevärden) och mikrointeraktioner som knappklicksfeedback, växlingsanimeringar och formulärinlämningslägen.

Genererar strukturerade komponentdefinitioner som inkluderar varianthierarkier, storleksskalor och fullständiga tillståndsspecifikationer (standard, hover, aktiv, fokus, inaktiverad, laddning). Knappssystemexemplet demonstrerar detaljnivån: exakta pixelvärden, opacitetsregler och användningsbegränsningar.

Inkluderar praktiska valideringsmetoder: 5-sekunderstestet för sidans tydlighet, blurrtestet för visuell hierarki, tabbtestet för tangentbordsnavigering och felstånds-testning. Dessa hjälper dig att upptäcka problem innan du lanserar.

När en inställningssida känns överväldigande eller oorganiserad granskar den här färdigheten den befintliga strukturen, identifierar problem med gruppering och interaktion, och rekommenderar en sidnavigationslayout med automatisk sparning, ändringsindikationer och återställningskontroller per fält — med specifika komponentmönster inkluderade.

För en ny appfunktion eller produkt utformar Ui Ux Pro Max en stegvis introduktionssekvens med en primär åtgärd per steg, synliga förloppsindikatorer, smarta förifyllda standardvärden, valfria steg tydligt markerade och ett tidsuppskattning för hela flödet — redo att lämnas över till utvecklingsteamet.

När en app har inkonsekventa knappar eller handlingsuppmaningar skapar Ui Ux Pro Max ett komplett knappsystem: fyra semantiska varianter (Primary, Secondary, Ghost, Destructive), tre storleksnivåer med exakta mått samt alla nödvändiga interaktionstillstånd med noggranna visuella specifikationer.

Använd denna färdighet för att utvärdera ett gränssnitt för tangentbordsnavigering, synliga fokusringar, färgkontrast, rörelseinställningar och skärmläsarstöd — och behandla tillgänglighet som ett grundläggande UX-krav snarare än en eftertanke.