Как я задизайнил табличку для питерских подъездов. Задание по интерфейсу с курса ДВ200

Нужно было разобраться с табличкой: понять что на ней изображено и как сделать лучше

Результат, быстрое исследование, мысли и решение на картинках

При подготовке использовал
1. https://ilyabirman.ru/meanwhile/all/saint-petersburg-entrances-plates/
2. https://etovidel.net/sights/city/saint-petersburg/id/ukazateli_kvartir
3. https://unsplash.com/photos/cUqc0uIikD8
4. https://unsplash.com/photos/v1MsBlexa7o
5. Старомосковский шрифт (в учебных целях) https://www.artlebedev.ru/type/staromoskovsky/

Одной картинкой https://d.pr/i/yKbVai

Комменты, примеры похожих решений, критика, улучшения приветствуются!
———
PS. Читаю ваши комментарии. Всем отвечу
Как тренировать работу со сценариями
Когда дизайнер мне приносит макеты интерфейса, плакат, буклет, стенд выставки, первое о чем я его спрашиваю это в чем задача.

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

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

2. Не сможет понять контекст пользователя, предположить что он чувствует.

3. Решения будут больше из поля «дизайнер так захотел» и их будет сложно объяснить заказчику и команде.

4. По сценариям команде легче тестировать продукт.

Как тренировать
Берете простой бытовой прибор и пишете текстом сценарий работы с ним. Можно взять пылесос, чайник, утюг — да что угодно. Кажется, что это очень просто, но из-за того, что мы довели все действия с приборами до автоматизма, мы даже не подозреваем сколько шагов в сценарии мы проделываем с обычными вещами.
Например, так выглядит сценарий помола кофе
1. Отсоединить верхнюю крышку с ручкой
2. Всыпать немолотый кофе до верхней границы
3. Присоединить верхнюю крышку с ручкой
4. Вращать по часовой стрелки до момента, когда исчезнет сопротивление. Примерно 150 оборотов
5. Открутить нижнюю часть кофемолки
6. Высыпать помолотый кофе в чашку
7. Прикрутить нижнюю часть обратно

Можно тренироваться на сайтах и приложениях, но в начале лучше начать с простых приборов.

А представьте или лучше напишите, сколько шагов нужно сделать человеку в вашем продукте.

На картинке к посту сделанное мной задание по интерфейсу на курсе DW200. Нужно было выбрать любой бытовой прибор, разложить действия с ним на элементарные операции и нарисовать инструкцию понятному любом жителю Земли (см. картинку).
Журнал-рубрикатор постов в одном месте
Через пару дней будет ровно месяц, как я ввязался в челлендж Content Hero и за этот месяц пропустил три дня. 27 ноя я поделюсь впечатлениями, напишу выводы и подведу итоги этого приключения.

Я подумал, что неплохо было бы хранить все посты в одном месте, отсортировать по рубрикам, выделить интересные мне и вам мысли. Написать к каждому посту короткое описание. Кайф же?

Решил идти микро-итерациями и пока выписал посты в хронологическом порядке https://is.gd/sV0Jgt. Но уже есть польза (так и надо запускать продукты).
Мои первые деньги
Сегодня к вам пришел господин ИП-шник. Я думал, что нечего будет вам написать и я заведу шарманку про то, что у меня еще майндсет не поменялся, что я все еще жду, что мне заплатят ЗП. Так то оно так — я все еще жду. Но сегодня кое-что произошло.

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

Как это вообще случилось
С моей стороны это видится почти случайно. Человек попросил встречу, а я пришел. Что-то типа «рандом кофе». Разговорились и я понял, что могу помочь.

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

Мой человек
Я сейчас, пока писал, подумал, что очень важно то, что мы с человеком соединились по энергии, открытости и доверию. Кайф. Это, наверное, важнее всего для меня. Работать с «моими людьми»

Я как подросток лет шестнадцати, которому родители сказали «Хочешь велосипед? Заработай!» И я на лето устроился в Макдональдс и получил свои первые деньги и бегу счастливый в магазин на углу.

———
Розовым на схеме ↑ выделил штуки над которыми получилось поработать с последнего поста господина ИП-шника 15 ноя.

Завтра месяц пост про месячный опыт ведения канала. Не отключайтесь. Я готов помочь тем, кто хочет, но боится завести канал.
Ура! Месяц как я пишу в телегу. Рефлексия и взгляд назад. 1 часть
Пропустил три дня. Написал 29 постов.

