Человек и Интернет » Веб-технологии http://8sg.ru Блог об Интернете, бизнесе, IT и рекламе Fri, 21 May 2010 04:56:25 +0000 http://wordpress.org/?v=2.9.2 en hourly 1 10 принципов эффективного веб-дизайна http://8sg.ru/518_10webdi/ http://8sg.ru/518_10webdi/#comments Fri, 12 Mar 2010 03:21:38 +0000 Станислав Горбатовский http://8sg.ru/?p=518 Юзабилити и практичность, а не визуальный дизайн, определяют успех или провал любого веб-сайта. Так как именно пользователь — единственный, кто кликает мышкой и, таким образом, принимает все решения, то одним из стандартных подходов для создания успешных и прибыльных веб-дизайнов стал «дизайн, ориентированный на пользователя» (user-centric design). В конце концов, если пользователь не умеет пользоваться той или иной функцией, ею можно легко пренебречь.

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

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

Как думают пользователи?

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

Многие пользователи ищут что-нибудь интересное (или полезное) и “кликабельное”; как только на глаза попадается подходящий “кандидат”, пользователь быстро кликает и переходит по ссылке. Если результат не оправдал его ожиданий, пользователь кликает “назад” и продолжает поиск.

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

Пользователи не читают, они «сканируют». Анализируя веб-страницу, пользователи ищут фиксированные точки, “якоря”, которые будут направлять их по содержимому на странице.

Сканирование страницы глазом

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

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

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

Последовательность просмотра зон картинки

Хаотичное сканирование изображения

Обе картинки показывают, что последовательное сканирование не работает в вебе.

Пользователи дейтвуют интуитивно. Чаще всего пользователи просто просматривают, а не читают внимательно то, что предложил им дизайнер. По мнению Стива Круга (Steve Krug), главная причина в том, что пользователям безразлично. “Если мы найдем что-то, что работает, мы будем этим пользоваться. Нам не интересно, как это все работает, главное чтобы работало правильно. Если ваша аудитория воспринимает сделанное вами как доску объявлений, тогда создавайте качественный дизайн доски объявлений.”

Пользователи хотят контролировать. Пользователям важно контролировать браузер и полагаться на правильную передачу данных через сайт. Например, они не хотят неожиданно открывающихся pop-up окон, и они хотят быть в состоянии вернутся на предыдущую страницу, нажав кнопку “назад”. Отсюда, необходимо следовать одной из важнейших практик — никогда не открывать ссылку в новом окне браузера.

1. Не заставляйте пользователей думать

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

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

Неправильное использование удачного места

Давайте рассмотрим пример. Beyondis.co.uk заявляют, что они “beyond channels, beyond products, beyond distribution”. Что это значит? Так как ползователи склонны к изучению веб-сайтов согласно «F-модели» (“F-pattern”), вышеуказанные утверждения будут первым элементом, который пользователи увидят при загрузке сайта.

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

Удачный пример расположения блоков

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

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

2. Не испытывайте терпение пользователей

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

Как говорит Ryan Singer, один из разработчиков команды 37Signals, пользователи будут рады предоставить свой адрес email, если у них его попросят после того, как они увидят, как же сервис работает на самом деле. Другими словами, пользователи будут понимать, что они получат “взамен” своего email.

Доступная форма регистрации

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

Быстрозаполняемая форма

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

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

3. Концентрируйте внимание пользователей

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

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

Концентрируем внимание на бесплатном и дополняем символом нуля

Humanized.com идеально использует принцип фокусирования. Единственный элемент моментально видимый для пользователей – слово “free” (“бесплатно”), которое сразу привлекает, но и является абсолютно неинформативным. Тонкие подсказки предлагают пользователям достаточно информации, чтобы узнать больше о “бесплатном” продукте.

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

4. Стремитесь показать наиболее значимые вещи

Современные веб-дизайны часто подвергаются критике за свой подход в использовании “шагов” (сродни 1-2-3-готово!), огромных кнопок, кучи эффектов и т.п. Но с точки зрения дизайна такие элементы не настолько уж и плохи. Напротив, такие элементы очень эффективны, т.к. они облегчают переход пользователей между частями сайта.

Выделяем четкую структуру

