Brugergrænseflade og præsentation af information - kursus 41.300 rub. fra Gorbunovs Bureau, træning 4 uger, Dato: 1. december 2023.
Miscellanea / / December 03, 2023
Eksempler på klassiske grænseflader, såsom Google maps, iPhone eller en låneberegner på en polsk banks hjemmeside, demonstrere universelle designprincipper, der er uafhængige af operativsystem, miljø eller enheder. De arbejder i computere, telefoner, ure, stemmeassistenter og virtual reality. Ud over generelle principper dækker kurset også vigtige detaljer: mobillayout, animation, lyd, ikoner.
I opgaven med at præsentere information styres en god designer af dens natur, mediets fysiske egenskaber, principperne for perception og, vigtigst af alt, det analytiske problem, der skal løses.
Disse ideer og principper diskuteres i den teoretiske del af kurset.
I praktiske timer lærer deltagerne teknikker til at designe skærmformularer, designe tabeller og grafer og arbejde med design af et grænsefladefragment. Hjemmearbejde konsoliderer og tester erhvervet viden.
Kurset voksede ud af den klassiske bane af Artyom Gorbunov. Siden 2012 har Ilya Birman tilføjet nye emner og eksempler til programmet.
Kurset i grundlæggende fransk køkken er tilgængeligt for begyndere og erfarne kokke. Et fire-ugers praktisk kursus deltager af begyndere og erfarne designere, art directors, ledere, programmører og redaktører.
Deltageres forhåndsviden er nyttig, men ikke påkrævet.
Hver uge består af forelæsninger og en praktisk del. På et fjernundervisningsforløb er næsten al tiden med læreren afsat til praktiske øvelser, og teorien forberedes til selvstændig undersøgelse. Hver lørdag har deltagerne adgang til videoforelæsninger og tekstmateriale i studielokalet til selvstudium. Og i den praktiske lektion forstærker de ugens teori med særligt udvalgte opgaver og gennemgår dem med læreren.
Art director for bureauet, medforfatter til "Sovets". Skaber af hjemmesiden for russiske sprogregler, typografisk layout og Egea-blogmotoren. Forfatter til bogen "Brugergrænseflade"
En uge
Hvad er en grænseflade? Spilleregler og deres fysiske udformning
Menneskelighed og teknologiafhængighed. Lad bilen svede. Brugerdata er uendeligt værdifulde. Først data, derefter filtre. Teknologi - under motorhjelmen
Vane. Bekræftelsesvinduer og historier om innovationer ved start af programmet. Indfødthed. Vanehåndtering som et kommercielt værktøj
Modalitet. Remedier: at henlede opmærksomheden på tilstanden, adskillelse af bevægelser, kvasi-tilstande, ændring af scriptet. Modale vinduer
Konsekvent magi. "Laws of Physics" af den virtuelle verden
Et begyndersyn. Hver skærm har en betydning. Tom og fyldt skærmtilstand
Feedback. Tilstrækkelighed, ømhed, ærlighed, øjeblikkelighed, kontinuitet, kropslighed. Hvad var det vigtigste gennembrud for iPhone?
Sigte og Fitts' Lov. Punktet under markøren, hjørnerne og siderne af skærmen. Mus og finger. Et objekt - et link. Ingen huller. Bevægelse og klik - én gestus. Sigter på mobile enheder
Nærhed. Loven om nærhed og visuel struktur. Gruppering af elementer
Informationsindhold. Fjern alt unødvendigt. Tag det ud af parentes. Tilslut informationsfunktioner. Tilføj et signal. Myten om de syv elementer.
Dyrke motion. Interface fragment design
2 uge
Tekst i grænsefladen. Syntaks for grænsefladeelementer
Informationsstil. Stop ord i grænsefladen. Navigation og formulering af beskeder
Robotsprog
Hjemmeside navigation
Vindue. Multi-dokument og enkelt-dokument grænseflade. Vindues konfiguration. Popup-sætning
Skærm- og papirtypografi. Modulært gitter i skærmdesign. Læsbarhed af tekst på skærmen
Layout til mobile enheder
Borddesign. Borddesign: indtastning, justering, rammer. Design af tabeller: rækker og kolonner, underordning, sortering. Tilpasning af komplekse tabeller til små skærme
Layout og udvikling af skærmformer. Alle hader former. Hvordan og hvornår skal man rapportere fejl
Dyrke motion. Design af tabeller, grafik, formularer
3 uger
"Design for fjolser." Visuelle manipulationer. Dekvantificering og depersonalisering. Effekter af skala og interval. Praktiske teknikker til at designe grafer og diagrammer
Utilsigtet forvrængning af information
Formatvalg. Sætning, tabel, graf. Medieopløsning
Information skrald. Regelmæssige strukturer. Kontrast. Effekt “1+1=3+”. Data kræver ikke dekoration
Informationskoefficient
Legender, kodning og nummerering. Hvad er problemet, og hvordan man kommer uden om det
Opfattelse af store mængder information
Sammenligninger
Multidimensionel verden på et fladt medium
Multiplikation af informationselementer. Ret designet og udskift dataene. Rumlig organisering af elementer. Mængde effekt
Informationslag. Baggrund, linjer og prikker, signaturer. Ændringer i lag som reaktion på brugerhandlinger. Lag og sprog
Transportordninger
Parallel præsentation. Ikke bare duplikering, men et kig fra forskellige vinkler
Dyrke motion. Redesign af grænsefladefragment
4 uger
Udvikling af ikke-standard interface elementer. Ikke-standard for fordelens skyld
Visuel semantik. Tegn og symboler. Piktogrammer
Flip og scroll. Sådan vælger du. Hvordan man ikke vælger
Lyd i interfacet. Medieopløsning. Meddelelser og reaktioner
Udarbejdelse og analyse af en grænsefladeopgave
Animation. Hvorfor: opmærksomhed, forklaring, realisme, show. Som: diskrethed, naturlighed, konsistens, renhed
Tilgængelighed. Ikke til udstilling. Alle har begrænsede muligheder. Vision. Høring. Motor færdigheder. Inklusiv design.
Systematisering. Standarder, retningslinjer, gitter, UI-sæt og designsystemer. Implementering og vedligeholdelse af systemet. Fleksibilitet og tilpasningsevne af standarder. Fremstillingsevne og interaktion med udviklere