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



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

В результате редизайна я получил следующее:


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

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

Первая оценка: четыре недели и семь тысяч долларов


Я не преследую в этой статье цели изобличить агентство, поэтому называть его буду просто Веб-Агентством. Это компания из США, а нашел я их в ежемесячной ветке для фрилансеров на Hacker News.

Из всех, с кем я общался, Веб-Агентство назначило самую высокую ставку, но их портфолио лучше всего соответствовало тому стилю, который я хотел. У них было в достатке талантливых сотрудников с широким диапазоном навыков, куда входили дизайн, кастомные иллюстрации и 3D-графика.

Айзек, руководитель Веб-Агентства, завоевал мое доверие в первом нашем телефонном разговоре, предложив сузить рамки проекта. Хотя для него это означало меньше возможностей заработать, он посоветовал обойтись ребрендингом вместо полноценно редизайна. Веб-Агентство предоставит базовые элементы: новый логотип, цветовую гамму, шрифты. Когда ребрендинг будет проведен, я смогу оценить результат и решить, стоит ли продолжать с редизайном. Ребрендинг, как минимум, даст мне прочное основание для маркетинговой кампании, которую можно будет выстроить при поддержке специалистов по цифровому маркетингу. Звучало разумно!

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

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

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

Медовый месяц


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

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



Эволюция набросков логотипа, которые мы рассматривали в первые недели, от старых к новым

Первый звоночек: разрастание масштаба


На первых нескольких встречах Веб-Агентство показывало мне макеты сайта в разных цветовых гаммах.



По мере продвижения макеты становились всё боле проработанными. Мне начали показывать кастомные иллюстрации и иконки для сайта.



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

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

— Просто чтобы уточнить: проект же по-прежнему предполагает ребрендинг, а не редизайн? – спросил я.
— Конечно, конечно, – заверил главный дизайнер. – Некоторые брендовые элементы сильно выбиваются из старого дизайна, мы просто набросали, как это примерно будет смотреться.

Доделайте уже логотип!


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

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



Где я мог бы разместить новый логотип (когда мне его сделают)

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

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



Отрывок из спецификации проекта, где это оговаривается

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

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

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

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

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

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

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

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

Решение: заплатить больше


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

Я чувствовал себя так, словно меня дурят и дергают за ниточки. Веб-Агентство выстроило работу таким образом, что всё было на 80% готово, но при этом абсолютно ничем невозможно было пользоваться. Если я передам работу другому исполнителю, придется многое переделывать. И что же, теперь они собираются держать этот двадцатипроцентный остаток в заложниках, пока я не подпишу контракт, который влетит мне в копеечку?



«Даже не знаю, что мне нужно для завершения...»

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

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

Но что нам делать с сорока часами в месяц? Работы оставалось всего на двадцать.

Айзек внес предложение: Веб-Агентство возьмет на себя и разработку. Ставка у них выше, чем я заплатил бы своим разработчикам, но, по его расчетам, в целом, такая схема урежет расходы. Разработчики TinyPilot специализируются на таких языках, как Python и JavaScript, в то время как у сотрудников Веб-Агентства больше опыта работы с CSS и с прицелом на дизайн.

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

Разработка начинается… с мелких багфиксов?


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

А потом наступила полная тишина.

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

Месяц закончился, а Веб-Агентство так и не перевело сайт на новый дизайн. Вместо этого они потратили последние дни месяца на исправление мелких багов из трэкера.



Что их побудило взяться за эти незначительные правки? Ну, Веб-Агентство попросило меня завести тикеты в Github на все задачи, связанные с редизайном. Меня предупредили, что неиспользованные часы не переносятся на следующий месяц и деньги за них не возвращаются, так что лучше полностью забить расписание задачами, не ограничиваясь одной работой по редизайну.

Сюрпризом для меня стало распределение тикетов по разработчикам. Я думал, что один разработчик будет работать над страницей А, а другой – над страницей Б. Вместо этого Веб-Агентство передало всё, связанное с редизайном, одному разработчику, а на другого оставило прочие задачи. И вот таким образом четверть моего мартовского бюджета была потрачена на мелкие багфиксы.

Недельная работа, которая растянулась на пять недель


В апреле возникла новая проблема.

На сайте TinyPilot используется фреймворк CSS Bootstrap, и соответствующая тема там оставалась еще со времен его первого запуска. Веб-Агентство заметило, что, если накладывать новый дизайн на диссонирующую тему, получится не пойми что. Они предложили заменить старую тему и наш внедренный по особому случаю CSS кастомной темой TinyPilot на Bootstrap. По прикидке разработчика, на переезд должно было уйти всего несколько дней, зато вся последующая работа от этого выиграет в скорости. Ну что ж, почему бы и нет.

Шли дни, шли недели, а о новой теме ничего не было слышно. Дело затянулось сильнее, чем они рассчитывали? Или повторялась мартовская ситуация и всю работу впихнут в последние дни месяца? Ответ я нашел в накладной за месяц. «Недельная» работа по замене темы Bootstrap в итоге заняла пять недель, то есть тридцать восемь оплачиваемых часов на общую сумму в шесть с небольшим тысяч долларов.



До и после пяти недель работы и шести тысяч долларов

Последний месяц


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

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

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

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

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

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

Вот как выглядел финальный продукт.

Главная страница: до и после.
Страница продукта: до и после.
Корзина: до и после.

Постмортем


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

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

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

Я поделился своим недоумением по поводу того, как мало Веб-Агентство участвовало в организации работы. Я полагал, что менеджеры проектов будут регулярно сообщать мне об изменениях в статусе проекта и следить за соблюдением сроков, но никто этого не делал. Айзек сказал, что это было ошибкой с его стороны. Веб-Агентство старалось, чтобы доля управления проектами составляла не более 5% от всех оплачиваемых часов. С моими масштабами 5% времени не хватило бы ни на что реально полезное, поэтому он вычеркнул управление проектом совсем. Оглядываясь назад, он признавал, что нужно было обсудить это решение и со мной, чтобы убедиться, что оно соответствует моим желаниям.

Мы поговорили о недостаточной прозрачности в распределении рабочих часов Веб-Агентства. Отчеты предоставлялись так редко, а работа велась так нерегулярно, что я постоянно упускал момент, когда задача раздувалась за пределы моих ожиданий. Я пожалел, что не поднял этот вопрос раньше – оказалось, нужно было только попросить. Веб-агентство использует для отслеживания оплачиваемых рабочих часов toggl, и Айзек с удовольствием предоставил бы мне доступ к дэшборду.

Что бы я сделал иначе


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

Нанял бы независимо фрилансера, вместо того чтобы обращаться в агентство

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

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

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

Организовал бы работу так, чтобы получать серию небольших результатов

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

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

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

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

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

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

Сузил бы рамки проекта

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

Оговорил бы сроки

