Записки веб-продюсера

личный блог Андрея Петренко



Веб-фишки :: Часть 3

И еще десяток веб-фишек — скрытых приколов в интерфейсах сайтов. Первая и вторая части.

Кстати, первое «пасхальное яйцо» (общее название скрытых возможностей в играх, фильмах, программном обеспечении) появилось в компьютерной игре «Adventure» в 1978 году. Эту игру выпускала компания «Atari» и имена создателей было не принято оставлять в интерфейсе программ. Поэтому программист Уоррен Робиннет создал первое «пасхальное яйцо» — он спрятал информацию о себе в одном из лабиринтов игры. Для того, чтобы его отыскать, нужно было найти невидимую точку и перенести в другой конец уровня. Понятно, что задание было непростым, но в этом и была основная фишка.

Впоследствии практика оставления «пасхальных яиц» в интерфейсе распространилась и в операционные системы. Поскольку многие разработчики «Amiga» ранее работали в «Atari», они вносили фишки в AmigaOS, а затем и в другие операционные системы.

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

  1. www.mechenosets.ru
    Кликаем на логотип сайта с зажатым шифтом. Футбольные болельщики впадают в неописуемый восторг.
  2. www.avalon74.ru/order
    Заходим в раздел «Заказать работу» и во фразе «Форма обучения» кликаем на букву «о» в слове «Форма», затем щелкаем на «Хочешь увидеть больше?»
  3. www.bobrikov.net
    Кликаем бобру на язык и орудуем бензопилой по полной программе.
  4. www.doroga78.ru
    Кликаем три раза по одному или по другому светофону в футере.
  5. www.parkbt.ru
    Нажимаем на точку в логотипе и наблюдаем эволюцию бытовой техники.
  6. www.google.com/reader/view/
    Теперь несколько пасхальных яиц от Google. Заходим в Google Reader и набираем комбинацию клавиш «вверх, вверх, вниз, вниз, влево, вправо, влево, вправо, B,A». Левая часть экрана должна стать синей, а слева появится ниндзя. Кстати, эта комбинация — копия чит-кода, который использовался в ранних версиях видеоигр Nintendo от компании Konami.
  7. www.google.ru
    Введите в поисковой строке слово «рекурсия» и система предложит «исправленный» вариант: «Возможно, вы имели в виду: рекурсия»

    clip_image001[1]

    Таким образом Гугл наглядно объясняет это понятие. Игра слов в стиле Гугла.

  8. www.google.ru
    Похоже, что инженеры компании Гугл являются большими поклонниками книги Дугласа Адамса «Путеводитель для путешествующих автостопом по галактике», в которой «Ответ на главный вопрос жизни, вселенной и всего такого» должен был решить все проблемы Вселенной.В сюжете книги есть специально созданный суперкомпьютер, которому задают вопрос о смысле жизни. В течении семи с половиной миллионов лет он вычислял ответ на него и результатом стал ответ: «42». Причем компьютер уверял что результаты абсолютно точны и были перепроверены не один раз.

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

    Так вот, одним из результатов запроса: «Ответ на главный вопрос жизни, вселенной и всего такого» будет калькулятор в верхней части выдачи, который напишет ответ на этот вопрос: «42»

  9. приколы от Гугла

  10. Есть и другие запросы, на которые реагирует Гугло-калькулятор. Например, «number of horns on a unicorn» или «once in a blue moon». Также будет небесполезным узнать, что
    1 удав = 38 попугаям

    1 слоненок = 2,5 мартышкам
    1 литр = 8.0 x 10-6 куб. удав
    1 попугай = 2.9601563 вершка
    экваториальный радиус Земли = 48 473 560 попугаев
    1 миллиметр ртутного столба = 833.264803 Ньютон / (кв. слоненок)
    1 куб. световой год = 1.69357333 x 1051 пол-литры
    1 куб. удав = 10 162.5014 казенных ведра
  11. http://earth.google.com/intl/ru/
    С помощью имитатора полета можно облететь земной шар в программе Google Планета Земля. Управлять имитатором самолета можно с помощью мыши или другого средства управления.Жмем Ctrl + Alt + А, выбираем самолет (F-16 или SR22), cтартовую позицию и полетели! Сочетания клавиш для управления здесь.

    приколы от Гугла

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

