際際滷

際際滷Share a Scribd company logo
DESIGN
SYSTEM
DEFINICJA
Designed by katemangostar, http://www.freepik.com
DESIGN SYSTEM
zbi坦r komponent坦w, kt坦re mog zosta wykorzystane
ponownie w nowych kombinacjach, 
uatwiajc skalowalno projektu graficznego
F. Teixeira, Resources, links, references and articles on DesignSystems, http://bit.ly/2H6aYPp
DESIGN SYSTEM
TO纏SAMO WARTOCI DOBRE PRAKTYKI
KOMPONENTY I WZORCE
dokumentacja funkcjonalna i techniczna
POKREWNE POJCIA
style guide
opisuje styl graficzny i spos坦b
wykorzystania go wprojekcie
(kolory, fonty, ikony, ilustracje)
A. Hacq, Everything you need to know about DesignSystems, http://bit.ly/2xSlYfj
pattern library
koncentruje si na
elementach funkcjonalnych
iich zastosowaniu
{design system
PO CO TWORZY SYSTEM?
Rozw坦j zespou projektowego mo甜e wiza si ze wzrostem
rozbie甜noci wykorzystywanych komponent坦w.
Skutki braku SSoT (Single Source of Truth)?
 pogbiajca si luka wiedzy
 powtarzanie zbdnych czynnoci
 wolniejsze wprowadzanie produktu na rynek
 ni甜sza warto produktu dla u甜ytkownik坦w
M. Treder, J. Cao, Why Build a Design System? The Pocket Guide for Product Teams, http://bit.ly/2Ca6OH5
Im bardziej rozbudowany projekt, im wicej ludzi zaanga甜owanych w
jego realizacj, tym wiksze prawdopodobiestwo naruszenia sp坦jnoci
produktu. W czasach gdzie o sukcesie aplikacji niejednokrotnie
decyduj sekundy, wci甜 aktualne jest przesanie S. Kruga: nie ka甜
u甜ytkownikom zastanawia si nad tym, jak powinni nawigowa po
interfejsie twojej aplikacji.
Dlatego wieloosobowe zespoy pracujce nad poszczeg坦lnymi
moduami potrzebuj jednego, niepodwa甜alnego 添r坦da szczeg坦owych
wytycznych dotyczcych mo甜liwych do wykorzystania komponent坦w.
ZALETY IMPLEMENTACJI
ZESPU纏YTKOWNICY
PRZEDSIWZICIE
wydajnosp坦jno
skalowalno
 wydajno dla zespou- oszczdno czasu designer坦w i developer坦w,
kt坦rzy mog ponownie wykorzysta raz zaprojektowane elementy
 sp坦jno dla u甜ytkownik坦w- uatwia korzystanie z produktu,
u甜ytkownicy wiedz czego si spodziewa
 skalowalno dla przedsiwzicia - umo甜liwia automatyzacj procesu
projektowania, co pozwala tworzy wicej w tym samym czasie
Design system nie jest jedynie narzdziem zespo坦w
projektowych su甜cym zwikszeniu ich wydajnoci. Dziki
implementacji tego rozwizania zyskuj r坦wnie甜 u甜ytkownicy
kocowi. Sp坦jny interfejs uatwia bowiem korzystanie z
aplikacji, co mo甜e przeo甜y si na zwikszenie satysfakcji
klient坦w.
JAK STWORZY
DESIGN SYSTEM?
Designed by katemangostar, http://www.freepik.com
ZASADY TWORZENIA
 produkt jest zale甜ny od systemu
 ka甜dy element jest wykorzystywany ponownie
 partycypacja jest wa甜niejsza ni甜 kontrola
 prostota jest lepsza ni甜 elastyczno zo甜onych rozwiza
 jako komponent坦w jest wa甜niejsza ni甜 ich ilo
N. Curtis, Principles of Designing Systems, Core Beliefs to Guide System Strategy andTactics, http://bit.ly/2uE7m0n
永檎舘額悪粥禽額
MATERIAL DESIGN
https://material.io/
POLARIS
https://polaris.shopify.com/
ATLASSIAN
https://atlassian.design/
Bd添my w kontakcie:
DZIKUJ ZA UWAG

More Related Content

Design system

  • 2. DEFINICJA Designed by katemangostar, http://www.freepik.com
  • 3. DESIGN SYSTEM zbi坦r komponent坦w, kt坦re mog zosta wykorzystane ponownie w nowych kombinacjach, uatwiajc skalowalno projektu graficznego F. Teixeira, Resources, links, references and articles on DesignSystems, http://bit.ly/2H6aYPp
  • 4. DESIGN SYSTEM TO纏SAMO WARTOCI DOBRE PRAKTYKI KOMPONENTY I WZORCE dokumentacja funkcjonalna i techniczna
  • 5. POKREWNE POJCIA style guide opisuje styl graficzny i spos坦b wykorzystania go wprojekcie (kolory, fonty, ikony, ilustracje) A. Hacq, Everything you need to know about DesignSystems, http://bit.ly/2xSlYfj pattern library koncentruje si na elementach funkcjonalnych iich zastosowaniu {design system
  • 6. PO CO TWORZY SYSTEM? Rozw坦j zespou projektowego mo甜e wiza si ze wzrostem rozbie甜noci wykorzystywanych komponent坦w. Skutki braku SSoT (Single Source of Truth)? pogbiajca si luka wiedzy powtarzanie zbdnych czynnoci wolniejsze wprowadzanie produktu na rynek ni甜sza warto produktu dla u甜ytkownik坦w M. Treder, J. Cao, Why Build a Design System? The Pocket Guide for Product Teams, http://bit.ly/2Ca6OH5 Im bardziej rozbudowany projekt, im wicej ludzi zaanga甜owanych w jego realizacj, tym wiksze prawdopodobiestwo naruszenia sp坦jnoci produktu. W czasach gdzie o sukcesie aplikacji niejednokrotnie decyduj sekundy, wci甜 aktualne jest przesanie S. Kruga: nie ka甜 u甜ytkownikom zastanawia si nad tym, jak powinni nawigowa po interfejsie twojej aplikacji. Dlatego wieloosobowe zespoy pracujce nad poszczeg坦lnymi moduami potrzebuj jednego, niepodwa甜alnego 添r坦da szczeg坦owych wytycznych dotyczcych mo甜liwych do wykorzystania komponent坦w.
  • 7. ZALETY IMPLEMENTACJI ZESPU纏YTKOWNICY PRZEDSIWZICIE wydajnosp坦jno skalowalno wydajno dla zespou- oszczdno czasu designer坦w i developer坦w, kt坦rzy mog ponownie wykorzysta raz zaprojektowane elementy sp坦jno dla u甜ytkownik坦w- uatwia korzystanie z produktu, u甜ytkownicy wiedz czego si spodziewa skalowalno dla przedsiwzicia - umo甜liwia automatyzacj procesu projektowania, co pozwala tworzy wicej w tym samym czasie Design system nie jest jedynie narzdziem zespo坦w projektowych su甜cym zwikszeniu ich wydajnoci. Dziki implementacji tego rozwizania zyskuj r坦wnie甜 u甜ytkownicy kocowi. Sp坦jny interfejs uatwia bowiem korzystanie z aplikacji, co mo甜e przeo甜y si na zwikszenie satysfakcji klient坦w.
  • 8. JAK STWORZY DESIGN SYSTEM? Designed by katemangostar, http://www.freepik.com
  • 9. ZASADY TWORZENIA produkt jest zale甜ny od systemu ka甜dy element jest wykorzystywany ponownie partycypacja jest wa甜niejsza ni甜 kontrola prostota jest lepsza ni甜 elastyczno zo甜onych rozwiza jako komponent坦w jest wa甜niejsza ni甜 ich ilo N. Curtis, Principles of Designing Systems, Core Beliefs to Guide System Strategy andTactics, http://bit.ly/2uE7m0n