Лендинг пейдж: новый подход

Найдено на YouTube:

Отличное видео, в целом чувак рассказывает, как он при помощи сборка статистики, аналитики увеличил продажи в три раза. 

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

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

Читать далее »

[Ликбез] Как готовить тексты для сайта

Надено на CMS Magazine:

За первые черновики советуем сесть, как только осознаете потребности клиентов и смысл коммуникации. Если вы в начале разработки сайта, держитесь такого плана:

  1. Составьте список страниц (карту сайта).

  2. Определите зависимости страниц.

  3. Предположите сценарии прочтения.

  4. Сформулируйте сообщения.

  5. Начинайте писать черновые тексты.

Мы пишем черновики до проектирования и тем более до дизайна. В агентстве есть правило: нет контента — нет макетов.

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

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

Читать далее »

Новые интересные статьи по веб-разработке и не только

Как я писал web app angular + material и REST на Yii2 + webserver nginx

Я давно уже лелеял мысль апробировать material.angularjs.org на каком-то боевом проекте. Тут возникла идея и я решился… С виду все казалось довольно просто — набор готовых компонентов = быстрая разработка, на backend знакомый Yii и… Но я не расчитывал, что маленькое приложение окажется немного больше, чем планировалось вначале, и предстоит такая возня с веб-сервером. Как говорится, упс…

Началось все с конфигурации nginx. Получалось, что все запросы, кроме некого REST location, мне надо было перенаправлять на index.html, где у меня и начинал отрабатывать angular.

HTML5/AngularJS/Nginx приложение с правильным с google-индексированием

​В наше время современных браузеров с поддержкой HTML5, WebSocket и Full Ajax приложений больше нет необходимости забивать backend-сервера чем-то отличным от бизнес логики. Вся ui-разработка может вестись на nginx сервере с заглушками api сервисов. А фреймворки для авто-генерации документации помогут и ui, и backend разработчикам снизить затраты на коммуникацию. Передача одних лишь json данных также существенно снизит нагрузку на сервера. Ведь сжатый javascript код ui-клиента можно держать в кеше приложения.

Да вы задолбали своим информационным обществом

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

Дайджест интересных материалов из мира веб-разработки и IT за последнюю неделю №193 (3 — 10 января 2016)

Разные языки программирования и их области применения. Лекция в Яндексе

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

Читать далее »

Приятная сборка frontend проекта

Сначала сама статья:

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

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

Приятная сборка frontend проекта

Потом приложение к сборке проекта на Битрикс:

Первым делом необходимо настроить рабочую среду, а именно заполучить менеджер пакетов npm, который идет вместе с nodejs. Стоп, стоп юные битриксоиды, не разбегаемся, на windows это тоже можно поставить и через консоль работать тоже будет, проверено. А если возникнут вопросы, то google Вам в помощь (обратите внимание на пользовательские переменные среды, пути должны быть правильно прописаны, чтобы команда npm была глобальной).

Быстрая разработка на 1С-Битрикс или как я познакомился с gulp 

Читать далее »

Yii 2.0.2

Команда PHP фреймворка рада сообщить о выходе версии 2.0.2. Инструкции по установке и обновлению можно найти по адресу https://www.yiiframework.com/download/.
Версия 2.0.2 является патч-релизом Yii 2.0 и содержит около 40 небольших улучшений и исправлений. Полный список изменений можно найти на GitHub. Спасибо всем, кто нам помогал подготовить этот релиз.
Если хотите следить за процессом разработки Yii 2 можно поставить звёздочку или использовать кнопку watch на странице проекта на GitHub. Также у нас есть Twitter и Facebook.
Рассмотрим наиболее значительные дополнения данного релиза.

Псевдонимы маршрута
 

До 2.0.2 Yii поддерживал псевдонимы путей и URL. Теперь можно задавать псевдонимы для маршрутов. После задания псевдонима маршрута его можно использовать при создании URL методами Url::to() и Url::toRoute():

use yii\helpers\Url;

Yii::setAlias('@posts', 'post/index');

// /index.php?r=post/index
echo Url::to(['@posts']);
echo Url::toRoute('@posts');

Данная возможность пригодится если предполагаются изменения в структуре маршрутов. При использовании псевдонима не придётся менять код создания URL.
 

