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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

Правила Эша

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

день 2

день 1

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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