Dibusoft.com совмещает приятный дизайн с четкой структурой. У сайта есть 9 главных элементов, которые видны невооруженным взглядом. Хотя, возможно, цвета слишком светлые.

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

5. Пишите эффективно

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

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

Покажи клиенту то что он ждет

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

Оптимальное решение для эффективного составления текста:

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

6. Стремитесь к простоте

Принцип “делай проще” (keep it simple, KIS) должен быть основной целью дизайна сайта. Пользователи редко заходят на сайт, чтобы просто насладиться дизайном. Более того, в большинстве случаев они ищут нужную информацию, несмотря на дизайн. Стремитесь к простоте, не усложняйте.

Все просто

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

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

Не надо ничего лишнего

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

7. Не бойтесь пустого пространства

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

Сложные структуры трудны для чтения, сканирования, анализа и работы. Если вы стоите перед выбором, разделить два элемента дизайна видимой линией или пустым пространством, то лучше сделать выбор в пользу второго. Иерархическая структура снижает сложность (Simon’s Law): чем лучше вы смогли представить пользователям визуальную иерархию, тем проще будет восприниматься контент.

Больше воздуха

Пустое пространство — это хорошо. Cameron.io использует пустое пространство как главный элемент дизайна. Результатом является легко сканируемая разметка, которая выводит контент на заслуженный доминирующий уровень.

8. Эффективная коммуникация с помощью контента

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

  • Организация: Дайте пользователю чёткую и согласованную структуру. Последовательность и размещение логических блоков, взаимосвязь между ними, возможности перехода между этими блоками — важные моменты организации. Одни и те же правила должны применяться ко всем элементам.
  • Экономия: Пытайтесь сделать как можно больше с меньшим количеством визуальных элементов. Четыре главных момента: простота, чёткость, отличительность и выразительность. Простота означает включение только тех элементов, которые наиболее важны для эффективной коммуникации. Чёткость: все компоненты должны иметь такой дизайн, который не запутывает посетителя в предназначении этих элементов. Отличительность: самые важные свойства элементов должны быть легко заметны. Выразительность: самые важные элементы должны легко визуально восприниматься.
  • Взаимодействие: внешний вид должен соответствовать физическим возможностям посетителей. Сайт должен быть понятным, читабельным, с правильной типографикой, подходящими цветами и т.д. Используйте не больше 3 шрифтов с 3 разными размерами, а также не более 18 слов или 50-80 символов на строку текста.

9. Традиции — наши друзья

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

Используя традиционные подходы, вы легко завоюете доверие пользователей, их уверенность в вас. Следуйте ожиданиям пользователей — понимайте, чего они ожидают от навигации сайта, структуры текста, расположения поиска и т.д. (см. Nielsen Usability Alterbox)

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

10. Тестируйте рано, тестируйте часто

Этот принцип (TETO, “test early, test often”) должен применяться к каждому веб-проекту, т.к. тесты юзабилити часто показывают все самые большие проблемы с данным дизайном.

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

Несколько важных моментов:

  • Стив Круг считает, что тестирование с одним пользователем в 100 раз лучше, чем тестирование без участия пользователей вообще, а тестирование с одним пользователем в начале проекта лучше, чем тестирование с 50 пользователями в конце. В соответствии с первым законом Боэма (Boehm’s Law), ошибки чаще всего случаются при начальных этапах проектирования и дизайна; чем позже они исправляются, тем дороже это выходит проекту.
  • Тестирование — итерационный процесс. Это работает так: вы что-то создаёте, тестируете, исправляете и тестируете снова. Возможно вы найдёте проблемы, которые остались незамеченными при первом тестировании в «мусоре» других ошибок.
  • Тесты юзабилити всегда дают полезные результаты. Вы либо увидите текущие проблемы, либо их отсутствие. В любом случае это полезно для проекта.
  • В соответствии с законом Вайнберга (Weinberg’s Law), разработчики неспособны тестировать свой код. Это применимо и к дизайнерам. После того, как вы несколько недель работали над сайтом, у вас “замыливается глаз” и вы больше не можете взглянуть на проект по-новому. Вы знаете, как он устроен изнутри и как работает на самом деле — этих знаний у независимых тестеров и ваших пользователей нет.

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

Перевод статьи, опубликованной в Smashing Magazine, “10 Principles Of Effective Web Design” (Артём Янцевич)
Наиболее комментирумые посты

