Please enable JavaScript to use this page!

AllTalks site logo
🍔

Паттерны проектирования умных интерфейсов, версия 2020

Вы — умница. И если вам нужно доставить что-то в режиме жесткого дедлайна, конечно, вы сделаете это. Поскольку у нас нет большого количества времени в запасе, мы полагаемся на вещи, которые всегда работали или которые используют все. Однако очень часто эти решения не всегда подходят для определенного контекста. И прежде чем вы осознаете это, конверсия замедлится или разрушится трафик, или вашу службу поддержки завалит жалобами. Как же нам избежать этого? Конечно, с помощью тестирования. В новом докладе Виталий Фридман, креативный руководитель Smashing Magazine и консультант Европейского Парламента, Haufe, Marc'o'Polo, Zalando, и других компаний, покажет сложные и продуманные шаблоны дизайна интерфейса. Мы рассмотрим иконку навигации «гамбургер», карусель и mega-drop-downs меню, онбординг, слайдеры, карты и веб-форматы. Имейте в виду: увиденное не развидеть. Вы выйдете с доклада с багажом практических навыков, которые сможете применить в своей работе правильно.


ChernivtsiJS

28 min

Как мы строили дизайн систему

Dmitry Barabash

Slides: https://github.com/chernivtsijs/chernivtsijs-2019

FrontendConf

42 min

Production Ready Design

Ксения Лушникова

В нашей команде Яндекс.Денег мы выработали подход разработки и дизайна веб-интерфейсов. Я покажу, как легко мы собираем живые интерфейсы и передаём их в продакшн, как создаётся дизайн Яндекс.Кассы и…

Frontend Love

22 min

Micro-interactions with React Spring

Emma Bostian

In her own words, Emma is a UX Engineer with a passion for design. She has recently transitioned into a UX Engineering role at LogMeIn where she builds Design Systems with React.

Chrome Dev Summit

24 min

HTML isn’t done!

Nicole Sullivan, Greg Whitworth

Let’s go back in time a bit. Remember when word was out that we were going to get new HTML elements? I don’t know about you, but I was so excited. After years of building the same tabset over and ove…

FrontendConf

51 min

Drag&Drop-компоненты для слепых пользователей. Вы шутите?

Сергей Кригер

Передвигать вещи для нас настолько естественно, что мы перенесли это из мира вещей в веб. Сортировка todo-списков, организация дашбордов, загрузка файлов — мы просто не можем себе представить все эти…

YaTalks

37 min

Создание универсальной UI-библиотеки

Евгений Тропин

Доклад будет полезен разработчикам, которые создают свою библиотеку компонентов и заботятся о доступности интерфейсов.

ChernivtsiJS

33 min

On Desktop UIs and Web Tech

Roman Liutikov

Slides: https://github.com/chernivtsijs/chernivtsijs-2019

CSSCAMP

43 min

App's Too Fast: How To Change The Pace For Better UX

Adam Argyle

Browsers && front-end technologies are incredibly powerful right now, and it’s put us in a new and weird spot: our apps can be too fast. Post app load, when things have settled a bit and the user sta…

CSSCAMP

26 min

When Houdini Met Goldblum

Oliver Turner

Why can't we animate gradients declaratively? How can Jeff Goldblum help us? This gentle, practical introduction to Houdini and the Web Animations API looks at some CSS's lesser-known features (it ha…

Chrome Dev Summit

7 min

Designing for speed and hacking user perception

Mustafa Kurtuldu

In this talk I will cover research on speed and UX that Google has conducted on speed and design techniques developers can use to improve the perceived speed of their websites and apps.

CSSConf Budapest

29 min

Crafting Stateful Styles with State Machines

David Khourshid

User interfaces are highly dynamic and complex, and structuring stylesheets for every possible state of every component can be a challenge. In this talk, we will explore innovative ways of organizing…

PiterJS

30 min

Фоновые сервисы в браузерах — есть ли жизнь после закрытия вкладки?

Максим Сальников

Пользователь закрывает вкладку в браузере и ваше замечательное фронтенд-приложение испаряется. А что, если можно было бы оставить какие-то его части, и еще немного поработать во благо улучшения UX? О…

React Advanced

24 min

What a Drag

Vojtech Miksu

"Can we do this thing drag and droppable?". That’s one of the sentences that every front end developer fears the most. There are many DnD libraries out there but did you ever consider building someth…

TechTrain

71 min

Тестирование без боли и страха

Глеб Бахмутов

Мы все стараемся отложить то, что нас пугает и не нравится на потом. Тестирование фронтенда также делается в последнюю секунду, что ведет к предсказуемым последствиям: ошибки просачиваются к пользова…

TechTrain

67 min

Эволюция способов сохранения конфиденциальной информации в секрете

Александра Калинина

Каждый программист в своей жизни встречается с информацией, которую необходимо держать в секрете: пароли к учеткам, секретные ключи доступа, CVV код от карточки, в конце концов. Однако не каждый сраз…

JSConf Budapest

29 min

Mastering UIs with Finite State Machines

Rubén Sospedra

Did you ever feel like monkey patching your UI component? Adding too many if/else, handling a lot of complexity or hacking several non-desired side effects. Did you ever have a problem with double-cl…

Mail.ru Design Conf

24 min

Эксперименты над интерфейсами

Олег Фролов

Олег рассказывает про пользу от экспериментов в интерфейсах, про подходы, лайфхаки и инструменты.

Я.Субботник

47 min

@yandex ui

Владимир Гринеко

Презентация @yandex/ui — open source библиотеки React-компонентов от Яндекса. Компоненты используются внутри и отвечают самым строгим требованиям: темизируемость (дизайн отдельно, управление визуалом…

Tver.io

29 min

React Reconciler: как написать собственный рендерер

Ярослав Лосев

Что такое “реконсиляция” в React и какой путь проходит компонент от кода до отрисовки на экран, какие рендереры уже существуют и как написать свой собственный на примере отрисовки React-компонентов в…