Pull to refresh
24
0
Ilia Shabanov @ishaba

User

Send message

Designing Converting Landing Pages

Reading time6 min
Views3.8K

It feels like everything about LPs has already been said, however, I still keep seeing the same mistakes being made over and over again both by start-ups and established companies. Here are some tips, backed up by my 10-year experience as a UX/UI Director in agencies and product-led companies. These alone will give a nice increase in your conversion rate, I guarantee. 

Use a descriptive, not a salesy hero header 

Answer the questions “What?” and “For whom?” as early on the page as possible. A very common pattern is the largest copy being an inspirational abstract slogan and below it in smaller font the actual statement about what the product is and what it does. 

Get More Tips
Total votes 6: ↑6 and ↓0+6
Comments11

ReactJS 15.0.2 Tutorial

Reading time16 min
Views50K

Мы создадим простой, но реалистичный модуль комментариев для блога, упрощенный аналог модуля комментариев реального времени, предлагаемый такими ресурсами как Disqus, LiveFyre и Facebook.


Мы обеспечим:


  • Представление для отображения всех комментариев
  • Форму для ввода и отправки комментариев
  • Задел на будущее, для подключения настоящего бэк-енда

Также будут реализованы:


  • Optimistic commenting: комментарии появляются на странице раньше чем они сохраняются на сервере, что визуально ускорит наш модуль
  • Live updates: комментарии других пользователей появляются на странице в реальном времени
  • Markdown formatting: пользователи могут использовать Markdown-разметку для форматирования текста

Финальная версия


Ссылка на GitHub

Читать дальше →
Total votes 17: ↑13 and ↓4+9
Comments26

Этажи: 3D-навигация на WebGL в 2gis.ru

Reading time11 min
Views29K


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

Этажи для веба сделаны на технологии WebGL: они полностью трёхмерные, их можно крутить и приближать. Это первый проект компании, сделанный на этой технологии, и мы хотели бы поделиться опытом реализации.
Читать дальше →
Total votes 47: ↑46 and ↓1+45
Comments23

Основной цикл в Javascript

Reading time9 min
Views77K


Все мы слышали про ajax и node.js. Они прочно обосновались уже не просто в словарном запасе, но и в наборе инструментов веб-разработчика. Ajax — асинхронное подтягивание данных с сервера на страницу, node — фреймворк с асинхронным IO. Но как в таком однопоточном языке, как Javascript, реализуется та самая асинхронность?

Вы, наверное, уже догадались из заголовка, речь пойдет об основном цикле («main loop»).
Читать дальше →
Total votes 190: ↑186 and ↓4+182
Comments41

Почему свет движется со скоростью света?

Reading time5 min
Views84K
(Прим. пер. ― см. прим. пер. в конце поста)

Почему свет движется со скоростью света? Почему он просто не стоит на месте? Что приводит его в движение (тем более, такое быстрое)?

image

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

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

В нашей будничной жизни мы исходим из того, что движение — это некое расстояние (пространство), преодоленное за некое время. Однако, если мы решили, что это одно и то же, наше определение движение внезапно становится полной ерундой. «Я прохожу километр за каждый километр, который я прохожу» — кошмар какой-то!

Читать дальше →
Total votes 217: ↑199 and ↓18+181
Comments303

Гик-королева Yahoo: противоречивые результаты первых полутора лет

Reading time27 min
Views172K
В качестве одной из наиболее высокопоставленных сотрудниц Google, Марисса Майер стала суперзвездой Силиконовой Долины. Однако внутри поискового гиганта она порой не так ярко блистала, а все из-за коллег, восстающих против ее авторитарного стиля управления. Автор статьи, Bethany McLean, задается вопросом, станет ли Марисса спасителем Yahoo или же очередной проблемой. Спустя полтора года после назначения на позицию CEO результаты ее работы, пожалуй, противоречивы.