[BobrDobr.ru] [del.icio.us] [Google] [Memori] [МоёМесто] [Twitter] [Email] Еще »
]]> http://8sg.ru/518_10webdi/feed/ 2 С чего начинается Интернет-бизнес http://8sg.ru/454_inetbiz-start/ http://8sg.ru/454_inetbiz-start/#comments Wed, 19 Aug 2009 05:40:06 +0000 Станислав Горбатовский http://8sg.ru/?p=454 Сегодня я решил продемонстрировать Вам где начинали работу некоторые из крупных интернет-компаний. Я хочу показать, что не обязательно начинать с офиса, чтобы достичь успеха, многие начинают с комнат общежития или своих спален с одним лишь ноутбуком. Некоторые из описанных персон немного изворотливы в ответах, но до сих пор помнят что было 11 лет назад и с чего они начинали. Тех, кто раньше был отмечен в рейтинге «30 богатейших Интернет-предпринимателей», я отметил и указал их позицию – помимо показателя личного капитала вы найдете в рейтинге фотографии этих людей.

Компания: LinkedIn
Основатель: Reid Hoffman (20 место в рейтинге)
Начал бизнес: В гостиной комнате
В 2003 LinkedIn был официально основан. Проект был запущен 5 мая, когда пять основателей пригласили около 350 из своих контактов присоединяться. В конце первого месяца было уже 4 500 пользователей.

linkedin
Начало Linkedin.com
Компания: eBay
Основатель: Pierre Omidyar (4 место в рейтинге)
Начал бизнес: Дома у Пьера
Не много таких сайтов которые могут сравниться в успешности с eBay. Имя eBay родилось потому что сайт использовал Echo Bay Technology. Доменное имя echobay.com было уже занято и зарегистрировали eBay.com.

eBay
Начало eBay.com
Компания: WhatEverLife
Основатель: Ashley Qualls
Начала бизнес: На кухне
Эшли начала свое дело в 2004 с доменным именем за 8$ и старым компьютером, в 14 лет. Тогда она не знала что начинает бизнес, а просто создавала легкий способ поделиться дизайнами страниц MySpace со своими друзьями.

Whateverlife
Начало WhatEverLife.com
Компания: FastHost
Основатель: Andrew Michael (29 место в рейтинге)
Начал бизнес: В его спальне
Эндрю стал мультимиллионером после продажи интернет-бизнеса, который он начинал еще подростком. Интернет-проект Fasthost он запустил в 17 лет. С продажей Fasthost он обогатился £47 миллионами.

FastHost
Начало FastHost.com
Компания: YouTube
Основатель: Chad Hurley (24 место в рейтинге)
Начал бизнес: В офисе, где он работал
После того рокового обеда, на котором Chad Hurley и Steve Chen (22 место в рейтинге) захотели реализовать более простой способ делиться видео-файлами, они сразу приступили к поиску ответа как это сделать. «В феврале мы начали развивать продукт» – говорит Херли, «В мае у нас был наш первый публичный просмотр, а в декабре мы официально начали YouTube. К тому времени мы уже показывали больше, чем 3 миллиона видео в день.»

youtube
Начало YouTube.com
Компания: Voltage
Основатели: Rishi  Kacker и Matt Pauker
Начали бизнес: В подвале строящегося здания
Ричи и Мэтт начали работу как задание на практику в Стэнфорде. Они попали в конкурс бизнес-планов и выиграли его. При помощи нескольких опытных руководителей они создали процветающий бизнес в сфере программного обеспечения безопасности с более чем 130 крупными клиентами и 75 служащими. «Это все еще удивительно для меня» – говорит Мэтт.

voltage
Начало Voltage.com
Компания: PlentyOfFish
Основатель: Markus Frind
Начал бизнес: В его домашнем кабинете
В 2001, после дня рождения Маркуса, одна знакомая предложила ему зарегистрироваться на сайте знакомств. После просмотра таких сайтов как udate.com и kiss.com он был расстроен тем, что необходимо было платить практически за все. Он очень хотел общаться с людьми и сказал своей знакомой, что может добиться успеха и дать людям общаться бесплатно. В тот же день он зарегистрировал Plentyoffish.com.

