Instructor · HSE University · 2022–2023

Teaching at HSE

1

Context

Interface Design Fundamentals seminar for graduate students at HSE University. Two groups, 19 students, one semester. Mixed backgrounds: graphic designers, developers, project managers, marketers. Most had no prior UX experience.

Format: lecture plus hands-on practice in every session. Theory was supported by real product teardowns -- Apple, Google, Yandex, Avito. Final project: a full UX study of a chosen application with a group presentation.

4
seminars
181
slides
19
students
2
groups
Grading formula: seminar x 0.3, research project x 0.3, final project x 0.4
Grading formula: seminar, research project, final project
2

Seminar 1: graphic design and identity

First block -- 78 slides. Visual language fundamentals. Typography: from Roman proportions to modern grotesques. Logo geometry: deconstructing Google, Apple, Amazon. Composition, color, grid. Examples from real products -- Apple.com, bar and restaurant branding. Second part: what a product designer does, types of designers, career growth.

Assignment: conduct a visual audit of a chosen brand and propose improvements based on the principles covered.

Seminar 1: graphic design and identity Seminar 1: graphic design and identity Seminar 1: graphic design and identity Seminar 1: graphic design and identity Seminar 1: graphic design and identity Seminar 1: graphic design and identity Seminar 1: graphic design and identity Seminar 1: graphic design and identity Seminar 1: graphic design and identity Seminar 1: graphic design and identity Seminar 1: graphic design and identity Seminar 1: graphic design and identity Seminar 1: graphic design and identity Seminar 1: graphic design and identity Seminar 1: graphic design and identity Seminar 1: graphic design and identity Seminar 1: graphic design and identity Seminar 1: graphic design and identity Seminar 1: graphic design and identity Seminar 1: graphic design and identity Seminar 1: graphic design and identity Seminar 1: graphic design and identity Seminar 1: graphic design and identity Seminar 1: graphic design and identity Seminar 1: graphic design and identity Seminar 1: graphic design and identity Seminar 1: graphic design and identity Seminar 1: graphic design and identity Seminar 1: graphic design and identity Seminar 1: graphic design and identity Seminar 1: graphic design and identity Seminar 1: graphic design and identity Seminar 1: graphic design and identity Seminar 1: graphic design and identity Seminar 1: graphic design and identity Seminar 1: graphic design and identity Seminar 1: graphic design and identity Seminar 1: graphic design and identity Seminar 1: graphic design and identity Seminar 1: graphic design and identity Seminar 1: graphic design and identity Seminar 1: graphic design and identity Seminar 1: graphic design and identity Seminar 1: graphic design and identity Seminar 1: graphic design and identity Seminar 1: graphic design and identity Seminar 1: graphic design and identity Seminar 1: graphic design and identity Seminar 1: graphic design and identity Seminar 1: graphic design and identity Seminar 1: graphic design and identity Seminar 1: graphic design and identity Seminar 1: graphic design and identity Seminar 1: graphic design and identity Seminar 1: graphic design and identity Seminar 1: graphic design and identity Seminar 1: graphic design and identity Seminar 1: graphic design and identity Seminar 1: graphic design and identity Seminar 1: graphic design and identity Seminar 1: graphic design and identity Seminar 1: graphic design and identity Seminar 1: graphic design and identity Seminar 1: graphic design and identity Seminar 1: graphic design and identity Seminar 1: graphic design and identity Seminar 1: graphic design and identity Seminar 1: graphic design and identity Seminar 1: graphic design and identity Seminar 1: graphic design and identity Seminar 1: graphic design and identity Seminar 1: graphic design and identity Seminar 1: graphic design and identity Seminar 1: graphic design and identity Seminar 1: graphic design and identity Seminar 1: graphic design and identity Seminar 1: graphic design and identity Seminar 1: graphic design and identity
1/78
Seminar 1: 78 slides -- typography, logos, composition, color, product designer role, career
3

Seminar 2: HCI and UX design

The largest block -- 88 slides. Human-Centered Design from Bell Labs to ISO 9241. Interface history: from command line to gestures. UX principles: understanding context, efficiency, accessibility, aesthetics. Teardowns of Amazon Go, Instagram, Odnoklassniki.

A separate block on design careers: Junior, Middle, Senior, Lead. What sets each level apart, which skills matter, how to grow.