Продолжение следует…

Веб-фишки :: Часть 2

Веб-фишки :: Часть 2

Продолжение коллекции фишек. Первая часть фишек тут.

  1. http://www.multimenu.ru

    Смотрим ролик в заставке сайта и в момент когда на экране появляется надпись «А главное бесплатная дегустация в вашем офисе» кликаем по ромашке в декольте блондинки.

    Дальше наблюдаем почему у питания Мульти Меню сумасшедший потенциал.

  2. http://www.lazurnoe.com

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

  3. http://omskmap.ru

    Три раза кликаем на первую букву «О» во фразе «Омская область» под картой и зло начинает трепещать.

  4. http://seopult.ru/

    Кликаем три раза на букву «O» в логотипе и смотрим рекламный ролик системы. Только для тех, кому 18+. Кликаем три раза на букву «U» и смотрим другую версию этого же ролика. Жестоко, но справедливо.

  5. http://www.i-kamin.ru/maps/sushevskiy_val.html

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

  6. http://miss.sporthit.ru

    Кликаем 4 раза по сноуборду в руках у девушки и наслаждаемся.

  7. http://32pearls.by.ru/staff/

    Нажимаем на фотографии сотрудников и разглядываем их во всей красе.

  8. http://www.elpida.ru

    Хотите немножко пошалить? Нажимайте на левый верхний балкон и чувствуете себя всемогущим.

  9. http://www.greenbag.ru/story/finland

    Кликаем по носу оленя в правом верхнем углу и выращиваем цветы.

  10. http://www.gazon-avangard.ru/redactor.php?id_part=9

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

    Продолжение следует…

Гольф вместо совещаний

Теперь у нас в офисе есть мини-гольф для разминки мозгов и настройки на креатив.

В Студии Вебиум играют в гольф вместо совещаний

Веб-фишки :: Часть 1

Веб-фишки Часть 1

Все нестандартное, скрытое или запретное всегда привлекает к себе чрезмерное внимание. Отсюда популярность вирусных роликов, новых креативных веб-разработок и, конечно-же, неявно зашитых в интерфейсе сайта приколов — веб-фишек. Достаточно вспомнить «Секретный уровень» Яндекса при переходе на 404-ю страницу или нецензурную версию сайта «Евросети» от Лебедева. Такие штуки рождают бурные обсуждения в блогах, форумах, социальных сетях и в твиттере, создавая естественную ссылочную массу на ресурс и прибавляя ему популярность.

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

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

  1. http://balagan.atilekt.com
    Включаем погромче звук, кликаем на логотип вцентре и набираем на клавиатуре «dsfox». Превед!
  2. http://www.yahoo.com/
    Кливаем на восклицательный знак в логотипе и внимально слушаем.
  3. http://rem-dom.info
    Кликаем три раза на строителя внизу слева и ловим кирпичи. В обеденный перерыв можно попытаться поставить рекорд.
  4. http://kuhni-na-zakaz.ru
    Кликаем на «Получи скидку» в шапке сайта, играем и зарабатываем скидки.
  5. http://www.completo.ru
    Пять раз потяните вверх-вниз шторку и получите приз за упорство.
  6. http://okmedia.ru
    Переходим в раздел «Виртуальный менеджер» и просим всякие неприличные вещи, типа «покажи сиськи», «покажи попу» и т.д.
  7. http://simpleart.com.ua
    Наводим курсор на логотип и через пару секунд наблюдаем транформации на столе дизайнера.
  8. http://www.fishingspb.ru
    Кликаем три раза на рыбаке в лодке чтобы рабалка стала немного веселей.
  9. http://559.tut.ua
    Только для взрослых. Кликаем на человечка с телефоном и наблюдаем умопомрачительный стриптиз.
  10. http://av-moskovsky.ru
    Щелкаем десять раз пультом по телевизору на флешке в правом нижнем углу чтобы пораздражать медведа.