Plentyoffish
Начало PlentyOfFish.com
Компания: Digg
Основатель: Kevin Rose
Начал бизнес: В его квартире
Дэвид Прэджер изначально рекомендовал назвать проект Diggnation, но Кевин Роуз хотел более простое название и выбрал Digg. Проект назвали Digg вместо Dig, потому как доменное имя dig.com было зарегистрировано интернет-группой Уолта Диснея.

Digg
Начало Digg.com
Компания: Biz Chair
Основатель: Sean Belnick
Начал бизнес: В его спальне
Шон начал с 500$ и 50 продуктов. Теперь в компании работают 75 человек и онлайн-ассортимент насчитывает больше чем 25000 продуктов. Biz Chair продает мебель для офиса, домашнюю и школьную мебель, а также медицинское оборудование. Microsoft, Google и American Idol среди постоянных клиентов этого магазина.

Bizchair
Начало BizChair.com
Компания: Threadless
Основатели: Jack Nickell и Jacob Dehart
Начали бизнес: В квартире-студии
Джек Никелл и Иаков Дехарт (оба бросили колледж) запустили Threadless, когда работали на другой, основной работе. Оба партнера внесли скромные 500$ как начальные инвестиции. Теперь у компании годовой доход около $50 миллионов.

Threadless
Начало Threadless.com
Компания: PopCap Games
Основатели: John Vechey, вместе с Brien Fiete и Jason Kapalka
Начали бизнес: В хоум-офисе
Джон, Брайн и Джейсон основали Popcap Games в 2000 году. Раньше они также работали с Интернетом, занимались небольшими игровыми сайтами. Их первый игровой продукт Bejeweled стал большим хитом и получил много наград.

PopCapGames
Начало PopCapGames.com
Компания: RunEscape
Основатель: Andrew Gower (19 место в рейтинге)
Начал бизнес: В спальне дома родителей в Ноттингеме
Эндрю занялся программированием игр еще в детстве. Он начал проект RunEscape как хобби, и позже превратил этот проект в деньги и оказался успешным бизнесменом.

runescape
Начало Runescape.com
Компания: Google
Основатели: Larry Page (первое место в рейтинге) и Sergey Brin (второе место в рейтинге)
Начали бизнес: В гараже
Когда Ларри и Сергей начали, они назвались BackRub, но позже они решили, что их поисковая машина нуждается в новом названии. После некоторой мозговой атаки они придумали Google — игра на слове «googol», математическом термине для числа, представленного цифрой 1, сопровождаемой 100 нолями. Использование термина отражает их миссию организовать практически бесконечное количество информации.

google
Начало Google.com
Компания: Facebook
Основатель: Mark Zuckerberg (17 место в рейтинге)
Начал бизнес: В комнате общежития Гарварда
Рождение Facebook связано с любовью Закерберга к взломам и хакерству. Он стал известен, когда отклонил предложение в $1 миллиард от Yahoo. Позже он согласился со сделкой за $240 миллионов, передав долю в Facebook 1.6 % Microsoft , следовательно подняв оценку до $15 миллиардов.

facebook
Начало Facebook.com

Возможно Вас заинтересуют эти записи:

[BobrDobr.ru] [del.icio.us] [Google] [Memori] [МоёМесто] [Twitter] [Email] Еще »
]]> http://8sg.ru/454_inetbiz-start/feed/ 3 О поиске инвестиций и амбициозных директорах http://8sg.ru/220_investment/ http://8sg.ru/220_investment/#comments Tue, 16 Jun 2009 07:39:13 +0000 Станислав Горбатовский http://8sg.ru/?p=220 инвестицииНашел на Хабре отличный рассказ (часть 1, часть 2), написанный человеком с ником johnny_palec. Рассказ описывает реальную историю, произошедшую с небольшой российской IT-компанией. Директор этой компании, не особо разбирающийся в технических вопросах, и сам автор – технический специалист (конечно в веб-сфере, я же по большей части про это читаю) искали инвестиции. Изложение начинается с момента прихода автора в организацию (которая в тот момент была в глубокой депрессии, на должность технического директора) и появления идеи «получить инвестиции» у директора. В подробностях рассказываются все действия этих смелых людей вплоть до самого окончания процесса (а какой конец – не скажу, читайте сами).

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

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

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

Предыстория

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

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

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

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

Пришествие пророка

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

