Miért kell létrehozni egy Design System Thiga blogot
Ez a cikk kivonat legújabb könyvünkből, a Product Academy 4. kötetéből, amely a terméktervezésről szól. Letölthető, ez a könyv mindenki számára szól, aki integrálni kívánja a terméktervezést a termékszervezetébe.
A Design System több, mint divatszó? A Thigában azt gondoljuk. Bár sokat írtak az előnyeiről (erre még visszatérünk), sok szervezetnek problémái vannak a létrehozásával.
Ezek a problémák általánosak, és szerencsére könnyen megoldhatók. Ezért szeretnénk ebben az utolsó fejezetben a belső értékesítés, a telepítés és a buktatók elkerülésének helyes módjára összpontosítani.
Mit várhatunk el egy tervező rendszertől ?
Bár ezüst golyó nem, a tervezési rendszer különösen hasznos lehet, ha:
- Azok a csapatok, amelyek alig működnek együtt, vagy nem ugyanazon a helyen találhatók.
- A Design vagy Fejlesztés oldalon már létező elemek állandó létrehozása.
- A konzisztenciát vesztő felhasználói élmény.
Számíthat:
- Megosztás és együttműködés: a Termék, Tervezés vagy Fejlesztés csapat tagjai létrehoznak egy közös nyelvet, amely jelentősen egyszerűsíti a cseréket.
- Hatékonyság: nincs több elpazarolt erőforrás! Az alkatrészeket csak egyszer tervezik és fejlesztik. Növeli a gyártási sebességet, csökkenti a tervezési és fejlesztési költségeket. A piacra jutás ideje és a befolyásolás ideje felgyorsul.
- Fókusz: ez lehetővé teszi a tervezők számára, hogy ott legyenek, ahol a legtöbb hozzáadott értéket tudják elérni (felhasználói kutatás, új funkciók megtervezése stb.), Elkerülve ezzel, hogy idejük nagy részét interfészek gyártására fordítsák.
- Következetesség és minőség: a felhasználónak van olyan terméke, amelynek tapasztalata zökkenőmentes a világosan meghatározott interfész-viselkedésnek köszönhetően, ezért könnyebben feldolgozható és kognitívan asszimilálható.
Mi az a tervezési rendszer ?
Egy kis történelem
A márka vizuális identitásának egységesítése nem új keletű. Már 1975-ben a NASA Graphic Standard Manual lett az első példa egy ilyen típusú kodifikációra. Voltak logók, betűtípusok és színek, amelyeket a NASA csapatai használhattak. Megtalálhatja azt is, hogyan kell felhasználni őket épületeken, írószereken, egyenruhákon, nyomtatványokon, tudományos publikációkban, űrsiklókon stb.
A digitális termékek megjelenése új technikai dimenzióval bővítette az egyetlen Design-tároló szükségességét. A vizuális elemeket most nemcsak megrajzolják, hanem kódolják is, ami a Design frissítésének sokkal nagyobb gyakoriságát is magában foglalja.
A Design System, a materiális és az immateriális keveréke
Definíció (k): Mi az a tervezési rendszer - vagy nem? ?
1975 óta más vállalatok is követték a példát, és apránként megjelent a Design System koncepciója. Rendszerről beszélünk, mert ez egy strukturált egész, amely elemekre és alelemekre bontható, mint egy logikai vagy matematikai rendszer. Ezeket az elemeket összekapcsolják, újrafelhasználhatják, és egy olyan közösség veszi át őket, akik maguk is kapcsolatban állnak egymással. Három tervezési szakértő határozza meg így a tervezési rendszer fogalmát:
"A Tervezési Rendszer egy alkatrészek, interfészek, irányelvek, architektúra és folyamatok ökoszisztémája, amely kielégíti a termék vagy szervezet követelményeit, és szándékos eredményt hoz létre."
Teresa Mira - a Designit NYC vezető tervezője
"A Design System vizuális stílusú, összetevőjű és egyéb aggodalmakat kínál, amelyeket egyén, csapat vagy közösség dokumentál és közzétesz kódként és tervezőeszközként, hogy a termékek hatékonyabbá és összetartóbbá válhassanak."
Nathan Curtis - Az EightShapes társalapítója
"A Design System a hivatalos történet arról, hogy szervezete hogyan tervezi és készíti a digitális termékeket."
Brad fagy - Webdesigner, tanácsadó, író
Meg fogja érteni, ellentétben azzal, amit gyakran mondanak, a Tervező Rendszer nem grafikai alaplap, és nem is alkatrészkönyvtár - vagy mindenesetre nem csak. A tervezési rendszer célja, hogy közös nyelvet folytasson egy vagy több termék különböző vállalkozásai és csapatai között. Központosítja és perspektívába helyezi a különféle, egymástól függetlenül elkészített dokumentumokat (márkaplatform, grafikus charta, forráskód stb.). Ez lehetővé teszi a csapatok számára azt is, hogy önállóbbak és hatékonyabbak legyenek a terméképítésben, miközben időt szabadítanak fel arra, hogy más magas hozzáadott értékű tevékenységekre összpontosítsanak.
A tervezési rendszer elemei
A Tervezési Rendszer olyan kézzelfogható elemeken alapuló rendszer, mint például a tartalom. Emellett olyan immateriális elemekre támaszkodik, mint például a folyamatok (Teresa Mira, egy holisztikus tervezési rendszer 7 követelménye, közepes). Itt csak annyit tud kitalálni:
Tervezési rendszer ábrázolása
Kézzelfogható elemek:
- Márkaelemek (küldetés, értékek, hangnem stb.)
- Tervezési elvek (vagy a tapasztalat elvei)
- A tervezők között megosztott grafikus összetevők
- Fejlesztett összetevők könyvtár (megosztva a fejlesztők között)
- Alkatrészdokumentáció (az alkatrészek használatára vonatkozó szabályok)
- Kisegítő lehetőségek dokumentációja (pl .: kontraszt szintje a szöveg és a háttér között, videók felirata stb.)
Immateriális elemek:
- Folyamat és irányítás (új komponens benyújtása, meglévő összetevő frissítése stb.)
Az alapvető elemek és opciók
Valójában a tervezési rendszer ritkán ilyen átfogó. Kultúrájától, Termékeitől és a Design érettségétől függően csak bizonyos elemek relevánsak. 3 érettségi szintet különböztetünk meg (a legalacsonyabb érettségi szint ma a leggyakoribb):
Itt talál néhány példát a Design System-re, hogy bemutassa a "szakértői szinten" jelen lévő kézzelfogható elemeket.
Míg e különböző példák felépítése általában megegyezik, egyesek sajátos igényeikre jellemző sajátosságokat tartalmaznak:
- Részletes útmutatások az interakciókról és a mozgás tervezéséről.
- „Hogyan járulhatunk hozzá” szakasz, hogy mindenkinek lehetősége legyen változtatások (kiegészítések, hibajavítások stb.) Beküldésére.
- Külsőleg nyitott elemek, például az UI készlet és a tervezési elvek.
- Részletes útmutatás az elfogadandó hangnemről.