квест для жителей спб

Лекция 8. Создание социально-консультативного Интернет-ресурса для людей старшего поколения

Лекция 8. Создание социально-консультативного Интернет-ресурса для людей старшего поколения

Число пользователей Интернета старшего возраста растет в России с каждым годом, так по состоянию на февраль 2015 года, пользователи старшего поколения (старше 55 лет) составляют 9,7 % от общего числа пользователей сети интернет в России. Для сравнения, на февраль 2014 года этот показатель был равен 8,2%, а на 2013 год 6,6 %.

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

При  создании сайта необходимо учитывать требования к юзабилити, т.е. степень удобства, с которой пользователь может выполнять стоящие перед ним задачи, используя программный продукт.  В России сущестует национальный стандарт по юзабитили ГОСТ Р ИСО 9241-210-2012 «Эргономика взаимодействия человек-система. Часть 210. Человеко-ориентированное проектирование интерактивных систем».

Кроме того среди людей старшего поколения значительная часть имеет проблемы со зрением, поэтому при создании сайта нужно ориентироваться еще и на  ГОСТ Р 52872-2012 Интернет-ресурсы. Требования доступности для инвалидов по зрению.

Рассмотрим основные этапы создания Интернет-ресурса для людей старшего возраста.

Этапы

  1. Планирование

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

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

  1. Создание структуры сайта, определение ключевых блоков

На этом этапе нужно составить перечень разделов, систему навигации, список страниц, и определить связи, т.е. внутреннюю структуру портала.

Уделите особое внимание разработке дизайна портала и верстке макета.Определите основные свойства текстовых и графических объектов страницы (цветовая гамма страниц, элементы графического оформления, набор шрифтов). Дизайн сайта может быть уникальным, а может быть готовым (созданным заранее).Можно выбрать готовый дизайн сайта, такие макеты в большом множестве представлены в Интернете в платном и бесплатном вариантах. Однако, следует помнить, что при выборе бесплатного готового дизайна ваш сайт не будет выглядеть уникально. Здесь можно поступить таким образом: выбрать дизайн на зарубежных сайтах, предоставляющих готовые дизайны, и таким образом снизить вероятность встретить русскоязычный сайт с аналогичным дизайном. К положительным сторонам готовых дизайнов относится и экономия средств и кратчайший срок получения дизайна и возможность сразу увидеть, как будет выглядеть будущий сайт.

Разработка уникального дизайна предполагаетподготовку сайтаспециально для конкретного проекта или заказчика. На разработку сайта уйдет не менее 3-5 недель.

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

  1. Выбор хостинга (платного или бесплатного), регистрация адреса (домена) сайта и размещение сайта на выбранном хостинге

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

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

  1. Наполнение сайта контентом

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

  1. Продвижение сайта

Зарегистрируйтесь в поисковых системах и каталогах. Разместите ссылки на других сайтах, приглашайте пользователей через e-mail рассылки и социальные сети Также зарегиструйтесь на yandex.metrika и google.statistics для получения статистики посещения сайта. Это позволит вам отслеживать динамику посещений, источники переходов, особенно это важно для мониторинга эффективности применяемых средств продвижения. Регистрация в поисковых системах и каталогах.

  1. Регулярное обновление информации и техническая поддержка сайта

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

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

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

При создании сайтов для людей старшего возраста - Университет третьего возраста ИТМО (u3a.ifmo.ru) и социально-консультативного портала "Все года" (vsegoda.ru), созданного на базе Университета ИТМО в ходе реализации программы Благотворительного общества «Невский Ангел» «Вектор добровольчества – старшее поколение» мы выявили следующие основные правила для порталов, ориентированных на людей этой группы:

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

  2. Упрощенный интерфейс. На портале «ВСЕ ГОДА» мы использовали квадратные кнопки для отображение основных пунктов меню (рис.1)

  3. Обязательны на всех страницах такие кнопки для навигации как «вперед», «назад» (если текст занимает несколько страниц), «главная страница» и т.д.

 