Миновал добрый десяток наибредовейших идей и безнес-планов, наша совместная работа напоминала несуществующий фильм с Чарли Чаплином про пожарных и пироманьяков – два товарища бегали под весёленькую музыку и разжигали там и сям огонь бредовых идей, а я бегал за ними в смешной пожарной форме и тушил их. Первое время это было весело, затем стало жаль потерянного времени. Больше всего я ждал, когда этот театр абсурда закончится и я смогу вернуться к своим основным задачам. Закончилось всё, как ни странно, довольно неплохой идеей сервиса, который в силу своих особенностей должен был составить конкуренцию «Яндекс.Маркету». Тут же был написан беспомощный и совершенно не имеющий отношения к реальности бизнес-план. Цифры в нём брались с потолка, данные были настолько чудовищны, что только совсем далёкий от веба человек мог им поверить, оставалось только надеяться, что инвесторы не умрут со смеху.

Все на фронт

Для многих это может оказаться сюрпризом, но поиск инвестиций – довольно затратный процесс. Поездки, встречи с людьми (встречи с нужными людьми не бесплатны), услуги аудиторов и юристов, сам товарищ С. работал не только за будущую долю, но и за ежемесячную зарплату. На тот момент мой отдел состоял из трёх программистов и нескольких удалённых сотрудников. В целях экономии и перераспределения ресурсов для новых целей было принято решение всех уволить, мне поднималась зарплата, работающие проекты переходили исключительно на поддержку жизнедеятельности, моя задача состояла в технических консультациях, написании ТЗ и прочей документации, встречах с техническими специалистами со стороны потенциальных инвесторов. Работа нескольких месяцев была похоронена, созданная с огромным трудом команда распущена. В компании меня удерживали только греющая карман немаленькая зарплата и острое желание всё же стать свидетелем развязки этой в какой-то степени абсурдной, в какой-то степени весёлой истории. Ну и, признаюсь, даже у меня появилась призрачная надежда, что из этого может что-то получиться.

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

Первые блины

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

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

Я немного отвлёкся. Из Лондона вернулись ни с чем – как оказалось (!) хорошо было бы сделать какую-никакую презентацию и документ под названием Due Diligence. Мои надежды на профессионализм и какие-либо познания в инвестиционных вопросах товарища С. рассыпались о стену фактов. Но, как ни странно, несколько серьёзных людей из Лондона всё же заинтересовались проектом и готовы были встретиться ещё раз, как только появится хотя бы Due Diligence.

Ещё один пророк

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

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

Тяжело в учении

Работа пошла веселее, но и намного напряжённее. Кроме стандартного набора документов постоянно требовались какие-то уточняющие и проясняющие некоторые вопросы материалы. Часто случалось так, что мне в 10 часов вечера звонил товарищ С. и просил подготовить тот или иной документ к утру. Один раз он разбудил меня в час ночи и сказал, что рядом с ним сидят 5 человек из такого-то фонда – телефон он ставит на громкую связь, а мне нужно кратко рассказать о технических аспектах проекта и ответить на некоторые вопросы.

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

Едем дальше

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

Это было просто сумасшедшее ощущение случившегося невероятного, я до последнего отказывался верить в то, что вся эта мышиная возня может привести к чему-то подобному – мы едем к САМИМ! Я уже в мыслях начал строить планы сначала на свою будущую зарплату, затем на долю от продажи компании (до этого момента я называл её «дуля») — сейчас очень смешно вспоминать.

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

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

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

Страшный суд

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

Мы приехали в красивый особняк, в который совсем недавно переехал фонд, милая девушка провела нас на третий этаж и предложила кофе. Напряжение у всех, кроме товарища Р. было нереальным – мы нервно травили анекдоты и убеждали друг-друга, что вот сейчас мы им покажем (сначала презентацию, потом кузькину мать, либо наоброт). Появилась всё та же милая девушка и растеряно сообщила, что встреча перенесена на 12 – об этом товарищу С. был направлен e-mail.

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

