Разработка пользовательского интерфейса

     Чтобы поиск был удобным, следует придерживаться следующих правил:

1. В идеале, форма поиска должна размещаться на всех страницах сайта в верхней области (традиционно, верхний правый угол). Оптимальная длина поля для ввода запроса – 27-30 символов. Поиск на сайте должен быть только внутренним (по сайту). Не следует предлагать пользователям поиск на внешних ресурсах, в Интернете, т.к. для этого существуют глобальные поисковые системы. Оформление страницы с результатами поиска должно быть максимально приближенно к странице выдачи глобальных поисковых систем: содержать поле для ввода запроса с введенным посетителем запросом, список результатов должен содержать заголовок (с ссылкой), краткое описание, можно также добавить URL или раздел, к которому относится результат. Используйте функцию проверки орфографии, как в глобальных поисковых системах. При вводе поискового запроса с ошибкой следует выводить строку «Возможно Вы имели в виду [правильное написание запроса]?»

     Главная страница

     Главная страница – это лицо сайта, поэтому:

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

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

     При написании текста для сайта можно  сформулировать два основных правила:

     1. Старайтесь писать короткие тексты

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

     По  оформлению текста можно дать следующие рекомендации:

       Размер основного шрифта должен  быть не меньше 12 px (что примерно соответствует привычным 10 pt в MS Word) пунктов.

     При подборе шрифтов следует пользоваться относительными величинами (а не фиксированным размером). При выборе типа шрифта следует ориентироваться на то, что на мониторе (в отличие от бумаги) более удобно читается текст, набранный шрифтом «без засечек». Для справки, шрифты «без засечек»: Arial, Arial Black, Verdana, Tahoma, шрифты «с засечками»: Times New Roman, Georgia.

     На  сайте не следует использовать более 4-х разных цветов текста. Не следует  также забывать, что пользователи придают одинаковое значение элементам, которые визуально выглядят одинаково. Не следует использовать только прописные буквы, т.к. при этом снижается скорость чтения и затрудняется восприятие. Текст и фон должны быть достаточно контрастны, лучший вариант – черный текст на белом фоне. Следует избегать таких сочетаний цветов, как красный текст на синем фоне, оранжевый – на темно-зеленом и другие, т.к. подобные сочетания цветов порождают «эффект дрожания» и создают сильную нагрузку на зрение. Пользователи негативно относятся к мигающему тексту и бегущим строкам, поэтому следует избегать подобных приемов. Дизайн для людей с ограниченными возможностями. Всегда нужно помнить о том, что пользователями вашего сайта могут быть совершенно разные люди, с разными потребностями и возможностями. О доступности контента сайта для любых посетителей должны заботиться и заказчики сайта, и разработчики. Особенно это важно для сайтов общественной и государственной деятельности, образовательных учреждений. Приемы, которые помогут сделать сайт общедоступным:

     1. Разрабатывайте навигацию таким  образом, чтобы управлять сайтом  было возможно только с помощью  клавиатуры (без использования мыши).

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

     Разработка  сайта.

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

     На  главной странице будет выводится информации о последних новостях. В панели закладок все новости будут разбиты по категориям, «Новости ПК», «Мобильные новости», «Планшеты».

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

     При переходе к полному содержанию пользователю показывается все новость полностью.

     При желании пользователь может вернутся к просмотру списка новостей с кратким содержанием для этого ему нужно нажать на интересующую категорию новостей.

     Также на главной странице располагается  форма авторизации. При помощи этой формы пользователь может зарегистрироваться на сайте, после этого ему откроется возможность оставлять свои комментарии к новостям на сайте.

     Рис1. Главная страница сайта. 
 
 

     Рис. 2 Страница выбранной новостной категории. 

     Рис. 3 Страница полного содержания новости. 

     Для разработки данного сайта следует  воспользоваться платформой языком программирования PHP, CSS, MySQL, что позволит создать качественный продукт.

     Требования  к хостингу.

     Для работы нашего «магазина» в интернете  необходимы особые возможности хостинга вашего сайта.   На хостинге сайта должны быть PHP4, PHP5 или MySQL – программы, которые позволяют добавить к простому сайту особые возможности. При выборе хостинга учитывайте это требование. 
 
 
 

Список  источников.

     Интернет  ресурс: http://www.romver.ru/services/services.php?razdel=1569

     Интернет  ресурс: http://www.info-system.ru/interface/interface.html