Это вторая часть моей статьи с левел-дизайнерскими Tips and Tricks, которые разработчик может использовать, чтобы повысить общее качество своей игры. Это ни в коем случае не пошаговое руководство, а только сборник идей и полезных советов, основанных на моём личном опыте. Первая часть статьи была больше ориентирована на визуальную составляющую дизайна уровней, в этот же раз мы поговорим о ещё более фундаментальных вещах, начиная с прототипирования и заканчивая плэйтестингом с аналитикой.
Ilshat Khabibullin @beaverBox
User
Создание игровых уровней: советы и хитрости (часть 1)
8 min
108KНа Хабрахабре достаточно много инди-разработчиков, некоторым из них приходится в той или иной степени заниматься левел-дизайном. В течение последних нескольких месяцев я безвылазно работал над примерно полусотней различных игровых уровней, и хотел бы поделиться своим опытом. Эта статья содержит эффективные Tips and Tricks, которые вы можете использовать, чтобы повысить общее качество вашей игры. Это ни в коем случае не пошаговое руководство, а только сборник идей и полезных советов. Первая часть статьи направлена больше на работу с визуальной составляющей игры, вторая же часть, доступная по ссылке, содержит более фундаментальные вещи, такие как прототипирование, определение размера героя и окружения, плэйтестинг и аналитику.
+59
Пошаговый курс по созданию продающего Landing Page c нуля. Часть 5: Строим воронку продаж и создаем призыв к действию
7 min
14KTutorial
Отлично! Теперь мы знаем, что хотят наши потенциальные клиенты. Самое время определиться по какой бизнес модели будем работать — это позволит нам поставить цель перед нашим лендингом. Поэтому лендинг мы будем делать специально под решение одной конкретной цели. Давайте построим воронку продаж и разработаем призыв к действию.
+4
Пошаговый курс по созданию продающего Landing Page c нуля. Часть 4: Тестирование выгод и анализ конкурентов
5 min
11KTutorial
Различные тесты очень часто приносят совсем неожиданные результаты. Именно в этом их ценность. Тестирование помогает понять, правильная ли у нас гипотеза, насколько точно мы определили целевую аудитория и как поняли её проблемы, ценности, критерии выбора и как точно попали в нее продающим текстом, лендингом, сайтом, объявлением. Давайте приступим к тестированию.
+6
Пошаговый курс по созданию продающего Landing Page c нуля. Часть 3: Узнаем потребности клиентов и определяем выгоды
8 min
18KTutorial
В первой части мы поговорили о посадочных страницах, трафике и как это работает. Во второй статье мы построили гипотезы и определили нашу целевую аудиторию. Сейчас будем выяснять для каждого аватара отличительные черты, потребности, проблемы, мотивацию, критерии выбора и дополнительные факторы. Чтобы подготовить продающую основу для текстов на будущий лендинг.
+6
Убеждающий веб-дизайн
5 min
38KСамый простой путь убедить другого человека в чем-то — это говорить уверенно, настойчиво, оперировать цифрами, обещаниями и гарантиями. Но как добиться того же без слов? Все просто — с помощью визуализации.
Возьмем простой пример с WC амстердамского аэропорта Схипхол. Появление мухи в писсуаре чудным образом изменило поведение мужчин. Судя по результатам этого неожиданного и странного эксперимента, мужской пол имеет склонность к прицеливанию в таких вот местах. Благодаря мухе аэропорт Амстердама уменьшил расходы на уборку на 80% (и лучше не знать, как они это проверяли).
Возьмем простой пример с WC амстердамского аэропорта Схипхол. Появление мухи в писсуаре чудным образом изменило поведение мужчин. Судя по результатам этого неожиданного и странного эксперимента, мужской пол имеет склонность к прицеливанию в таких вот местах. Благодаря мухе аэропорт Амстердама уменьшил расходы на уборку на 80% (и лучше не знать, как они это проверяли).
+8
Как сделать эффективный призыв к действию на лендинге: 15 примеров
4 min
16KЕсли вы устали от «оставьте заявку» или «получите консультацию» на каждом лендинге, эта статья для вас.
Внутри мы показываем 15 примеров CTA (call-to-action) в разных нишах, 5 распространенных ошибок и разбираем как создать эффективный призыв к действию по шести формулам.
+4
Пошаговый курс по созданию продающего Landing Page c нуля. Часть 2: Гипотезы и целевая аудитория
7 min
18KTutorial
В прошлой части мы разобрали, что такое посадочные страницы, трафик и как работают эти инструменты. В двух словах напомню, гипотеза — это то, как Вы думаете, почему у Вас будут покупать, ключевая фраза здесь — «Вы думаете», окружающая реальность бывает не согласна.
Гипотезы имеют очень важное значение. Они определяют ваш продукт, маркетинг, стратегию развития и идеи для роста. Итак, придумали мы классный продукт или любую бизнес идею и начинаем строить гипотезу. У меня есть такой продукт X (услуга, товар, курс...) и его будут покупать Y (бабушки, директора, дворники, автомобилисты...), так как он превосходно решает проблему Q (варки пельменей, ремонта автомобилей, доставки подарков...), потому что он Z (лучше, быстрее, проще, дешевле, удобнее, эффективнее...). Разберём подробнее.
+8
Обзор способов и протоколов аутентификации в веб-приложениях
18 min
640KЯ расскажу о применении различных способов аутентификации для веб-приложений, включая аутентификацию по паролю, по сертификатам, по одноразовым паролям, по ключам доступа и по токенам. Коснусь технологии единого входа (Single Sign-On), рассмотрю различные стандарты и протоколы аутентификации.
Перед тем, как перейти к техническим деталям, давайте немного освежим терминологию.
- Идентификация — это заявление о том, кем вы являетесь. В зависимости от ситуации, это может быть имя, адрес электронной почты, номер учетной записи, итд.
- Аутентификация — предоставление доказательств, что вы на самом деле есть тот, кем идентифицировались (от слова “authentic” — истинный, подлинный).
- Авторизация — проверка, что вам разрешен доступ к запрашиваемому ресурсу.
Например, при попытке попасть в закрытый клуб вас идентифицируют (спросят ваше имя и фамилию), аутентифицируют (попросят показать паспорт и сверят фотографию) и авторизуют (проверят, что фамилия находится в списке гостей), прежде чем пустят внутрь.
Аналогично эти термины применяются в компьютерных системах, где традиционно под идентификацией понимают получение вашей учетной записи (identity) по username или email; под аутентификацией — проверку, что вы знаете пароль от этой учетной записи, а под авторизацией — проверку вашей роли в системе и решение о предоставлении доступа к запрошенной странице или ресурсу.
Однако в современных системах существуют и более сложные схемы аутентификации и авторизации, о которых я расскажу далее. Но начнем с простого и понятного.
+48
Пошаговый курс по созданию продающего Landing Page c нуля. Часть 1: Посадочные страницы и трафик
9 min
76KTutorial
Запускаем первый обучающий цикл статей по одностраничникам, трафику и построению системы продаж через интерент. В первую очередь курс предназначен для новичков и тех, кто только запускает продажи в онлайне, хочет протестировать идеи бизнеса и маркетинга или хочет получить новый поток клиентов в свой бизнес. Надеемся, что опытным специалистам курс даст интересные идеи.
+10
400 потрясающих бесплатных сервисов
16 min
720KTranslation
Рад представить дополнение оригинального списка из 300 потрясающих бесплатных сервисов. Автор оригинальной статьи Ali Mese добавил ещё +100 новых сервисов, которые помогут найти все — от источников вдохновения и редакторов фотографий до создания опросов и бесплатных иконок.
И еще подборку +500 инструментов от 10 марта 2017 г. смотрите здесь.
A. Бесплатные веб-сайты
- HTML5 UP: Адаптивные шаблоны HTML5 и CSS3.
- Bootswatch: Бесплатные темы для Bootstrap.
- Templated: Коллекция 845 бесплатных шаблонов CSS и HTML5.
- Wordpress.org | Wordpress.com: Бесплатное создание веб-сайта.
- Strikingly: Конструктор веб-сайтов.
- Layers: Создание сайтов на WordPress (new).
- Bootstrap Zero: Самая большая коллекция бесплатных шаблонов Bootstrap (new).
- Landing Harbor: Продвижение мобильного приложения c помощью бесплатного лендинга (new).
+70
Как работать с недовольными клиентами?
5 min
10KОт ошибок никто не застрахован, полностью устранить их практически невозможно. Поэтому раздосадованный клиент — непременная часть бизнес-реальности. И только от ваших действий зависит, перейдет он к конкурентам или останется; расскажет друзьям о неудачном опыте или восхитится отличным обслуживанием.
+8
50 лучших инструментов для разработки CSS и JavaScript
3 min
74KTranslation
Веб-разработчику постоянно необходимо быть в курсе появления новых библиотек и инструментов. Я нашёл и выбрал несколько лучших инструментов для разработки как CSS, так и JavaScript. Это не просто копипаста – это выборка, основанная как на рекомендациях, так и на личном опыте использования.
Разработка фронтэнда – штука хитрая. И хотя она не слишком сложная для освоения, некоторые тонкости освоить также не помешает. В сети ежедневно появляются отличные ресурсы. Они могут дать толчок развитию ваших навыков и помочь вам лучше выполнить вашу задачу.
1) Fileicone
Сборник 100%-CSS файловых иконок. Может пригодиться для дизайна страниц.
2) Marx
Элегантное обнуление CSS безо всякого JavaScript.
Разработка фронтэнда – штука хитрая. И хотя она не слишком сложная для освоения, некоторые тонкости освоить также не помешает. В сети ежедневно появляются отличные ресурсы. Они могут дать толчок развитию ваших навыков и помочь вам лучше выполнить вашу задачу.
Лучшие инструменты для CSS и JavaScript
1) Fileicone
Сборник 100%-CSS файловых иконок. Может пригодиться для дизайна страниц.
2) Marx
Элегантное обнуление CSS безо всякого JavaScript.
+18
Подборка бесплатных инструментов для разработчиков
28 min
186KTranslation
Сегодня мы представляем вашему вниманию адаптированную подборку инструментов (в том числе облачных) для разработчиков, которые позволяют создавать по-настоящему качественные проекты. Здесь представлены исключительно SaaS, PaaS и IaaS сервисы, предоставляющие бесплатные пакеты для разработчиков инфраструктурного ПО.
+82
Чек-лист из 68 пунктов для продвижения сайта в ТОП10 Яндекса
5 min
135KЧтобы Яндекс показал Ваш сайт в числе первых, нужно чтобы он максимально полно отвечал на запрос пользователя. И это будет уже половина успеха. Оставшаяся половина это удобство, техническая составляющая сайта и его простота. Ниже я привел чек-лист из 68 пунктов, который был разработан специально для системы управления задачами PTYSH, совместно с компанией DFAKTOR. А теперь я делюсь им с Вами. Кропотливое выполнение каждого пункта из данного чек-листа позволит вывести практически любой сайт на самый верх поисковой выдачи. Но придется как следует поработать. Начнем с самого малого.
+24
97% людей не добиваются поставленных целей
4 min
31KНавык планирования является одним из ключевых для достижения поставленных задач. При этом подавляющее число людей этим не занимается. Если верить статистике, то в нашем современном мире менее 3% людей достигают большего, чем остальные 97% вместе взятые.
+9
300 потрясающих бесплатных сервисов
11 min
1.6MTranslation
Автор оригинальной статьи Ali Mese добавил ещё 100 новых бесплатных сервисов. Все 400 потрясающих сервисов доступны здесь. И еще подборку +500 инструментов от 10 марта 2017 г. смотрите здесь.
A. Бесплатные Веб-Сайты + Логотипы + Хостинг + Выставление Счета
- HTML5 UP: Адаптивные шаблоны HTML5 и CSS3.
- Bootswatch: Бесплатные темы для Bootstrap.
- Templated: Коллекция 845 бесплатных шаблонов CSS и HTML5.
- Wordpress.org | Wordpress.com: Бесплатное создание веб-сайта.
- Strikingly.com Domain: Конструктор веб-сайтов.
- Logaster: Онлайн генератор логотипов и элементов фирменного стиля (new).
- Withoomph: Мгновенное создание логотипов (англ.).
- Hipster Logo Generator: Генератор хипстерских логотипов.
- Squarespace Free Logo: Можно скачать бесплатную версию в маленьком разрешении.
- Invoice to me: Бесплатный генератор счета.
- Free Invoice Generator: Альтернативный бесплатный генератор счета.
- Slimvoice: Невероятно простой счет.
+309
Топ-10 статей по User eXperience для начинающих, чтобы за час понять, что это такое
3 min
53KМоя стратегия разобраться в какой-либо теме — пару часов почитать Хабр. Я решил сэкономить немного времени таких же, как и я, и сделал небольшую подборку полезных и интересных материалов на тему UX. Сразу предупрежу, что получить профессиональный level up с помощью них не получится (для этого есть оффлайновые курсы), но вот вникнуть в тему и получить инсайты — запросто. И да, если есть, поделитесь ссылками на материалы, которые были для вас максимально полезными в свое время.
+22
Инструменты, необходимые разработчику для маркетинга приложений
6 min
29KИсследование рынка
- Google’s Keywords Tools
- Google Trends
- App Annie – Анализ приложения, Аналитика, Исследование рынка
- Distimo – Анализ приложения, Загрузка оценок и исследования
- Xyologic – Новый подход к поиску мобильных приложений
- Apptrace – Исследование App Store
- AppMonsta – Данные о рынка приложений
- Vision Mobile – Экосистема аналитики фирмы
- MetricsCat –Анализ данных приложения
Маркетеривание/Прототипирование
- POP (Прототипирование на бумаге) – Прототипирование мобильных приложений
- Mockabilly – Приложение для создание макетов для iPhone
- Interface – Продвинутое макетирование и прототипирование под iOS
- Blueprint – Макетирование приложений для iPad и iPhone
- Proptotypes – Меняет статический дизайн в кликабельный прототип для iPhone
- FieldTest – Создание мобильного интерактивного прототипа
- Keynotopia – Keynotopia превращает Keynote и PowerPoint в лучшие инструменты быстрого прототипирования для создания макетов приложений
- Justinmind – Интерактивные каркасы для создания веб- и мобильных приложений
- Fluid UI – Прототипирование под iOS, Android и Windows Приложений
- UI Stencils – Трафареты, эскизы и аксессуары для дизайна пользовательского интерфейса
- App Cooker – Продвинутый генератор макетов для мобильных приложений под iOS
- Proto.io – Мобильное прототипирование
- UXPin – Средства проектирования UX
- AppGyver’s Prototyper – Меняет каркасы в прототипы интерактивных мобильных приложений
- App Mockup Tools – Создание прототипов для iPhone приложений
- WireKit – Комплект каркасов для iPhone приложений
- DevRocket – Панель плагина Photoshop для iOS — разработчиков
- Flinto – Быстрое создание прототипов для iOS
- App Icon Template – Шаблоны иконок для iOS 7 и Android приложений
- PortKit – UX Metaphor Эквивалент для iOS и Android
- iOS 7 Wireframe Kit – «Набор для Иллюстратора, чтобы сделать ваш вайфрейминг днем на пляже»
- SketchMirror –Превью дизайна мобильных приложений со своего девайса
- Invision – Веб и Мобильное прототипирование, а также инструмент для UI прототипирования
- Framer –Инструмент для прототипирования анимаций
- Marvel – Бесплатный инструмент для прототипирования
- Sketch – Профессиональный цифровой дизайн для Mac
+14
Установка неподписанных программ на устройства с iOS 9 без Jailbreak
3 min
118KTutorial
Дорого дня, уважаемые хабражители!
Сегодня я расскажу вам о том, как можно установить неподписанное (или плохо подписанное) приложение на устройство с iOS 9. Да, без Jailbreak. Да, бесплатно. Нужен лишь компьютер с OS X и Apple ID. Как такое возможно? Читаем под катом.
Осторожно! Много картинок!
Сегодня я расскажу вам о том, как можно установить неподписанное (или плохо подписанное) приложение на устройство с iOS 9. Да, без Jailbreak. Да, бесплатно. Нужен лишь компьютер с OS X и Apple ID. Как такое возможно? Читаем под катом.
Осторожно! Много картинок!
+26
Information
- Rating
- Does not participate
- Location
- Нижнекамск, Татарстан, Россия
- Date of birth
- Registered
- Activity