Конфигурирование зависимых компонентов
 

Свойства многих компонентов принимают ID других компонентов, таких как yii\caching\DbCache::db илиyii\web\CacheSession::cache. Иногда для того, чтобы не создавать новый компонент для юнит-тестирования, вам может понадобиться задать такое свойство при помощи массива конфигурации:
 

$cache = Yii::createObject([
    'class' => 'yii\caching\DbCache',
    'db' => [
        'class' => 'yii\db\Connection',
        'dsn' => '...',
    ],
]);

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

use yii\base\Object;
use yii\db\Connection;
use yii\di\Instance;

class MyClass extends Object 
{
    public $db = 'db';

    public function init() 
    {
        $this->db = Instance::ensure($this->db, Connection::className());
    }
}


Код выше позволяет настроить свойство db одним из следующих значений:

  • строкой с ID компонента приложения;
  • объектом класса yii\db\Connection;
  • массивом конфигурации, который может использоваться для создания экземпляра yii\db\Connection.
     

Неизменяемый slug
 

Если вы используете yii\behaviors\SluggableBehavior, то теперь можете присвоить новому свойству immutable значение true. В этом случае однажды созданный slug не будет меняться при повторном сохранении модели. Это полезно для SEO: однажды проиндексированное содержимое останется по тому же URL.
 

Автоматический выбор альтернативного языка виджетом DatePicker
 

Виджет yii\jui\DatePicker теперь автоматически выбирает альтернативный язык, если указанный язык не найден. Это полезно в том случае, когда вы задаёте свойство language как ID локали, который содержит регион и/или вариант. К примеру, если задать language вde-DE и виджет не найдёт языкового файла /ui/i18n/datepicker-de-DE.js, то автоматически будет использован язык de и файл/ui/i18n/datepicker-de.js.
 

Передача ошибок валидации
 

Класс yii\base\Model теперь содержит метод addErrors(), который позволяет передать ошибки валидации одной модели в другую. К примеру, если у вас есть класс формы для модели ActiveRecord и вам необходимо передать ошибки валидации формы в модель ActiveRecord, сделать это можно так:
 

use yii\base\Model;
use yii\db\ActiveRecord;

class MyForm extends Model 
{
    public $model;

    public function process()
    {
        // ...
        if (!$this->validate()) {
            $this->model->addErrors($this->getErrors());
            // ....
        }
    }
}
 
Оригинал: https://habrahabr.ru/post/247741/
Читать далее »

Ресурсы для UX

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


Новости и материалы по UX
 

  • smashingmagazine.com/category/uxdesign/ — UX-раздел известного журнала о веб-технологиях и дизайне Smashing Magazine;
  • blog.uxpin.com/ — блог компании UXPin, в котором они помимо корпоративных новостей много пишут взаимодействии пользователей с интерфейсами;
  • usabilitygeek.com/ — блог, призванный объединить теорию и академические исследования с практикой и личными рекомендациям, для того чтобы улучшить удобство пользования веб-сайтами;
  • uxmag.com/ — журнал с полезными статьями о пользовательcком опыте. Все статьи пишутся специалистами со всего мира, но проходят редакторский отбор и коррекцию;
  • uxbooth.com/ — статьи от ux-сообщества и для него, ориентированные также и для новичков;
  • boxesandarrows.com/ — здесь помимо UX, множество материалов по дизайн-исследованиям и тестов;
  • nngroup.com/articles/ — раздел статей авторитетной Norman Nielsen Group об исселодваниях в области опыта пользовательского взаимодействия;
  • ia.net/blog — блог об информационной архитектуре;
  • designmodo.com/design/ux-design/ — раздел о UX популярного дизайн-блога;
  • uxcolombo.org/blog/ — цель этого ресурса — обучение дизайнеров и разработчиков для улучшения взаимодействия их продуктов и сервисов с пользователями;
  • uxmovement.com/ — блог, рассказывающий как плохие интерфейсы могут влиять на поведение пользваотелей;
  • 52weeksofux.com/ — экскурс-статьи в процесс дизайна для реальных людей;
  • heydesigner.com/ux-design/ — ежедневная / еженедельная / ежемесячная рассылка материалов на UX-тематику;
  • medium.com/ui-ux-articles — раздел статей по UX на блог-платформе Medium;
  • medium.com/design-ux — ещё одна ветка для UX-дизайнеров;
  • uxmyths.com/ — коллекция наиболее частых мифов о UX, объясняющих почему это неправда.
     

