Московский: Дизайн & Тимлид: заметки с тегом обучение

Figma: работа с компонентами на реальном примере

Sun, 30 Aug 2020 19:53:56 +0100

В новом видео показываю на примере как удобно можно работать через компоненты

Вопросы пишите на ютубе

Дизайн мобильных приложений. Летний интенсив в Британке

Sun, 21 Jun 2020 14:33:25 +0100

После обучения в Бюро Горбунова я хотел попасть на обучение в Британку. Это случилось на летнем интенсиве 2019. Расскажу про свой опыт и проект, который мы там делали.

Всех учащихся разделили на команды по 4 человека. После первого дня лекций от разных спикеров, рассказали про задачу. Нам достался проект от Яндекс Почты: нужно было улучшить боковое меню.

В ходе обучение было весело, было сложно и было сжато. На что уходит месяц, нужно было сделать за 4 дня и применять новые знания, которые параллельно нам рассказывались.

На лекциях было много информации от разных спикеров.

У каждой команды был наставник, который включался в задачу и помогал. Завершением интенсива — выступление на большую аудиторию. Помимо строгих судьей, нас оценивали все желающие, которые пришли на открытую защиту. Часть из пришедших ищет дизайнеров к себе в компанию.

Наша презентация не обошлась без юмора

Наш концепт Яндекс Почты

Один из слайдов из презентации

Мое мнение: на интенсив я пошел уже имея за плечами почти год работы в Яндексе. Там еще раз прошелся по знакомым темам и структурировал знания. Узнал, что-то новое, но многое уже знал. Плюс прокачал навык презентации. Новичкам советую. Ссылка на интенсивы

Вопросы для страницы при проектировании дизайна

Thu, 23 Jan 2020 09:07:20 +0100

— Постоянно забываю нарисовать какую-то фигню для разработчиков, а они меня потом достают ?
— Держи чек-лист!

Перед сдачей дизайна сайта или приложения нужно пробежаться по списку. Я частенько не задумываюсь, все ли доделал. А потом разработчик отрывает от работы и просит доделать. Чтобы такого не было, внизу чек-лист:

Чек-лист для дизайнера перед сдачей макетов

Состояние выделения у всех элементов, на которые можно нажать: кнопок, ячеек таблицы, инпуты.
Пустые экраны: когда пользователь первый раз зайдет, когда у него ничего не будет, когда он все удалит, если нет аватарки.
Что будет показываться, когда у пользователя медленный интернет: скелетон, картинка мелким размером, которая при дозагрузке станет четкой.
Проверить текст на реальных данных. Что будет если текст не влезет, что если будет на других языках.
Состояния ошибок, уведомления о действиях, алерты, попапы, 404 ошибка и т. д.
Ну и само собой, если нарисовали веб-версию, не забываем про тачи и про ширину 320 px.
Подробно об этом рассказывали в этом видео.

Чек-лист для проверки решения

А еще я для себя составляю чек-лист для этапа проверки своего решения, у кого есть идеи пишите в комментарии

Кто наши пользователи?
Какой основной сценарий выполняет пользователь на этом экране?
Как человек поймет, что это за интерфейс, будет ли обучение? Как разберется в нашем продукте?
Что главное должен считывать пользователь на этом экране?
Что не главное на этом экране?
Что если пользователь не готов выполнить наше действие или хочет отказаться?
Что если пользователя отвлекли? Он вспомнит что он делает на этом экране?
Как этот экран помогает пользователю выполнить его основной сценарий?
Какой будет не основной сценарий? А какой сценарий еще возможен?
Если есть цвета — как они помогают пользователю решить его задачу?

С лекции «Другие миры» день 2 Эш Торп

Wed, 17 Jul 2019 21:26:45 +0100

Был на двух днях на Стрелке. Спикеры рассказывали про знаки в фильмах (на примере Контакт), раскодровки анимации Рик и Морти, а Эш Торп рассказал о том, как работает. Я решил законспектировать именно её. В конце ссылки на полное видео с лекций.

Как избавиться от творческих блоков