У вас есть ссылки на новые веб-фишки? Постите их в камменты, будем собирать коллекцию вместе.

XXL-Market.RU меняет амплуа

XXL-Market.RU - сервис аренды интернет-магазинов

Уже четыре года мы ориентировали Первый интернет-гипермаркет XXL-Market.RU в основном на покупателей. Идея проекта проста — в системе регистрируются множество интернет-магазинов и все товары, которые в них продаются также "видны" на общей витрине — Гипермаркете. Покупатель заходит на общую витрину, выбирает товар и магазин, в котором он продается, переходит на него и делает покупку.

Бизнес-модель была следующей: существовало три тарифных плана — один бесплатный и два с помесячной оплатой за расширенный функционал. Ставка была на количество магазинов и это, конечно, сработало. За год активного тестирования было зарегистрировано более 350 магазинов. Мы получили множество отзывов, вопросов, предложений по улучшению. Большинство из них было учтено. И мы довольны тем, что огромное количество людей и мы вместе с ними смогли протестировать наш сервис.

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

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

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

Бесплатный тарифный план будет постепенно упразднен (ориентировочно в течении 6 месяцев), а магазинам будет предложено перейти на платный тариф.

Бесплатной останется только возможность в течении 30 дней потестировать магазин на любом тарифном плане и затем оплатить его, либо отказаться от дальнейшего пользования сервиса.

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

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

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

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

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

У Вас есть пожелания или предложения по сервису? Знаете как его улучшить? Пишите все в камменты, будем обсуждать.

Оплата труда веб-студии

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

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

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

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

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

И еще попробую ответить на некоторые вопросы, которые мне задали. Хоть они и не совсем по теме поста, но все же:

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

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

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

как быть студиям в СНГ? если есть руки прямые, голова рабочая и желание делать качественный продукт, но PayPal не доступен, это снизит доверие заказчиков?

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

Кстати, ПэйПэл уже вроде есть в России?

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

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

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

7 настроек Оперы для экономии времени

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

    1. Настройка торрент-клиента.

    Наверное, несколько лет я парился с проблемой скачивания торрентов. Опера настойчиво предлагала свой торрент-клиент для скачивания, а мне нужно было качать нюТоррентом. Приходилось по ссылке сохранять торрент-файл на диск, а затем добавлять его из клиента. Лишних и абсолютно бессмысленных действий в таком варианте целая куча.
    В какой-то момент мне это сильно надоело и я решил настроить Оперу на скачку торрентов одним кликом. Сделать это оказалось совсем просто. Для этого нужно лишь зайти в меню «Инструменты» — «Настройки» — «Дополнительно» — «Загрузки», снять галочку с «Скрыть типы, открываемые Опера» и найти расширение torrent.

    Затем нужно нажать «Изменить», «Открыть в программе по умолчанию» и все!

    Теперь при клике на ссылку с торрент-файлом у меня автоматически открывается нужный торрент-клиент.

    2. Переводчик Гугл

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

    Чтобы его установить, нужно пойти в меню «Виджеты» — «Выбрать виджеты» и со страницы http://widgets.opera.com/ на блоке «Google Translator» нажать «Launch» — "Установить" — "Завершить". Готово, виджет установлен.

    Теперь, чтобы быстро перевести какое-то слово или веб-страницу я просто запускаю Google Translator из панели виджетов. Кстати в опциях есть русский интерфейс, хотя там и так все предельно просто и понятно.

    3. Управление мышью

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

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

    4. Заполнение форм личными данными

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

    5. Экспресс-панель

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

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

    6. Проверка орфографии

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

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

    7. Менеджер паролей

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

    Наверное, за все эти настройки я и люблю Оперу и не променяю ее ни на один распиаренный недобраузер.