На встрече присутствовали все партнёры фонда, если мне не изменяет память – 6 или 7 человек. Вступительная речь товарищей С. и Р., вступительная речь директора на ужасном английском, начало презентации. 2 или 3 человека со скучными лицами смотрели на слайды, один вообще смотрел куда-то мимо нас и думал о чём-то своём, в этот момент мне показалось, что смысла продолжать нет, всё пропало. Но как-то так получилось, что разговор понемногу увлёк всех участников, мы спорили, смеялись, все мои заготовленные речи и ответы совершенно не понадобились. Я на ходу адаптировал архитектуру под каверзные вопросы, выдавал приходящие по ходу беседы идеи за наши секретные заготовки (по моим наблюдениям финансовые вопросы решались товарищем С. подобным образом), ну и в целом всё прошло очень легко и в хорошей атмосфере.

После трёхчасового разговора партнёры удалились на совещание, через 10 минут они вернулись и один из старших партнёров сказал нам: «We will give you money». Эйфория после приглашение на презентацию была ничем в сравнении с тем, что я почувствовал в этот момент. Мы вышли из здания, сели в такси, приехали в отель. Всё это время мы глупо улыбались и не знали что сказать. В лифте наш директор, который исключительно редко проявляет эмоции и в целом хочет быть похожим на сурового мафиози, обнял нас по очереди, похлопал по спине и сказал «вы молодцы, мы молодцы!». В течение всего последующего вечера разногласия, обиды, усталость, всё отошло на второй план – мы ужинали в одном из лучших ресторанов города, пили отличное вино и искренне радовались нашему невероятному успеху. В отеле я пообщался с глазу на глаз с товарищем Р. — как я и ожидал, он оказался исключительно умным и интересным человеком, общение с ним стоило каждой минуты сложностей во всей этой истории. Больше всего меня удивило то, что товарищ С. и директор совершенно его не слушали в некоторых вопросах, а могли бы избежать очень многих проблем. На следующий день мы гуляли по городу, строили планы на будущее, спорили о нюансах организации новой компании. В Москву возвращались победителями.

Ответный визит

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

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

Заключение

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

Орфография и пунктуация сохранены (убрана только одна точка в заголовке). Спасибо johnny_palec за рассказ.Возможно Вас заинтересуют эти записи:

[BobrDobr.ru] [del.icio.us] [Google] [Memori] [МоёМесто] [Twitter] [Email] Еще »
]]> http://8sg.ru/220_investment/feed/ 2 Бесплатные и уникальные иконки http://8sg.ru/211_iconza/ http://8sg.ru/211_iconza/#comments Mon, 15 Jun 2009 09:37:13 +0000 Станислав Горбатовский http://8sg.ru/?p=211 логотип iconzaОчень хорошая идея посетила компанию Турбомилк. Они решили закрыть потребность веб-мастеров в служебных иконках для их сайтов и разработали Иконза. Это коллекция бесплатных иконок, которые можно перекрашивать и уменьшать. Если у вас есть сайт или блог, Вы сможете подобрать иконки, которые лучшим образом впишутся в Ваш дизайн. Иконки можно сохранить в png с прозрачным фоном, а можно подложить фон и посмотреть как они будут выглядеть (ну или на крайняк, принтскринить). Очень удобный и простой сервис.

Возможно Вас заинтересуют эти записи:

[BobrDobr.ru] [del.icio.us] [Google] [Memori] [МоёМесто] [Twitter] [Email] Еще »
]]> http://8sg.ru/211_iconza/feed/ 0 Супер Вау! http://8sg.ru/130_wow/ http://8sg.ru/130_wow/#comments Tue, 07 Apr 2009 16:28:50 +0000 Станислав Горбатовский http://8sg.ru/?p=130 Красотища! Это поразительно!!
Смотреть и участвовать всем!!!

http://soytuaire.labuat.com/

Ну почему же русские так не делают!

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

Возможно Вас заинтересуют эти записи:

[BobrDobr.ru] [del.icio.us] [Google] [Memori] [МоёМесто] [Twitter] [Email] Еще »
]]> http://8sg.ru/130_wow/feed/ 0 Ценность стартапа в аудитории http://8sg.ru/87_startup_auditory/ http://8sg.ru/87_startup_auditory/#comments Sat, 04 Apr 2009 05:36:55 +0000 Станислав Горбатовский http://8sg.ru/?p=87 Фред Уилсон (венчурный капиталист) очень хорошо высказался о том, насколько глупо судить о ценности стартапа, исходя только из технической сложности проекта. Он говорит, что среди технических специалистов часто встречается пренебрежительное отношение к проекту, если тот технологически прост. Они говорят: «Да это всего лишь 10 строчек кода, я такое сделаю за один день» (как вариант — «да я такое делал ещё пять лет назад»). Это огромное заблуждение, потому что львиную долю стоимости проекта составляет вовсе не количество строчек кода, а аудитория проекта. Собрать аудиторию — вот в чём основная задача стартапа.

