Как создать свой собственный шаблон для Joomla! не касаясь кода? EF4 часть 2

  1. Настройка темы
  2. Основные настройки
  3. Макет шаблона
  4. Верстальщик
  5. Настройки шрифта
  6. Цветовые модификации
  7. Расширенные возможности
  8. Настройки хранилища
  9. документация
  10. Upadtes
  11. Назначить пункту меню

Вы хотите иметь свой собственный уникальный шаблон для своего сайта на основе CMS Joomla !, но вы мало что знаете о кодировании?

Конечно - это возможно!

В первой части статьи о создании собственного Joomla! на основе структуры EF4 - Как создать шаблон, не касаясь кода? EF4 часть 1 Я показал вам, как использовать Theme Customizer , который является неотъемлемой частью этого фреймворка.

Сегодня вы познакомитесь с EF4-фреймворком изнутри ... сзади ;-)

Напомню, что титул героя - польский продукт, прямо из пальца команды Joomla_Monster.com , Важно то, что это абсолютно бесплатно! Вы можете использовать его и использовать по желанию ;-)

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

В таком случае ... ДЛЯ РОБОТОВ!

Настройка темы

Напоминаю, что с помощью темы настройщика внешний вид шаблона JM Services по умолчанию был изменен. Теперь это выглядит как на рисунке ниже:

{Edsanimate_animated_zoomIn_eds-на-свитка} {Edsanimate_animated_zoomIn_eds-на-свитка}   {/} Edsanimate {/} Edsanimate

Посмотрим, поэтому, какие опции содержит фреймворк EF4.

Войдите на заднюю часть тестового сайта, щелкните элемент « Шаблоны» в меню « Расширения» , а затем в списке шаблонов щелкните имя шаблона по умолчанию: jm-services - Default .

Войдите на заднюю часть тестового сайта, щелкните элемент « Шаблоны» в меню « Расширения» , а затем в списке шаблонов щелкните имя шаблона по умолчанию: jm-services - Default

Основные настройки

В окне « Шаблоны: изменить стиль» выберите « Основные настройки» в меню слева. Здесь вы найдете основные параметры настройки для вашего шаблона.

Если вы хотите изменить графику логотипа вашего веб-сайта, в поле Логотип нажмите кнопку ВЫБРАТЬ , затем загрузите или сразу укажите файл с логотипом и нажмите кнопку Вставить .

Если у вас нет графического файла или вы просто не хотите, чтобы графический файл отображался здесь, в поле Логотип нажмите кнопку X , а затем в текстовом поле Логотип введите текст, который вы хотите отобразить вместо графики. Я ввожу: EF4 ;-)

В поле Описание сайта введите слоган вашего сайта. Я ввожу: дополнительные рамки для Joomla! Текст, введенный в это поле, будет виден как при определении графического файла в поле логотипа , так и когда вместо графического файла будет отображаться текст, введенный в текстовое поле логотипа .

Если вы хотите, чтобы переключатель изменил размер шрифтов, отображаемых в содержимом области содержимого статьи, то в поле Переключатель размера шрифта нажмите кнопку ВКЛЮЧЕНО , в противном случае оставьте включенной опцию ОТКЛЮЧЕНО .

Очень удобная опция - это специальная кнопка, обычно появляющаяся в нижней части страницы при прокрутке. Позволяет быстро вернуться к началу (началу) страницы. Если вы хотите, чтобы эта кнопка появлялась на вашем веб-сайте, в поле кнопки Back to top нажмите кнопку ENABLED , в противном случае нажмите кнопку DISABLED .

В поле изображения Favicon выберите графический файл, который будет любимым значком (иногда его называют значком сайта). Этот файл будет отображаться в поле адреса слева от адреса веб-сайта и слева в списке вкладок браузера рядом с заголовком страницы. Это позволяет международному сотруднику убедиться, что он находится на нужном сайте. Этот файл - должен быть сохранен в формате ico и иметь размеры 16x16 или 32x32 пикселей. Если ваш файл в другом формате ( png или jpg ) и имеет немного больший размер, EF4 обеспечит его преобразование в правильный формат и размер.

Наконец, нажмите кнопку Сохранить и посмотрите, как выглядит тестовый сайт после изменений:

Макет шаблона

В окне Шаблоны: Изменить стиль выберите Макет шаблона в меню слева. Здесь вы найдете основные параметры, связанные с макетом шаблона.

