Дизайн

Чек из Стройдвора

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

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

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

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

Сними шелуху

Я не люблю слово «маркетинг». Это такой удобный термин, без конкретики. Неясно, что за ним скрывается. Поскольку каждый вкладывает в это слово свой смысл, возникает глупая ситуация: все думают, что обсуждают одно и то же, а на самом деле говорят про разное.

В мире клиента маркетинг — панацея, волшебная таблетка. А для меня — абстракция, пустой звук. Когда клиент на встрече говорит «нам нужен маркетинг», для меня это красный флаг, сигнал, что мы видим будущее проекта по-разному и живём в разных мирах.

Сравните эти фразы:

— Нам нужно заняться маркетингом!
— У нас третий месяц падают продажи. Раньше рассылка давала результат, а теперь перестала. Есть гипотеза, что…

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

— А давайте подключим к проекту маркетолога, чтобы он тоже давал замечания дизайнеру?!
— Предлагаем перед дизайном обсудить основные смыслы со специалистами, которые отвечают за настройку рекламы. Это поможет нам сформировать у людей цельный образ…

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

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

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

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

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

Дешёвый дизайн не бывает хорошим ★

Есть такой тезис, который часто транслирует Артемий Лебедев: «Хороший дизайн стоит не сильно дороже плохого». Я понимаю, что имеется в виду. Речь про объём трудозатрат, которые дизайнер тратит на поиск решения.

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

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

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

⌘ ⌘ ⌘

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

Единственным условием при выборе щётки было, чтобы она была мягкой. Но так как большинство щёток, которые продаются в России либо средней жёсткойсти, либо просто жёсткие, выбор был небольшой. Я взял самую обычную щётку за 100 рублей, на ней было написано «Мягкая». Не помню её названия, пусть будет просто — синяя щётка.

Подумал, ну, наверное недельку потерплю с другой щёткой. Я не продержался и дня!

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

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

Щётка оказалась ни разу не мягкой, а супермегажёсткой. Было ощущение, что у меня в реальном времени стирается эмаль при чистке. И есть подозрение, что так и случилось: после чистки этим «Пуром» на одном из зубов появилась то ли потёртость, то ли скол. Вдобавок, длина чистящей основы была ужасно неудобного размера и постоянно упиралась мне то в дёсны, то в нёбо. Держать эту щётку дольше 20 секунд было невозможно: ужасно затекала рука.

На фото хорошо видно, что щетинки у «Пура» собраны слишком плотно, из-за чего при движении вверх-вниз они почти не гнутся, и приходится прилагать усилия, чтобы всё же прочистить зубы. От чего и начинает стираться эмаль.

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

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

Последние три года я чищу зубы щётками швейцарской компании «Курапрох». Одна щётка стоит ≈800 ₽. Плотность щетинок подобрана так, чтобы они покрывали максимальную площадь зубов и прочищали труднодоступные места: у основания и между зубов. Обратите внимание на длину щетинок — она одинаковая. Это увеличивает площадь соприкосновения щётки с зубами при чистке.

Щетинки «Курапрокса» гораздо тоньше и мягче, чем у «Пура», но не такие тонкие и острые как у синей ноунеймовской щётки из Германии. Щетинки собраны в пучки, между которыми есть пространство, что обеспечивает их гибкость при чистке зубов. А ещё у «Курапрокса» удобная ручка, от которой не затекает кисть.

Вывод

Что мы имеем:

  • Безымянная синяя щётка за 100 рублей и повреждённые дёсны
  • Зелёная щётка «Пур» за 300 рублей и повреждённая эмаль
  • Швейцарский «Курапрокс» за 800 рублей, которые счищает налёт и не портит зубы

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

Хороший дизайн не может стоить дёшево.

Хороший дизайн не может стоить дёшево. А дешёвый дизайн, по итогу, всегда обходится гораздо дороже, чем тот, что изначально продуман и сделан хорошо.

Дизайнерские портфолио

Меня вот спрашивают, как отсеивать мудаков по откликам, а вот элементарно. Они обязательно сами вам об этом скажут. Возможно, даже не один раз. Даже просить не придётся.

Возьмём, например, дизайнерские портфолио и отклики. Нет ничего более печального в найме, чем хуёво оформленные дизайнерские портфолио.

🚫 Как не надо. Вот три самых тупых решения представить своё портфолио при отклике на вакансию:

— Здравствуйте, вот мой зип-архив с работами за 10 лет, ебитесь с ним как хотите.
— Спасибо, но мне и в жизни секса хватает, ебитесь с ним сами.

— Вот вам километровая ссылка на Гугл диск, где вы можете полистать мои говноработы под названиями «хуйня_финал» и «undefined_zalupa2».
— Спасибо, но листайте ваше говно сами.

— Вот моё резюме в вордовском файле и пдф-презентация на 50 Мб, скачайте их, я люблю дизайн!
— Спасибо, но я Ворд уже лет десят не открывал и не планирую.

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

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

  1. Ссылка на проект в Фигме. Только на сам файл, а не на режим просмотра. Кому надо, сами включат просмотр.
  2. Ссылка на конкретный джипег, пнг в любом облачном сервисе: Гугл диск, Яндекс, не важно. Главное проверьте, что дали доступ на просмотр. На крайний случай джипег можно прикрепить к письму, но он не должен весить как слон.
  3. Страница в Ноушене, Гугл-слайдах, сайт на Тильде или любом другом конструкторе. Это самый замороченный вариант, но и доверия вызывает больше.

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

Надо переделать № 3: адский квест от Эверноута, 18+ 

Разбираю плохие решения на сайте заметочника «Эверноут»: дизайнерыпросто убрали любую возможность связаться с ними напрямую по почте иустроили мне дикий новогодний квест…

