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

обучение

Формы: поля ввода и кнопки

3 июля 2016, 21:48

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

Пост для тех, кто только начинает путь в дизайне интерфейсов и не имеет ментора для подсказок и советов.

Форма — базовый комплект интерфейса

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

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

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

Инпуты

Я выделяю 3 типа полей ввода: стандарт, компакт и тинькофф.

Стандартные поля ввода — самый распространенный и привычный для пользователей тип интерфейса ввода. Модуль поля состоит из трех составляющих: подпись, само поле и плейсхолдер. Целесообразно и удобно применять такие поля в больших формах, анкетах и сложных интерфейсах с разнородными входными данными от пользователя.

Компактные поля — урезанный формат стандартного поля ввода, в котором подпись к полю объединена с плейсходером. Так как самый большой недостаток такого поля отсутствие подписей в заполненном состоянии, применение такие поля имеют в коротких формах регистрации, авторизации и подписки.

Поля, которые используются в интерфейсах сервисов тинькофф банка. Они объединяют достоинства первых двух типов полей — они компактны и одновременно информативны в заполненном состоянии.

Кнопки

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

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

Вместо заключения

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

Прямо сейчас набирают силу дизайнерские концепции Zero UI и No UI. А математики и разработчики улучшают методы анализа и использования больших данных и нейросетей.

дизайн   команда   обучение

Обучаю дизайнеров

11 мая 2016, 14:58

Почему я занимаюсь обучением

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

Кому подойдет

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

Требования

Я возьму не всех, так как индивидуальное обучение требует особого подхода, времени и подготовки. Поэтому вот мои несколько требований:

  1. Изучить теорминимум Бюро Горбунова;
  2. Выполнить тестовое задание;
  3. Пообщаться в скайпе.

Отзывы

«Этот год был годом старта в профессии и серьезного, почти взрывного роста. Всем тем, что я сейчас знаю и умею я обязан Паше и Школе Стажёров. Паша ставит новичков на правильные рельсы, доступно объясняет сложные вещи, даёт возможность ошибиться, никогда не повышает голос и всегда получает результат.

От всей души желаю моему коллеге, артдиректору и теперь уже товарищу дальнейших профессиональных успехов и крутых проектов.»

Юрий Кетов

«Раньше я работал программистом в ИТ-компании. У нас не было штатного дизайнера, а так как я немного рисовал в фотошопе, то мне поручали разрабатывать рекламные плакаты, визитки и презентации. Я ничего не знал о дизайне, получалось неаккуратно и плохо.

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

Мы начали совместную работу над проектом с фиксированным сроком сдачи. В первые дни я обращался к Павлу за советом по 20 раз в день. Он спокойно объяснял, как исправить сделанные ошибки. Сайт мы сдали в срок. Заказчик остался доволен, мы получили достойную зарплату и нам дали следующий проект.

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

Сейчас я работаю ведущим дизайнером в крупном интернет-магазине. Моя зарплата на порядок выше той, которая была до прихода в профессию. Всему, что я научился и узнал я обязан Павлу. Спасибо.»

Дмитрий Беляков, флорист.ру

«Написать Павлу было одним из самых важных решений за 2015 год.

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

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

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

Григорий Машковцев, студия Артклён

Как попробовать

Напишите мне на почту (pavelkuligin1993@yandex.ru), получите тестовое задание и сделайте его.

дизайн   консультации   обучение

Построение дизайн-команды в компании

10 мая 2016, 13:49

Тенденции последних лет в продуктовом и сервисном дизайне привели к тому, что многие компании отказываются от услуг студий дизайна и создают собственные внутренние команды. Примеры таких команд у всех на виду: Яндекс, Лаборатория Альфа-Банка, Сбербанк Технологии.

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

Но что делать небольшим компаниям, у которых есть пара постоянно обновляемых сайтов или небольшой сервис? Я считаю, что есть несколько критериев, чтобы определить нужен ли вам дизайн-отдел:

  1. Необходимость постоянного обновления сайта-сервиса. Например, запуск нового раздела раз в месяц;
  2. Желание и возможности выделить ресурсы для менеджмента и управления собственным отделом разработки и дизайна;
  3. Желание сэкономить ресурсы, оставив качество на высоком уровне. Это достигается за счет экономии на услугах агентства. Минимум 25%.

Мой опыт

В трех компаниях я выполнял функции дизайнера, арт-директора и руководителя дизайн-команды.

2ТБанк
В банке я работал дизайнером, а затем ведущим дизайнером, так как количество и объем задач значительно возросли. Чтобы набрать команду помощников, мне пришлось взять новичков и обучить их основам дизайнам, проектирования сайтов и интерфейсов.

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

Любимая работа
В Любимую работу я пришел в качестве дизайнера сайта и интерфейсов. Под руководством Андрея Ревина я разрабатывал внутренние страницы сервиса, страницы рассылки и другие работы. Позднее я взял на себя все задачи по дизайну и развитию сайта.

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

Студия Станислава Орехова
В октябре 2015 года мне написал Станислав Орехов, руководитель собственной студии дизайна интерьеров. Ему требовался арт-директор для собственных внутренних проектов, сервиса АрхТуторс и сайта Дизайн-конференции.

Чтобы быстро разобраться с большим пулом задач я привлек 2 младших дизайнеров, которых в то время обучал. На себя я взял функции по коммуникации со Станиславом, разработку дизайн-концепций продуктов и арт-директинг. В дальнейшем я подобрал подрядчика для разработки и верстки наших продуктов.

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

Как начать работу со мной

Напишите мне (pavelkuligin1993@yandex.ru) или позвоните в скайпе (kuliginpavel1993) и мы поймем, нужна ли вам своя дизайн-команда или мы сможем обойтись несколькими проектными работами.

дизайн   команда   обучение   работа