Марисса Майер на фоне L.E.D-инсталляции, построенной в ее пентхаусе в отеле Four Seasons, в Сан Франциско. По словам бывшего коллеги, она – настоящий гик.

Осенью 2011 года нью-йоркский финансисит Дэниел Лоеб, управляющий $14-миллиардным хедж-фондом Third Point Capital, возглавил кампанию по свержению текущего и подбору нового CEO для Yahoo, дела которой шли не очень хорошо. Его выбор пал на топ-менеджера Google, Мариссу Майер, которую тогда часто называли «лицом Google» или «Гламурным гиком Google». Прошлым летом, в тот же день когда Yahoo объявила о назначении Майер на позицию CEO, — ставшей самой молодой женщиной в свои 37 лет, возглавившей компанию из списка Fortune 500, — Майер объявила о своей беременности. Тем самым, она завершила свой путь от заучки из провинциального городка в Висконсине, инженера со степенью из Стэнфорда, до бизнес-суперзвезды и культурного идола.
Читать дальше →
Total votes 164: ↑143 and ↓21+122
Comments85

Эй, НАСА, а черные дыры таки существуют!

Reading time7 min
Views188K
«Моя цель проста: полностью разобраться в устройстве Вселенной и понять, почему она такая и зачем она существует».
Стивен Хокинг

От переводчика. А ты, хабражитель, заметил, что тема космоса становится всё популярнее? Curiosity покоряет Марс, Virgin Galactic продает билеты на суборбитальные космические полеты, а Китай стал третьей страной, добравшейся до Луны. На самом деле, еще большие изменения происходят в космической теории. В этой статье с Medium речь пойдет о том, как изменилось представление ученых о черных дырах за последние пару лет. Я не физик, поэтому в переводе не исключены ляпы — пишите в личку или подробно (чтобы всем было понятно и интересно) в комментариях. Заранее большое спасибо и приятного чтения!
(Претензии на тему jpeg/png отправлять автору статьи.)

Читать дальше →
Total votes 194: ↑171 and ↓23+148
Comments245

Началась новая война за Вконтакте. Дурову грозят увольнением

Reading time2 min
Views196K
Создатель «Вконтакте» Павел Дуров сегодня через газету «Ведомости» обвинил фонд UCP в давлении и угрозах.

«Ваша агрессивность на акционерном уровне очень негативно влияет на атмосферу в коллективе. Мне приходится прилагать усилия, чтобы не потерять команду, — заявил он «Ведомостям». — Несколько ключевых сотрудников уже ушли, не выдержав давления. Они [представители UCP] никому не верят и везде параноидально ищут подвох. Если бы я не знал, что они финансисты, я бы предположил, что имею дело с сотрудниками ФСБ».
Читать дальше →
Total votes 119: ↑99 and ↓20+79
Comments97

Mars One: билет на Марс в один конец. Пять добровольцев рассказывают о причинах выбора

Reading time1 min
Views80K


О проекте «Mars One», по созданию колонии землян на Марсе, на Хабре писали много раз. Публиковались и технические подробности проекта, и суть разного рода проблем, и многое другое. Но есть и еще одна проблема, о которой предпочитают не упоминать слишком часто — человек, отправляющийся на Марс, не вернется на Землю.

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

Читать дальше →
Total votes 41: ↑33 and ↓8+25
Comments78

А еще был Интернет

Reading time4 min
Views26K
image

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

Все, кому интересно проверить в деле тезис «историю пишут победители», должны прочитать полемику Тима Ву и Джона Грубера о том, почему Apple начиная с конца 1990-х годов так здорово выбивает всех из игры.

Ву, который запутался в определениях открытых и закрытых систем (он использует сразу несколько определений), утверждает, что победа Apple является исключением, так как это закрытая система. Грубер парирует, что вопрос открытости и закрытости не имеет никакого значения, а успехи Apple объясняются только тем, что она выпускает отличные продукты и быстро (то есть, первой выводит их на рынок). Аргументацию Грубера можно подытожить так: «Управляемые гениями компании обычно успешнее не управляемых гениями». И я с этим согласен. Кроме одного момента.