Зачем я пишу, чтобы что? Научиться думать или писать умные посты
Я не мог начать потому что «все умные мысли уже сказаны», а что скажут люди после моего «поверхностного» поста? Они же отпишутся. Я хотел вести блог больше для читателей, чем для себя. И эта мысль настолько пугала меня, что я не мог начать. А после прошлого поста на эту тему и полезных ссылок от читателей https://bit.ly/3p3iWQ1 я понял, что моя цель «Научиться думать», а не «Писать умные посты». Переформулированное «зачем» мне помогло снять страх перед пустым листом и необходимостью писать что-то умное.

Я пишу —значит я мыслю
Это больно, сложно, страшно, но так я учусь формулировать мысли. А уметь формулировать мысли это один из ключевых навыков. Иногда вижу сильных дизайнеров, которые не могут защитить работу, потому что не могут донести мысль (в том числе и я).

Чем раньше, тем лучше
Чем раньше начнете, тем раньше о вас узнают и тем выше вырастите (если не забросите).

Я всю жизнь знал, что нужно писать. Это не скрытое знание. Чаще всего я формулировал мысли устно, в общении или в переписке с коллегами или друзьями. Столько мыслей забыто. Если бы я их записывал, то «я бы уже в своем познании на столько преисполнился».

Я не рубль, чтобы всем нравиться
Всегда будет кто-то умнее и ваши мысли кому-то будут казаться не достаточно глубокими. Работает и в обратную сторону. Просто нужно принять этот факт и все.

———
Завтра про плюсы и минусы писательства в канал.

📖 «Всем не двигаться! Это ограбление!»
Почувствуй себя жемчужиной
Сегодня слушал мою любимую Татьяну Черниговскую, когда мы с детьми ездили за настольными играми.

И она рассказывает, что Шнитке в одном из интервью написал или сказал, что для образования жемчужины в раковине нужна песчинка. Что-то чужеродное, неправильное нужно для создания красоты, чего-то нового. Какой-то сбой. Что-то что пойдет в обход правил и законов.

Там у нее еще крутая мысль, что если бы она набирала в свою команду людей, то отличников, которые зубрят, она бы не взяла. Роль отличника, который все знает отлично выполняет телефон, комп, ИИ. Она бы взяла странных, безумных людей, которые делают все не так (как двоечники ;-)

А вывод сегодня такой: нарушайте все эти чертовы правила и не чувствуйте при этом себя ущербно. Чувствуйте себя новой жемчужиной.

Момент про жемчужину с 4:25 https://youtu.be/qWRVRVS6xhk. Все видео наполнено такими «жемчужинами».

———
«Беги, Лес, беги»
Про зависть
Перечитываю «Последнюю книгу» С. Л. Соловейчика и наткнулся на мысль про зависть: «В одном словаре дано такое определение слова "зависть": Х не имеет A; Y имеет А; Х хочет иметь А и не хочет, чтобы Y имел А.»

Я раньше довольно часто завидовал друзьям, товарищам, коллегам. Этот поехал за границу, а я не поехал. Тот купил машину, а я на своей уже 10 лет езжу. У этого ЗП больше, чем у меня. Зависть может появиться везде, когда у кого-то что-то есть, чего нет у меня. При сранении себя с другими. Меня это в какой-то момент жутко достало. Тупо не мог порадоваться за людей.

Пока не понял, что все свои достижения нужно сравнивать только с прошлым собой. То, что у других происходит — здорово! Но важен только мой прогресс относительно меня. Когда я это понял, то завидовать стал намного меньше и радоваться за друзей стало очень просто и приятно!

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

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

Для меня сейчас это занятия спортом. Бег и упражнения дома. Это придает силы в то, что все можно разрулить, отменить, делегировать, передоговориться, простить себя и не дает совсем утонуть.

———
— Зачем воспытываешь моое терпение?
— Испы-ы-ытываешь терпение.
Празднуем запуск, господа!
Пш-пш... Господин ипэшник на связи. Прием. Сегодня сумбурно-эмоциональный пост радости. Консультации и другие услуги, которые еще толком не описаны даже :-) отложены в сторону.

А все почему? Пабааам! Мы запустили рассылку из четырех (спойлер: из пяти писем) по управлению проектами https://crash.changerschool.ru.

Меня когда-то табличка, про которую мы рассказываем, ой как спасла в МИФе (Наташа научила). Я ее изменил под себя и все полтора года, как был продактом, ее вел.

Я с субботы до сегодняшнего вечера я неистово дизайнил и верстал первое письмо: рисовал иллюстрации и придумывал картинки. И чтобы на моб. и десктопе все было четко. Челлендж был еще в том, что письмо я верстал впервые в Стрипо https://stripo.email