На первой встрече с командой Веб-Агентства я спросил, сколько, по их мнению, займет работа над проектом. «А сколько веревочка вьется?» — ответил вопросом их главный дизайнер. Как он объяснил, тут всё зависит от меня. Может, мне понравится первый же вариант, а может, я буду неделями всё браковать. Это прозвучало логично, и я не стал требовать большей ясности во временных рамках.

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

Требовал бы совместного просмотра отчетов по рабочим часам

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



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


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

Не стал бы самым мелким клиентом у исполнителя

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

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

Почему ты просто не?..


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

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

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

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

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

Почему ты не подыскал разработчика, который всё бы тебе сделал за четыре доллара в час?

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

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

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

Почему ты не снял их с проекта и не нашел кого получше?

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

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

Почему ты просто не взял шаблон со Shopify?

Если бы можно было отмотать время назад, я бы создал простой магазин на Shopify с кастомной темой.

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

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

В заключение


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

Повторять этот опыт второй раз я бы не стал. Но, несмотря на все ошибки и стресс, результаты могут оправдать все мои страдания. По моим расчетам, появление нового сайта должно было повысить продажи на 10-20%, но реальное число оказалось ближе к 40%. В июле выручка TinyPilot составила семьдесят две с половиной тысячи долларов – рекордная сумма, на 66% больше, чем было до редизайна.

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


График изменения выручки в течение года

