Gebruikersinterface en presentatie van informatie - cursus 41.300 wrijven. van Gorbunov's Bureau, training 4 weken, Datum: 1 december 2023.
Gemengde Berichten / / December 03, 2023
Klassieke interfacevoorbeelden, zoals Google maps, iPhone of een leningcalculator op de website van een Poolse bank, universele ontwerpprincipes demonstreren die onafhankelijk zijn van het besturingssysteem, de omgeving of apparaten. Ze werken in computers, telefoons, horloges, stemassistenten en virtual reality. Naast algemene principes behandelt de cursus ook belangrijke details: mobiele lay-out, animatie, geluid, pictogrammen.
Bij het presenteren van informatie laat een goede ontwerper zich leiden door de aard ervan, de fysieke kenmerken van het medium, de principes van perceptie en, belangrijker nog, het analytische probleem dat wordt opgelost.
Deze ideeën en principes worden besproken in het theoretische deel van de cursus.
In praktijklessen leren de deelnemers technieken voor het ontwerpen van schermvormen, het ontwerpen van tabellen en grafieken en het werken aan het ontwerp van een interfacefragment. Huiswerk consolideert en test de verworven kennis.
De cursus is voortgekomen uit de klassieke cursus van Artyom Gorbunov. Sinds 2012 voegt Ilya Birman nieuwe onderwerpen en voorbeelden toe aan het programma.
De cursus Franse basiskeuken is beschikbaar voor beginners en ervaren chef-koks. Een vier weken durende praktijkcursus wordt gevolgd door beginnende en ervaren ontwerpers, art directors, managers, programmeurs en redacteuren.
De voorkennis van de deelnemers is nuttig, maar niet vereist.
Elke week bestaat uit hoorcolleges en een praktijkgedeelte. Bij een cursus voor afstandsonderwijs wordt bijna de hele tijd met de leraar besteed aan praktische oefeningen en wordt de theorie voorbereid voor zelfstudie. Elke zaterdag hebben deelnemers in de studieruimte toegang tot videocolleges en tekstmateriaal voor zelfstudie. En tijdens de praktijkles versterken ze de theorie van de week met speciaal geselecteerde taken en bespreken ze deze met de docent.
Art director van het bureau, co-auteur van “Sovets”. Maker van de website voor Russische taalregels, typografische lay-out en de Egea-blogengine. Auteur van het boek "Gebruikersinterface"
1 week
Wat is een interface? Spelregels en hun fysieke belichaming
De afhankelijkheid van de mensheid en technologie. Laat de auto zweten. Gebruikersgegevens zijn oneindig waardevol. Eerst gegevens, dan filters. Technologie - onder de motorkap
Gewoonte. Bevestigingsvensters en verhalen over innovaties bij het starten van het programma. Oorspronkelijkheid. Gewoontebeheer als commercieel instrument
Modaliteit. Remedies: de aandacht vestigen op de modus, scheiding van gebaren, quasi-modi, het script veranderen. Modale vensters
Consistente magie. "Wetten van de natuurkunde" van de virtuele wereld
Een beginnersvisie. Elk scherm heeft een betekenis. Lege en gevulde schermstatussen
Feedback. Toereikendheid, tederheid, eerlijkheid, onmiddellijkheid, continuïteit, lichamelijkheid. Wat was de belangrijkste doorbraak van de iPhone?
Richten en de wet van Fitts. Het punt onder de cursor, de hoeken en zijkanten van het scherm. Muis en vinger. Eén object - één link. Geen gaten. Beweging en klik - één gebaar. Gericht op mobiele apparaten
Nabijheid. De wet van nabijheid en visuele structuur. Elementen groeperen
Informatieve inhoud. Verwijder alles wat overbodig is. Haal het uit de haakjes. Verbind informatiefuncties. Voeg een signaal toe. De mythe van de zeven elementen.
Oefening. Ontwerp van interfacefragmenten
2 weken
Tekst in de interface. Syntaxis van interface-elementen
Informatiestijl. Stop woorden in de interface. Navigatie en formulering van berichten
Robottaal
Websitenavigatie
Raam. Interface voor meerdere documenten en één document. Vensterconfiguratie. Pop-up-stelling
Scherm- en papiertypografie. Modulair raster in schermontwerp. Leesbaarheid van tekst op het scherm
Indeling voor mobiele apparaten
Tafelontwerp. Tabelontwerp: typen, uitlijning, frames. Ontwerp van tabellen: rijen en kolommen, ondergeschiktheid, sorteren. Complexe tabellen aanpassen aan kleine schermen
Opmaak en ontwikkeling van schermformulieren. Iedereen heeft een hekel aan vormen. Hoe en wanneer bugs te melden
Oefening. Ontwerp van tabellen, afbeeldingen, formulieren
3 week
"Ontwerp voor dwazen." Visuele manipulaties. Dekwantificatie en depersonalisatie. Effecten van schaal en interval. Praktische technieken voor het ontwerpen van grafieken en diagrammen
Toevallige vervormingen van informatie
Formaat selectie. Zin, tabel, grafiek. Mediaresolutie
Informatie rommel. Regelmatige structuren. Contrast. Effect “1+1=3+”. Gegevens vereisen geen decoratie
Informatiecoëfficiënt
Legenden, codering en nummering. Wat is het probleem en hoe kun je dit omzeilen?
Perceptie van grote hoeveelheden informatie
Vergelijkingen
Multidimensionale wereld op een plat medium
Vermenigvuldiging van informatie-elementen. Corrigeer het ontwerp en vervang de gegevens. Ruimtelijke organisatie van elementen. Veelheidseffect
Informatielagen. Achtergrond, lijnen en punten, handtekeningen. Wijzigingen in lagen aanbrengen als reactie op gebruikersacties. Lagen en talen
Transportregelingen
Parallelle presentatie. Niet alleen duplicatie, maar een blik vanuit verschillende invalshoeken
Oefening. Herontwerp van interfacefragment
4 weken
Ontwikkeling van niet-standaard interface-elementen. Niet-standaard omwille van het voordeel
Visuele semantiek. Tekens en symbolen. Pictogrammen
Flippen en scrollen. Hoe te kiezen. Hoe je niet moet kiezen
Geluid in de interface. Mediaresolutie. Meldingen en reacties
Voorbereiding en analyse van een interfacetaak
Animatie. Waarom: aandacht, uitleg, realisme, show. Zoals: onopvallendheid, natuurlijkheid, consistentie, puurheid
Beschikbaarheid. Niet voor de show. Iedereen heeft beperkte mogelijkheden. Visie. Gehoor. Motor vaardigheden. Inclusief ontwerp.
Systematisering. Normen, richtlijnen, grids, UI-kits en ontwerpsystemen. Implementatie en onderhoud van het systeem. Flexibiliteit en aanpassingsvermogen van standaarden. Maakbaarheid en interactie met ontwikkelaars