Макет шаблона основан на сетке с Bootstrap 2 , но команда DJ-Projects улучшила гладкость сетки, чтобы она была похожа на ту, которая использовалась в Bootstrap версии 3 .

В поле Ширина шаблона определите ширину шаблона. Вы можете использовать абсолютные значения, выраженные в пикселях (px) или относительные, выраженные в процентах. Я оставляю значение по умолчанию: 1170px .

В поле « Размер желоба» укажите пространство между блоками, модулями и другими элементами на странице. Я увеличиваю до 40px .

В поле Ширина левого столбца выберите количество столбцов в сетке для левого столбца шаблона. Я оставляю положение по умолчанию: Span3 (3 столбца сетки) .

В поле Ширина правого столбца выберите количество столбцов в сетке для левого столбца шаблона. Я выбираю из списка, положение: Span4 (4 столбца сетки) .

Вы действительно не знаете, что происходит? Дело в том, что благодаря сетке Bootstrap вы можете разместить несколько модулей в одной позиции шаблона, а самое главное, вы также можете указать количество столбцов, которое вы хотите использовать для каждого модуля! Это дает множество опций конфигурации для шаблона, потому что вы можете, например, в одной позиции, которая, скажем, состоит из 3 столбцов, иметь модуль, который будет «занимать» 2 столбца, а другой модуль - один столбец! Тогда ширина первого модуля будет больше ширины второго модуля. Кроме того, выбрав большее или меньшее количество столбцов сетки Bootstrap, вы можете выбрать ширину столбца - в данном случае левый столбец шаблона.

Посмотрите некоторые примеры, связанные с настройками левой и правой колонок:

  • Ширина левого столбца: Span3 (3 столбца сетки), Ширина правого столбца: Span3 (3 столбца сетки)

Ширина левого столбца: Span3 (3 столбца сетки), Ширина правого столбца: Span3 (3 столбца сетки)

  • Ширина левого столбца: Span6 (6 столбцов сетки), Ширина правого столбца: Span3 (3 столбца сетки)

Ширина левого столбца: Span6 (6 столбцов сетки), Ширина правого столбца: Span3 (3 столбца сетки)

  • Ширина левого столбца: Span2 (2 столбца сетки), Ширина правого столбца: Span4 (4 столбца сетки)

Ширина левого столбца: Span2 (2 столбца сетки), Ширина правого столбца: Span4 (4 столбца сетки)

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

Если вы измените параметры модуля (меню « Расширения» -> « Модули» -> « Имя модуля» -> «Карта: расширенные» ) в размере Bootstrap , то вы можете получить еще более интересные эффекты:

Если вы хотите, чтобы ваш шаблон «приспосабливался» к различным устройствам и размерам экрана, таким как типичные экраны компьютеров, ноутбуки, планшеты, смартфоны и т. Д.), В пункте « Адаптивный макет» нажмите кнопку « ВКЛЮЧЕНО» .

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

Наконец, нажмите кнопку Сохранить и проверьте изменения внешнего вида вашего тестового сайта.

Верстальщик

В окне « Шаблоны: Редактировать стиль» выберите « Компоновщик макетов» в левом меню . Это один из самых интересных вариантов, благодаря которому вы можете восстановить полностью внешний вид шаблона. Благодаря платформе EF4 вы получаете очень простой, интуитивно понятный и удобный инструмент.

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

  • Вы можете изменить порядок отдельных блоков;
  • Вы можете изменить порядок столбцов;
  • Вы можете определиться с количеством модулей в так называемых флекси-блоки ;
  • Вы можете назначить свои собственные позиции модуля;
  • Вы можете решить скрыть некоторые блоки в зависимости от размера экрана;
  • Вы можете определить ширину модулей в блоках flexiblock в зависимости от размера экрана;
  • Вы можете сохранить свои настройки и назначить их выбранным пунктам меню;

Нечего ждать! Я приглашаю вас узнать о Layout Builder :-)

В поле Текущий макет вы можете выбрать три разных макета шаблона из списка:

  • по умолчанию (тип left-content-right),
  • содержание слева направо ;
  • левый-правый контент ;

Вы также можете использовать кнопку COPY LAYOUT , с помощью которой вы можете скопировать один из доступных макетов и присвоить ему собственное имя. Используя кнопку REMOVE LAYOUT , вы можете изменить выбранный макет, но с помощью кнопки RESTORE LAYOUT TO DEFAULT SETTINGS вы можете загрузить настройки по умолчанию в выбранный макет. Полезный вариант, когда вы запутываетесь в своей системе, так что вы не будете знать, что ;-)