Рис .Главная страница социально-консультативного ресурс для людей старшего поколения «Все года»

 

  1. Используйте по возможности одинаковые средства на разных страницах сайта. Обязателен эффект повторяемости, т.е. располагайте повторяющиеся пункты меню в одном и том же месте. Например, если вы выбрали один способ отображения  кнопки «вперед», используйте ее на всех страницах сайта именно в таком виде (размер, цвет, расположение). Вашим пользователям будет гораздо проще работать с уже знакомыми элементами.

  2. Используйте принцип минимализма. Задавайте себе вопрос: отвечает ли вид этого элемента своей основной цели?

  3. Избегайте использования отвлекающих элементов. Все ссылки должны открываться в новых вкладках.

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

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


Общие принципы разработки интерфейса

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

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

  • На первом этапе необходимо определить стратегию дизайна, и понять следующие моменты:

    • какая цель  продукта (для чего все делается);

    • целевая аудитория (для кого предназначен продукт);

    • определить основные количественные и качественные показатели успеха, отслеживаемые результаты работы сайта;

    • определить условия использования.

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

    • демографические характеристики: пол, возраст, место проживания и т.д.;

    • потребности и решаемые проблемы;

    • к чему стремимся пользователь при использовании продукта;

    • определение условий использования;

    • какое программное обеспечение будет использоваться;

    • какие мотивы использования.

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

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

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

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

 

Рис. Взаимосвязь этапов человеко-ориентированного проектирования

 

Помочь разработчику ответить на некоторые вопросы, понять психологические и поведенческие аспекты взаимодействия пользователей с программными продуктами, предугадать действия пользователей может User eXperience (UX).

Необходимость внутренней оптимизации сайта для поиска

При использовании сайтов, часто, граждане сначала ищут их через поисковые системы. Но при этом, может оказаться, что нужны сайты или услуги найти сложно. Для этого, порталы должны быть оптимизированы с точки зрения СЕО (англ. Search engine optimization, SEO).

Для поисковой оптимизации важную роль играют следующие показатели:

  • мета-теги (описание страниц, ключевые слова), заголовки страниц;

  • ТИЦ сайта (тематический индекс цитируемости Яндекс);

  • PageRank главной и других страниц сайта;

  • основные теги в тексте (h1-h6, strong, b, i, p), оптимизация которых влияет на ранжирование сайта в поиске;

  • ссылочная массы, оптимизация внутренних ссылок для поисковых систем;

  • плотность ключевых слов на странице;

  • скорость работы сайта;

  • корректность файлов robots.txt, файлов Sitemaps, HTTP-заголовков, редиректов 301 и 302, ошибок сервера 404, 505;

  • юзабилити сайтов - поведенческие факторы;

  • использование счетчиков и других решений для онлайн-аналитики;

  • уникальность контента- все

Поэтому при разработке сайтов важно понимать необходимость учета этих пунктов.

Полезные советы:

1) К примеру так должна выглядеть верно составленная начальная часть страницы:

<html>

<head>

<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />

<title>Заголовок вашей страницы, полностью отражающий содержимое</title>

<meta name="keywords" content="Ключевые слова вашей страницы через запятую" />

<meta name="description" content="Краткое описание темы страницы." />

<link href="css/default.css" rel="stylesheet" type="text/css" media="all" />

</head>

2) Все картинки на сайте должны иметь альтернативное описание.

<img src=”pic.jpg” alt=”описание фотографии”>

3) Должен быть верно настроен файл robots.txt. Robots.txt — текстовый файл, который содержит параметры индексирования сайта для роботов поисковых систем. Советы по настройке файла robots.txt можно найти в справочнике яндекса: http://help.yandex.ru/webmaster/controlling-robot/robots-txt.xml

Пример верно составленного файла robots.txt

User-Agent: *

Disallow: /assets/

Disallow: /connectors/

Disallow: /core/

Disallow: /manager/

Disallow: *?

Host: http://vsegoda.ru/

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

4) Скорость работы сайта влияет как на поисковую выдачу, так и на комфортность использования сайта. Для анализа скорости работы сайта можно использовать инструмент GooglePageSpeed https://developers.google.com/speed/pagespeed/insights/ . Он анализирует сайт и дает конкретные советы, что нужно исправить.

Инструмент GooglePageSpeedInsights измеряет скорость загрузки веб-страниц. URL проверяется дважды – с помощью обычного и мобильного агента пользователя. Оценка PageSpeed может составлять от 0 до 100 баллов. Чем выше оценка – тем лучше. Если страница набрала более 85 баллов, значит она загружается быстро.

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

