Användargränssnitt och presentation av information - kurs 41 300 rub. från Gorbunovs byrå, utbildning 4 veckor, Datum: 1 december 2023.
Miscellanea / / December 03, 2023
Klassiska gränssnittsexempel, som Google maps, iPhone eller en lånekalkylator på en polsk banks webbplats, demonstrera universella designprinciper som är oberoende av operativsystem, miljö eller enheter. De arbetar med datorer, telefoner, klockor, röstassistenter och virtuell verklighet. Förutom allmänna principer tar kursen även upp viktiga detaljer: mobillayout, animation, ljud, ikoner.
I uppgiften att presentera information styrs en bra designer av dess natur, mediets fysiska egenskaper, uppfattningsprinciperna och, viktigast av allt, det analytiska problemet som löses.
Dessa idéer och principer diskuteras i den teoretiska delen av kursen.
I praktiska lektioner lär sig deltagarna tekniker för att designa skärmformulär, designa tabeller och grafer och arbeta med designen av ett gränssnittsfragment. Läxor befäster och prövar förvärvad kunskap.
Kursen växte fram ur den klassiska banan av Artyom Gorbunov. Sedan 2012 har Ilya Birman lagt till nya ämnen och exempel till programmet.
Kursen i grundläggande fransk matlagning är tillgänglig för nybörjare och erfarna kockar. En fyra veckor lång praktisk kurs går av nybörjare och erfarna designers, art directors, chefer, programmerare och redaktörer.
Deltagarnas förkunskaper är till hjälp men inget krav.
Varje vecka består av föreläsningar och en praktisk del. I en distanskurs ägnas nästan all tid med läraren åt praktiska övningar, och teorin förbereds för självständig studie. Varje lördag har deltagarna tillgång till videoföreläsningar och textmaterial i studierummet för självstudier. Och under den praktiska lektionen förstärker de veckans teori med särskilt utvalda uppgifter och går igenom dem med läraren.
Art director för byrån, medförfattare till "Sovets". Skapare av webbplatsen för ryska språkregler, typografisk layout och Egeas bloggmotor. Författare till boken "Användargränssnitt"
1 vecka
Vad är ett gränssnitt? Spelregler och deras fysiska utformning
Mänsklighet och teknikberoende. Låt bilen svettas. Användardata är oändligt värdefull. Först data, sedan filter. Teknik - under huven
Vana. Bekräftelsefönster och berättelser om innovationer vid start av programmet. Inföddhet. Vanehantering som ett kommersiellt verktyg
Modalitet. Åtgärder: uppmärksamma läget, separering av gester, kvasi-lägen, ändra manus. Modala fönster
Konsekvent magi. "Laws of Physics" i den virtuella världen
En nybörjarvy. Varje skärm har en mening. Tom och fylld skärm tillstånd
Respons. Adekvathet, ömhet, ärlighet, ögonblicklighet, kontinuitet, kroppslighet. Vad var det viktigaste genombrottet för iPhone?
Sikta och Fitts lag. Punkten under markören, hörnen och sidorna av skärmen. Mus och finger. Ett objekt - en länk. Inga hål. Rörelse och klick - en gest. Siktar på mobila enheter
Anslutning. Lagen om närhet och visuell struktur. Gruppera element
Informationsinnehåll. Ta bort allt onödigt. Ta ut det från parentes. Anslut informationsfunktioner. Lägg till en signal. Myten om de sju elementen.
Träning. Gränssnittsfragmentdesign
2 veckor
Text i gränssnittet. Syntax för gränssnittselement
Informationsstil. Stoppa ord i gränssnittet. Navigering och formulering av meddelanden
Robotspråk
Webbplatsnavigering
Fönster. Gränssnitt för flera dokument och ett dokument. Fönsterkonfiguration. Popup-sats
Skärm- och papperstypografi. Modulärt rutnät i skärmdesign. Läsbarhet för text på skärmen
Layout för mobila enheter
Bordsdesign. Bordsdesign: maskinskrivning, justering, ramar. Design av tabeller: rader och kolumner, underordning, sortering. Anpassa komplexa bord till små skärmar
Layout och utveckling av skärmformulär. Alla hatar former. Hur och när ska man rapportera buggar
Träning. Design av tabeller, grafik, formulär
3 veckor
"Design för dårar." Visuella manipulationer. Avkvantifiering och depersonalisering. Effekter av skala och intervall. Praktiska tekniker för att utforma grafer och diagram
Oavsiktlig förvrängning av information
Formatval. Mening, tabell, graf. Mediaupplösning
Informationsskräp. Regelbundna strukturer. Kontrast. Effekt “1+1=3+”. Data kräver ingen dekoration
Informationskoefficient
Legender, kodning och numrering. Vad är problemet och hur man kan komma runt det
Uppfattning om stora mängder information
Jämförelser
Flerdimensionell värld på ett platt medium
Multiplikation av informationselement. Fixa designen och byt ut data. Rumslig organisation av element. Mångfaldseffekt
Informationsskikt. Bakgrund, linjer och punkter, signaturer. Lagring av ändringar som svar på användaråtgärder. Lager och språk
Transportsystem
Parallell presentation. Inte bara dubbelarbete, utan en blick från olika vinklar
Träning. Omdesign av gränssnittsfragment
4 veckor
Utveckling av icke-standardiserade gränssnittselement. Icke-standard för fördelens skull
Visuell semantik. Tecken och symboler. Piktogram
Bläddra och scrolla. Hur man väljer. Hur man inte väljer
Ljud i gränssnittet. Mediaupplösning. Meddelanden och reaktioner
Förberedelse och analys av en gränssnittsuppgift
Animation. Varför: uppmärksamhet, förklaring, realism, show. Som: diskret, naturlighet, konsistens, renhet
Tillgänglighet. Inte för show. Alla har begränsade möjligheter. Syn. Hörsel. Motorik. Inkluderande design.
Systematisering. Standarder, riktlinjer, rutnät, UI-kit och designsystem. Implementering och underhåll av systemet. Flexibilitet och anpassningsförmåga av standarder. Tillverkbarhet och interaktion med utvecklare