Seminar 2: HCI and UX design Seminar 2: HCI and UX design Seminar 2: HCI and UX design Seminar 2: HCI and UX design Seminar 2: HCI and UX design Seminar 2: HCI and UX design Seminar 2: HCI and UX design Seminar 2: HCI and UX design Seminar 2: HCI and UX design Seminar 2: HCI and UX design Seminar 2: HCI and UX design Seminar 2: HCI and UX design Seminar 2: HCI and UX design Seminar 2: HCI and UX design Seminar 2: HCI and UX design Seminar 2: HCI and UX design Seminar 2: HCI and UX design Seminar 2: HCI and UX design Seminar 2: HCI and UX design Seminar 2: HCI and UX design Seminar 2: HCI and UX design Seminar 2: HCI and UX design Seminar 2: HCI and UX design Seminar 2: HCI and UX design Seminar 2: HCI and UX design Seminar 2: HCI and UX design Seminar 2: HCI and UX design Seminar 2: HCI and UX design Seminar 2: HCI and UX design Seminar 2: HCI and UX design Seminar 2: HCI and UX design Seminar 2: HCI and UX design Seminar 2: HCI and UX design Seminar 2: HCI and UX design Seminar 2: HCI and UX design Seminar 2: HCI and UX design Seminar 2: HCI and UX design Seminar 2: HCI and UX design Seminar 2: HCI and UX design Seminar 2: HCI and UX design Seminar 2: HCI and UX design Seminar 2: HCI and UX design Seminar 2: HCI and UX design Seminar 2: HCI and UX design Seminar 2: HCI and UX design Seminar 2: HCI and UX design Seminar 2: HCI and UX design Seminar 2: HCI and UX design Seminar 2: HCI and UX design Seminar 2: HCI and UX design Seminar 2: HCI and UX design Seminar 2: HCI and UX design Seminar 2: HCI and UX design Seminar 2: HCI and UX design Seminar 2: HCI and UX design Seminar 2: HCI and UX design Seminar 2: HCI and UX design Seminar 2: HCI and UX design Seminar 2: HCI and UX design Seminar 2: HCI and UX design Seminar 2: HCI and UX design Seminar 2: HCI and UX design Seminar 2: HCI and UX design Seminar 2: HCI and UX design Seminar 2: HCI and UX design Seminar 2: HCI and UX design Seminar 2: HCI and UX design Seminar 2: HCI and UX design Seminar 2: HCI and UX design Seminar 2: HCI and UX design Seminar 2: HCI and UX design Seminar 2: HCI and UX design Seminar 2: HCI and UX design Seminar 2: HCI and UX design Seminar 2: HCI and UX design Seminar 2: HCI and UX design Seminar 2: HCI and UX design Seminar 2: HCI and UX design Seminar 2: HCI and UX design Seminar 2: HCI and UX design Seminar 2: HCI and UX design Seminar 2: HCI and UX design Seminar 2: HCI and UX design Seminar 2: HCI and UX design Seminar 2: HCI and UX design Seminar 2: HCI and UX design Seminar 2: HCI and UX design Seminar 2: HCI and UX design
1/88
Seminar 2: 88 slides -- HCI, interface history, UX principles, career
4

Seminar 3: Figma and web design basics

12 slides. Desktop, mobile, app -- platform specifics. Platform guidelines: Material Design, Human Interface Guidelines. Typography rules for interfaces. Hands-on introduction to Figma.

Assignment: design a mobile app screen in Figma following the platform guidelines.

Seminar 3: Figma and web design basics Seminar 3: Figma and web design basics Seminar 3: Figma and web design basics Seminar 3: Figma and web design basics Seminar 3: Figma and web design basics Seminar 3: Figma and web design basics Seminar 3: Figma and web design basics Seminar 3: Figma and web design basics Seminar 3: Figma and web design basics Seminar 3: Figma and web design basics Seminar 3: Figma and web design basics Seminar 3: Figma and web design basics
1/12
Seminar 3: 12 slides -- Figma, platform guidelines, typography, web design
5

Seminar 4: research and testing

3 slides. Interface research methods: qualitative and quantitative. Usability testing: ISO 9241-11 metrics -- effectiveness, efficiency, satisfaction. Scenario design, participant recruitment, moderation.

Practice: students wrote a research brief, designed scenarios, ran tests with real users, and presented findings.

Seminar 4: research and testing Seminar 4: research and testing Seminar 4: research and testing
1/3
Seminar 4: 3 slides -- research methods, usability testing, recruitment
6

Student work

Final project: a UX study of a real product. Goal definition, participant sampling, scenarios, testing, analysis, and recommendations. Group presentation.

Angelina Titova: Sberbank research card -- goal, sample, results Angelina Titova: competitive analysis -- Tinkoff, Alfa Bank, Sberbank Angelina Titova: Sberbank Payments screen redesign Angelina Titova: QR scanning screen Angelina Titova: All Services screen
1/5
Angelina Titova: UX study of Sberbank -- research card, competitive analysis, screen redesign
Elizaveta Khashba: Yandex Music UX study -- goal, sample, results and screenshots Elizaveta Khashba: old vs new Yandex Music interface comparison Elizaveta Khashba: UI Kit -- color palette, typography, buttons, icons
1/3
Elizaveta Khashba: UX study of Yandex Music -- overview, interface comparison, UI Kit
Viktoria Mochalova: Yandex Maps usability testing -- goal, sample, results Viktoria Mochalova: navigation and route settings in Yandex Maps Viktoria Mochalova: restaurant page redesign -- menu, offers, booking
1/3
Viktoria Mochalova: usability testing of Yandex Maps -- navigation, restaurant menus, booking
Seminar at HSE
← AI Job Hunter Vedic Turkiye →