Читать дальше →
Total votes 31: ↑21 and ↓10+11
Comments23

Развитие правого полушария головного мозга или как я учился рисовать

Reading time4 min
Views87K
Сразу дискламер: я редко пишу посты на широкую аудиторию, и более правильного ресурса для этого текста в рамках моего кругозора не нашлось. Тем не менее, если кто-то найдет это интересным, значит не зря… Поехали.

С чего все началось



Как-то я услышал от одного человека мысль о том, чтобы заниматься бизнесом, ему приходится «выращивать в себе Мистера Хайда», типа некая альтернатива его личности способна придумать что-то такое, что не способен придумать он сам. Конечно же, он шутил, по большей части, и тогда я этому значение не придал. Вспомнил эту точную метафору лишь, когда сам решил, что мне нужно развивать креативность, умение продуктивно фантазировать, придумывать нестандартные решения.
Читать дальше...
Total votes 163: ↑156 and ↓7+149
Comments84

Почему я ушел из Google

Reading time5 min
Views61K
Ну хорошо, я сдаюсь: все хотят знать почему я ушел. А так как ответить каждому отдельно невозможно, вот вам изложение в длинной форме. Прочтите немного (я дойду в кульминации в 3-м абзаце) или прочтите всё. Но начну с предупреждения: здесь нет ни драмы, ни сверхинтересных деталей, ни избиения бывших коллег, и вообще нет ничего, о чем вы не могли бы догадаться сами из того, что ходит в прессе вокруг Google и ее отношения к разработчикам программ и конфиденциальности пользовательских данных. Это просто мой личный рассказ.

Покинуть Google было непростым решением. За время моей работы там я стал довольно страстным поклонником компании. Я выступал на четырех Google Developer Day, на двух Google Test Automation Conferences и был плодовитым участником блога Google Test. Рекрутеры часто просили меня помочь уговорить очень перспективных кандидатов на работу в компании. Меня никто не должен был просить дважды для поддержки Google, и никто более меня не удивился тому, что я не смог это продолжать. На самом деле последние три месяца работы в Google были вихрем отчаяния в тщетной попытке вернуть прошлую страсть.
Читать дальше →
Total votes 396: ↑370 and ↓26+344
Comments442

Instagram фильтры как Photoshop Actions

Reading time1 min
Views96K
Доброго времени суток. Многие знают приложение Instagram для iOS.
Фото-эффекты в Instagram мне всегда нравились и более того, часто хотелось бы применить их к более крупным фотографиям на компьютере. Так вот, не у всех же есть девайсы на iOS и многим бы хотелось использовать фильтры и всегда есть возможность, самому заняться изготовлением таких эффектов но это долго и нудно. Я погуглил и нашёл готовое решение Instagram фильтры как Photoshop Actions

Nashville:

Читать дальше →
Total votes 54: ↑40 and ↓14+26
Comments26

Почему скруглённые углы проще для восприятия

Reading time3 min
Views21K
В наши дни дизайнеры так часто используют скруглённые углы, что их уже можно считать индустриальным стандартом, а не модным трендом. Они встречаются не только в программах, но даже в дизайне аппаратных устройств. Что же делает их такими популярными?

Все видят эстетическую красоту скруглённых углов, но не каждый способен объяснить, откуда возникает эта красота. Ответ находится буквально в наших глазах.
Читать дальше →
Total votes 182: ↑142 and ↓40+102
Comments114

Что может помочь менеджеру проектов в работе с программистами

Reading time6 min
Views62K
Предыдущая статья была достаточно популярна. Я обещал продолжить и держу слово. Делюсь своим личным мнением и не претендую на истину.

В этой части пойдет речь про работу с программистами.



1. Вместо костылей нужен фундамент. Люди, а не методологии