Комментарии (189)


  1. eimrine
    30.07.2022 08:02
    +56

    Интересно, жалеют ли владельцы Хабра по поводу кривого редизайна сего ресурса? Текстовым полем ввода пользоваться невозможно, виджета «последние комментарии» не предусмотрено, трекер сломали, Латех не добавили, юзеры недовольны…


    1. nikolas78
      30.07.2022 13:24
      +2

      Они сэкономили на приложении(-ях) и получили профит, значит думают, что дизайн хороший (имхо)


    1. Popadanec
      30.07.2022 19:26
      +9

      Такое ощущение, что обратная связь сломана давно и надёжно. Модераторы пишут что учли ошибки/предложения, но годы идут, а ровным счётом ничего не меняется(в лучшую сторону).


    1. staticmain
      30.07.2022 19:52
      +4

      Большие длинные посты писать тоже невозможно. После 10-15 абзацев интерфейс и сайт начинают адово лагать, а сам черновик грузится по-абзацно один абзац раз в 3 секунды.


    1. urvanov
      30.07.2022 21:22

      У меня ещё ощущение , что диалоги тоже сломали. В личку кому не писал, никому не доходит, похоже, никто не отвечает.


      1. Aleksandr-JS-Developer
        30.07.2022 22:24
        +15

        Диалоги работают... у меня для вас, похоже, плохие новости...


    1. lightman
      31.07.2022 08:47

      Текстовым полем ввода пользоваться невозможно

      У меня на телефоне (android, chrome) почему-то при вводе слова оно начинает копироваться само собой, оставлять комментарии просто не представляется возможным


  1. Amiveo
    30.07.2022 08:14
    +39

    Работать надо с компаниями, которые более-менее близки с вашей по размеру. Чтобы не возникло ситуации "галантерейщик и кардинал".

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


    1. Sergeant101
      30.07.2022 16:18
      +14

      Из описания видно что дело не в размере компании, это лишь отговорка чтобы тянуть время и деньги: простите, мы не можем завершить ваш проект в этом месяце, так как нас завалили работой MicroSoft и Google, но мы можем ускорится - достаточно лишь подписать долгосрочный контракт!

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

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

      На Хабре уже было описания подобной ловушки, как дорого продать двадцать долларов:

      habr.com/ru/amp/post/596543/


      1. lagudal
        30.07.2022 23:40
        +2

        На Хабре уже было описания подобной ловушки, как дорого продать двадцать долларов:

        Не видел раньше, хитрый профессор.
        Думаю, что наши студенты, на месте американских, быстро бы раскусили его.
        Выход — в торге участвует 1 человек из группы, покупает двадцатку за 1 бакс и всей группой пропивают )))


    1. lagudal
      30.07.2022 23:32
      +1

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

      Нормально такой маленький проект — 46К и 8 месяцев за этот результат. Не исключено, что у агентства как раз в основном такие «мелкие и неинтересные» клиенты.
      Т.е. тут как бы клиенту постоянно говорят — смотри, мы работаем вот только с крупными клиентами, а до тебя вот снизошли, так что тихо плати и будь благодарен…
      А вообще меня это не удивляет, фирма, на которой работаю последние 6 лет, периодически нанимает агентства, так еще и похлеще бывало. По деньгам ничего не могу сказать, а вот по времени — была как то раз агентура, сидели у нас несколько месяцев человека 3-4, так по концу единственным результатом который они выдали была лендинг-страница конкретно под адвордс, которую одна девочка из этой агентуры делала около 3 недель. На каком то своем доморощенном пейдж-билдере, с кучей мусорного кода. Которую можно было чисто сверстать за пару часов, не более. Одна из наших девок, контент-менеджер, из чувства гнева слепила копию в течении дня. Тоже на пейдж-билдере, но на другом. После этого фирма расторгла договор с агентурой.


      1. dididididi
        31.07.2022 10:59
        +6

        У нас как то бэкер в бешенстве склепал за ночь фронт на jquery, когда ему сказали, что его апи не работает. И он был функциональней, чем прод.


  1. AllexIn
    30.07.2022 08:19
    +33

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


    1. faultedChip
      30.07.2022 20:23
      +4

      Для меня это больше похоже на рационализацию, когда он постфактум придумывает объяснения почему не поступил иначе. Подозреваю Айзек очень хороший психолог (самоучка?), и умеет уговорить клиента довериться ему. Либо сам Майкл не привык к жёсткому общению и не умеет требовать с подрядчика результат.


  1. uoak
    30.07.2022 08:24
    +5

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

    Казалось бы, нужно либо заменить плавную кривую на какой-то bar plot, либо добавить к ней точки на каждый месяц, либо просто написать в подписи оси Y вместо Total sales что-то типа Sales per month (так как сейчас -- строго говоря, размерность оси Y указана ошибочно). Как раз тот самый случай, когда из красивого графика просто невозможно что-то понять. И в посте про дизайн это особенно заметно.


    1. karabas_b
      30.07.2022 15:36

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


      1. uoak
        30.07.2022 16:00
        +1

        Конечно можно в реальном времени , вы правы . Но данные по оси У конкретно на этом графике показывают выручку за месяц. Это легко проверяется по тексту , там было указана выручка в 72k за последний месяц, что как раз соответствует значениям по оси У. А плавная кривая со сглаженными ступеньками , приведённая вместо резкой ступенчатой функции, как раз и создаёт обманчивое впечатление, что выручка считалась раз в месяц.


        1. uoak
          30.07.2022 16:33

          upd: Сам написал неправильно, “впечатление, что выручка считалась раз в месяц” надо заменить на «…считалась чаще чем раз в месяц».


    1. dididididi
      01.08.2022 08:27

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


    1. bryura
      01.08.2022 09:48

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

       


  1. krote
    30.07.2022 08:36
    +33

    Какие то крайности - если нанять частного фрилансера то почему то за 4 доллара в час (почему не за еду вообще?), а фирме за то же самое можно давать почему то 175 долларов и это показалось типа норм.


    1. dimchik_b
      30.07.2022 14:53
      +14

      Очень может быть, что работу делал тот же фрилансер за $4, а 171 оставался агенству


    1. Source
      31.07.2022 01:42
      +1

      Согласен, в диапазоне $40-$70/час вполне можно найти хороших специалистов, которые возможно и 100+ часов в месяц смогут уделить, а не как агенство.


    1. werevolff
      31.07.2022 17:22
      +1

      Так он хотел понты, и он получил понты. А потом расстроился, что оказался беспонтовым.


  1. aliencash
    30.07.2022 08:43
    +26

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


    1. Kreastr
      30.07.2022 10:50
      +5

      Стокгольмский синдром и sunken costs fallacy видимо.


    1. funca
      30.07.2022 12:24
      +7

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


    1. Hardcoin
      30.07.2022 13:57
      +4

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


    1. werevolff
      31.07.2022 17:36

      Мне кажется, он хотел проверить новый формат работы с дизайном. Ему было интересно, что предлагает студия за такие деньги? Его не устраивали экономичные решения, он подсознательно считал их слишком простыми для себя. Аналогично, так бывает, когда заказчику нужен сайт за 50 000 рублей, но он хочет нанять разработчика за 120 000 рублей в месяц просто потому, что он имеет опыт разработки в крупных проектах, приносящих владельцу миллионы в месяц. А когда он понял, что студия не делает ему продажи, расстроился. Как я понял, студия работает с клиентами, у которых уже есть хорошие продажи, а смена дизайна позволяет увеличивать юзабилити и привлекать новых клиентов. Сама студия не интересуется окупаемостью своих работ. Их техпроцесс изначально построен на том, что редизайн в долгосрочных проектах - это необходимое условие окупаемости. Он сам захотел работать с такой моделью. Студия изначально обозначила ему свой процесс и то, чем она занимается. Он согласился. Я думаю, что если бы он вовремя опомнился, перед ним стоял бы выбор: заплатить студии огромные деньги, чтобы она открыла отдел по работе с разовыми заказами, либо, искать фрилансера. Фрилансер не удовлетворил бы его любопытства. Поэтому, он выбрал тактику "тонем вместе". Студия же, получив от заказчика положительный фидбек за редизайн, решила, что движется в правильном направлении. То есть, фактически, заказчик стал тем самым проблемным клиентом, который не может чëтко обозначить свою позицию или признать, что ему нужен другой техпроцесс, но постоянно дëргает исполнителя.


  1. SdrRos
    30.07.2022 08:45
    +10

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


    1. AndyPike
      30.07.2022 13:44
      +2

      Это перевод.


    1. nikolas78
      30.07.2022 13:51
      +1

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


    1. Shaco
      30.07.2022 19:30
      +6

      Профессиональной кулинарии не существует тоже, ведь посетитель в ресторане выбирает ужин сам, а не делегирует это повару :)


    1. sourbarberry
      30.07.2022 23:47
      +1

      Ели у Вас какое-то устройство продаётся то хотелось бы видеть его характеристики в структурированном виде на главной 

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


      1. SdrRos
        31.07.2022 05:26

        Судя по скринам, описания на главной не было и раньше. За яркие представления технических устройств (иногда ещё и с преувеличениями) с запрятанными где-то глубоко спецификациями наверно отдельный котёл в аду приготовлен т.к. попадал в ситуацию когда эти спецификации вообще отсутствовали на официальных сайтах производителей и удавалось найти только на сторонних сайтах угробив кучу времени…


  1. Alex-ok
    30.07.2022 09:43
    +23

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


  1. maluta
    30.07.2022 09:59
    +12

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

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

    Спасибо за честный рассказ! Многое становится понятным в работе агентств.


  1. nin-jin
    30.07.2022 10:47
    +5

    Рисую логотипы своим сайтам за 5 минут не привлекая внимания санитаров дизайнеров. Что я делаю не так?


    1. KGeist
      30.07.2022 11:26
      +4

      Молодец, но не все умеют.


      1. nin-jin
        30.07.2022 12:09
        +5

        Так и я не умею, в том-то и дело. Это на самом деле вообще диаграммы в draw.io.


    1. Extremum
      30.07.2022 15:38
      +9

      Вы рисуете всего за 5 минут! А вот если бы вы потратили пару месяцев, то это демонстрировало бы серьезный подход к проекту без спешки и с лучшим результатом (без шуток, примерно так мне когда-то сказали когда я предложил сделать редизайн за неделю, после контора связалась с подрядчиком который год рисовал и в итоге они так и не приняли его работу)


    1. Revertis
      30.07.2022 15:42
      +4

      Ну выглядят они стрёмненько всё-таки :-/


      1. nin-jin
        30.07.2022 17:37

        Покажите мне хоть один не стрёмный логотип.


        1. Revertis
          30.07.2022 17:42
          +1

          Логотип гитхаба, например.


          1. dave2
            30.07.2022 19:20
            +14

            Котики это откровенное читерство. Такое надо запретить какой-нибудь конвенцией.


            1. DrPass
              30.07.2022 19:26
              +7

              Это, к слову, ещё и осьминог


            1. Revertis
              30.07.2022 19:40

              Извините, не хотел читерить, правда первое, что пришло в голову :(


          1. nin-jin
            30.07.2022 21:07
            +2

            Змея с двумя ножевыми ранениями, откусившая свой хвост? Ну спасибо, я ж теперь не усну.


            1. Revertis
              30.07.2022 21:25

              Вот видите, насколько искусснг и запоминающимся оно нарисовано!


              1. nin-jin
                30.07.2022 21:29

                Конечно, но спасательный жилет от этой компании я точно не куплю.


    1. ProstakovAlexey
      30.07.2022 17:44
      +1

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


      1. DrPass
        30.07.2022 17:51
        +3

        Айвазовский подбирал цвета для моря годами, навероное сотни перепробовал.

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


        1. Myclass
          30.07.2022 18:52

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


        1. Didimus
          31.07.2022 10:42

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


      1. Alek_roebuck
        31.07.2022 02:51
        +4

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

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


    1. faultedChip
      30.07.2022 20:30
      +3

       Что я делаю не так?

      Имхо, иконки не соответствуют содержанию и (в данном случае) в целом бессмысленны. Мне в принципе нравится идея, что если иконка не позволяет однозначно идентифицировать действие - то просто не использовать её. Оставить просто текст, без иконки. Потому что египетская иероглифика в попытке описать команду "Перестроить центральную базу с обновлением связных ссылок" одной картинкой всё равно не выльется ни во что хорошее.

      (наглядное видео: Boogie Maths - YouTube )


    1. edogs
      31.07.2022 00:11
      +1

      Если посмотреть с точки зрения проф. подхода, то дизайн это не о нравится/не нравится, а об увеличились продажи/не увеличились продажи.
      То есть цель изначально стоит не красиво сделать и понятно, а что бы побудить человека упасть в воронку продаж. Какие-то упущенные моменты за которыми он обратится — могут быть куда лучше чем полная информация. Какая-то не очевидно доступная информация — может быть задержит на сайте и повысит шанс что он станет клиентом. Не всегда всё очевидно.
      По уму сначала рисуется дизайн, исходя из базовых принципов на что люди клюют. Потом он тестируется на тестовой аудитории. Потом выкатывается на рабочем сайте для разных посетителей в виде А/Б тестирования с метриками. Потом только рисуется финальный вариант.
      А вот схема рисовки дизайна, когда «потыкал в шаблоны, показал клиенту, ему понравилось = успех», это вообще не про дизайн, это про «сделать себе приятно потратив деньги заказав у крутой студии за дорого». У нас так клиент один дизайн тоже дорогой заказал, клиентов больше не стало, по нам так выглядит фигово, но у него повод для гордости каждый раз «вот сколько я денег в дизайн вбухал смотри какой крутой».
      p.s.: Мы не дизайнеры. Мы страдаем, что крайне тяжело найти дизайнера использующего грамотный подход, при этом корреляции с ценой и известностью походу нет вообще.


      1. Myclass
        01.08.2022 10:58

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

        Вы правы в теории, и в отделе Маркетинга каждый вам это повторит как мантру. Но Маркетинг - это целый штат сотрудников, этому отделы предоставляется бюджет. И его надо инвестировать. Доказать, что каждый плакат приносит дополнительный доход, который висит там-то или там-то или тв реклама или ещё что - не возможно. В теории - да. Там всякие А/B тесты, телефонные обзванивания, ин кроется статистика итд. На самом деле - всё это не работает. И успех продаж, если таковые имеются - каждый отдел, и маркетинг тоже - приписывают себе. При проблемах - всегда найдётся виновник, и маркетинг им не будет никогда, потому что вплоть до самого маленького сотрудника из маркетинга - всё они вхожи в круги руководящих отделов. Они с ними оговаривают будущие стратегии, редизайн, ребрендинг итд. Те. на деле превращают хотелки руководства. Поэтому они заранее 'помогут' начальству понять, где проблема. Только когда фирму полностью врезной понесёт, тогда смотря назад найдут и в действиях маркетинга уйму ошибок. Но кому от этого легче станет?


  1. engine9
    30.07.2022 11:05
    +18

    Есть такая поговорка "Переезд это как половина пожара", вот её и к редизайну можно отнести.

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

    Слева версия 2.79, справа 3.2
    Слева версия 2.79, справа 3.2

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


    1. PanDubls
      30.07.2022 12:32
      +35

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


      1. engine9
        30.07.2022 13:28
        +8

        Возможно, оно выглядит "стильнее и моднее" но когда в день ползаешь по этим менюшкам десятки минут, то ориентируешься по форме цветовых пятен.

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


        1. sourbarberry
          31.07.2022 00:03
          +2

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

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

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


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


        1. faultedChip
          31.07.2022 09:24
          +1

          Возможно, оно выглядит "стильнее и моднее" но когда в день ползаешь по этим менюшкам десятки минут, то ориентируешься по форме цветовых пятен.

          Может разное восприятие? Я практически всегда ориентируюсь по тексту, поэтому, например, для меня Windows Phone с его текстовым меню был на порядок удобнее любого андроида (да и iOS, если на то пошло), потому что в текстовом списке приложений, отсортированных по алфавиту, искать что-то нечасто используемое (мне) было намного проще.

          То же самое в данном случае: бессмысленные иконки в старом меню абсолютно не помогают (мне) ориентироваться - я скорее запомню примерное расположение пункта меню и его название.


          1. engine9
            31.07.2022 12:34

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

            А в блендере другая ситуация, и я хочу это подчеркнуть. Они начали чинить то, что не было сломано изначально.

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

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


            1. nin-jin
              31.07.2022 13:16

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


            1. faultedChip
              31.07.2022 22:02

              Боюсь в этом вопросе мы не сойдёмся - по мне редизайн получился грамотный: иконки оставили только там где они имеют смысл, редкие команды (Recover) убрали в подменю, Preferences видимо вынесли в другое меню (и правильно - никогда не понимал что они делают в File), и т.д.


      1. nin-jin
        30.07.2022 14:22
        +5

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


    1. boldMahoney
      30.07.2022 12:35
      +22

      Сразу оговорка: ненавижу редизайн ради редизайна.

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


      1. engine9
        30.07.2022 13:34
        +4

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

        Например, если провести аналогию с автомобилями: рули болидов выглядят как новогодняя ёлка. Яркие, легкочитаемые индикаторы и ухватистая форма и это сделано для ускорения считывания информации.


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

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


        1. boldMahoney
          30.07.2022 13:57
          +7

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

          Другой момент о котором вы говорите - багаж накопленного UX старой аудиторией продукта выкидывается без зазрения совести. Это бич современного производства ПО. Да, это всегда больно менять свои привычки. Сам бомблю от такого, когда без моего ведома меняют что-то к чему я годами привык. Но надо понимать, что компании постоянно расширяют аудиторию и как раз для новеньких они делают порог входа все ниже и ниже, в т.ч. и за счет упрощения UI. Хорошо это или плохо? Не знаю, вопрос дискуссионный. Выше я уже описал свои впечатления новичка от вида нового UI. Возможно мое мнение сильно поменяется если поработать с данным UI блендера профессионально по 8 часов в день. Но первое впечатление производит хорошее.


          1. nikolas78
            30.07.2022 14:22

            А мне вот с первого взгляда именно первый дизайн нравится, но здесь нужна голосовалка.


            1. engine9
              30.07.2022 16:53

              Она должна учитывать наличие опыта работы с программой.


              1. nikolas78
                30.07.2022 18:33

                Согласен.


              1. riv9231
                01.08.2022 09:48
                +1

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

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

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


                1. engine9
                  01.08.2022 12:46

                  Верные рассуждения, я их поддерживаю. И к нашей общей радости, разработчики блендера дали такую возможность (подцветить группы) для иконок панели "Properties".


          1. Lissov
            30.07.2022 15:19
            +4

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

            А разве дизайнер не может быть инженером?

            Вообще мультируль Формулы 1 это плохой пример, потому что это уникальный случай, когда деталь должна быть эффективной для одного конкретного (ок, двух) человека, который готов потратить любое время на привыкание, и где «эффективность» это единственный критерий а внешний вид вообще не имеет значения.


            1. engine9
              30.07.2022 17:45
              +2

              Гражданский авиалайнер сгодится?


              1. boldMahoney
                30.07.2022 18:02
                +1

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

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


                1. nikolas78
                  30.07.2022 18:34
                  +1

                  Приведите пожалуйста пример хорошо спроектированного интерфейса. А то аж интересно стало…


                  1. boldMahoney
                    30.07.2022 19:14

                    Легко, вот например профессиональная СВЧ печь для общепита. Только одна крутилка и все. Интерфейс максимально удобный и интуитивный для неограниченного круга пользователей. Кстати у нас в местном ТЦ точно такая же стоит, действительно очень удобно.

                    сама печь


                    1. nikolas78
                      30.07.2022 20:07
                      +10

                      Мне кажется, вы сравнили простое со сложным и сказали, что простой интерфейс у первого лучше. Какое то не совсем корректное сравнение получается.


                      1. boldMahoney
                        30.07.2022 20:29
                        -2

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


                      1. ReinRaus
                        30.07.2022 22:18
                        +2

                        В книге Арно Лоре "Проектирование API" пример микроволновой печи рассматривается самым первым. Микроволновая печь может быть сложной :)


                    1. nin-jin
                      30.07.2022 21:24

                      Я правильно понимаю, что регулировки мощности там не предусмотрено вообще?


                      1. Ogra
                        31.07.2022 08:35
                        +2

                        А зачем? Микроволновка в общепите 100% времени работает на одной и той же мощности - максимальной ;) Там еще и зачастую включен таймер на час, и все управление сводится к "Положил еду - закрыл дверцу - подождал - открыл дверцу".

                        Да и для дома обычно лишь два варианта используются - разогрев и разморозка. Дешевая микроволновка с двумя механическими крутилками (мощность и таймер) была, на моей памяти, очень удобной в использовании. Лучше нее была только та, которая по нажатию на кнопку "Старт" сразу запускалась на 30 секунд, при втором нажатии на ту же кнопку добавлялись +30 секунд. Подошел, положил еду, нажал на кнопку 3-4 раза и все. Остальные кнопки просто никогда не использовались.


                      1. Popadanec
                        31.07.2022 08:46
                        +3

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


                      1. DrPass
                        31.07.2022 12:39

                        Ну вы же это дома делаете, а не в заводской столовке, где за вами ещё очередь из пяти человек, а минус три минуты на разогрев — это минус три минуты из перерыва?


                      1. Popadanec
                        31.07.2022 22:42

                        В заводской столовке такое я есть всё равно бы не стал.
                        И да, я работал какое то время на заводе.


                      1. zv347
                        31.07.2022 12:34

                        У меня сейчас как раз «30-секундная» микроволновка Samsung. Чтобы сварить кашу или макароны, нажимаю кнопку 30 (тридцать) раз. Думаю, если вспомню морзянку, я уже могу работать радистом, рука готова.

                        Ваши «3-4 раза» тоже надо считать, 1,5 или 2 минуты — большая разница.

                        Набор программируемых на нужные времена кнопок — самое удобное. Или хотя бы цифровая панель, где набираешь число и нажимаешь Enter. У скольких микроволновок такое есть? Примерно у нуля.


                      1. DrPass
                        31.07.2022 12:41

                        Чтобы сварить кашу или макароны, нажимаю кнопку 30 (тридцать) раз

                        Как владелец микроволновки Самсунг владельцу микроволновки Самсунг говорю: попробуйте нажать один раз и подержать.


                      1. zv347
                        31.07.2022 12:50

                        Спасибо, но — увы. Не все микроволновки Samsung одинаково полезны. (Samsung MG23K3515)


                      1. Popadanec
                        31.07.2022 22:55

                        Из инструкции:

                        Способ 1
                        Чтобы увеличить время приготовления блюда в процессе
                        приготовления, нажмите кнопку СТАРТ/+30 СЕК.
                        После каждого нажатия время приготовления будет
                        увеличиваться на 30 секунд.
                        • Пример. Чтобы добавить три минуты, нажмите кнопку
                        СТАРТ/+30 СЕК шесть раз.
                        Способ 2
                        Просто поверните Круговой переключатель, чтобы
                        задать время приготовления.

                        А ещё есть русская кухня, несколько нажатий дают нужную программу с нужной длительностью.
                        На моей(к слову тоже сасунг 30 секунд), эти рецептики напечатаны на рамке при открытии дверцы.


                  1. Didimus
                    31.07.2022 10:48

                    Какой-нибудь Ауди А6 предыдущих поколений


                1. engine9
                  30.07.2022 18:57
                  +5

                  >Дизайнерами и эргономикой там и не пахнет

                  Это почему? Я думаю, что в авиастроении традиционно регламентируется вид панелей, цвета (например, красный как символ тревоги), размер шрифтов и его размер. Нормы освещенности шкал приборов и т.п.

                  Например, у меня есть несколько книг о эргономике интерфейсов наземного и воздушного транспорта, одна из них 1974 год


                  1. boldMahoney
                    30.07.2022 19:35
                    +1

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

                    Цвета приборки и шрифты думаю выбирали исключительно для надежной и безошибочной работы пилота ибо безопасность перелета и жизни пассажиров в приоритете. Подобные необходимые элементы эргономики естественно всегда учитываются в специализированных интерфейсах. А вот к примеру подстаканник для кофе как в обычных авто там у них есть? Это уже элемент удобства и для выполнения непосредственной работы пилота не связан, а значит может быть и не реализован. Я как раз про такие вещи в интерфейсах говорю, не критически важные, но удобные. Хотя это конечно субъективно все.


                    1. sourbarberry
                      31.07.2022 00:16
                      +3

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


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

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


                      1. Myclass
                        31.07.2022 12:30

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

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

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

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

                        Тут тоже одноглассного решения нет. Если происходит эволюция продукта - то да, есть уже уйма пользователей, которые к чему-то привыкли и слом устоявшихся вещей, только потому что кому захотелось поиграться с дизайном - иногда заканчивается возвращением вещей назад после сильной анти-кампанией пользователей. Как например с кнопкой Старт в Windows. Или с их плитками, вместо меню.

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

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


                      1. zv347
                        31.07.2022 17:49

                        захотелось поиграться с дизайном… с кнопкой Старт в Windows. Или с их плитками
                        Это вы говорите апостериори. А в 2012 тут, на хабра(тогда еще)хабре та-а-акие аргументы «за» приводили! И цитировали — как ни странно — того же самого Генри Форда, его «более быструю лошадь». И почему-то любители всего нового не допускали, что Windows 8 — это не автомобиль, а менее быстрая лошадь!

                        К слову, первые автомобили представляли собой, практически буквально, конный экипаж с выпряженной лошадью, и к нынешнему виду автомобили шли полвека. Условно, до 1950 устройство автомобиля определяли доступные на то время технологии, а после, в основном — уже чисто «поиграться с дизайном». В любом случае, изменения, происходившие с ними, диктовались логикой, а не принципом «нам нужно сделать что-то, чего еще не было». Кстати, у Илона Маска почему-то никто не просит более быстрый бензиновый автомобиль, а он, в свою очередь, не делает его в виде подводной лодки. Технологичность и юзабилити — простые критерии для всего нового. Windows 8 не удовлетворяла, как минимум, последнему.

                        Что касается терминов, в русском есть были «художник-конструктор» и «художник-оформитель». Первый занимается аппаратами УЗИ, а второй мячиками, и оба они — дизайнеры.


                      1. Myclass
                        31.07.2022 23:24

                        Я с вами согласен полностью. Единственное, что ни нам не изменить ни будущим поколениями - это то, что в продуктах и предоставленных услуг не только всё рациональное будет, но и много чего, что только на эмоциональном уровне будет приниматься и никакой логики не будет поддаваться. А если так, то дискуссии по поводу тех или иных рюшечек или функций - это так для поддерживания разговора, но не для поиска истины. Лучший пример - пение. Раньше тот считался талантливым певцом, у кого был голос. Сегодня голос вообще не нужен чтобы стать успешным на этом поприще.

                        Другой пример - MS Word и Excel. Там 90% функций почти ни кем не используется. Но это не мешает его продажам и появлению всё новых и новых функций, которых опять-же никто не будет использовать.


              1. Lissov
                30.07.2022 23:22
                +1

                Да, это уже гораздо более релевантный пример.

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

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

                И вот из этих соображений интерфейс и проектируют.


                1. engine9
                  31.07.2022 12:18

                  Можно сделать одновременно и "бохато" и "стильно" и "удобно" эти качества не взаимоисключающие.


                  1. Myclass
                    31.07.2022 23:36

                    Можно сделать одновременно и "бохато" и "стильно" и "удобно" эти качества не взаимоисключающие.

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


                    1. engine9
                      01.08.2022 09:40

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


            1. boldMahoney
              30.07.2022 18:13

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


              1. engine9
                30.07.2022 18:58
                +2

                По-вашему это противоречащие стремления? По-моему так нет.


                1. boldMahoney
                  30.07.2022 19:39

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

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


                1. sourbarberry
                  31.07.2022 00:23

                  Это не противоречащие стремления. Просто очень редки примеры, когда человек-многостаночник хорош во всем. И это нормально - лучше хорошо делать что-то одно, чем все, но посредственно, или уделяя мало времени.


                  1. engine9
                    31.07.2022 12:04

                    Есть дизайнеры-оформители (рисовальщики), а есть дизайнеры идущие вглубь предмета и изучающие эргономику, особенности человеческого зрения и внимания.


            1. evgeneyf
              01.08.2022 09:46
              +1

              Забавно, что неудачно расположенный переключатель в конце концов стоил Хемильтону рекордного восьмого чемпионского титула.
              Если бы проектировали руль с понимание юзабилити, возможно итог ГП Азербайджана 2021 и всего чемпионата был бы другим.


      1. engine9
        30.07.2022 13:37
        +4

        >судя по всему просто привыкли

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


        1. pribytkin
          30.07.2022 14:10
          +5

          По вашей логике, интерфейс Windows не стоило обновлять, к примеру, с версии XP.

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

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


          1. boldMahoney
            30.07.2022 14:17

            Интерфейс сам по себе не нужно обновлять, его приходится обновлять по причине:

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

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


            1. nikolas78
              30.07.2022 14:51
              +2

              Дилемма на кого направлен редизайн: старым пользователям вроде не надо ничего менять, даже наоборот. А новым надо сделать в духе современного дизайна. Но при этом и не распугать старых. И еще вопрос про «современный дизайн» — он действительно оправдан? Получается сложно-равновесная система, где не обязательно один ответ верен.


              1. karabas_b
                30.07.2022 17:03
                +2

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


                1. alex-khv
                  31.07.2022 00:25

                  Современное меню "пуск" в windows 11 современное. Но совершенно неудобное ввиду сильного урезания функционала.


                  1. DrPass
                    31.07.2022 00:32
                    +2

                    И это при том, что даже старое меню «Пуск» в Вин 10 тоже вполне себе современное как по дизайну. И было намного функциональнее/удобнее.


                  1. R7R
                    31.07.2022 14:23

                    Современное меню «пуск» в windows 11 современное. Но совершенно неудобное ввиду сильного урезания функционала.


                    Если бы только меню «Пуск» :(


          1. DrPass
            30.07.2022 14:25
            +3

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

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


          1. engine9
            30.07.2022 17:16
            +1

            Удивитесь, но вы угадали и мне правда симпатичны старые интерфейсы. Хотя XP, на мой взгляд, имеет чрезмерно насыщенную палитру, утомляющую глаза.

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

            Думаю, сегодняшний тренд на минимализм иссякнет и мода откатится обратно к рельефным интерфейсам.


            1. boldMahoney
              30.07.2022 17:56

              Было бы классно, соскучился по ламповым кнопочкам аля Win98)

              ЗЫ: А ведь в геймдеве не так давно пошла волна на стиль 8ми битных игр (пикселизация на основе движка unity). Смотрятся и играются такие тайтлы имхо вполне лампово, но на современном железе.


            1. pribytkin
              31.07.2022 00:12

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


              1. engine9
                31.07.2022 12:12

                >растровый дизайн безвозвратно исчез
                Необоснованно.

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

                Вот, я специально выкрутил масшаб, посмотрите сколько контролов и при этом они с градиентами.

                Во-вторых, если говорить о технологиях. Полным полно устройств на микроконтроллерах в GUI которых используются "нарезанные" растровые тайлы и отдельные кнопки.


                1. pribytkin
                  31.07.2022 15:32

                  Например, интерфейс блендера с десятками контролов на экране целиком векторный.

                  Так а где на вашем примере скевоморфизм?

                  используются "нарезанные" растровые тайлы

                  Остаются. До момента, пока их не заменят


                  1. engine9
                    01.08.2022 12:58

                    Рельеф на кнопках, имитирующий падающий сверху свет. Как это было раньше в классических интерфейсах.


              1. R7R
                31.07.2022 14:30

                Как дизайнер могу с уверенностью сказать, что не вернётся,


                Современный минимализм уже порядком достал, думаю, года три максимум протянет :)

                (В начале 70х мини было на вершине, казалось что так теперь будет всегда. Но в середине 70х вернулось макси. Потом макси тоже надоело (к 1987) и снова пошло мини)

                Что меня сейчас смущает- синий джинсовый макси-сарафан Амановой в фильме «Путешествие будет приятным» снова выглядит привлекательным… история моды, вероятно, опять сделает зигзаг :)


            1. sourbarberry
              31.07.2022 00:27

              Уверен, скевоморфизм (подражание реальным кнопкам) интерфейса ускоряет позиционирование фокуса внимания, как бы ведёт зрение. 

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

              А еще из-за того, что он, в основе своей, растровый, то он еще и много весит и плохо масштабируется.


              1. engine9
                31.07.2022 12:15
                +1

                >деталей ухудшает фокусирование внимания - глазу просто не за что зацепиться в этом буйстве красок и деталей

                Это о грамотном дизайне интерфейса, а не о наличии в нём градиентов и тенюшек.

                >А еще из-за того, что он, в основе своей, растровый, то он еще и много весит и плохо масштабируется.

                Можно сделать векторный, это не проблема: https://habr.com/ru/company/productivity_inside/blog/679964/comments/#comment_24582930


          1. werpo
            30.07.2022 23:51
            +5

            По вашей логике, интерфейс Windows не стоило обновлять, к примеру, с версии XP.

            Прикиньте, да. Мне не уперлись все эти извраты , которые МС делает с UI после XP. Ни одной задачи из моих повседневных эти "улучшения" не решают от слова совсем, только объективно хуже делают в виде жрущего память и CPU/GPU как не в себя.


            1. pribytkin
              31.07.2022 00:09
              -1

              Вам ведь ничего не мешает откатиться до XP?


              1. nin-jin
                31.07.2022 00:16
                +1

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


                1. Myclass
                  31.07.2022 16:21

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


            1. faultedChip
              31.07.2022 09:27
              +2

              Поиск по меню, добавленный в семёрке (или висте?) уже делает интерфейс XP морально устаревшим. Возможность нажать на Win-key, набрать часть названия программы и запустить её enter'ом - бесценна.


              1. myhambr
                31.07.2022 15:30

                Да, поиск пунктов меню через поиск удобная вещь. Но в XP можно было поставить Classic shell или что-то похожее, но не из коробки.


          1. AnthonyMikh
            01.08.2022 00:33

            По вашей логике, интерфейс Windows не стоило обновлять, к примеру, с версии XP

            Всецело поддерживаю такую идею. Даже дизайн из, скажем, Windows 2000 можно было бы оставить.


            1. pribytkin
              01.08.2022 00:50
              +1

              Просто освежу вашу память, а теперь честно ответьте, что лучше


              1. R7R
                01.08.2022 00:54

                а теперь честно ответьте, что лучше


                Интерфейс 10.
                Но при этом конкретном выборе — я бы предпочел 2000, так 11 — это просто П.


                1. pribytkin
                  01.08.2022 00:57

                  Ладно, оставлю вас одного фетишировать :)


                  1. R7R
                    01.08.2022 00:58
                    +1

                    Ладно, оставлю вас одного фетишировать :)


                    Во избежание скороспелых выводов — хотя бы голосовалку организовали :)


                    1. pribytkin
                      01.08.2022 01:03

                      Выборка на Хабре, будет, кхм, не очень репрезентативна


                      1. R7R
                        01.08.2022 01:13

                        Выборка на Хабре, будет, кхм, не очень репрезентативна


                        Почему вдруг? Только здесь еще помнят все плюшки 2000 винды :)


              1. nin-jin
                01.08.2022 01:30

                К сожалению, второй вариант - он хотя бы не отказывается устанавливаться на мой ноут.


                1. R7R
                  01.08.2022 01:36

                  он хотя бы не отказывается устанавливаться на мой ноут.


                  Примерно раз в два месяца (естественно, сохранив предварительно образ) я ставлю 11 на свой ноут, дня три-четыре смотрю, что поменялось за это время и возвращаю старую систему из образа.

                  (Такое у меня впервые — 95 оставил после третьего раза, ХР — после второго сервис-пака, 10 — сразу :)


              1. DrPass
                01.08.2022 02:29

                А вы тут слегка сильно лукавите. Меню Вин2К настраиваемое, вы там можете перетащить мышкой нужные вам ярлыки на любой его уровень, как вам удобнее. Папочки создавать, группировать в них ярлыки, документы добавлять, гиперссылки, командные скрипты…
                Это не говоря уже про такие банальные вещи, как свойства приложения открыть или в папку с ним перейти.
                Хочу ещё раз уточнить, какое лучше? ;)


    1. edogs
      31.07.2022 00:27
      +1

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


      1. engine9
        31.07.2022 12:42

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


    1. italant
      01.08.2022 09:41

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


    1. TheTryProgrammerName
      01.08.2022 09:41

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


    1. nikolas78
      01.08.2022 19:32

      Не ожидал я, что многим понравится второй (новый) вариант. И что теперь делать — давать настройки интерфейсов под вкусы пользователей?


  1. v1000
    30.07.2022 11:26
    +5

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

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


  1. ifap
    30.07.2022 11:38
    +6

    TL;TR: как автора год кормили "завтраками" за его счет, а он просил нинадо, но все равно прилежно кушал.


  1. Slonoed
    30.07.2022 12:21
    +5

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


  1. Daddy_Cool
    30.07.2022 13:37
    +5

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


    1. krote
      30.07.2022 21:15
      +1

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


      1. Daddy_Cool
        30.07.2022 22:54

        Дизайн-то вроде ничего, но этот черный фон и прибор на столе...
        "Ты парень вроде ничего, но этот твой Андроид..."


  1. Myclass
    30.07.2022 13:56
    +10

    Статья вообще не про дизайн/редизайн. А про работу проекта и команды. И про то, как разводят лохов.

    Айзек ответил, что их клиенты, как правило, заинтересованы только в конечном итоге, без промежуточных этапов,

    А ни чё, что этот Айзек врал и глазом не моргал. А заказчик и сам понял суть этого гешефта, когда выдаётся 80%, с чем нельзя ничего начать или делать, и агентура культурно разводит на дополнительные заработки для себя. И заказчик даже после ясной картины в голове игнорирует все сигналы.


    1. DrPass
      30.07.2022 14:01
      +5

      А ни чё, что этот Айзек врал и глазом не моргал.

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


      1. Myclass
        30.07.2022 14:26
        +3

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


      1. R7R
        30.07.2022 18:32
        +1

        вроде как сам владелец бизнеса, и должен иметь такую же методичку в столе


        «Я не лох, меня не кинут»


  1. KVentz
    30.07.2022 14:51
    +8

    В результате редизайна я получил следующее:

    Один из бесплатных шаблонов на бутстрапе и россыпь иконок из клипарта…


  1. Vsevo10d
    30.07.2022 15:05
    +16

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

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

    Если бы я отказался от услуг Веб-Агентства и стал искать кого-то еще, на организационные вопросы ушло бы от тридцати до шестидесяти часов. 

    Единственное верное решение - разворачиваться, наплевав на потраченные тысячи долларов и шестьдесят часов. Кроилово ведет к попадалову, сколько автор ждал в результате - шестьдесят часов или год?

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


  1. nivorbud
    30.07.2022 15:56
    +1

    Каждые две недели Веб-Агентство приглашало меня на собрание, где присутствовали главный дизайнер, старший дизайнер, менеджер проекта и Айзек.

    Меня бы уже одно это насторожило. Ведь всю эту ораву предполагается кормить...

    У меня еще по ходу вопрос возник: вот такие 46 тыщ долларов учитываются в расчете ВВП и прочих показателях экономической мощи стран? Просто интересно.


    1. DrPass
      30.07.2022 16:22

      вот такие 46 тыщ долларов учитываются в расчете ВВП и прочих показателях экономической мощи стран?

      Да. И все вложения в рекламу, и все всякие там "распиленные выделенные средства на развитие отечественного чего-то" (я, правда, не уверен, какое там поле надо зачёркивать), и т.д.


    1. krote
      30.07.2022 21:24

      Кстати да - часто эффективность времени потраченное на собрание обратно пропорциональна количеству присутствующих на нем людей.


  1. R7R
    30.07.2022 18:36
    +1

    О, знакомая история.
    Можно написать свою — «Как мы заказывали свой первый сайт»
    Уровень расходов другой, но суть абсолютно такая же.


    1. nikolas78
      30.07.2022 18:37
      +2

      Давайте! Задавим нехорошее.it!


      1. R7R
        30.07.2022 19:20
        +3

        Давайте!


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

        С ребрендигом справились успешно (и главное — практически бесплатно :)
        Остался редизайн сайта (web 1.0, все помнят, как это выглядело)

        Естественно, задача была поставлена перед сисадмином (а перед кем же еще? :)
        Тот почесал в голове и полез в сеть искать аналоги.
        Отсмотрев штук 60 сайтов и отсортировав их по стилям (каковых оказалось не так много) — показал результат начальству, начальство сделало выбор и пообещало финансирование.

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

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

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

        В конечном итоге все это дело было отдано на фриланс (нашли парня с руками, он все сделал за неделю, причем так, что сайт в таком виде просуществовал добрый десяток лет. Вот про оплату его труда я ничего не знаю :)


        1. nikolas78
          30.07.2022 20:12

          Ну мужиков рубежа веков хоть понять можно… А сисадмина хоть наказали показательно?


          1. R7R
            30.07.2022 20:16
            +4

            А сисадмина хоть наказали показательно?


            А создание дизайна сайтов входило в его должностные обязанности? :)


            1. nikolas78
              30.07.2022 22:40

              А какая разница? </сарказм>


  1. Pubchy
    30.07.2022 19:12

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


    1. R7R
      30.07.2022 19:26

      Вот это халтура))


      Картинки в разделе Features как будто Николай Иронов делал…


  1. myhambr
    30.07.2022 19:12
    +4

    А знаете в чём правда ?
    Посетителям насрать на дизайн. Особенно на дизайн такой утилитарной вещи, как KVM. Хоть даже вообще без картинок, это продукт не для домохозяек или спонтанных продаж.
    Добавил бы просто блок Features и всё.

    Развели как клиента в салоне красоты или стоматологии, когда не уточнил стоимость каждой услуги.

    А Иссак/Айзик офигенный продажник, классно отрабатывал возражения и разводил клиента. Уверен там были индусы каждый по $10.

    CSS за $6k, который изначально должен был стоить $200. Мда. Лучше бы к русскому Васе обратился, ему бы за $500 всё сделали за неделю, ещё и бы и A/B дизайн в подарок.

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

    66% больше, чем было до редизайна.
    Так A/B теста не было, так нельзя сравнивать. Может он выпустил эту статью в блоге, и народ валом повалил посмотреть.


  1. Schalaeff
    30.07.2022 21:02
    +2

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


  1. stanislavskijvlad
    30.07.2022 23:14

    коммунити, помогите найти пост, plz. кажется, он назывался «логотип за три доллара: эксперимент». оплатили фрилансеру, утвердили без правок. там ещё была крутая собака, у которой вместо рта — порт LPT :)


    1. stanislavskijvlad
      30.07.2022 23:19

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


  1. Pavel1114
    31.07.2022 06:38

    Увидев заголовок, сначала подумал что владелец ua-hosting.company дошёл до стадии «принятие».


    1. nikolas78
      31.07.2022 23:48

      )))


  1. Teml
    31.07.2022 07:53
    +5

    Шиздец какой-то. Статья должна называться, как я за 46 тыс баксов угробил свой сайт. Старый сайт был по объективным причинам лучше! По пунктам:

    Старый вариант:

    — Как раз «ламповый», а-ля хоумпейдж дизайн и придаёт ощущение, что у всего творения есть автор

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

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

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

    Новый вариант:

    — безликое изображение товара в вакууме. Без сомнений, если бы товаров были сотни — то аляповатость с их фотками «в реальном использовании» смотрелась бы ужасно и дезориентировала. Но когда товар фактически ОДИН на весь сайт — то выкинуть его из окружения, контекста — зачем? Чтобы намекнуть, что это красивая обёртка, а что там внутри — узнаешь, когда купишь?

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

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

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

    В общем, автора надули. Или обули. Нужное подчеркнуть.

    Единственное, в чём виден плюс — это корзина. Огромные привлекающие (а кого-то — пугающие), красные кнопки «УДАЛИТЬ» для каждого товара, находящиеся в одном столбце с «оформить покупку» — это было ошибочным решением.

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


  1. dididididi
    31.07.2022 09:09

    В данном случае, Isaac правильней переводить, как Исаак, а не Айзек)


    1. ky0
      31.07.2022 11:41

      А в случае Азимова?


  1. dididididi
    31.07.2022 09:13
    +1

    Были прекрасные времена, открывал свой бизнес. Сайт, сильно сделанный на коленке с плохой фоткой и шрифтом комик санс, как сейчас помню, давал конверсию 14 процентов, а после того, как я его переделал на более профессиональном уровне конверсия упала до 2 процентов. И я вернул старый макет, который просуществовал до конца.


    1. myhambr
      31.07.2022 11:04

      Именно поэтому любой даже начинающий маркетолог с зачатками разума понимает - A/B тесты нужны. Не понимают это дизайнеры и маркетологи на откате, которых большинство.
      Если маленькая страница без картинок будет продавать конретно этот продукт лучше, чем огромный лэндинг с кучей фоток и водой, значит надо оставить маленькую страницу, либо хотя бы тестировать изменения.

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


      1. nin-jin
        31.07.2022 11:33

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


        1. DrPass
          31.07.2022 12:45

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


          1. AllexIn
            01.08.2022 08:46

            Даже цветовая гамма влияет.
            Переходит человек, сайт ассоциируется у него с чем-то негативным(например черный фон с зеленым/синим текстом однозначно сейчас у меня ассоциируется с трэш сайтами из 2000х) и он его сразу закрывает.
            Так что ИМХО даже цвет имеет значение.


        1. R7R
          31.07.2022 14:39
          +1

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


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


  1. shaggyone
    01.08.2022 05:40
    +1

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


  1. i__egor
    01.08.2022 09:51

    Нечего себе, 46000 за это? Сделал бы 500$ даже лучше и быстрее


  1. khuzhinru
    01.08.2022 09:52
    +1

    Чем-то напоминает историю создания Pied Piper в сериале Силиконовая Долина