20
Министерство образования и науки РФ ГОУ ВПО «Уральский федеральный университет» Им. Первого президента РФ Б.Н.Ельцина Кафедра Культурологии и Дизайна Дизайн сайта как средство повышения его информативности Екатеринбург 2010 Выполнил: Добровольская С. М. Студентка ГО-38043 Проверил: д.ф.н., профессор Быстрова Т. Ю.

Дизайн сайта как средство повышения его информативности. С. Добровольская

  • Upload
    -

  • View
    1.223

  • Download
    1

Embed Size (px)

DESCRIPTION

Дизайн сайта как средство повышения его информативности. С. Добровольская. 2010

Citation preview

Page 1: Дизайн сайта как средство повышения его информативности. С. Добровольская

Министерство образования и науки РФГОУ ВПО «Уральский федеральный университет»

Им. Первого президента РФ Б.Н.ЕльцинаКафедра Культурологии и Дизайна

Дизайн сайта как средство повышения его информативности

Екатеринбург 2010

Выполнил: Добровольская С. М. Студентка ГО-38043Проверил: д.ф.н., профессор Быстрова Т. Ю.

Page 2: Дизайн сайта как средство повышения его информативности. С. Добровольская

Содержание

Определение дизайна Схема Цель, введение Актуальность Критерии Анализ аналогов Основная информация о сайте Анализ сайта Вывод Список литературы

Page 3: Дизайн сайта как средство повышения его информативности. С. Добровольская

Софья ДобровольскаяСтудентка группы ГО – 38043

Сфера интересов: web-дизайн,

дизайн рекламы, графика.

Определение дизайна

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

Page 4: Дизайн сайта как средство повышения его информативности. С. Добровольская

Проектная деятельность – это процесс создания проекта, прототипа, прообраза предполагаемого или возможного объекта, состояния.

Гармоничность – Стройность, пластичность, мерность, полнота и законченность внешнего выражения (книжн.). Согласованное сочетание, соответствие элементов внутри чего-н. целого, внутренняя цельность, полнота, согласие (книжн.).

Веб-ресурс – совокупность электронных документов частного лица или организации объединённая под одним адресом в компьютерной сети.

Функциональность – это набор возможностей (функций), которые предоставляет данная система или устройство.

Информативность – это количество информации, которое получает из какого-л. предмета пользователь.

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

Определение дизайна

Page 5: Дизайн сайта как средство повышения его информативности. С. Добровольская

Соответств

ие ожидания

м

Быстрота нахождения информации

Удовлетворение эстетических вкусов Удобст

во пользования

Впечатление посетителя

Функциональная

структура

Эстетичность, средства

выразительности

Информативность, структурированность

Практичнос

ть, удобс

твоДизайн сайта

Для чего сайт

Бюджет сайта

Количество и вид текста, наличие таблиц и графики

Дизайн эффективного сайта

- влияние

- условия

- следствие

Page 6: Дизайн сайта как средство повышения его информативности. С. Добровольская

Введение o В настоящее время под термином веб-дизайн понимают именно

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

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

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

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

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

Page 7: Дизайн сайта как средство повышения его информативности. С. Добровольская

Актуальность

Еще не так давно пользователей интернета было мало, и в сеть они ходили в основном за играми и общением. А потому были неинтересны бизнесу. И даже крупная компания вполне могла обойтись простым созданием сайтов с незамысловатым дизайном и минимумом «наворотов». Сегодня даже небольшая фирма, довольствующаяся «сайтом-визиткой», теряет своих потенциальных клиентов во Всемирной Паутине.

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

 

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

Page 8: Дизайн сайта как средство повышения его информативности. С. Добровольская

Критерии оценки

Функциональность, технологичность Информативность Гармоничность, эстетичность

Page 9: Дизайн сайта как средство повышения его информативности. С. Добровольская

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

Главная страница сайта http://www.look-o.ru/

Анализ аналогов

Удобное функционально – информативное меню

Элемент анимации - привлечение внимания, запоминаемость

Page 10: Дизайн сайта как средство повышения его информативности. С. Добровольская

