Курсы, которые я читаю

Я преподаю. Много. Стараюсь делать это интересно и с любовью. Я написал о курсах, которые читаю в горном университете, фотошколе “MAGNET” и других злачных местах. Если вы хотите у меня поучиться, то это можно организовать. Пишите-звоните-телеграфируйте, мы обязательно что-нибудь придумаем.

“Human-computer interactions” в горном университете

Human-computer interactionsCеместровый курс.
В этом курсе я выбиваю из под ног почти готовых разработчиков информационных систем почву, взрываю мировоззрение, раскрываю чакры и чищу разработческую карму. Сначала я рассказываю о принципах и правилах обращения с пользователями, мы много разговариваем о психологии, анатомии и даже физиологии этого забавного вида. Подробно изучаем критерии качества интерфейсов, рассматриваем победы и поражения проектировщиков предыдущих поколений, разбираем правила обращения с элементами управления в разных операционках, не забываем об информационном стиле, который в интерфейсах правит бал, внимательно штудируем Apple HIG и много, усердно практикуемся.

У меня учились: Максим Однолетков (проектировщик интерфейсов в «ТитанСофте») и Владимир Боярских (проектировщик интерфейсов в “Artsofte”), Татьяна Колобова (ведущий специалист-аналитик в “ACS”) и Михаил Рубанов (создатель умных домов в «АМП-Урал»).

Отдельное спасибо за курс «Интерфейсов». В каждом деле свои правила, свои законы, свои методы. Так же и тут, только до занятий я думал: «Нарисовал как душа желает, понатыкал кнопочек побольше, выровнял по левому краю и все тут». Оказалось всё по-другому, никому не нужны твои миллион кнопок, всё должно быть лаконично, со вкусом и без лишних действий. Практические занятия закрепили результат и сейчас, заходя на какой-нибудь интернет-магазин или приложение, сначала оцениваешь картину в общем, а уже потом набор функций. Так же, пользуясь случаем, хотелось бы сказать владельцам автоматических заправок: «Когда снимаешь пистолет с колонки, автомат должен сам выбирать тип топлива!». Особенно это раздражает, когда зимой сенсорный экран замерзает и ничего не нажимается.
© Слава Новосёлов, 2014

Программа курса

Что такое интерфейс? КПД интерфейса. Интерфейс — препятствие на пути пользователя. Привычки пользователей и разработчиков. Об интерфейсном фашизме и гуманизме.
Критерии качества интерфейса. Скорость работы. Люди много думают, или не много? Люди часто отвлекаются. Где находится фокус, а где локус внимания? Может ли человек быть быстрым и точным? Закон Поля Фиттса в действии. Бывают ли пользователи, не совершающие ошибок? А что, если ошибок не существует? Может ли интерфейс убить? Как пользователя научить? Почему системы когнитивно сопротивляются? Ментальные модели. Метафоры. Аффоданс. Маппинг. Миллион видов справки — нужны ли они? Субъективное удовлетворение пользователей и эстетика Шишкина в интерфейсе. Золотое сечение в Нотр-Даме и окне приложения. О быстротечности субъективности времени. Не напрягайте пользователя психологически, поцелуйте его (её). «— Вон отсюда, идиот!» — что еще говорят хамские системы? Пользователи и пароли — кто кого? Самовыражение достойно уважения.
Всячина. Память и кошелёк Миллера. Зубрёжка или стресс? «Есть ли любовные сцены в „Кому на Руси жить хорошо“?» — что и как ищут пользователи? Азы интерфейсной визуализации — аэропорты мира, структура финансового рынка и победители олимпиад. Информативность и визуальный обман. Немного о кислотно-щелочном балансе. Навигация. 10 эвристик Якоба Нильсена.
Информационный стиль и редактура текста. Как резать текст, не дожидаясь перитонита?
Инвентарь. Кнопки в Виндоус и Мак. Флажки. Радиокнопки. Групбоксы — за и против. Выпадайки и комбобоксы. Списки. Поля ввода. Многострочные поля. Токенфилды. Крутилки. Ползунки. Балоны. Прогресс-бары. Необычные элементы. Меню. Окна. Палитры. Панели. Пейджинг и скроллинг. Мастера.
Windows 8. Как жить в стиле métro?
Мобильные интерфейсы. Настольные и мобильные — есть ли разница? Одно приложение — одна задача. Обратная связь и акцент на содержимом. Максимум интеллекта и сколько-то скеоморфизма. Структура приложений. Спрингборды. Скрытые меню и элементы управления. Кастомизация. iOS8 — плоская? Анимации — для чего они?
Проектирование интерфейса. Жизненный цикл интерфейсов. Лучшие инструменты проектировщика. Технические писатели — кто эти люди? Функции бессмертны! Зачем плодить убожество? Как сделать тост и убить Дездемону? Низкоуровневые и высокоуровневые пользователи функции. Классификация. GOMS. Адаптивная функциональность. Глоссарий. Прототипирование, прототипирование и прототипирование. Чего хотят пользователи?