В письме есть прикольные иллюстрации Миры, пирог с глазами, который едят и добрый пингвин. Обожаю такие всякие приколы вставлять в дизайн. Вся команда: Марьяна, Наташа, Андрей и Рита постарались и вышло круто.

———
— На благо всех Харьковчан!
Мы не успеем все сделать к дедлайну
В очередной раз на своем примере я убедился, что что бы я не планировал в дизайне, я не успею все сделать к дедлайну.

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

Сейчас мы просто в самом начале уже знаем, что все не успеем и пропускаем все через фильтр «а без этого будет работать?». Если ответ да, то нафиг — не делаем эту часть. Выписываем отдельно на стикеры и пусть висит. Может в след. итерации продукта сделаем (если она будет).

На картинке задачи по дизайну письма за день до старта. Салатовые стикеры это то, что можно не делать. Я и не делал. И спокоен, как слон.

———
— Не правильно делаешь. С широкой на широкую!
Я переболел короной и вернулся
Это был тяжелый месяц. Три дня температура 39,5° и потом примерно полторы недели 37,5° — не собъешь и чувствуешь себя очень некомфортно. При этом просто ходить сложно, а поднять две 5л. бутылки воды это испытание. Я немного не дотянул до ревакцинации 15 января. Теперь через несколько месяцев след. прививка. Повреждено 5% легких. Отдышка ужасная во время болезни была. В общем, ковид для меня очень оказался очень неприятной штукой. Так долго я давненько не болел. Пока еще не вернулся к спорту.

Зато за это время я придумал несколько курсов, которые я сделаю в Школе ченджеров в этом году. Расскажу вам на днях. Стей тюнд.

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

Я так думал пока не заболел ковидом. Во время болезни я понастоящему понял, что такое низкий уровень энергии. Когда встаешь с трудом, все время хочется спать и перманентная слабость. Отдышка после небольших ступенек и подъема 5 л. воды. Вот это настоящее отсутствие энергии и жизненных сил. А все, что мне казалось до этого — это дофигища энергии.

И я обрадовался, что с силами у меня все в порядке. Их очень много!

А еще я подумал о том, что в 65+ у некоторых всегда такое состояние, как у меня во время ковида. И им в таком состоянии надо помогать.
Я + Школа ченджеров = \(O_o)/
После новогодних каникул мы сели рисовать на большом икеевском рулоне стратегические планы относительно меня и Школы ченджеров.

Получилось три направления:
1. Я делаю дизайн всех текущих продуктов ШЧ: промостраницы, баннеры, графматериалы, письма.
2. Я делаю финстиль ШЧ. Пора.
3. Я делаю свои курсы.

Ура, весь этот год буду делать свои курсы, рассылки, лекции в Школе ченджеров. За год хочется сделать 6-7 образовательных продуктов.

Ну как ура? Пипец как страшно. Этот паршивый синдром самозванца, неуверенность в себе, страх, что ничего не получится — это главные мысли, которые меня сжирали. Но Наташа сделала уже не первый курс и сильно мне помогает разобраться со всем моим хаосом в голове. Мы садимся и рисуем текущие мысли, предположения. Называем и вытаскиваем из головы разные штуки-дрюки. И уже от вытаскивания становится сильно понятнее что можно сделать с тем, что у меня в голове.

Завтра напишу какие у нас получились идеи и над чем я уже работаю.

———
— Стоишь на берегу и чувствуешь соленый запах ветра, что веет с моря.
Список моих курсов 2022 (часть 1):
1. Чему дизайнер может научиться у архитектуры (в работе сейчас). Курс вдохновлен лекциями в школе DW200. Мы посмотрим на приемы, которые использует архитектура и попробуем их применить к графдизайну, иллюстрации и продуктовому дизайну.

2. Как создать и управлять командой дизайна. Я за свою жизнь создал несколько успешных команд из дизайнеров и хочется свои знания систематизировать и поделиться ими с дизайнерами.

3. Верстка (типографика) для дизайнеров и недизайнеров. Типографская верстка это мета-навык, который нужно прокачивать. В Школе стажеров и на курсах Игоря Штанга я научился верстать и хочется как-то просто, с примерами, рассказать недизайнерам как делать классную верстку.

4. Сильные презентации для недизайнеров. Люди часто выбирают презентации, чтобы рассказать о чем угодно. Со школы. И каждый раз хочется пройтись по слайдам и изменить 20% визуала, чтобы слайд стал на 80% круче. Этот курс будет как раз о том, как минимумом усилий сделать круто, даже недизайнеру.
Список моих курсов 2022 (часть 2):
5. Будущее дизайна. Меня всегда интересовали инновации, будущее вещей и дизайна. Там где я работал у меня получалось заражать людей будущим. Это будет некое исследование и мысли по теме.

