Uživatelské rozhraní a prezentace informací - kurz 41 300 rub. z Gorbunov's Bureau, školení 4 týdny, Datum: 1. prosince 2023.
Různé / / December 03, 2023
klasické příklady rozhraní, jako jsou mapy Google, iPhone nebo úvěrová kalkulačka na webu polské banky, demonstrovat univerzální principy návrhu, které jsou nezávislé na operačním systému, prostředí, popř zařízení. Pracují v počítačích, telefonech, hodinkách, hlasových asistentech a virtuální realitě. Kromě obecných principů se kurz věnuje i důležitým detailům: mobilní rozložení, animace, zvuk, ikony.
Dobrý designér se při předkládání informací řídí jejich povahou, fyzikálními vlastnostmi média, principy vnímání a hlavně řešeným analytickým problémem.
Tyto myšlenky a principy jsou diskutovány v teoretické části kurzu.
V praktických lekcích se účastníci naučí techniky navrhování obrazovkových formulářů, navrhování tabulek a grafů a práci na návrhu fragmentu rozhraní. Domácí úkol upevňuje a prověřuje získané znalosti.
Hřiště vyrostlo z klasického hřiště Arťoma Gorbunova. Od roku 2012 Ilya Birman přidává do programu nová témata a příklady.
Kurz základní francouzské kuchyně je k dispozici začátečníkům i zkušeným kuchařům. Čtyřtýdenní praktický kurz navštěvují začínající i zkušení designéři, art directori, manažeři, programátoři a editoři.
Předchozí znalosti účastníků jsou užitečné, ale nejsou nutné.
Každý týden se skládá z přednášek a praktické části. V dálkovém kurzu je téměř celý čas s učitelem věnován praktickým cvičením a teorie je připravena k samostatnému studiu. Každou sobotu mají účastníci k dispozici videopřednášky a textové materiály ve studovně pro samouky. A při praktické hodině upevňují teorii týdne speciálně vybranými úkoly a opakují si je s učitelem.
Umělecký ředitel kanceláře, spoluautor „Sovets“. Tvůrce webu pro pravidla ruského jazyka, typografické rozvržení a blogový engine Egea. Autor knihy "Uživatelské rozhraní"
1 týden
Co je rozhraní? Pravidla hry a jejich fyzické provedení
Závislost na lidskosti a technologii. Ať se auto potí. Uživatelská data jsou nekonečně cenná. Nejdřív data, pak filtry. Technologie - pod kapotou
Zvyk. Okna potvrzení a příběhy o inovacích při spuštění programu. Nativní. Správa návyků jako komerční nástroj
Modalita. Opravné prostředky: upozorňování na režim, oddělení gest, kvazi režimy, změna scénáře. Modální okna
Konzistentní magie. „Fyzikální zákony“ virtuálního světa
Pohled začátečníka. Každá obrazovka má svůj význam. Stavy prázdné a plné obrazovky
Zpětná vazba. Přiměřenost, něha, poctivost, okamžitost, kontinuita, tělesnost. Co bylo hlavním průlomem iPhonu?
Zaměřování a Fittsův zákon. Bod pod kurzorem, rohy a strany obrazovky. Myš a prst. Jeden objekt – jeden odkaz. Žádné díry. Pohyb a kliknutí – jedno gesto. Míření na mobilní zařízení
Blízkost. Zákon blízkosti a vizuální struktura. Seskupování prvků
Informační obsah. Odstraňte vše nepotřebné. Vytáhněte to ze závorek. Připojte informační funkce. Přidejte signál. Mýtus o sedmi živlech.
Cvičení. Návrh fragmentu rozhraní
2 týden
Text v rozhraní. Syntaxe prvků rozhraní
Informační styl. Zastavte slova v rozhraní. Navigace a formulace zpráv
Jazyk robota
Navigace na webu
Okno. Rozhraní pro více dokumentů a jednoho dokumentu. Konfigurace okna. Popup teorém
Sítotisková a papírová typografie. Modulární mřížka v designu obrazovky. Čitelnost textu na obrazovce
Rozložení pro mobilní zařízení
Design stolu. Design tabulky: psaní, zarovnání, rámečky. Návrh tabulek: řádky a sloupce, podřazení, řazení. Přizpůsobení složitých tabulek malým obrazovkám
Rozvržení a vývoj obrazovkových formulářů. Každý nenávidí tvary. Jak a kdy hlásit chyby
Cvičení. Návrhy tabulek, grafiky, formulářů
3 týden
"Design pro blázny." Vizuální manipulace. Dekvantifikace a depersonalizace. Účinky měřítka a intervalu. Praktické techniky pro navrhování grafů a diagramů
Náhodné zkreslení informací
Výběr formátu. Věta, tabulka, graf. Rozlišení médií
Informační odpad. Pravidelné struktury. Kontrast. Efekt „1+1=3+“. Data nevyžadují zdobení
Informační koeficient
Legendy, kódování a číslování. V čem je problém a jak ho obejít
Vnímání velkého množství informací
Srovnání
Vícerozměrný svět na plochém médiu
Násobení informačních prvků. Opravte návrh a nahraďte data. Prostorová organizace prvků. Mnohonásobný efekt
Informační vrstvy. Pozadí, čáry a tečky, podpisy. Změny vrstvení v reakci na akce uživatele. Vrstvy a jazyky
Dopravní schémata
Paralelní prezentace. Nejen duplikace, ale pohled z různých úhlů
Cvičení. Redesign fragmentu rozhraní
4 týden
Vývoj nestandardních prvků rozhraní. Nestandardní kvůli prospěchu
Vizuální sémantika. Znaky a symboly. Piktogramy
Překlápění a rolování. Jak si vybrat. Jak si nevybrat
Zvuk v rozhraní. Rozlišení médií. Upozornění a reakce
Příprava a analýza úlohy rozhraní
Animace. Proč: pozornost, vysvětlení, realismus, show. Jako: nevtíravost, přirozenost, důslednost, čistota
Dostupnost. Ne na ukázku. Každý má omezené schopnosti. Vidění. Sluch. Motorické dovednosti. Inkluzivní design.
Systematizace. Normy, směrnice, mřížky, sady uživatelského rozhraní a návrhové systémy. Implementace a údržba systému. Flexibilita a adaptabilita norem. Vyrobitelnost a interakce s vývojáři