Паттерны дизайна
 

  • uxpin.com/knowledge.html — must-read библиотека для дизайнеров, разработчиков, продакт-менеджеров, UX-специалистов;
  • designprinciplesftw.com/ — супер сборник дизайн-принципов от лучших интернет-компаний;
  • uxporn.uxpin.com/ — колекция паттернов
  • tabpatterns.com/ — коллекция дизайнов для планшетов, разбитых по категориям;
  • pttrns.com/ — похожая коллекция, только с дизайнами для смартфонов;
  • zurb.com/responsive — каталог с примерами адаптивных дизайнов, с реальными примерами на сайтах;
  • littlebigdetails.com/ — сборник с обзорами маленьких, но интересных деталях в интерфейсах.

 

Инструменты
 

  • uxpin.com/ — инструмент прототипирования с широкими для этого возможностями и большой библиотекой ресурсов и шаблонов;
  • axure.com/ — один из известнейших инструментов для прототипирования, любимец проектировщиков и менеджеров;
  • invisionapp.com/ — мощный онлайн-сервис, с возможностью удобной командной работы над прототипами и пользовательскими опытом;
  • uxcheck.co/ — Chrome-плагин для проведения экспертной оценки по ключевым эвристикам Нильсена;
  • zeplin.io/ — инструмент для совместной работы дизайнера интерфейсов и front-end разработчика;
  • userium.com/ — чек лист по юзабилити для общих случаев.

Оригинал: https://habrahabr.ru/post/247493/

Читать далее »

Про long polling

Как реализовать long polling с помощью Nginx и Javascript в сети достаточно много материала. Но полного руководства я ещё не встречал. То возникают проблемы с компиляцией модуля под Nginx, то в браузере вертится иконка загрузки при long poll запросах. Под катом, полный материал как же все таки это сделать правильно.

https://habrahabr.ru/company/cackle/blog/167895/

Пригодиться для создания чатов или для любого другого случая, когда надо что-то постоянно менять в браузере. 

Читать далее »

Новый редактор в Yii

Буквально на днях на форуме yiiframework.ru стартовал сбор средств на покупку OEM-лицензии для проектов на Yii неплохого WYSIWYG Imperavi Redactor.

Я выступал в роли фонда. 400$ собрали всего за четыре дня, что очень удивило и обрадовало. В ту же ночь подпилили расширение в YiiExt и выкатили всё на публику.

Теперь, если пользуетесь Yii, можете пользоваться бесплатно и Redactor.

https://rmcreative.ru/blog/post/imperavi-redactor--kuplena-oem-litsenzija-dlja-yii

Прекрасно!

Читать далее »

Копирование образов Amazon EBS между регионами

Привет! image

С сегодняшнего дня можно копировать EBS Snapshot'ы в другие регионы. Это отличная и удобная функция, которая позволяет клонировать ваши сервисы и данные в разные регионы родными способами! 

В меню снапшотов появилась опция Copy Snapshot:
image

В этом меню можно выбрать регион, куда нужно повезти этот снапшот.
image

Выбрав другой регион нажимаем Yes, Copy. И видим в выбранном регионе:
image

Восьмигигабайтный снапшот в примере залился из US-EAST-1 в EU-WEST-1 (С. Вирджиния, США — Ирландия) за 3 минуты. Скорости, в общем, хорошие

https://habrahabr.ru/company/epam_systems/blog/163031/

Читать далее »

Про ценообразование

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

Помогут следующие вопросы (в случае с сайтом):

  • Как сайт повлияет на развитие бизнеса?
  • Как вы определите, что сайт способствует развитию бизнеса?
  • ·Какие показатели должны измениться (прибыль, число лидов и т.д.)?
  • Сколько денег теряется из-за отсутствия сайта (или пока работает старый сайт)?

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

https://www.cmsmagazine.ru/library/items/management/pricing-tips-earn-more/

Читать далее »
Scroll To Top