Я открываю новое приложение и уже через минуту хочу его закрыть. Курсор теряется в дебрях меню, а кнопка «Сохранить» прячется в самом нелогичном углу экрана. Цвета выжигают глаза.
Кажется, что качественный UX-интерфейс сегодня — это вымирающий вид, который скоро занесут в Красную книгу. Я, как разработчик, искренне не понимаю, почему так происходит.
Многие коллеги по цеху почему-то забывают, что пользователям плевать на количество функций. Им важно, чтобы всё работало интуитивно и не вызывало желания разбить ноутбук об стену. Удобство давно стало важнее наворотов, но эту простую истину усвоили единицы. Я каждый день вижу продукты, где о юзабилити думали в последнюю очередь.
Иногда мне кажется, что только гиганты вроде Google и Microsoft реально заморачиваются с тестированием интерфейсов. Они тратят миллионы, чтобы пиксель лежал на своём месте и вызывал правильные эмоции. Остальные же будто рисуют дизайн на салфетке за пять минут до релиза. А про доступность для людей с ограниченными возможностями вообще молчу — её просто нет.
Недавно мне нужно было оплатить счёт через банковское приложение. Я потратил десять минут, чтобы найти нужный раздел в этом лабиринте. Контрастность была такой, что текст сливался с фоном. Размеры шрифта и все остальное просто убивало.
Не только банковские приложения. Но и вообще куча всего остального выглядит именно так. Всегда хочется спросить тех, кто делает такие приложения, сайт, софт - вы его хоть раз сами то открывали?
Именно по этому пользуюсь самописным софтом, наверно, с того самого момента, как научился программировать. Но, к сожалению, не все можно так заменить :(
Мне кажется, что найти софт, которым приятно пользоваться, стало настоящим квестом...
Список изменений 0.9.5 • Добавлена поддержка 8 языков: французского, испанского, бразильского португальского, польского, украинского, турецкого, японского и корейского • Генератор случайных уровней дополнен шаблоном «Коридор» с движущимися блоками • Обновлена версия Unity до 6000.5.2f1
В апреле 2023 года мы запустили необычный для нас проект - ремонтный сервис нового формата. Первого клиента нашли только в начале лета, но уже с первого проекта удалось достичь запланированной прибыли. Расскажу, как мы создали современную компанию для поколения "новых денег", которые не готовы к тому, что прораб будет класть половину стоимости ремонта себе в карман, а сроки растягиваются без ограничений и почему это оказалось прибыльным бизнесом.
Как всё начиналось
Конец 2022 года. Я работал менеджером проектов в крупной IT-компании, мой друг Антон - тимлидом в другой известной технологической компании, а Дима занимал позицию backend-разработчика в третьей. У всех стабильные зарплаты, интересные проекты - жизнь шла своим чередом, пока Антон не решил купить квартиру в новостройке.
После долгих поисков он остановился на 85-метровой квартире в ЖК около метро Саларьево - современный комплекс с подземным паркингом и зелёным двором. Как типичный программист, к поиску ремонтников он подошёл педантично: изучил десятки предложений, провёл собеседования с кандидатами. В итоге выбрал бригаду с Авито с "15-летним опытом работы".
Денис (это я:) - один из создателей сервиса
За время ремонта у Антона мы с Димой часто приезжали к нему - помочь, посоветовать, и просто поржать над очередными косяками строителей. У нас обоих за плечами был серьёзный опыт управления командами, внедрения процессов, автоматизации и контроля качества. И знаете что? Нам казалось, что главное в ремонтном бизнесе - это грамотный менеджмент и организация процессов. И на самом деле, все примерно так и есть.
День когда мы решились
Если честно, мысли о собственной ремонтной компании появились у нас задолго до этого случая. В IT-тусовке часто шутят, что в России есть три верных пути: вебкам, айти и стройка. И мы, насмотревшись на хаос в ремонтной сфере, не раз обсуждали возможность открытия своей “фирмы”.
Мы выделили основные проблемы, которые должны были исправить с помощью своего сервиса
Первое - это постоянно растущие сметы и "задранная стоимость" на работы. Ну вы серьезно? Почему для меня ремонт в квартире должен чем-то отличаться от заказа носков на Вайлдберриз? Почему-то там нет такого, что цена носков может вырасти в 2 раза за время доставки. А тут начальная смета в 1 миллион превратилась почти в 1,7! И каждый раз это "ой, тут стены кривые", "ой, а тут придется докупить", "ой, а это мы не учли".
Второе - это бесконечно растущие сроки. Это еще хуже. Как люди с опытом в менеджменте, мы прекрасно знали, что растущие сроки – это всегда раздолбайство управления и ленивые рабочие. Но тут было чуть посложнее, об этом чуть позже. У Антона обещали сделать за 4 месяца, а в итоге растянули на 8.
Третье - хитрые прорабы. Это вообще отдельная история. Когда прораб говорит "давайте я сам закуплю материалы, у меня скидки", знайте - он накинет сверху процентов 30-40. А еще есть "срочные работы", которые почему-то не были учтены в смете. И конечно, вечная классика - экономия на материалах: заказываешь одно, а привозят что-то попроще, но по той же цене.
Целевая аудитория
А параллельно с этим мы определили нашу целевую аудиторию. Чтобы выделиться на конкурентном рынке, мы решили ориентироваться на молодых IT-специалистов и представителей “современных” профессий, живущих в Москве в возрасте 30-40 лет. Тех, кто покупает квартиру в новостройке и привыкших к хорошему сервису. Кто не готов, что его будут водить за нос и разводить на деньги.
Что с ценой?
При этом очень важно было держать цены НИЖЕ, чем у других компаний, иначе на рынке просто не выжить. В премиум сегмент нужен "пропуск" в виде большого количества работ для определенного типа клиентов, поэтому нам было понятно, что "брать" много - пока что, непозволительно. Но мы нашли способ: автоматизация процессов, прямые поставки материалов, четкое планирование работ и никаких скрытых накруток. Но несбыточной мечтой это покажется только обывателю: на самом деле сервис и правда должен быть таким, вообще любой.
История первого заказа летом 2023 года
А теперь самое интересное - наш первый заказ. Это была отдельная эпопея. Начало лета 2023, звонок от потенциального клиента.
Первый клиент оказался прямо "в яблочко" - тоже айтишник (пришедший из первой контекстной рекламы в яндексе запущенной на 20 тыс.), работал в крупной компании, купил двушку в панельке 80-х годов. Причем достаточно убитую - стены местами с дырками, старый паркет, трубы помнящие еще Горбачева... Но нам, если честно, даже повезло что первый объект был не новостройкой. На старом фонде учиться легче - там хотя бы есть на что посмотреть, в отличие от новостроек, где все "сюрпризы" спрятаны в голых стенах.
Дырка в стене была ДО демонтажа. Клиент купил квартиру с "убитым" ремонтом подешевле, в надежде сэкономить
Как мы мастеров искали
Начали с поиска бригады. Вот тут был первый холодный душ - оказалось, что найти классных специалистов без своей наработанной базы очень сложно. Мастера хорошего уровня либо уже при деле, либо просят космос. А те, кто сразу соглашается - ну, вы понимаете. За две недели провели больше 10 собеседований (назовем их так😊). Причем процесс собеседования мы сразу сделали "как в айти" - тестовые задания, проверка портфолио, разбор технологий работы. Бригадиры были в шоке - некоторые прямо уходили с собеседований, когда мы начинали распрашивать про технологии укладки плитки и показывали фотографии косяков с объектов с форумов.
В итоге нашли бригаду - два брата, которые до этого работали в крупной ремонтной компании, но ушли потому что устали от "серых" схем – по отношению К НИМ ЖЕ. В основном - задержки з/п и прорабы.
В том же санузле, но уже после демонтажных и некоторых черновых работ. Братья очень помогли нам с первым ремонтом, кроме этого, они дали нам контакты проверенных рабочих, которые впоследствии делали ремонт вместе с ними
Купили первый комплект инструмента - это отдельная история на 100 тысяч рублей. Ещё сразу купили свою тепловую пушку - это из необычного. Большинство компаний привлекают "потолочников" на субподряд. Мы захотели сразу начать формировать свой инструментарий для будущих сотрудников. Зато потом эта закупка очень помогла - не зависели от того, что принесет с собой бригада. Позже, когда начали расширяться купили свою штукатурную станцию. Это, на удивление, было самой выгодной покупкой.
Первые сложности
Начали ремонт. И тут поехало... Первый сюрприз - когда начали снимать старую штукатурку, оказалось что стены буквально рассыпались. Плюс под старым линолеумом в коридоре нашли деревянный пол с насыпью под ним.
Тут был первый серьезный разговор с заказчиком. Объяснили ситуацию, показали все фотки, рассказали что сколько будет стоит в соответствии с прайс-листом. Тут очень помогло то, что мы сразу взяли за правило - фотографировать вообще все. Каждый этап, каждый слой, каждую трубу.
С материалами тоже было весело. Первый месяц я лично объездил все крупные строительные магазины в радиусе 30 км. Искал поставщиков, договаривался о скидках. Помню, как чуть не купили партию плитки по "супер-выгодной" цене, а потом выяснилось что это условно "второй сорт" - брак, который продают через "серые" схемы.
Cделали систему закупок: (Первый заказ полностью сделан из материалов, купленных в Петровиче и на маркетплейсах). Бригада присылает список - мы проверяем цены у 3-4 поставщиков и заказываем где дешевле.
Мы сразу внедрили систему ежедневных фото-отчетов и еженедельных созвонов. Плюс сделали чат в телеграме, куда скидывали все чеки, все накладные, все фотки. Такая прозрачность очень помогла - клиент видел, что мы не химичим с ценами и не пытаемся на нем нажиться.
В итоге сделали.
Братья советовали нам недостающих специалистов по ходу ремонта и постепенно, укладываясь в срок мы сдавали клиенту новый и новый этап. Честно, это было не так сложно как казалось в начале, но нужно понимать, что на самом деле, проблем по ходу ремонта и мелких трудностей было ОЧЕНЬ много, просто мы как люди привыкшие, понимали что сейчас это и есть наша работа , за которую нам платит клиент - взять на себя все заботы по ремонту. Но серьезных форс-мажоров не возникало, максимум понервничали, когда внесли предоплату потолочникам, которых нашли по объявлению, после чего они явно начали задерживать сроки, но в итоге, все обошлось. Нам и до этого было ясно, что чем быстрее мы соберем свой , хотя бы, небольшой штат, тем лучше и выгоднее. Но для этого надо быть уверенным в постоянном потоке заказов, что мы на тот момент, не могли себе позволить.
Главное - мы поняли как надо и как не надо. Все закупки только через нас. Все договоренности - только в письменном виде.
По деньгам первый проект получился условно в ноль - не считая наших вложений в инструмент и рекламу. Но мы получили бесценный опыт, наработали связи с поставщиками (если это можно назвать так пафосно) и главное - поняли, что наша модель рабочая, хотя на тот момент не были в этом до конца уверены. Наши сомнения развеяло лето 2023 года.
1/5
Наша первая работа, которую нам помогли закончить "братья", советуя недостающих мастеров на каждый этап работ. Цена работ для заказчика вышла 750 000 рублей. Летом 2023 года, за аналогичный объём работ авитовские бригады просили до миллиона(!)
Сайт и маркетинг или как мы общаемся с клиентами ещё до первого звонка
Кстати, про сайт. Первую версию мы сделали за пару вечеров на Тильде - максимально простую: фотки, цены, контакты. Знаете что? Он у нас до сих пор такой – но с значительно изменённым UI/UX. Я иногда ловлю себя на мысли - вот мы же, можем сделать что-то крутое, с личным кабинетом, онлайн-сметами... Но потом смотрю вордстат, статистику и думаю - а зачем? Клиенты находят нас, звонят, все работает. Иногда лучшее решение - самое простое.
1/2
На главной странице "в лоб" о том кто мы, наши конкурентные преимущества, специализация и примеры работ
1/2
Сразу "ярко" заявляем о действующих скидках. Кроме этого, простым текстом пытаемся общаться с клиентом и убедить его в нашем сервисе, пока что, не общаясь с ним лично - конверсия в лиды увеличилась значительно, но важно, чтобы все предложения были реальны
А вот ворд стат. За последний месяц нас искали 680 раз не считая статистики переходов по прямой ссылке. Доказательство того, что дорогой сайт не нужен. Наш стоит 6 000 рублей в год, а сделан за 20 часов
Примеры лучших работ как маркетинговый инструмент
1/4
Оставляли подобные фото с примерами работ и вотермаркой в отзывах к жилым комплексам. Отличный маркетинговый инструмент - сразу определяем нужную ЦА и бесплатно заявляем о себе. Точно знаем, что минимум один клиент был из отзывов яндекс - поэтому работает
Как мы масштабировались и разбирались в проблемах ремонта
Теперь про то, как мы начали разбираться в проблемах ремонта и потихоньку расти. Знаете, за этот год мы много думали - почему вообще ремонтные компании задерживают сроки и не могут сделать работу по первоначальной цене? И нашли несколько интересных моментов.
Первое - сроки. Тут даже копать глубоко не пришлось - сам рынок сформирован так, что клиенты просто привыкли к задержкам. "А, ну это ремонт, тут всегда так" - классическая фраза. Благо тут нам помог опыт организации процессов из айти. Четкие спринты, ежедневные отчеты, календарный план. Работает как часы, если не филонить.
Второе - вечно растущая цена. Вот это было сложнее. В новостройках еще можно точно посчитать, а во вторичке... Но благодаря наработкам этот вопрос стал гораздо яснее. При правильно организации процессов, непредвиденные работы лучше оплатить из своих средств, чем терять клиента. Только так и делается сервис.
Третье - больная тема - воровство на материалах. Тут мы конкретно закрутили гайки. Завели строгий учет, до последнего мешка штукатурки. Прорабам сразу сказали - любая жалоба от клиента на нечестность - это конец сотрудничества. Знаете что самое смешное? Когда начали работать честно, оказалось что маржа все равно хорошая. Просто многие привыкли что надо обязательно накручивать еще и еще.
Неприятные особенности прозрачного сервиса
Большинство компаний, которые начинают работать честно, быстро сдуваются. Потому что сам потребитель привык к плохому сервису. Приходишь к клиенту, говоришь "мы все сделаем четко по смете и в срок", а он смотрит с недоверием - "да ладно, так не бывает". Сейчас в 2024-м ситуация получше, но рынок все еще очень консервативный.
Продвижение или как мы брали “Новую Москву”
Наш любимый Прокшино в Новой Москве - в 2024 году, это самый перспективный район в котором покупатели - наши потенциальные клиенты
Расти начали потихоньку. Сначала сделали специальные цены для новой Москвы - там как раз много новостроек, где мы хорошо научились работать. Потом пошли заказы по рекомендациям. Когда я говорю “пошли” заказы нужно понимать, что это 1-3 заказа в месяц стабильно, что на самом деле, тогда казалось не мало. С рекламой экспериментировали забавно - оставляли визитки в подъездах (да, просто старые добрые визитки!), ставили рекламные ящики у офисов продаж в дни выдачи ключей.
Был случай, когда на одном ЖК поставили такую стойку, а через неделю риелтор оттуда сам позвонил и предложил взять себе процент, если клиент пойдет к нам.
Сейчас берем 2-5 заказов в месяц, (летом было 5 в месяц, если разделить). Большинство клиентов приходят по рекомендациям. Штат за год работы постепенно собрали свой. Трудоустроено 14 сотрудников. Если их не хватало (как летом), привлекали мастеров с которым уже работали раньше, по договору ГПХ. Просили всех регистрировать самозанятость или ИП – это было тяжело, но зато честно платим налоги по Доходы – расходы.
Как устроен процесс
Знаете, что самое сложное в ремонтном бизнесе? Нет, не поиск клиентов и не работа с материалами. Самое сложное - это выстроить систему, которая будет удовлетворять запросы клиента и при этом позволит компании зарабатывать. Мы долго думали над этим и придумали несколько интересных решений.
Начнем с оплаты. Если посмотреть на московский рынок, там забавная система - вроде бы без предоплаты, но это только за первый, самый дешевый этап. А потом - бац, и клиент должен внести 50% от всей суммы. И попробуй не внеси - бригада уйдет на другой объект. Мы сделали иначе: разбили весь ремонт на этапы (их получилось 12 для капитального ремонта), и берем предоплату только за текущий этап. То есть клиент всегда понимает, за что именно платит, и может контролировать процесс.
С договорами тоже интересно получилось. Сначала делали один стандартный, а потом поняли - люди разные, запросы разные. Сейчас у нас три варианта: просто на работы (для тех, кто сам хочет закупать материалы), на работы плюс материалы (самый популярный), и полный пакет с дизайн-проектом. Кстати, про дизайн - мы не держим штатных дизайнеров, работаем с фрилансерами. Так получается и дешевле для клиента, и качество выше - каждый дизайнер специализируется на своем стиле.
Первый образец договора, который ставили на сайт
Расчёт стоимости
Расчет стоимости работ - отдельная история. Когда начинали, было очень сложно. На рынке нет четких цен - один мастер берет 3 тысячи за квадрат стяжки, другой - тысячу, третий вообще говорит "ну давайте посмотрим по факту". Сначала работали по среднему прайсу, но часто уходили в минус по отдельным этапам - то бригада дороже встанет, то материала больше уйдет. Сейчас, когда появились постоянные сотрудники, стало проще - мы точно знаем их расценки и можем давать фиксированную цену.
Материалы
Выяснилось, что в крупных магазинах часто дешевле в сравнении с рынками стройматериалов, особенно если ловить акции. Плюс появились маркетплейсы - там вообще красота по ценам. И главное - полная прозрачность, клиент сам видит все позиции. Если находим материал дешевле - возвращаем разницу. Был случай, когда на керамограните сэкономили клиенту почти 30 тысяч - просто потому что, нашли ту же плитку в другом магазине по акции.
Как работаем сейчас
Сейчас берем 2-5 заказов в месяц, зависит от сезона и сложности объектов.
Процесс обкатан до мелочей: сначала выезд на замер, потом предварительная смета. Если клиента все устраивает - детальный расчет и договор. Дальше начинается самое интересное - согласование материалов, закупки, работа.
Особенности продвижения и подводные камни
С продвижением интересно получилось. Сначала, как все, полезли на Авито. И знаете что? Не зашло. Там своя специфическая аудитория и конкретно у нас, с Авито “ не пошло”.
Свежий пример страницы с авито в категории "Ремонт квартир". Как клиенты определяются с подрядчиком среди тысяч однотипных объявлений - хороший маркетинговый вопрос, который мы решаем, после чего полноценно "зайдём" на авито
Пробовали контекстную рекламу яндекс - тоже так себе результат. Клики дорогие, конверсия низкая. Зато отлично зашла таргетированная реклама в Instagram* (*запрещен в РФ) и реклама в районных пабликах ВКонтакте. Особенно в группах новостроек в ТГ - там как раз наша целевая аудитория.
Но главный канал - сарафанное радио. Причем работает оно интересно. Всегда знаешь , от кого пришли заказчики и проще выстраивать коммуникацию. Есть клиент - он доволен, рассказал коллегам - и понеслось. За три месяца получили еще два заказа от сотрудников той же компании. Выходит такой “корпоративный ремонт”)))
Были, конечно, и провалы в продвижении. Пытались работать с риелторами - предлагали им комиссию за клиентов. Не пошло - у них свои схемы, свои бригады. Пробовали давать рекламу в лифтах, входных группах - тоже мимо, ни одного обращения, но тут скорее из-за того что эта реклама буквально на день.
ИТОГ
Сейчас мы существуем уже чуть больше года и в целом смотрим на ремонтный рынок не так, как раньше. За это время мы сделали несколько важных заметок для себя:
Оказывается, большинство проблем в ремонте - это не технические сложности, а банальная организация процессов. Когда все четко спланировано и каждый знает что делать - даже самый сложный ремонт идет как по маслу.
Мы поняли, почему многие компании "химичат" с ценами и сроками - просто потому что не умеют нормально считать и планировать. Когда все процессы выстроены правильно, можно работать честно и все равно оставаться в плюсе.
Самое сложное - это не найти клиентов или научиться делать ремонт. Самое сложное - это переломить привычку рынка работать "по-серому". И заказчики, и исполнители настолько привыкли к непрозрачным схемам, что честный подход вызывает удивление.
Мы до сих пор учимся. Каждый объект - это новый опыт и новые вызовы (особенно по части коммуникаций с клиентами). Но главное - мы видим, что наша модель работает и пока что, нам удается держать ценник немного ниже рыночного, за счёт того что до сих пор не имеем в найме маркетологов, IT, отдела продаж и менеджеров по продажам. Стараемся нанимать именно рабочих, все остальное можно отдать на аутсорс.
Уважаемые пикабушники, были рады составить для вас эту статью! С любовью, СК Комната
Чтобы вставить картинку в редактор Figma так, чтобы после удаления картинки из папки, она по-прежнему оставалась в проекте в Figma, необходимо вставить её в проект как встроенный ресурс. Встроенный ресурс — это ресурс, который хранится в самом проекте Figma, а не на внешнем устройстве.
Для вставки картинки в проект как встроенный ресурс выполните следующие действия:
Откройте проект Figma, в который вы хотите вставить картинку.
Выберите пункт меню Файл > Вставить > Изображение.
В диалоговом окне «Вставить изображение» выберите картинку, которую вы хотите вставить.
В разделе «Вставить как» выберите вариант «Встроенный ресурс».
Нажмите кнопку «Открыть».
Картинка будет вставлена в проект как встроенный ресурс. После удаления картинки из папки, в которой она находилась, она по-прежнему будет отображаться в проекте Figma.
Также вы можете вставить картинку в проект как встроенный ресурс, используя горячие клавиши:
Ctrl + Shift + K (Windows)
⌘ + Shift + K (Mac)
При вставке картинки как встроенного ресурса в панели «Элементы» будет создан новый элемент со значком изображения. Вы можете переместить этот элемент в любое место в проекте.
Если вы хотите изменить картинку, вставленную в проект как встроенный ресурс, вы можете открыть её в редакторе Figma. Для этого дважды щелкните по элементу в панели «Элементы».
Посреди поиска в Озоне всплывает вот такое уведомление, которое невозможно убрать. Нет ни крестика, ни возможности смахнуть.
Лишь одна опция "Найти по фото. И это в тот момент, когда я усиленно ищу в каталоге нужное мне.
Единственное, открыть диспетчер приложений, смахнуть его нахуй. Затем снова войти в папку с приложениями, выбрать Озон. Дождаться и позакрывать все ебаные всплывающие уведомления об акциях, о "возможно, вас заинтересует" и т.д. и продолжить искать нужное
Теперь в игре нормальное главное меню, запуск, загрузка, сохранение, пауза. Инвентарь показывает живые предметы игрока — не тестовые болванки, а то что реально лежит в рюкзаке. Количество, вес, состояние — всё подтягивается само.
Задания обновляются по мере прохождения, а не висят списком ради красоты. Документы и записки открываются из игровых данных — нашёл бумажку в мире, она появилась в меню. Картотека собирает персонажей и улики.
Отдельная история — меню машины. Сделал вкладки по системам: двигатель, кузов, электрика, охлаждение, топливная, подвеска, тормоза. У каждой детали своё состояние, поломки, признаки неисправности и что с ней можно сделать. Где-то долить, где-то подкрутить, где-то снять и заменить. Серьёзный ремонт типа переборки двигателя на обочине не провернуть — для такого позже понадобится гараж.
Повреждения передаются напрямую из систем машины в меню. Что-то сдохло — сразу видно где и почему. Всё логируется в журнал событий.
UI готов почти полностью. Связи работают, кнопки жмутся, данные живые. Но когда собрал все экраны вместе, понял что информации местами перебор — особенно в разделе машины. Буду упрощать.
По ремонту — хочется не кнопку «починить», а подход как в My Summer Car: самому крутить гайки, снимать детали по очереди, ставить в пазы. Это сложнее и я пока прикидываю с чего начать, чтобы не закопаться. Но кнопка «починить» — не для этой игры.
На скриншотах живой интерфейс, всё работает прямо в Godot. Не макеты.
Привычная серая обыденность работы за компьютером: лениво кликать мышкой по ссылкам и кнопкам имитируя бурную деятельность, открывать-закрывать окна приложений пряча открытую страницу Пикабу с этим постом. Не менее увлекательно участвовать в длительных видеоконференциях с коллегами на удалёнке, чтобы потом совместно с ними редактировать общие документы. А в последствии искать крайнего — кто же всё-таки накосячил с цифрами, используя для этого систему версий. А вы задавались откуда это всё? Кто-то же должен был всё это придумать и обобщить. А спасибо ты можешь сказать одному человеку, который показал все эти чудесные инструменты задолго до появления интернетов и самого персонального компьютера в привычном виде.
Знакомьтесь, Дуглас Энгельбарт. Это он в далеком 1968 году показал миру до чего дойдёт прогресс каким станет персональный компьютер через полвека. Он раньше Стива Джобса с его айфоном провёл презентацию, которая перевернет мир изменит способ взаимодействия с вычислительной техникой. Но при этом Даг не стал миллиардером и даже не особо прославился при жизни, оставшись широко известным в узких кругах. Его имя мало кто знает, а вот его разработками мы пользуемся каждый день.
Лихой моряк-радист Дуглас Энгельбарт
Дуглас Карл Энгельбарт родился 30 января 1925 года на ферме неподалеку от Портленда, штат Орегон. А сама история берёт начало в 1945 году. Даг служил на флоте под конец Второй мировой, где работал техником, обслуживающим радарную установку. Он был на Филиппинах, где впервые и прочитал эссе Вэнивара Буша «Как мы можем мыслить» (As We May Think). В ней говорилось, что машины могут помогать людям думать и представлена концепция MEMEX — некое устройство, которое будет представлять собой распределенное хранилище знаний. В эссе Буш предсказал наступление информационной эпохи и появление некоторых её проявлений, например, персональных компьютеров, интернета. В статье описывается гипертекст реализованный «в железе». И понеслось. Эта мысль настолько зацепила Энгельбарта, что он решил посвятить себя этой идее.
Эссе американского инженера Вэнивара Буша «As We May Think», вышедшем в журнале The Atlantic в 1945 году.
MEMEX
В 1946 году дембельнувшись, Даг вернулся в колледж и с интересом следил за появлением первых вычислительных машин того времени — например, ЭНИАК. Он просёк, что именно подобные устройства помогут ему реализовать свои идеи в жизнь.
В 1948 году Энгельбарт заканчивает обучение и получает степень бакалавра по электротехнике. В том же году нанят Национальным консультативным комитетом по воздухоплаванию при Исследовательском центре Эймса. Затем в 1951 поступает в аспирантуру в калифорнийский университет в Беркли, получив степень магистра наук в 1953 году и степень доктора наук в 1955.
Будучи аспирантом, он без дела не сидел и помогал в строительстве проекта California Digital Computer (CALDIC). Этот электронный цифровой компьютер был спроектирован таким образом, чтобы обеспечить низкую стоимость и простоту в эксплуатации по стандартам того времени. Ввод и вывод данных осуществлялся с помощью бумажной ленты (перфолента), которую можно было создавать или просматривать с помощью телетайпа. Поэтому Дуглас Энгельбарт прекрасно знал рутину работы оператора ЭВМ и видел потенциал для развития пользовательского интерфейса.
«Я знал об экранах и о том, как можно использовать электронику для формирования символов из любой имеющейся у вас информации. Если была информация, которая могла бы поступать на перфоратор или компьютерный принтер, то вы могли преобразовать ее в любой вид символов на экране. Все это я понял, пока обучался работе с радаром» — вспоминал Дуглас Энгельбарт.
Когда компьютеры были большие
Проблема в том, что в пятидесятые компьютеры были большими размером и с комнату, а вычислительные мощности маленькими. Никаких тебе экранов, мышек или окон, а только клавиатура, бумажные носители с дырками, тумблеры или вообще гирлянды проводов. В общем только хардкор. Энгельбарт хотел подружить компьютер с человеком, сделать его инструментом для общения и совместной работы.
Энгельбарт устроился в Стэнфордский исследовательский институт (Stanford Research Institute), где работал над магнитными компонентами и миниатюризацией ЭВМ. В 1962 году подготовил доклад, содержащий предполагаемый план исследований и получивший название «Усиление человеческого интеллекта: концептуальный фрэймворк» (англ. Augmenting Human Intellect: A Conceptual Framework). Кратко суть сводится к одному вопросу: «Как компьютеры могут помочь человеческому интеллекту успевать за стремительным развитием науки и технологий?»
Инженеры ARC думают как заставить тебя эффективнее работать в офисе
Подготовка в лаборатории к знаменитой презентации
И не прогадал. Доклад нашёл поддержку от Управления по перспективным оборонным научно-исследовательским разработкам США (ARPA). Также инвестиции шли от NASA, которой нужны были компьютерные технологии для лунной программы. Энгельбарт открыл новый научный центр ARC (Augmentation Research Center) и собрал команду, чтобы строить систему oN-Line System (NLS). Его проект стал одним из первых, кто получил щедрое финансирование от ARPA, которое позже превратится в DARPA. С 1963 года и до начала семидесятых он получал стабильный бюджет, который в 1968 году составлял около полутора миллионов долларов, что по тем временам были огромные деньги. ARPA давала ему почти полную свободу, не лезла в исследования. Именно благодаря этому его лаборатория стала одним из четырёх узлов зарождающейся сети ARPANet, прародительницы современного интернета.
Подготовка к презентации
И вот наступило 9 декабря 1968 года. В Сан-Франциско проходила Единая осенняя компьютерная конференция и там собрались ведущие компьютерщики того времени которых сейчас гордо назвали бы айтишники.
К назначенной дате в зале собралось больше 1000 человек, среди которых были:
Алан Кей, математик, создатель ООП языка SmallTalk и в будущем — оконного интерфейса в Xerox PARC.
Энди ван Дамм, создатель первой гипертекстовой системы HES вместе с Тедом Нельсоном.
Боб Спроул, настоящий отец виртуальной реальности, создавший вместе с Айвеном Сазерлендом «Дамоклов меч» — первый VR-шлем.
Царила спокойная рабочая атмосфера и ничто не предвещало потрясений. Но на сцену выходит Энгельбарт и со своими коллегами проводит презентацию, которую потом назовут «Мать всех демонстраций» (The Mother of All Demos). Они представили широкой публике свой взгляд на персональные компьютеры и будущую веб-среду. И что характерно, будут правы почти на 100%. Не угадают только в одном — что котики захватят интернет, но это цель для другого научного исследования.
Энгельбарт показывает как ты будешь работать за ПК через 60 лет
Энгельбарт вышел на сцену, на голове у него были наушники и микрофон. Он сел перед демонстрационным экраном за рабочий стол, на котором кроме клавиатуры лежали аккордовая клавиатура (для таких полезных сочетаний клавиш как Alt+F4) и ещё какое-то непонятное деревянное устройство. И Даг начал показывать вещи, от которых у зрителей отвисали челюсти.
Энгельбарт печатает слова WORD, используя клавиатуру без всяких перфокарт. Тихая революция UI
Даг показал, как можно открывать несколько окон на экране, в которых были текстовые документы, а также он мог переключаться между ними. В одном из окон он работал с текстовым редактором, в другом была структура данных, схема. Продемонстрировал работу с текстом, как можно менять размеры шрифта только его части. Что можно копировать текст и вставлять его снова и снова (копипастеры, начало). Как сохранять и открывать файлы.
Работа над списком покупок
Маршрут построен
Энгельбарт продемонстрировал графический интерфейс системы. Он открыл на экране список покупок и тут же показал, как по словам в этом списке можно кликать и переходить к другим документам — гипертекст (ссылки) в действии. Но порядок в списке его не устроил, и он начал редактировать: хватает мышкой строчку, перетаскивает выше, ниже, создаёт подкатегории, добавляет новые ссылки прямо на лету. А потом, чтобы не ходить по магазинам вслепую, он набросал схему маршрута — и на экране появилась карта, как удобнее пройти от молока к хлебу. Всё это — одной мышкой, без переключения программ, в одной системе.
Мышь, выращенная Энгельбартом в лаборатории ARC на деньги от ARPA при Минобороны США.
Энгельбарт продемонстрировал запатентованную им компьютерную мышь, правда тогда он еще не знал, что это будет потом называться мышь. По документам девайс проходил под названием «указатель позиции X-Y». Это был просто деревянный кубик с кнопками, колёсиками и проводом. Мышь работала просто и гениально: внутри стояли два колёсика, расположенные под прямым углом друг к другу. Одно отвечало за движение влево-вправо, другое — вверх-вниз, при этом шарика еще не было. Когда Энгельбарт двигал мышь по столу, на экране перемещалось световое пятнышко, которое он назвал «клопом». Этим курсором можно было кликать по словам, перетаскивать их внутри документа или даже переносить в другой файл.
Ассистент в лаборатории во время совместной работы над документами удалённо
Дуглас даже устроил совместное редактирование текста в реальном времени с коллегой из лаборатории — это был первый в мире аналог Google Docs. Ассистент по видеосвязи участвовал в работе над документом находясь в 50 километрах от места проведения конференции.
Энгельбарт ввёл подход, который он назвал «бутстрэппингом» (самонастройкой) и показал систему, которая позволяла отслеживать, кто и что менял в файле. Идея простая: каждую новую версию программы собирали из уже готовых кусков, которые написали раньше. Так получалось, что работа над базой знаний и библиотеками шла шаг за шагом. Каждый следующий опирался на предыдущий. И самое важное: любой член команды в любой момент мог заглянуть в общую систему и увидеть, кто что менял, какие версии файлов существуют и что вообще происходит. По сути, это был прародитель современных Git и Subversion — только без интернета, зато с тем же принципом: прозрачность, контроль и никакой путаницы.
И всё это работало в одной системе, без переключений. Презентация длилась почти полтора часа и получила название «Мать всех демонстраций» (Mother of All Demos). Вся его демонстрация была посвящена тому, как по его мнению будет выглядеть работа с компьютером в будущем. И это мы видим в настоящем: веб-документы, экранные окна, компьютерная мышь, видеоконференция, коллективная работа над документами. .
Аккордовая клавиатура, обычная QWERTY и мышь. Рабочее место пользователя NLS
Лаборатория ARC
Презентация Энгельбарта не прошла бесследно, хотя и не сделала его миллионером. В зале на презентации сидел человек по имени Боб Тейлор, который тогда работал в ARPA и курировал финансирование Энгельбарта. Он видел всё своими глазами и был впечатлён настолько, что через пару лет, когда в 1970 году ему предложили возглавить новую компьютерную лабораторию в исследовательском центре Xerox PARC, он взял с собой эту идею. Более 20 разработчиков перешли на работу в Xerox PARC. Тейлор собрал команду талантливых инженеров и практически буквально сказал им: «Помните то, что показывал Энгельбарт? Давайте сделаем это реальностью». Так в 1973 году родился компьютер Xerox Alto — первая машина с полноценным графическим интерфейсом, окнами, меню и мышью. Alto не продавался, его использовали только внутри Xerox и в университетах для обкатки технологий, но он стал прототипом всего, что появилось позже.
Прошло ещё несколько лет стремительного развития ЭВМ от сложного и большого вычислительного устройства до персонального компьютера. В 1975 году появился Altair 8800 — первый относительно доступный компьютер, который продавался как набор для сборки, но у него не было ни клавиатуры, ни монитора, только тумблеры. Он вдохновил Билла Гейтса и Пола Аллена написать свой первый Бейсик и создать Microsoft. В 1976 году Стив Возняк собрал Apple I — просто плату без корпуса и клавиатуры, их нужно было подключать отдельно. А вот в 1977 году вышла Apple II — первый полностью готовый к работе персональный компьютер с клавиатурой, цветной графикой и возможностью сразу начать печатать или играть. Он стал коммерческим хитом. IBM PC вышел в 1981 году, он был достаточно мощной и открытой платформой для сторонних компаний. Его архитектура стала стандартом для всей индустрии. Но все эти машины были текстовыми, мышей у них не было.
В 1979 году Стив Джобс договорился о визите в Xerox PARC в обмен на возможность купить акции Apple. Ему показали Alto, и он обомлел от увиденного. Он сразу понял, что графический интерфейс и мышь — это будущее, и поручил своей команде реализовать это в новом проекте. Так в 1983 году вышла Apple Lisa — первый коммерческий компьютер с графическим интерфейсом, но он стоил около десяти тысяч долларов и не стал популярным. Зато уже в 1984 году Apple выпустила Macintosh, который был гораздо дешевле и именно его считают первым успешным массовым компьютером с мышью и окнами. Ныне привычная Windows тогда ещё даже не существовала. Первая версия вышла только в 1985 году как надстройка над MS-DOS. Только Windows 3.1 в 1992 году стала по-настоящему удобной, но всё равно работала поверх DOS.
Что касается IBM PC, который вышел в 1981 году, он был мощным и открытым, на процессоре Intel 8088, и его архитектура стала стандартом для всей индустрии, но он тоже был текстовым, без мыши и графики. Так что линия графического интерфейса тянется именно от Энгельбарта через Боба Тейлора в Xerox, а оттуда через Джобса в Apple, а уже потом и Windows догнала эту эстафету.
Энгельбарт умер в 2013 году, уже признанным гением, но в тени тех, кто разбогател на его идеях. Энгельбарт не стал миллионером. Он не купался в золоте, не летал на частных самолётах и не покупал острова. Зато он получил то, что дороже любых денег, — бессмертие в истории технологий. Его мышь, его окна и видеозвонки стали частью нашей повседневности. Он задал вектор, который подружил сложное железо с простым пользователем.
Кроме 20 патентов, Энгельбарт получил более 40 наград. Начиная с конца 1980-х годов Дуглас Энгельбарт находясь на пенсии получил следующие награды и премии:
В 1992 году был награждён медалью «Пионер компьютерной техники», самой престижной наградой Компьютерного сообщества IEEE.
В декабре 1995 года на четвёртой конференции WWW в Бостоне он стал первым лауреатом Мемориальной премии Юрия Рубински.
В 1997 году был награждён премией Lemelson-MIT в размере $500 000 — крупнейшей премией в мире, которая выдается за изобретения и инновации.
Также в 1997 году был награждён премией Тьюринга за вдохновляющее предвидение будущего развития интерактивных вычислений и изобретение ключевых технологий, помогающих это предвидение реализовать.
В 1999 году получил Медаль Бенджамина Франклина.
В декабре 2000 года президент США Билл Клинтон вручил Энгельбарту Национальную медаль США в области технологий и инноваций, высшую техническую награду в США.
В 2001 году Британским компьютерным сообществом был награждён медалью Лавлейс.
В 2005 году получил премию имени Норберта Винера.
В 2011 году введён в Зал славы IEEE Intelligent Systems AI’s.
