4 заметки с тегом

Дизайн

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

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

Ещё часто дизайн путают с творчеством. Думаю, из-за наличия в дизайне эстетической составляющей. Но в первую очередь, дизайн — это решение задачи. Поэтому хороший дизайнер решает задачи, а плохой дизайнер удовлетворяет своё эго или бездумно реализует прихоти заказчика.

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

Поступление

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

Учёба

17 недель, 6 дисциплин, 39 тестов, 11 заданий, курсовая работа. Каждая неделя начинается одинаково: в понедельник в 00:00 я открываю личный кабинет. Там живут новые лекции, тесты и задания. Дедлайн в пятницу в полночь. Это значит, что выходные не спасут, и нужно начинать всё делать в понедельник, чтобы до четверга сделать все практические задания и найти ответы на вопросы тестов. В пятницу остаётся время, чтобы перепроверить ответы и сдать тесты. Такой график здорово отрезвляет. На учёбу в среднем уходило 1-2 часа в день.

Тесты

Ох, тесты. Мне очень понравились тесты. Это не те тесты, где правильные ответы можно определить исключением, прочитав последующие вопросы, или найдя цитату в лекции. Это тесты, где вариантов ответов может быть 4, 10, 20 и все они могут быть правильными, а могут и не быть. Удачу включать бесполезно: каждый правильный ответ добавляет баллы, а неправильный отнимает. В итоге, шанс правильно ответить на все вопросы стремится к нулю. У меня так ни разу и не получилось. Класс, в общем.

Задания

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

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

По редактуре было интересно поработать над промо-страницей диджей пульта Ильяхова.

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

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

Рейтинг

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

Если же вы идёте в школу только за теоретической основой на первой ступени, то стоит сконцентрировать своё внимание на усвоении материала, и не переживать из-за оценок.

По результатам вступительного задания мне удалось ненадолго занять первую строку рейтинга. С началом учёбы, после первых тестов я начал постепенно ехать вниз и скатился на 13 позиций. Курсовая работа меня немного реабилитировала и позволила окончить первую ступень на 7-м месте. Этого хватило, чтобы пройти на вторую ступень, но я решил на этом остановиться. Дальше просто не смог бы уделять школе достаточно внимания и времени.

Итог

Идеология бюро строится на столпах из нескольких книг:

  • Генрих Альтшуллер, «Найти идею»;
  • Джим Кемп, «Сначала скажите „Нет“»;
  • Ян Чихольд, «Облик книги»;
  • Эдвард Тафти, «Представление информации»;
  • Вильям Странк мл., «Элементы стиля»;
  • Марк Форстер, «Сделайте это завтра».

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

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

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

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

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

Советы поступающим

  1. Прочитайте кодекс бюрошника. Если чувствуете, что этот набор ценностей вам не близок — не поступайте в школу. Вы будете критически настроены и не вынесете из учёбы ничего полезного.
  2. Во вступительном задании делайте фокус на решении задачи. Если не докопаетесь до сути задачи и не решите её, выехать на эстетике не получится.
  3. Перед учёбой прочитайте «Сначала скажите „Нет“» Джима Кемпа. Эта книга заставит работать мозг на одной волне с бюро.
  4. Прочитайте советы бюро и руководство Лебедева. Это даст +20 к скорости восприятия учебного материала.
  5. Не смотрите работы других студентов, когда делаете практические задания, пока не решите задачу сами. Так есть большой шанс, что вам понравится какое-то решение и мозг откажется думать самостоятельно. Скопировав решение, вы так и не поймёте, как оно было получено.
  6. В программе первой ступени вы не столкнётесь с основами триза, хотя в рекомендуемой литературе есть книга Альтшуллера «Найти идею». Книга сложная для чтения, но рекомендую познакомиться с её основными тезисами или хотя бы прочитать серию советов Горбунова о динамизации. Применение основ триза в решении дизайнерских задач — один из главных навыков бюрошных дизайнеров.

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

Удивительно, как много деталей удалось проработать в таком тривиальном объекте:

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

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

Дырочка в крышке нормализует давление внутри стакана, когда жидкость вытекает через отверстие снизу. Без неё жидкость рывками выплескивается из стакана.

Ещё одна штука

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

Картинка из блога Chez Calice

Во Франции однажды обратил внимание на упаковку молока на которой было написано «Pour verser sans éclaboussement, inclinez dans ce sens» (Чтобы налить без расплескиваний, наклоните упаковку в эту сторону, стрелкой указано правильное направление наклона) . Это был единственный раз, когда я видел подобную заботу на упаковке. Видно, вскоре агенты тетра-пака нашли этого дерзкого производителя и устранили его :(

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

Использование диодов в стоп-сигналах оправдано: доля секунды на накаливание лампы превращается в сантиметры тормозного пути машины, которая едет сзади. Это может предотвратить аварию.

C поворотниками это не работает. При резком мигании лампы выше вероятность обратить внимание на поворотник в «потухшую» фазу. У лампы накаливания фаза, когда лампа вообще не горит, близка к нулю: лампа накаляется до максимальной яркости, потом затухает до нулевой и снова накаляется. Поэтому в любой момент времени периферийное зрение видит мерцание с одной стороны машины.

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

Ещё одна вещь

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

  • площадь ходовых огней гораздо больше, а значит их легче заметить;
  • поворотников нет, а их функция выполняется.
30 января 2016, 19:02

Школа стажёров Бюро

Я часто принимаю спонтанные решения и редко о них жалею. Так я поступил в Школу стажёров бюро. Поступил не для «билета в профессию», а чтобы разложить в голове знания о дизайне, которые как-то в неё попадали в течение последних лет.

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

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

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

Логика

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

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

В этот момент я понял главное — чтобы кнопка на холодильнике была востребованной, сценарий её использования должен быть проще любого другого способа заказа пиццы. Иначе заказ будет удобнее оформить через сайт или мобильное приложение. (Как интроверт, я не рассматриваю заказ по телефону при наличии других способов.) Наверняка, у каждого, кто часто заказывает пиццу, есть один-два любимых варианта. Вот для таких случаев и пригодится магнитик на холодильнике, с помощью которого можно заказать конкретную пиццу.

Механика

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

Учитывая, что Амазон продаёт сервисные продукты в убыток, стоимость такой кнопки вполне может превышать 20—30$. Для пиццерии нужно что-нибудь попроще, и с бо́льшим сроком жизни от батарейки. GSM-модуль — дорого и требует симку. Остаётся блютус. Сигнал с кнопки будет передаваться через смартфон и батарейка прослужит намного дольше.

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

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

Форма

Как завещал Баухаус, функция определяет форму, поэтому будем отталкиваться от самого крупного элемента в кнопке — батарейки. Батарейки типа CR2032, которая в народе «таблетка», должно хватить для питания блютус модуля и диода.

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

Детали

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

  • мигает белым — заказ отправляется;
  • горит зелёным три секунды — заказ отправлен, можно сидеть ждать пиццу;
  • горит красным три секунды — отправить заказ не удалось, причину ошибки можно увидеть на смартфоне;
  • мигает красным пять секунд — на телефоне отключен блютус или кнопка находится далеко от смартфона.

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

Результат