Работать сразу над 2-3 проектами, когда в тупике над одним проектом, переключается на второй.
Важно иногда отвлечься, делать перерывы.
Находиться в кругу братьев по оружию.
Избегать плохих привычек и ритуалов.
Довести до конца начатое.

Списки. Отчетность перед самим собой

Списки помогают определиться в чем приоритеты. В жизни много отвлечений, но нужно понимать что мы ценим больше всего.

Записывать все: что хочешь достичь, в чем заинтересован, что нужно сделать и т. д.
Избавляться от того, что требует ненужного внимания. (ухожу из компаний, где не интересно, не отвечаю на какие-то письма).
Расставлять приоритеты между делами, фокусироваться только на том, что нужно и что приносит удовольствие.
Расписать цели по порядку их выполнения.
Эш заводит будильники и контролирует время.
Доводить запланированные цели до конца.

Ежедневник на 6 дней. Обычно вечером каждый день составляет что хочет сделать на следующий день.

Эш постоянно читает.

Список книг, которые он рекомендует

Правила Эша

Окружать себя людьми, которые вдохновляют. Те кто говорит, что ты отстой — от них нужно избавляться. Вокруг, должны быть те, кто бросает вызов, заряжает энергией.
Важно оставаться скромным, не зазнаваться. Всегда оставаться учениками.
Не оставливаться в своем творчестве.
Всегда учиться, это постоянный процесс.
Всегда помогайте окружающим.

день 2

день 1

Конспект курса Learning How to Learn

Thu, 14 Jun 2018 13:47:34 +0100

Прошёл курс «Как учится» Learning How to Learn
Курс на английском, но есть русские субтитры. В тестах перевода нет, но разобраться можно. Курс бесплатный, состоит из 4 блоков-недель. Обучение я растянул на 2-3 недели, чтобы лучше усвоить материал, а этот конспект пишу через месяц, чтобы ещё раз укрепить память. Но it-agency в плане обучения пишет, что можно пройти за 9 ч. 36 мин.

Обучение проходит по видео с субтитрами, в конце блока — тесты

Наш мозг работает либо в сфокусированном режиме, либо в рассеянном (как монета)

Сфокусированный режим помогает создавать чанки — фрагменты информации в мозге. Для этого нужно:

Сосредоточиться (выключить телефоны, ютубы).
Понять основную идею материала.
Закрепить практикой.
Понять когда это можно применять, а когда не нужно применять.

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

Для эффективного усвоения новой информации нужно чередовать режимы работы. Так делал Сальвадор Дали: он держал связку ключей и думал над задачей. Когда засыпал — ключи падали и будили его. Часто так ему приходили новые идеи.

Память и советы

Сон необходим для запоминания. Лучше читать перед сном, чтобы лучше запомнить материал в долговременную память.

Нужно повторять, например, новые слова с интервалом, чтобы их запомнить. (Пн, Вт, Ср, Пт, Вс,). Чтобы запомнить что-то большое, нужно учить по частям. Например, чтобы выучить песню, надо начать с аккордов. Для ребенка — для обучения словам, нужно выучить буквы (звуки).

Среда развивает человека. Если человек работает один, обычно его развитие идет медленнее, чем в развивающимся коллективе. При прочих равных. Доказательством служит эксперимент на крысах.

Перечитывание не помогает запомнить — лучше читать, а потом пересказывать своими словами. Вспоминать выученный материал лучше в разных местах. Мозг может привыкнуть работать только в одном месте.

Пример не помогает понять материал, если его самостоятельно не сделать. Без практики материал вообще не усваивается и проходит мимо ушей. Пример видео по изучению программы — если не повторять, что делает автор ролика, то ничего не запомнится.

Время окончания должно быть запланировано. Это не менее важно, чем планирование времени работы.

Прокрастинация

При начале нового, неизвестного дела в мозгу активируется область, отвечающая за боль! (вот блин). Но после начала этого дела, она исчезает ← Поэтому работает совет «нужно только сесть».

Из-за неприятных сигналов, мы ищем на что отвлечься (смотрим ютуб). Решение:

Техника помидоро. установить таймер на 25 мин.
Убрать отвлечения
Сфокусированно работать
Вознаградить себя после 25 мин. и передохнуть 5 мин.
Нужно сформировать привычку работать в таком режиме.

Сертификат в конце курса

Привычка отвлекаться

При отвлечении на ютуб создаются поведенческие привычки, которые очень легко не заметить.

Механика привычки

Чтобы поменять привычку нужно сменить убеждения, поверить в возможность избавления от привычки, найти награду за новое действие. (Если задача сложная сделать мини дедлайны и разобраться почему откладываешь задачу, возможно наградой станет чувство гордости).

Стимулами к активации привычки бывают место, время, реакции и ощущения.

Чтобы эффективней работать на курсе рекомендуют:

Вести список дел, чтобы смотреть что получилось, а что — нет.
Каждый день заставлять себя заниматься рутинными задачами.
Записывать задачи вечером на следующий день.
Награждать себя за успех.
Убирать отвлечения.
Упорно трудится в моменты концентрации. Доверять своей системе, чтобы расслабится без чувства вины.
Делать сложные дела в первой половине дня.

P.S: Автор этого курса написала книгу. Я её просмотрел и там очень много советов из этого курса, но с хорошим переводом:

Книга «Думай как математик. Как решать любые задачи быстрее и эффективнее» Барбара Оакли — купить на OZON.ru книгу с быстрой доставкой | 978-5-9614-6624-9

Дизайн-выходные в Нижнем Новгороде

Thu, 05 Oct 2017 00:13:15 +0100

Самая спонтанная поездка: о событии я узнал в пятницу в 15 часов, а в 21 час уже садился на поезд. К сожаления, смог побывать только на первом дне, но узнал много нового. В статье коротко опишу выступления, а внизу будут материалы для просмотра и скачивания. Полезно для дизайнеров.

Как делать плохую рекламу: инструкция по неприменению

Антон Котовский на примере роликов показывал как плохо и как хорошо сделана реклама.
Роликов было много, но смог найти только три.

Реклама пельменей

Реклама курсов языка

Плохая реклама курсов языка

Частые ошибки в видео рекламе:

Пластиковые герои в которых не верят.
Слишком далекая от жизни ситуация, иллюстрирующая эту же реальную жизнь.
Неумение вытянуть из героя мимику.
Плохая музыка.
Несовпадение масштабов идеи и бюджета
Отсутствие креатива.

Немного опыта: как мы делаем сценарии и креативные концепции для сайтов

Что важно для создания сайта

Александр Ковальский рассказал про то, как они создавали сайты: «Есть несколько приёмов на котором строится сайт: визуал — эффекте — анимации — игровой момент — история. Миксуя эти штуки мы придумываем хороший сценарий и обычно это минимум интерфейса». Далее был рассказ про их кейс и про поиск идеи. Подробнее в аудио.

Запись выступления:

Creativ-people-pro-sayt.mp3

Совмещение эффектности и эффективности: серия 2

Фото презентации Сергея

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

Пример букинг: хороший бизнес, у него большая база. Но при каждом использовании я испытываю дискомфорт, когда всплывают окна, что этот отель забронировали, сколько просматривают сейчас этот отель. В итоге нас запугивают, чтобы мы быстро закрыли сделку. У ребят всё круто с точки зрения бизнеса, но хочется более приятный сервис.

Понятие эффектности — способность производить впечатления.
Четыре типа эффектности:

визуальная — когда анимация или изображение впечатляет. Это самый распространенный способ.
смысловая — идея впечатляет, как в клипах группы окей, гоу.

функциональная — пример сервиса, который позволяет рисовать крутые иконки https://www.autodraw.com/
коммуникационная — то как продукт говорит с пользователями.

Мой пример банк Точка

Часть записи выступления:

Sergey-andronov.mp3

Материалы, которые выложили

Как согласовывать макеты

Основы менеджмента для дизайнеров

Презентации:
Михаил Губергриц: «Мятный Гусь, Имбирный Лось...»
Сергей Мосякин: «Сезон метафор»
Сергей Рассказов: «Шрифты без правил»

Обучение в школе стажеров 1 ступень

Sat, 01 Jul 2017 09:47:20 +0100

Прошли три месяца обучения в школе стажеров бюро Горбунова. Это был интересный опыт и интенсивное обучение. Первая ступень обучения позади, теперь я на второй ступени. А это значит пришло время рассказать про бюрошный подход и отличие обучения.

Сертификат по окончанию

Как меня учили «дизайну»

До бюро я проходил распиаренный вебинар для дизайнеров. По их мнению дизайнер только рисует картинки. При проектировании страниц их подход был что-то вроде «крадите расположение элементов страницы у конкурентов». Текст даст заказчик, а сейчас можно вставить стандартный набор букв. И всё в таком духе.

Скриншот презентации школы «дизайна»

Другой подход у школы

По мнению бюро, дизайнер — «эталон квалификации, самостоятельности и порядочности. За ним идёт охота работодателей, потому что растить свои кадры никто не хочет и не умеет, а во всех прочих учебных заведениях учат неизвестно чему».
Меня учили разбираться в личном планировании, организации изменений на фирме клиента, написанию текстов в информационном стиле, правильном иллюстрировании текста, вопросах авторских прав, договорах и юридических аспектах, умению вести переговоры, пониманию как выруливать из сложных ситуаций. И только 2 из 6 дисциплин посвящены непосредственно дизайну: типографика и верстка, интерфейс и информация.

Дисциплины школы

Тестирование и дедлайн.

Каждую неделю нас ждало тестирование по разным предметам + задание (написать текст или сделать форму заказа). А вот тесты больше пугали, чем задания: в тестах могло быть 4 варианта ответа и из них может быть 4 правильных — не сообщается сколько в вопросе правильных ответов. Чтобы лучше решать, тесты я их распечатывал, решал в начале недели, один день отдыхал и перерешивал снова.

Однажды у меня получилось ответить на все вопросы правильно.

Дедлайн был в пятницу в 23:59. Это приучило работать и соблюдать дедлайн до конца недели. Один раз я не успел и заработал штраф. Под конец научился сдавать тесты и задание немного с запасом.

Курсовая работа и итоги

Самое веселое, что курсовую работу я делал в самолете, в хостеле, в автобусе, в кафе и ни разу не дома в спокойной обстановке. Курсач и поездка в Европу у меня совпали. За курсовую работу очень внимательный к мелочам Илья Бирман поставил мне 4 балла за логику, идею и эстетику. Честно говоря ожидал более низких оценок.

Курсовая: редизайн мебельного сайта

С 11 места я поднялся до 5-го из 53 студентов:

Скриншот рейтинга

Если бы полученные знания можно было сравнить с мышцами, то было бы как-то так:

Источник: 24warez.ru

Напоследок

В школе ответственность на том, кто учится. Не понимаешь — твои проблемы. Обратной связи почти нет: были 2-3 вебинара и то по инициативе преподавателей, работы каждого студента не разбираются. Знания приходится выцеживать. Это сложно для тех, кто к этому не привык.
Если дать этот материал без тестов, я бы ничего не запомнил. Самое глубокое погружение в тему было именно в моменты, когда я искал ответы на вопросы.
Дизайнер — это очень-очень широкое понятие. Школа учит мыслить не вокруг оформительства, а вокруг подхода. Если раньше я думал, как красиво оформить форму заказа, то сейчас я думаю как убрать форму заказа, чтобы чаще заказывали.

Полезные ссылки для дизайнера

Thu, 15 Jun 2017 11:14:19 +0100

Дизайн в целом
Школа дизайна Яндекса
примеры страниц
паттерны мобильного дизайна

Бюро
О наращении окончаний числительных
О выборе полей
О вёрстке ссылок
Оформление копирайта по-русски
Совет о правиле внутреннего и внешнего
Правило якорных объектов
Приём «смешать комки»
Базовые элементы вёрстки
Заголовки
Иллюстрации
Подписи

Мобильные
32 отличия дизайна мобильного приложения под iOS и Android

Эффективность
Окружение, тело и мозг: опыт повышения продуктивности до 200 часов в месяц

Присылайте в телегу ссылки, к которым вы обращаетесь время от времени