Дизайн советских денег и его автор Иван Дубасов

В один из дней я шерстил по Википедии и набрёл на заметку про герб Белоруссии. Там упоминался его автор — Иван Иванович Дубасов. Оказалось, что он же нарисовал герб СССР (в соавторстве с Владимиром Адриановым), все советские деньги с 1923 по 1961 год, первые советские марки.

Когда я рассматривал его работы, то заметил, что эскизы послевоенных рублей 1947 года сильно похожи на царские рубли образца 1909 года. Учитывая тот факт, что Дубасов вырос и сформировался в царской России, это неудивительно.

Взгляните сами. Вот советские рубли образца 1947 года, дизайн Дубасова:

А вот царские рубли образца 1909 года, которые я привёз из Ирана.

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

В общей сложности Дубасов проработал в Гознаке 49 лет, с 1932 по 1971 год. За это время он задизайнил более 150 марок, гербы отдельных республики СССР, а также банкноты для социалистических стран: болгарские левы, марки ГДР, китайские юани, монгольские тугрики и др.

Больше всего меня впечатлили первые деньги СССР, где слово «рубль» переводилось на титульные языки всех республик Союза. В 1925 году таких языков, помимо русского, было пять: украинский, белорусский, грузинский, армянский и азербайджанский, который тогда назывался тюрко-татарским и имел арабскую письменность.

Два червонца образца 1928 г.

Интересно, что на протяжении всего советского периода название общенациональной валюты всегда переводилось на языки всех республик, входивших в состав СССР. Человек, проживавший в Азербайджане мог думать, что расплачивается в манатах, в Узбекистане — в сумах, в Грузии — в манэтах, на Украине — в карбованцах. Так на деньгах и писали.

Советский рубль после реформы 1961 г.

Рабочий стул для редактора ★

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

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

Контекст и проблемы

На момент, когда мы начали проектировать стул, я пользовался креслом «Эрвфьеллет» из Икеи и у него было несколько проблем, которые напрямую мешали работе:

  1. Несмотря на внешне приличный вид у этого кресла плохая поддержка поясницы. Два часа часа работы в таком кресле и боль в спине на остаток дня обеспечена. А я иногда проводил в нём по 5−6 часов. Неудивительно, что у меня постоянно болела поясница.
  2. Хотя у меня была тканевая версия, в жаркую погоду сидеть на таком кресле неприятно: элементарно потеет задница. Приходится время от времени вставать. Это вроде хорошо, но когда ты сфокусирован, то не хочется, чтобы тебя что-либо отвлекало. Особенно потная задница.
  3. Непродуманный подголовник. Даже если расположить монитор прямо перед глазами, откинуть голову назад так, как это задумали дизайнеры Икеи, не получится.
  4. Бесполезные подлокотники постоянно мешали и стукались о столешницу. Мелочь, но опять же: когда какая-то мелочь повторяется изо дня в день, раздражение накапливается.

Задача

Задизайнить и изготовить стул для длительной сидячей работы.

Требования и пожелания к результату

Будущий стул должен обладать следующими качествами:

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

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

Простота и устойчивость конструкции. Есть красивые стулья и кресла, но у них мудрёная и ненадёжная конструкция. Со временем они начинают скрипеть, шататься и прочее. Нужно найти баланс между красотой и функцией.

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

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

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

Винтажный фанерный стул Германа Миллера. В этом стуле мне понравилась спинка. У неё хороший баланс наклона, округлости и высоты.

Стул «Боккен» компании «Коле́». Красивый стул, у спинки хороший и уютный изгиб, должна хорошо держать. Ещё понравилась идея с кастомизацией: человек может выбрать цвет на свой вкус, это создаст акцент в комнате.

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

Проектирование и дизайн

Как и в прошлый раз, мы начали работу с грубого наброска в 3D.

Стул проектировали под меня, поэтому сделали его на 6 см выше обычных стульев. Так мои коленки в сидячем положении образовывали угол 90°, что позволяет ногам не затекать во время сидячей работы.

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

Я дал свои замечания к эскизу, и Жаслан начал работу над первым прототипом.

Первый прототип

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

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

Жаслан прикидывает, какой высоты должна быть крестовина

Отдельной проблемой было то, что без изгиба и обратного наклона сидушка превращалась в табурет. Мы обсудили эти нюансы, Жаслан закупил фанеру и сделал ещё один подход.

Студийный подход во всём: во всех проектах я пишу итоги встречи
Второй прототип

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

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

Выглядит монументально и при этом приветливо.

Вот ещё фотографии в полную высоту с разных ракурсов. Сбитый, крепкий и очень красивый стул.

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

Результат

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

Сроки

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


И да, теперь вы можете сделать предзаказ стула и стола, по отдельности или вместе. Оформить предзаказ →

Экспресс-дизайн подложек для белых скриншотов в Фигме: видео 

Настя положила белые скриншоты на подложки (молодец), но сделала им конские поля (не молодец). В видео исправляю отступы и объясняю правила, которые помогут быстро и красиво оформлять скриншоты…

Хреновый контраст в радиокнопках 

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

Надо переделать № 1: онлайн-консультанты, кнопка в Озоне и дерзкая 404

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

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

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

Сегодня в выпуске:
00:39 — Сайты производителей паркета и фанеры
06:02 — Мобильная версия компании по аренде инструментов для ремонта
09:27 — Корзина на сайте Леруа Мерлена
11:32 — Пояснительный текст при оплате на сайте Леруа Мерлена
13:03 — Сайты, где по умолчанию запрещено писать букву «ё»
14:34 — Кнопка «Оплатить» в Озоне
15:23 — Страница 404 на Торшинском сайте