6. Как дизайнеру учиться на референсах. Насмотренность очень важна для дизайнера. Все смотрят картинки и сохраняют их на комп, в пинтересте и куче других мест. Сортируют по папочкам. Это ок, но чтобы эффективнее использовать этот процесс нужно анализировать картинки, комментировать их, понять что именно тебя зацепило. Мы будем смотреть на рефы с точки зрения приемов графдизайнера.

7. Что я понял из книг по дизайну. Дизайнерам советуют кучу книг. Но времени их читать нет, несмотря на то, что книги эти невероятно полезны. Из «Об интерфейсе» Джефа Раскина еще не реализовано больше половины крутых идей. Я сделаю саммари по ключевым книгам с примерами из современного мира. Порассуждаем вместе о прочитанном.

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

Спасибо, что в предыдущем посте рассказали что вам интереснее всего и дали полезные советы!

———
— Что ты им скажешь? Ведь ты ни разу не был на море.
Расскажу историю. Я пользуюсь приложением https://noteplan.co для ведения земеток и задач. Это такой цифровой Буллет Джорнал. Нативный, приятный и быстрый.

И мне в нем не хватало возможности делать вложенность перетаскиванием элементов слева направо друг под друга. Хотя с помощью драг-энд-дропа их можно таскать вверх и вниз.

Я написал об этом в дискорде NotePlan и предложил идею Эдуарду (это создатель приложения). К моему удивлению он откликнулся и в тот же вечер сделал прототип, записал демо на одну мин. и выложил в Дискорд.

Моей радости не было предела! Я был счастлив! Потому что:

1. Дизайнеру важно видеть как его идеи реализовываются и приносят пользу людям. Настоящую пользу «на экране», а не цифрами в годовых отчетах на сккучных презентациях

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

3. Когда идея зажигает людей — это видно, они горят ей, они бегут и делают. И так рождаются крутые штуки

Я так по вам скучал!
This media is not supported in your browser
VIEW IN TELEGRAM
В прошлый раз я написал о том как важно самому пользоваться продуктом, чтобы его улучшить и какой кайф испытываешь, когда видишь реализацию своих идей

Улучшение с перетаскиванием буллетов отлично иллюстрирует «принцип бесшовности» или «волшебства в интерфейсах», когда ты не задумываешься куда нужно жать, а все происходит естественно

Я записал видео на 18 сек с примером ДО и ПОСЛЕ ↑

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

Причем все происходит естественно, как с поворотом руля: крутанул вправо — колеса повернули направо — машина будет поехала направо. Тут так же — потянул пункт направо, он переместился направо. Без лишних кликов. Магия!
Что случилось
18 августа был мой последний день работы в компании InvestEngine. Это такие начинающие Тинькофф Инвестиции на британском рынке. Разработка в IE русская, а маркетинг и поддрежка британские.

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

Это был прекрасный опыт: у ребят отлично выстроены эджайл-процессы: скрамы, ретроспективы, демо. Сильная команда разработки и растущий продукт, который ценят в Англии (можно почитать отзывы на Trustpilot и в британском Аппсторе).

Почему я решил уйти
Я работал в команде дизайна, в которой уже был артдир и дизайнер интерфейсов и понял, что мне намного интереснее создать и развивать команду дизайнеров в компании, которая созрела для того, чтобы растить компетенцию дизайна внутри себя. У меня отлично получалось создавать команды дизайнеров в Яндексе и МИФе.

Чего мне хочется
Я готов стать первым продуктовым дизайнером в компании и работать руками, но с расчетом на то, что нам в будущем понадобятся еще дизайнеры и я стану артдиром.

Я готов нанимать дизайнеров в команду и создать среду для их роста. В команде дизайна МИФа нами были разработаны грейды — понятная система роста дизайнеров.

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

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

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

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

Обо мне
Портфолио https://readymag.com/u80482170/3521511/

Профиль на Линкедине на английском linkedin.com/in/vitaliy-babaev-7a17752b

CV на английском в гугльдоках https://docs.google.com/document/d/1dsOXXAxkgUAtcPDHELCLvOKyi-zvmO7t8X8OLshwipw/edit#heading=h.47c6l3x11tf0

✍️ Пишите, рассказывайте друзьям, буду очень благодарен!
2024/05/03 19:37:08
Back to Top
HTML Embed Code: