10. Metody, postupy a nástroje používané při projektování a realizaci webových projektů, prototypování, responzivní design Flashcards
Metody a postupy (a přístupy)
Pomáhají při tvorbě návrhu webových stránek
Persony - profil typického člověka (zákazníka) pro kterého se tvoří web
Card Sorting - rotřídění podstránek webu do logických skupin
Analýza klíč. slov
Testování uživatelů (např. HUBRU ČZU)
Wireframe - zákl. náčrt
Přístupy:
1, Agilní
2, Vodopádový
Projektování a realizace webových projektů
Zahrnuje proces navrhování, vývoje, testování a nasazení webových stránek nebo aplikací
Základem celého procesu je pochopení potřeb uživatelů a cílové skupiny, pro kterou je projekt určen
Postup realizace:
1, Analýza a plánování – zahrnuje pochopení potřeb uživatelů, stanovení cílů projektu a vytvoření plánu projektu
2, Návrh – tvorbu grafického návrhu a architektury webového projektu
3, Vývoj – fáze vývoje, vytváření kódu a funkcionalit
4, Testování – testování funkčnosti, uživatelské testování a testování bezpečnosti
5, Nasazení – nasazení na produkční prostředí, zpřístupnění pro uživatele
6, Údržba – zahrnuje pravidelné aktualizace a opravy chyb
Prototypování
Proces vytváření modelů nebo prototypů designu, které umožňují testování a získání zpětné vazby od uživatelů a zákazníků
Vytvořením prototypu mohou týmy testovat různé aspekty návrhu, jako je použitelnost, uspořádání, funkčnost a interakce s uživatelem
Cílem prototypování je minimalizovat riziko neúspěchu a maximalizovat efektivitu při vývoji produktu nebo služby
- Papírové prototypy
- digitální wireframy
- interaktivní prototypy
Nástroje: Figma, InVison, Sketch, Adobe XD
Responzivní design
= technika návrhu webových stránek pro automatické přizpůsobení stránky různým velikostem obrazovky zařízení (PC, tabel, mobil)
zahrnuje i přizpůsobení velikosti a umístění prvků
Responzivní design využívá technologií, jako jsou kaskádové styly (CSS) a vektorové grafiky (SVG)
Umožňuje optimalizaci zobrazení obsahu pro každé zařízení, což vede ke zlepšení uživatelského zážitku
Responzivní design je důležitý i pro SEO
Pro tvorbu responzivního designu se používají různé techniky a nástroje, jako například CSS frameworky (Bootstrap, Foundation), media queries
