---
title: "Product design: co to jest? Słownik pojęć"
description: "Product design to projektowanie produktów cyfrowych, np. aplikacji, platform i paneli dla klientów: od zbadania problemu, przez UX i UI, po testy i wersje."
url: https://fluostudio.pl/baza-wiedzy/slownik/product-design/
---

[Strony www](https://fluostudio.pl/baza-wiedzy/slownik/?dzial=www)

# Product design

Inaczej projektowanie produktów cyfrowych, digital product design

Product design to projektowanie produktów cyfrowych, np. aplikacji, platform i paneli dla klientów, na całej drodze: od zbadania problemu i użytkowników, przez UX i UI, po testy i kolejne wersje.

## Usługi

-   [Product design](https://fluostudio.pl/uslugi/product-design/)
-   [Aplikacje webowe](https://fluostudio.pl/uslugi/product-design/aplikacje-webowe/)

Ta nazwa bywa myląca. W szkołach wzornictwa projektowanie produktu to projektowanie przedmiotów: krzeseł, lamp, obudów urządzeń. W [branży cyfrowej](https://fluostudio.pl/branza-nowe-technologie-it/) product design to projektowanie aplikacji, platform i serwisów, z których ludzie korzystają na co dzień, a firma na nich zarabia albo dzięki nim oszczędza czas.

Od projektu strony różni go czas życia. Strona firmowa ma premierę i potem zmienia się od czasu do czasu. Produkt cyfrowy, np. panel dla klientów albo system zamówień dla partnerów, rozwija się bez przerwy: dochodzą funkcje, zmieniają się użytkownicy i ich nawyki. Dlatego projektuje się go jak system, a nie jak zestaw ekranów.

## Z czego się składa

-   **Research.** Rozmowy z użytkownikami, analiza danych i konkurencji. Co ludzie naprawdę robią, a nie co deklarują.
-   **Zdefiniowanie problemu.** Co produkt ma rozwiązać i po czym poznać, że rozwiązał.
-   **Projektowanie.** Ścieżki, makiety i wygląd ekranów, czyli [UX](https://fluostudio.pl/baza-wiedzy/slownik/ux/) i [UI](https://fluostudio.pl/baza-wiedzy/slownik/ui/).
-   **Testy.** [Prototyp](https://fluostudio.pl/baza-wiedzy/slownik/prototyp/) trafia do ludzi, zanim trafi do programistów.
-   **System.** [Design system](https://fluostudio.pl/baza-wiedzy/slownik/design-system/), czyli wspólna biblioteka elementów i zasad, z której korzystają projektanci i programiści.

## Product design a UX i UI

UX i UI to części product designu. Product designer patrzy szerzej: na cele biznesowe, koszty wdrożenia i kolejność, w jakiej funkcje mają powstawać. Często zaczyna od [MVP](https://fluostudio.pl/baza-wiedzy/slownik/mvp/), czyli najmniejszej wersji, która sprawdzi pomysł na prawdziwych użytkownikach.

Tu najbardziej widać, że design i IT muszą pracować przy jednym stole. Ekran, którego nie da się sensownie zaprogramować, albo dziurawa funkcja wracają jako koszt przy każdej kolejnej wersji.

## Więcej na blogu

-   [Product Design – czyli co?](https://fluostudio.pl/product-design-czyli-co/)

## Zobacz też

-   [Strony www UX UX (user experience) to doświadczenie człowieka, który korzysta ze strony, aplikacji albo usługi: czy szybko znajduje to, czego szuka, rozumie, co ma zrobić, i kończy sprawę bez frustracji.](https://fluostudio.pl/baza-wiedzy/slownik/ux/)
-   [Strony www UI UI (user interface) to interfejs, czyli wszystko, co człowiek widzi na ekranie i czego używa: przyciski, pola formularzy, menu, ikony, typografia i kolory.](https://fluostudio.pl/baza-wiedzy/slownik/ui/)
-   [Strony www MVP MVP (minimum viable product) to najprostsza wersja produktu, którą da się oddać prawdziwym użytkownikom, żeby sprawdzić, czy pomysł działa, zanim firma wyda budżet na pełną wersję.](https://fluostudio.pl/baza-wiedzy/slownik/mvp/)
-   [Strony www Aplikacja webowa Aplikacja webowa to program, który działa w przeglądarce i nie wymaga instalacji, np. panel klienta, system rezerwacji albo portal dla partnerów. Zwykle użytkownik loguje się w niej i pracuje na własnych danych.](https://fluostudio.pl/baza-wiedzy/slownik/aplikacja-webowa/)
-   [Strony www Prototyp Prototyp to klikalna symulacja strony albo aplikacji. Przyciski i przejścia między ekranami działają, choć za nimi nie ma jeszcze działającego systemu. Służy do sprawdzenia pomysłu przed programowaniem.](https://fluostudio.pl/baza-wiedzy/slownik/prototyp/)
-   [Identyfikacja wizualna Design system Design system to uporządkowany zbiór komponentów, zasad i plików źródłowych, z których zespół składa kolejne ekrany albo materiały marki. Zamiast projektować każdy element od nowa, korzysta się z gotowych, sprawdzonych części.](https://fluostudio.pl/baza-wiedzy/slownik/design-system/)
-   [Strony www Testy użyteczności Testy użyteczności to badanie, w którym prawdziwi użytkownicy wykonują na stronie, w aplikacji albo na prototypie konkretne zadania, a badacz obserwuje, gdzie się wahają, mylą i rezygnują.](https://fluostudio.pl/baza-wiedzy/slownik/testy-uzytecznosci/)
-   [Strony www Makieta Makieta to uproszczony schemat strony lub ekranu aplikacji. Pokazuje, gdzie stoją treści, przyciski, formularze i zdjęcia, bez kolorów i ostatecznej grafiki, żeby ustalić układ przed projektem graficznym.](https://fluostudio.pl/baza-wiedzy/slownik/makieta/)

## Strona ma sprzedawać, działać szybko i dawać się łatwo edytować. Porozmawiajmy o Twojej.

Na pierwszej rozmowie sprawdzimy, czy i jak możemy pomóc, bez zobowiązań.

[Porozmawiajmy](https://fluostudio.pl/kontakt/) [Umów 30 minut konsultacji](https://calendly.com/anita-fluo/darmowa-konsultacja-30-minut)