5) Необходимо использовать заголовки различного уровня. Для хорошего продвижения в тексте необходимо использовать заголовки различного уровня. От h1 до h6.

Главный заголовок темы

Заголовки

Менее важные заголовки

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

Код именно для вашего счетчика сгенерирует сам яндекс, и останется только разместить на каждой странице сайта.

7) Ошибка 404. На сайте должна быть настроена страница 404. Если пользователь ввел неверный адрес, то он должен попадать не на главнуб страницу, а на специальную страницу, где объясняется, что адрес неверно набран, попробуйте заново.

8) Перелинкова. Все тексты сайта должны быть связаны. Пользователь находясь на одной странице сайта должен иметь возможность попадать на другие. К примеру в тексте статей можно размещать ссылки на другие статьи. Тем самым тексты будут связаны.

Выбор CMS

Нельзя однозначно посоветовать CMS для сайта. Так как в каждом отдельном случае необходимо выбирать свою. Можно дать лишь несколько советов по выбору:

  • Выбирайте CMS к которой имеется достаточное количество документации.

  • Выбирайте  гибкую CMS,  с которой в будущем будет легко работать, обновлять ее плагины и изменять код.

  • Необходимо, чтобы система имела широкие возможности по внедрению новых модулей.

  • Выбирайте безопасную CMS. К примеру cms Joomla- очень популярная у начинающих разработчкиков имеет низкую безопасность. по статистике Яндекса, 19% из всех зараженных сайтов сделаны на платформе Joomla;

  • Выбирайте CMS, в которой легко будет интегрировать свой дизайн.

  • Выбирайте систему, с которой в будущем будет легко работать контент менеджеру.

Всем этим пунктам отвечает CMS MODx Revo. Она обладает всеми этими качествами, при этом является бесплатной. Имеет широкие возможности по разработке дополнительных компонентов, а также содержит ряд уже готовых дополнений.

MODX (читается «мо́дэкс») — это бесплатная профессиональная система управления содержимым (CMS) и фреймворк для веб-приложений, предназначенная для обеспечения и организации совместного процесса создания, редактирования и управления контентом (то есть содержимым) сайтов.

MODX распространяется бесплатно по лицензии GPL с открытым исходным программным кодом (Open Source). Это означает, что систему MODX может использовать каждый: как для личного использования, так и для коммерческого распространения сайтов, построенных на данной системе управления.

MODX написана на программном языке PHP и использует для хранения данных СУБД MySQL или MS SQL. Система управления MODX может быть установлена на большинстве веб-серверов (например, таких как IIS, Apache, Lighttpd, nginx и Zeus), а контрольная панель системы (или админ-зона) работает практически во всех современных браузерах.

Выбор хостинга

Выбор хостинга является важным шагом для вашего сайта. Стабильная работа хостинга – основа успешно развивающегося сайта.

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

Обратите внимание на предоставление всех типов доступа: панель управление, ftp, ssh, mysql. Без этих доступов вы не сможете полноценно вести работу с сайтом.

К примеру можно использовать хостинг Beget или Sweb. Они отлично подойдут для проектов он начального до среднего уровня. Имеют хорошие технические показатели.

Совет первый – услуга администрирования сервера

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

Совет второй – удобная панель управления

Многие используют панель ISP manager. Она удобна, наглядна и функциональна. Некоторые хостеры предлагают планы с включенной в стоимость этой панелью.

Совет третий – объем дискового пространства

Никогда не берите «впритык», места должно быть много. Если, к примеру, ваши сайты занимают гигабайт, закажите тариф с 3 ГБ дискового пространства. Сайты будут развиваться и им понадобится больше места.

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

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

Совет пятый – удобная смена тарифа

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

Совет шестой – неограниченный трафик

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

Совет седьмой – максимальное число

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

Совет восьмой – автоматический ежедневный бэкап

При восстановлении «поломанного» сайта поможет резервная копия, если, конечно же, она имеется. Чтобы жить спокойнее, делайте бэкапы.

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

Совет девятый – цена

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

Совет десятый – разные блоги – разные сервера

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

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