Информационный сайт: презентация личного блога, его интерфейс, архитектура

Видео презентации личного информационного сайта

В данном видео идет презентация информационного сайта. Автор рассказывает, как  он создавал личный блог, его интерфейс, архитектуру. Презентация создавалась под руководством учителя Томского государственного университета, курс «UI-дизайнер: практические навыки дизайнера интерфейсов».

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

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

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

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

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

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

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

На сайдбаре посетитель может осуществить поиск нужной информации по запросу. Ему предоставляется возможность подписаться на новые статьи. Также есть место для рекламы.

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

Развернуть... Свернуть

Нет комментариев

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

Отправить комментарий Отменить

Сообщение