Анализ аналоговГлавная страница сайта http://vivacity.ru/

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

Наличие всплывающей подсказки, для удобства пользования

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

Page 11: Дизайн сайта как средство повышения его информативности. С. Добровольская

Название сайта: 74.ru. Год создания: 2000. С нами : 2 млн посетителей в месяц, которые

просматривают свыше 20 млн страниц (данные по Рамблер Топ-100 на сентябрь 2010 года).

О чем: 74.ru – точка входа в челябинский Интернет. Это самый популярный и посещаемый в Челябинской области сайт.

Важная отличительная черта 74.ru – его интерактивность. Рекламодатель в режиме реального времени получает отклик на свое сообщение и может вступить в диалог с читателями сайта. Кроме того, рекламодатель получает точную статистику обращений к опубликованным на сайте материалам/баннерам.

Также на главной странице 74.ru доступны такие сервисы, как «Работа», «Отправка SMS-сообщений», «Частные объявления», «Справочник предприятий области», «Форум», «Погода». У 74.ru есть wap-версия (wap.74.ru), благодаря которой посетитель может получить доступ к основным разделам сайта со своего мобильного телефона в любое время суток.

Одним из первых и самых популярных сервисов на 74.ru является «Работа».

Основная информация о сайте

Page 12: Дизайн сайта как средство повышения его информативности. С. Добровольская

Анализ сайта 74.ru.

Цвета сайта сбалансированы, но яркая реклама, берет на себя основное внимание и поэтому на сайте сложнее ориентироваться -

Макет главной страницы перегружен информацией, за счет нескольких видов меню и множества рекламных логотипов -

Главная страница сайта перенасыщена информацией, все ярлыки и кнопки являются ссылками -

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

Page 13: Дизайн сайта как средство повышения его информативности. С. Добровольская

Разделительная линия используется для разделения текстов и облегчения их восприятия +

Анализ сайта 74.ru.

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

являющиеся ссылками - для удобства ориентирования на сайте +

Page 14: Дизайн сайта как средство повышения его информативности. С. Добровольская

Анализ сайта 74.ru.

Графика сочетается с составляющими страницы, не мешает воспринимать информацию +

Текст читается легко, с фоном не сливается +

Цвета, шрифты и графика выдержаны в едином стиле +

Информация вмещается внутри типичной области просмотра по горизонтали, а по вертикали прокрутка +

Page 15: Дизайн сайта как средство повышения его информативности. С. Добровольская

Анализ сайта 74.ru.

Функциональность, технологичность Хорошая функциональность — это технология, которая не бросается в

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

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

Оценка: 8 из 10

Page 16: Дизайн сайта как средство повышения его информативности. С. Добровольская

Анализ сайта 74.ru.

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

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

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

Оценка: 6 из 10

Page 17: Дизайн сайта как средство повышения его информативности. С. Добровольская

Анализ сайта 74.ru.

Эстетичность, гармоничность Даже если дизайн будет удобным, но не красивым, велика вероятность

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

Страницы сайта идентифицируются с этим предприятием, но не сильно отличаются от схожих по тематике.

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

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

Оценка: 8 из 10

Page 18: Дизайн сайта как средство повышения его информативности. С. Добровольская

Вывод

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

Главные вопросы, на которые посетитель должен получить ответы: зачем сайт нужен, как сайтом пользоваться.

Дизайн – это соединительное звено между набором функций сайта и посетителем. Главная задача дизайна подать функции максимально просто и доступно.

Хорошо организованный сайт красив благодаря своей гармоничной конструкции.

Page 19: Дизайн сайта как средство повышения его информативности. С. Добровольская

Список литературы

Быстрова Т.Ю. Философские проблемы творчества в искусстве и дизайне Екатеринбург / 2009.

http://design.lg.ua/ http://www.yanajy.com/ http://www.komciweb.ru/ статья Голициной А. газета «Бизнес» http://site25.ru/

Page 20: Дизайн сайта как средство повышения его информативности. С. Добровольская

Спасибо за внимание =)