«Инфографика и визуализация информации» в горном университете

Инфографика и визуализация информацииCеместровый курс.
Абсолютно новый курс на гребне волны информационной науки. Это первый курс инфографики, который читают в ВУЗах Екатеринбурга. Начинаем, как обычно, с принципов и правил инфографики, смотрим как нас обманывают недобросовестные инфографорисователи, отделяем зёрна от плевел — рассуждаем что инфографика, а что — нет. Мы занимаемся реструктуризацией таблиц, делаем их удобными и понятными, рассматриваем графики, гистограммы, пайчарты, спасаем лондонцев девятнадцатого века от холеры с помощью карт Джона Сноу, пристально разглядываем прыжки олимпийских чемпионов по сноуборду в Сочи.

Евгений Пупов написал отчет о первом курсе инфографики в своём жж.

Программа курса

Инфографика = информация + графика Что такое хорошо и что такое плохо?
Принципы информационного дизайна. Наполняем смыслом. Честно. Манипуляции. Детектор лжи по Тафти. Перспективность отображения. Фокусы с осями и данными. Абстрактное кодирование против естественного отображения. Инфоплотность. Где отдыхают югорчане? За кого выходить замуж? Какой сыр предпочесть?
Таблицы. Анатомия таблиц. Подлежащее и сказуемое. Лжезависимости. Экономия места и компактность. Иерархии. Проще = лучше. Инфостиль. Ремув ту импрув.
Диаграммы и графики. Как показать структуру? Расставить акценты? Привлечь внимание? Как сравнить величины? Японские свечи — жечь или не жечь? Спарклайны. Изменения в структуре. Эбола и грипп — что страшнее. Проблемы подростковой беременности. Кем быть? Сколько стоит покурить?
Таймлайны Биографии, цепочки, эволюции, революции и расписания. Как правильно танцевать? Что дарить на 8 марта? Как Навальный ездит в метро? Куда ползёт червячок? Куда шагает хомо сапиенс? Как вырастить авокадо и сделать Yolo-flip на борде?
Картограммы. Привязываем истории к месту. Расследуем преступления с Каменской. Шпионим за Наполеоном с Минардом. Изучаем авиакатастрофы и побег из колонии. Схемы метро, кишечника и география ада. Затапливаем Венецию и Санкт-Петербург. Рубим стейки, пьём вино, следим за Навальным в метро.
Инфографика вне формата. Метаграфики. Когорты. Какое вино пить? Какие лоферы надеть с трусами? Как приготовить пасту и шоколадные брауни?

“Web-apps development” в горном университете

Web-apps developmentТрехсеместровый курс с курсовой работой.
Этот курс — почти классика computer science. HTML, CSS, JavaScript, jQuery, PHP, Ajax, MySql — всё это мы изучаем от корки до корки. Огромное количество интересных и сложных практических заданий помогают из новичков сделать, если не матёрых, то очень уверенных разработчиков. Мы делаем: интерактивные кулинарные рецепты, которые рассчитывают необходимое количество ингредиентов по числу едоков; умные схемы метро, самостоятельно прокладывающие оптимальные маршруты; посадочные талоны на самолёт, отлично выглядящие на мониторе, телефоне и бумаге.

«Компьютерная графика» в горном университете

Компьютерная графикаТрехсеместровый курс с курсовой работой.
История компьютерной графики с древнейших времён до наших дней. Растровая, векторная или фрактальная? Сжимать или не сжимать? Выведем цветовую модель Дэвида Брюстера, насаждаемую художками, на чистую воду, выясним почему не получается печатать в RGB, научимся сортировать каналы в изображениях, даже если они окончательно перепутаны. Антиква или гротеск? Венецианская или итало-французская? А может акциденцией, да по классическому канону Ван де Граафа? Какая ‘Д’ лучше — домиком или комодом?

«Фотостарт» в MAGNET'e

ФотостартДвадцатичасовой практический курс.
История колоссального везения Жака Луи Манде Дагерра и невезения Уильяма Генри Фокса Тальбота. Анатомия вашего фотоаппарата от шершавого углепластика корпуса до блестящей и переливающейся cmos-матрицы. Выдержка, диафрагма, светочувствительность, баланс белого — смешать, но не взбалтывать. Источники света — от встроенной вспышки до небесного светила (или наоборот). «Золотое сечение» или правило третей? Ритм, рифма, динамика и нюансы.

«„Фотошоп“ для фотографа» в MAGNET'e

Двадцатичасовой практический курс.
Панорамы и бесконечная глубина резкости. Мультиэкспозиция. Долой перспективные искажения! Единственные способы отбеливания зубов, одобренные стоматологами. Краткий курс практической косметологии и дерматологии. Мейкап без визажистов, стройное тело без массажистов и многое-многое другое.