50 kluczowych pojęć z Design Systems, AI w designie i Review/QA. Krótkie definicje, przykłady i linki do pogłębienia wiedzy.
Miara tego, w jakim stopniu zespoły produktowe faktycznie korzystają z Design Systemu w codziennej pracy. Wyraża się ją...
🤖 AI w designieProgram oparty na modelu AI, który potrafi samodzielnie planować i wykonywać wieloetapowe zadania, korzystając z...
🤖 AI w designieWykorzystanie agenta AI do automatycznej analizy kodu pod kątem zgodności z Design Systemem, dostępności, wydajności i...
🤖 AI w designieWykorzystanie AI do strukturalnej oceny projektu UI/UX pod kątem hierarchii wizualnej, czytelności, dostępności i...
🎨 Design SystemsMetodologia projektowania interfejsów zaproponowana przez Brada Frosta, która dzieli elementy UI na pięciu poziomach:...
🔍 Review i QAAccessible Rich Internet Applications, czyli zestaw atrybutów HTML rozszerzających informacje o elementach interfejsu...
🔍 Review i QASystematyczne sprawdzenie interfejsu pod kątem zgodności z wytycznymi WCAG i dostępności dla osób z...
Wykorzystanie AI do wsparcia procesu badawczego: analizy transkrypcji wywiadów, kategoryzacji feedbacku, generowania...
🎨 Design SystemsUporządkowany zbiór gotowych, wielokrotnie używalnych elementów interfejsu (przycisków, formularzy, kart, modali) z ich...
🎨 Design SystemsZmiana w komponencie Design Systemu, która powoduje, że istniejące implementacje przestają działać poprawnie. Wymaga od...
Technika promptowania, w której prosisz model AI o pokazanie toku rozumowania krok po kroku, zamiast podawania samej...
🔍 Review i QAUsystematyzowana lista punktów kontrolnych do sprawdzenia przed oddaniem projektu lub komponentu. Zapewnia, że żadne...
🔍 Review i QAProces szczegółowej oceny pojedynczego komponentu UI pod kątem poprawności API, kompletności wariantów, dostępności,...
🤖 AI w designieZdefiniowany profil zachowania Claude, który określa ton, format, długość i styl odpowiedzi. Pozwala dostosować AI do...
Alternatywny schemat kolorów interfejsu, w którym tło jest ciemne, a tekst jasny. Wymaga odrębnego zestawu design...
🎨 Design SystemsZestaw właściwości (propsów), które określają jak komponent można konfigurować. Czyli jakie parametry przyjmuje i jak...
🔍 Review i QAProces przekazywania gotowego projektu interfejsu od designera do developera, wraz ze specyfikacją, tokenami, assetami i...
🔍 Review i QAProces weryfikacji zaimplementowanego interfejsu pod kątem zgodności z projektem z Figmy. Designer sprawdza, czy kod...
🔍 Review i QAUstalony proces oceny projektu interfejsu przez zespół lub recenzentów pod kątem użyteczności, spójności z Design...
🎨 Design SystemsZbiór wielokrotnie wykorzystywanych komponentów, wzorców i zasad, które pozwalają zespołom projektować i budować...
🎨 Design SystemsNajmniejsze jednostki stylu w Design Systemie, przechowujące wartości takie jak kolory, odstępy, typografia czy cienie....
🔍 Review i QASkumulowane kompromisy i niedociągnięcia w designie, które powstały w wyniku pospiesznych decyzji, braku spójności lub...
🎨 Design SystemsOcena poziomu zaawansowania Design Systemu na skali od początkowego (ad hoc, kilka komponentów) do dojrzałego (pełna...
🎨 Design SystemsOpis komponentu zawierający jego przeznaczenie, dostępne warianty, propsy, wytyczne użycia, przykłady i sytuacje, w...
🔍 Review i QAUproszczona wersja drzewa DOM, którą przeglądarka generuje dla technologii asystujących (czytników ekranu). Zawiera...
Sytuacja, w której model AI generuje informacje, które brzmią wiarygodnie, ale są błędne, zmyślone lub nie mają oparcia...
🔍 Review i QADziesięć ogólnych zasad użyteczności interfejsów sformułowanych przez Jakoba Nielsena, używanych jako kryteria oceny w...
Otwarty standard Anthropic umożliwiający modelom AI łączenie się z zewnętrznymi narzędziami, serwisami i źródłami danych...
🎨 Design SystemsOkreślony sposób, w jaki zespoły produktowe mogą proponować nowe komponenty, zgłaszać poprawki i wnosić wkład w rozwój...
Zdefiniowany zestaw kolorów użytkowych (primary, secondary, error, success, neutral) z ich odcieniami, który zapewnia...
🔍 Review i QAPodejście do implementacji, w którym gotowy interfejs w przeglądarce dokładnie odpowiada projektowi z Figmy co do...
🤖 AI w designieUmiejętność formułowania instrukcji (promptów) dla modeli AI w sposób, który daje precyzyjne, użyteczne odpowiedzi....
🤖 AI w designieWykorzystanie narzędzi AI do szybkiego tworzenia interaktywnych prototypów interfejsów z opisu tekstowego, szkiców lub...
🔍 Review i QAProces sprawdzania, czy interfejs poprawnie wyświetla się i działa na różnych szerokościach ekranu: mobile (320-480px),...
Zasada, według której istnieje jedno, autorytatywne źródło prawdy o wyglądzie i zachowaniu komponentów. Każdą zmianę...
🎨 Design SystemsZdefiniowany zestaw rozmiarów czcionek, interlinii i grubości, który tworzy czytelną hierarchię tekstu w interfejsie.
🎨 Design SystemsNarzędzie open source do budowania, testowania i dokumentowania komponentów UI w izolacji od reszty aplikacji.
🎨 Design SystemsZdefiniowany zestaw wartości odstępów (marginesy, paddingi, gapy), który zapewnia wizualną spójność i rytm w całym...
🤖 AI w designieUkryta instrukcja ustawiana przed rozmową z modelem AI, która definiuje jego rolę, zachowanie, ograniczenia i kontekst....
Parametr kontrolujący losowość odpowiedzi modelu AI. Niska temperatura (0-0.3) daje przewidywalne, bezpieczne...
🔍 Review i QAProces sprawdzania, czy interfejs wygląda i działa poprawnie w różnych przeglądarkach (Chrome, Safari, Firefox, Edge) i...