Хорошо, я предлагаю вам создать свой собственный макет и только потом позаботиться об изменениях. В этом случае нажмите кнопку « Копировать макет», в окне « Копирование макета» введите собственное имя макета (я ввожу: test-ef4 ), а затем нажмите зеленую кнопку « Копировать макет» . Теперь вы можете справиться с изменениями в вашем макете!

Прежде всего, вы можете выбрать, хотите ли вы изменить общую структуру шаблона - НАСТРОЙКА СТРУКТУРЫ ПЛАНИРОВАНИЯ , или адаптировать адаптивные системы - НАСТРОЙКИ РЕАКЦИОННОГО ПЛАНА . Я предлагаю вам сначала поработать над общим макетом шаблона.

Обратите внимание на текущую разметку отдельных блоков. Они отражают типичный макет расширенного сайта, где сверху находится блок с верхней балкой ( top-bar ), под блоком с логотипом и навигационным меню ( top-menu-nav ), за которым следует header - header (в котором часто так называемые слайдер с графикой и кратким описанием.

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

Только теперь у вас есть три основных блока: левый столбец ( левый столбец ), основной блок, представляющий содержимое сайта ( компонент ), и правый столбец ( правый столбец ). Блок контента делится на три части: верхний контент , компонент (в котором, например, отображаются статьи), нижний контент . Под основными блоками у вас есть еще три типа флексиблоков: нижний и нижний колонтитулы .

Внизу расположены два блока: авторские права и информационный блок, содержащий ссылки на производителя шаблонов и структуру: Joomla-Monster.com ,

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

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

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

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

Макет шаблона по умолчанию будет отображаться, если щелкнуть меню СТРАНИЦЫ на тестируемом сайте:

Макет шаблона по умолчанию будет отображаться, если щелкнуть меню СТРАНИЦЫ на тестируемом сайте:

Если некоторые блоки вы не хотите использовать на сайте, вы можете воспользоваться специальной корзиной. Просто перетащите выделенный блок в нижнюю часть розовой области: ИСКЛЮЧЕННЫЕ БЛОКИ ...

Просто перетащите выделенный блок в нижнюю часть розовой области: ИСКЛЮЧЕННЫЕ БЛОКИ

Потратьте некоторое время, чтобы поэкспериментировать с различными макетами. Попробуйте изменить макет, как и я:

Попробуйте изменить макет, как и я:

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

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

Настройки шрифта

Следующий пункт в настройках шаблона JM-Services - это настройки шрифта . Здесь вы найдете настройки, связанные со шрифтами, используемыми на сайте. Эти настройки идентичны тем, которые вы узнали в статье: Как создать шаблон, не касаясь кода? EF4 часть 1 ,

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

В разделе BASE FONT у вас есть опции, которые вы можете использовать для изменения шрифта по умолчанию для всего сайта

В разделе HORIZONTAL MENU вы изменяете настройки шрифта для горизонтального меню:

В разделе HORIZONTAL MENU вы изменяете настройки шрифта для горизонтального меню:

В разделе МОДУЛЬНЫЕ ЗАГОЛОВКИ вы измените настройки шрифта для заголовков в модулях, размещенных на сайте.

В разделе МОДУЛЬНЫЕ ЗАГОЛОВКИ вы измените настройки шрифта для заголовков в модулях, размещенных на сайте

Заголовок шрифта в статьях будет установлен в разделе АРТИКУЛЫ .

Заголовок шрифта в статьях будет установлен в разделе АРТИКУЛЫ

В разделе РАСШИРЕННЫЕ НАСТРОЙКИ вы можете определить настройки шрифта для выбранных селекторов или идентификаторов, определенных в CSS. Благодаря этому вы можете определить другие настройки шрифта для одного элемента сайта.

Посмотрите, как будет выглядеть сервис, если вы внесете следующие изменения:

  • Размер шрифта : 50 пикселей
  • Тип шрифта : Google веб-шрифт
  • URL веб-шрифта Google : http://fonts.googleapis.com/css?family=Monoton:400,300,300italic,400italic,700,700italic,900,900italic
  • Семейство веб-шрифтов Google : «Monoton», «Sans-Serif»
  • Селекторы : # jm-logo

family=Monoton:400,300,300italic,400italic,700,700italic,900,900italic   Семейство веб-шрифтов Google : «Monoton», «Sans-Serif»   Селекторы : # jm-logo

Последний раздел: GENERATED WEB FONT UPLOAD в меню Font settings позволяет вам отправлять свой собственный набор шрифтов на ваш сервер, который вы хотите использовать на веб-сайте. Допускаются следующие расширения файлов шрифтов: * .ttf, * .eot, * .woff, * .svg. Стоит загрузить как минимум три формата одного шрифта.

Цветовые модификации

Следующий пункт: в настройках шаблона JM-Services есть цветовые модификации , которые позволяют менять цвета отдельных элементов сайта. Эти параметры также доступны в Theme Customizer, который я описал в статье: Как создать шаблон, не касаясь кода? EF4 часть 1 ,

В разделе SCHEME COLOR у вас есть возможность изменить так называемый базовый цвет .

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

В разделах TOP BAR и TOPMENU BAR вы определяете фон, границу и цвет шрифта верхней панели и панели с верхним горизонтальным меню.

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

В разделе FOOTER , с другой стороны, вы определяете цвет фона, границы и шрифты для нижнего колонтитула сайта:

Расширенные возможности

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

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

Поле Theme Customizer используется для включения или отключения его на странице, а поле Theme Customizer - для включения или отключения формы входа, видимой на панели инструментов Theme Customizer . После входа в систему с помощью этой формы отобразятся две дополнительные кнопки: СОХРАНИТЬ , с помощью которых вы можете сохранить изменения непосредственно в текущий шаблон (стили по умолчанию будут перезаписаны) и кнопка СОХРАНИТЬ КАК ФАЙЛ для сохранения изменений в отдельном файле конфигурации. Этот файл будет доступен из административной панели в настройках выбранного шаблона в разделе Хранилище настроек .

Поле ввода кода можно использовать, если вам нужно вставить дополнительный код (например, Google Analytics ) или метатег в заголовок шаблона ( заголовок тега).

Используя следующие поля: Compress CSS и Compress JS, вы можете ускорить загрузку сайта в браузерах. Почему? Поскольку комментарии, пустые строки и ненужные символы удаляются, а файлы объединяются в один файл (отдельно для CSS и JS). Благодаря этому время отклика сервера на запрос браузера сокращается.

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

Просто помните, что каждая запись должна быть размещена на отдельной строке

Настройки хранилища

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

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

Как сохранить изменения в отдельных файлах?

Это очень просто! Предположим, вы хотите создать три версии внешнего вида одного и того же шаблона.

Сначала определите параметры макета компоновщика компоновки, настройки шрифта и цвета ( изменение цвета ), а затем сохраните эти настройки, нажав кнопку Сохранить . Теперь нажмите « Хранилище настроек» в меню слева, а затем введите имя файла в поле « Сохранить настройки» , например, версию 1, и нажмите кнопку « Сохранить» .

Снова измените настройки шаблона и сохраните их с помощью кнопки « Сохранить» , затем в меню « Хранилище настроек» в поле « Сохранить настройки» введите имя следующего файла с измененными настройками шаблона, например, версии 2, и нажмите кнопку « Сохранить» .

Повторите те же действия еще раз, помня, что перед сохранением настроек в файле сначала подтвердите их с помощью кнопок Сохранить .

Как применить изменения, сохраненные в файле конфигурации?

Все, что вам нужно сделать, это выбрать правильный файл конфигурации из списка в поле « Настройки магазина» , нажать кнопку « ЗАГРУЗИТЬ» , а затем сохранить изменения, нажав кнопку « Сохранить» .

Все, что вам нужно сделать, это выбрать правильный файл конфигурации из списка в поле « Настройки магазина» , нажать кнопку « ЗАГРУЗИТЬ» , а затем сохранить изменения, нажав кнопку « Сохранить»

Как сохранить файл конфигурации на моем компьютере?

Если вы хотите сохранить файл конфигурации в другом месте и использовать его, например, на другом сайте, после выбора его из списка в поле « Настройки магазина» нажмите кнопку « ЗАГРУЗИТЬ» , а затем кнопку « Сохранить» . Теперь щелкните правой кнопкой мыши кнопку ЗАГРУЗИТЬ НАСТРОЙКИ и выберите Сохранить объект как (или аналогично звуку, если вы используете браузер, отличный от Firefox ), а затем сохраните файл в любом месте на вашем компьютере.

Как импортировать файл, сохраненный на моем компьютере?

Для этого просто нажмите кнопку « Обзор» в поле « Параметры загрузки» , выберите файл конфигурации, который вы хотите импортировать, затем нажмите кнопку « ЗАГРУЗИТЬ» , расположенную справа от поля « Параметры загрузки», и, наконец, сохраните изменения кнопкой « Сохранить» .

Для этого просто нажмите кнопку « Обзор» в поле « Параметры загрузки» , выберите файл конфигурации, который вы хотите импортировать, затем нажмите кнопку « ЗАГРУЗИТЬ» , расположенную справа от поля « Параметры загрузки», и, наконец, сохраните изменения кнопкой « Сохранить»

Где хранятся файлы конфигурации шаблона?

Полный путь к файлам конфигурации можно найти в поле « Расположение хранилища» . С помощью этой информации вы можете легко получить доступ ко всем файлам конфигурации, которые вы ранее создали.

документация

После нажатия на пункт меню Документация вы увидите три ссылки:

  • Общая информация - ведение документации по EF4 на английском языке;
  • Наши Расширения - Документация , после нажатия вы открываете окно с документацией расширений, предлагаемых DJ Extension ;
  • Bootstrap Grid System - документация , ведущая к статье, в которой подробно объясняется принцип работы сетки Bootstrap;

Общая информация - ведение документации по EF4 на английском языке;   Наши Расширения - Документация , после нажатия вы открываете окно с документацией расширений, предлагаемых   DJ Extension   ;   Bootstrap Grid System - документация , ведущая к статье, в которой подробно объясняется принцип работы сетки Bootstrap;

Upadtes

В меню « Обновления» вы найдете информацию о версии установленного шаблона и платформы EF4 , а также ссылку, с помощью которой вы можете проверить, были ли выпущены более новые версии.

Назначить пункту меню

Следующий пункт в шаблонном меню JM-Services - «Назначить пункту меню». Эта функциональность доступна для каждого шаблона в Joomla! Благодаря этому вы можете, например, использовать несколько шаблонов на одном сайте! Это полезно, когда у вас обширный веб-сайт и вы хотите, например, представить другой способ контента в определенных отделах.

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

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

Вы можете узнать больше об использовании нескольких шаблонов в одном сервисе и посмотреть в статье: Много шаблонов на одном сайте в Joomla! 3,3 ,

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

До сих пор я показывал вам в основном обсуждение всех доступных вариантов как на уровне веб-сайта с использованием темы настройщика, так и в бэк-офисе с использованием параметров, доступных в шаблоне.

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

Хотите получать уведомления о моих следующих записях или проектах?

Подпишитесь на рассылку!

Новости

Как сбалансировать юзабилити и дизайн при создании сайта — User House
Красота или уродство в веб-дизайне всегда связаны с восприятием конкретного человека. То, что для одного «красиво», может быть «ужасным» для другого и наоборот. Но как же так получается, что многие популярные

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

Знакомство с юзабилити-тестированием сайта. // webknowledge.ru
Перевод статьи:   An Introduction To Website Usability Testing. Автор:   Thomas Churm. При создании нового сайта необходимо учитывать множество факторов. Для того чтобы у посетителей возникло

Специалист по web-usability – боец невидимого фронта
Ярослав Перевалов Что такое usability engineering? Часто ли вы, бродя по Сети, обращаете внимание на то, насколько качественно структурирована информация на сайте и насколько удобно устроена навигация?

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

25 советов как улучшить юзабилити (usability) вашего сайта. | Блог об интернет деятельности и трудовых буднях Максима Вячеславовича
Доброго времени суток, дорогие друзья! Сегодня мы поговорим с вами о такой важной вещи как U sability (юзабилити) сайта , о том, как улучшить данный фактор, зная его основные принципы и правила.

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

Юзабилити тестирование сайта турагентства
«Когда информации много и она дешева, дорогим становится внимание». James Gleick Представим сайт, владелец которого считает его достаточно хорошим, удобным и привлекательным. Он размещает рекламные объявления

Юзабилити
Юзабилити (от англ. слова «usability» – практичность, простота использования) – это весьма распространенное ныне понятие объединяет максимальное удобство использования сайта и полезность информации, на

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

Карта