Фред Уилсон опубликовал свои рассуждения в развитие обсуждения новости об инвестициях в сервис по сокращению ссылок Bit.ly, который оценили в $8 млн. Технари настаивали, что такой простой сервис не может стоить таких больших денег и многие поддерживают данное мнение, хотя оно совершенно бессмысленно, ведь копирование того же самого кода в своём сервисе ничего не даёт, если вы не можете построить такую же аудиторию.

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

[BobrDobr.ru] [del.icio.us] [Google] [Memori] [МоёМесто] [Twitter] [Email] Еще »
]]> http://8sg.ru/87_startup_auditory/feed/ 0 30 богатейших Интернет-предпринимателей http://8sg.ru/40_30rich/ http://8sg.ru/40_30rich/#comments Sun, 29 Mar 2009 18:27:36 +0000 Станислав Горбатовский http://8sg.ru/?p=40 Мне попался интересный материал с картинками – рейтинг Интернет-предпринимателей.

Вот как надо работать, молодцы ребята! Большинство из них достигли успеха благодаря своему профессионализму, настойчивости. Они продумали и разработали свои проекты, долго и много трудились, и вот прошло несколько лет… Имена их ресурсов на слуху, а вот знаете ли вы их имена? 

N Имя Интернет-ресурс Дата основания Личный капитал
1 Larry Page
 Google 1998 $18.5 миллиарда
2 Sergey Brin
 Google 1998 $18.5 миллиарда
3 Jeff Bezos
 Amazon 1994 $8.7 миллиарда
4 Pierre Omidyar
 eBay 1995 $6.3 миллиарда
5 Eric Schmidt
 Google 1998 $5.9 миллиарда
6 Ronald Burkle
 Yahoo 1995 $3.5 миллиарда
7 Mark Cuban
 Broadcast.com 1995 $2.6 миллиарда
8 Jerry Yang
 Yahoo 1995 $2.3 миллиарда
9 Omid Kordestani
1		 Google 1998 $1.9 миллиарда
10 David Filo
3		 Yahoo 1995 $1.7 миллиарда
11 Kavitark Ram Shriram
9		 Google 1998 $1.7 миллиарда
12 Todd Wagner
1		 Broadcast.com 1995 $1.5 миллиарда
13 Peter Thiel
1		 PayPal 1998 $1.3 миллиарда
14 Niklas Zennstrom
1		 Skype 2003 $1.3 миллиарда
15 Janus Friis
8		 Skype 2003 $1.3 миллиарда
16 Jack Ma
7		 Alibaba 1999 $1.1 миллиарда
17 Mark Zuckerberg
1		 Facebook 2004 $700 миллионов
18 Simon Nixon
 MoneySuperMarket 1999 $680 миллионов
19 Andrew Gower
1		 Runescape 2001 $650 миллионов
20 Reid Hoffman
1		 LinkedIn 2003 $500 миллионов
21 Zhang Chaoyang
111		 Sohu 1996 $425 миллионов
22 Steve Chen
1		 YouTube 2005 $350 миллионов
23 Elon Musk
4		 PayPal 1998 $328 миллионов
24 Chad Hurley
2		 YouTube 2005 $300 миллионов
25 Duncan Cameron
 MoneySuperMarket 1999 $280 миллионов
26 Marc Andreesen
1		 Netscape 1994 $253 миллионов
27 Reed Hastings
1		 NetFlix 1997 $150 миллионов
28 Blake Ross
 Mozilla 1998 $120 миллионов
29 Andrew Michael
 Fasthost 1999 $110 миллионов
30 Max Levchin
 PayPal 1998 $100 миллионов

Возможно Вас заинтересуют эти записи:

[BobrDobr.ru] [del.icio.us] [Google] [Memori] [МоёМесто] [Twitter] [Email] Еще »
]]> http://8sg.ru/40_30rich/feed/ 3