Из опыта внедрений различных методологий Agile сделал следующие выводы
1. Вполне понятным кажущимся решением многим кажется использование типовых советов. Вера в серебряную пулю, джинна из бутылки свойственно большинству людей, менеджеры проектов — не исключение.
Читать дальше →
Total votes 38: ↑35 and ↓3+32
Comments16

Continuous Delivery в Яндексе. Как разогнать свой цикл разработки, используя только Open Source решения

Reading time8 min
Views58K
Перед тестированием всегда стояли и стоят две задачи – помочь команде поддерживать высокий уровень качества разработки и делать это, не задерживая весь процесс. И это справедливо не только для наших проектов в Яндексе, где мы работаем над очень большим количеством сервисов. Часто основная задача и вовсе формулируется как увеличение скорости тестирования при сохранении должного уровня качества. Скорость процесса разработки, приверженность ценностям частых и быстрых релизов – это основополагающие факторы для успеха любого продукта. У команды больше возможностей маневра, команда быстрее находит и исправляет ошибки, быстрее получает фидбек. Как же ускоряться, не теряя качества, как достичь дзена непрерывной доставки изменений?



Сегодня мы покажем, что Continuous Delivery — это просто и весело! А пользу от него можно получить, встроив его даже частично. Мы в тестировании Яндекса уже несколько лет используем подобный подход для наших библиотек с открытым исходным кодом — Allure Framework или Yandex QATools. Процесс прост, значительно масштабируем и может применяться как для огромных команд из одного человека, так и для маленьких командочек из десятков человек. А самое главное — весь инструментарий доступен в Open Source!

Кстати, до 30 сентября можно подать заявку и поступить в нашу Школу автоматизации процессов разработки в Питере. Обучение в ней бесплатное и будет состоять не только из курса лекций — обязательным этапом станет командная работа над учебным проектом.

А теперь вернёмся к теме. Представьте картину: уютное рабочее место, вы пишете код, добавляете юнит-тесты и отправляете изменения в систему контроля версий, а через пару часов они «выезжают» на боевые сервера. И все при этом работает.
Читать дальше →
Total votes 85: ↑82 and ↓3+79
Comments25

Почему трава зеленая, а программисты крутые

Reading time6 min
Views155K


Я люблю находить на новостных ресурсах статьи о том, что программисты получают очень много денег. Я сразу пролистываю их до комментариев и с теплом в душе читаю гневные отзывы о том, что программисты ничего не делают и не заслуживают таких денег. Но после прочтения возникает мысль: знают ли они, кто такие программисты? Или они исходят в своих суждениях из неверного знания, даже не подозревая об этом. Например, мало кто знает, почему трава зеленая. Подумайте об этом. Следует ли из ваших объяснений зелености травы именно зеленый цвет?
Читать дальше →
Total votes 242: ↑202 and ↓40+162
Comments189

Интерфейсы в реальном мире

Reading time5 min
Views179K
IT-интерфейсы часто растут из физических. Например, вот аппаратные чекбоксы:



Вообще, лучший же пример правильного инженерного интерфейса – это гранёный стакан.

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

Сейчас покажу ещё несколько интерфейсов, которые облегчают жизнь. Общий смысл – попробовать понять, как думал разработчик, чтобы сделать что-то удобнее.
Читать дальше →
Total votes 314: ↑304 and ↓10+294
Comments347

SVG, Iconfonts vs PNG

Reading time7 min
Views50K
image

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

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

На текущий момент все более-менее просто. Мы можем верстать иконки с помощью SVG, создавать иконочные шрифты, ну и никуда не делась старая добрая техника с применением растра, в частности PNG. Правда добавились некоторые нюансы с появлением кучи HDPI устройств с совершенно разной плотностью пикселей.
Читать дальше →
Total votes 51: ↑47 and ↓4+43
Comments28

Information

Rating
Does not participate
Location
Казань, Татарстан, Россия
Date of birth
Registered
Activity