Similar presentations:
Сравнительный анализ дизайна интернет-сайтов
1.
С РА В Н И Т Е Л Ь Н Ы ЙАНАЛИЗ ДИЗАЙНА
СА Й ТО В
Ксения Рамм
ЖУР3-19-03
2.
КОММЕРЧЕСКИЕ САЙТЫbmw.ru
• 312bags.ru
• tastycoffee.ru
• adidas.ru (2009г)
3.
B M W. R U10\10
Плюсы:
Минималистичный, приятный дизайн. Ничего
лишнего
Сайт сразу наглядно представляет самую новую
модель в линейке автомобилей, так же
присутствует кнопка «узнать больше», для
людей которых заинтересует данная модель
Простое меню сверху и снизу, позволяющее
легко ориентироваться на сайте
Наглядный модельный ряд
Наличие вебчата с сотрудником, котрый ответит
на возникшие вопросы
У BMW самый удобный, на мой взгляд,
конфигуратор, котрый превращает выбор
автомобиля в своеобразную игру, творческий
процесс
4.
B M W. R U К О Н Ф И Г У РАТ О Р5.
312BAGS.RU8\10
Плюсы :
Ничего лишнего
Активная кнопка для
перехода на акцию
«Сумка месяца»
Удобное меню в
верхней части сайта
Интерактивный каталог
Малое количество
действий для
совершения покупки
Минусы:
Местами мелкий,
прозрачный, плохо
читаемый шрифт
Яркая внешность
моделей отвлекает
внимание от продукта
6.
TA S T Y C O F F E E . R U9\10
Плюсы:
Опять же минималистичный
дизайн
Удобное меню
Наличие чата «Помощь с
выбором»
Легкое оформление заказа
Уведомление об акции и
промокод в верхней части сайта
Минусы:
Местами плохо читаемый
бледный текст
7.
ADIDAS.RU(2009Г)
3\10
Плюсы :
Наличие меню в
верхней части сайта
Полезные статьи о
спорте, спортивном
снаряжении и тд
Минусы:
Пустота. Нет акцентов
внимания
Одинаковый мелкий
шрифт
8.
П РА В И Т Е Л Ь С Т В Е Н Н Ы ЕСАЙТЫ
fsb.ru
• kremlin.ru
• mirsud.spb.ru
9.
FSB.RU6\10
Плюсы:
Меню в верхней части сайта
Рубрики в правой части
сайта, позволяющие быстро
искать информацию
Акцент на контакты
организации, если
пользователь обладает
информацией о готовящихся
терактах
Версия для слабовидящих
Минусы:
Мелкий шрифт
Периодически сайт плохо
погружается
10.
KREMLIN.RU5\10
Плюсы:
Функция поиска
Меню
Минусы:
Сайт очень тяжело грузится
Много пустых мест, будто бы
его не доделали
Раздел «официальные
сетевые ресурсы Президента
России» практически не
заметен (три точки в левом
верхнем углу)
11.
MIRSUD.SPB.RU7\10
Плюсы:
Выделение красным
важной информации
Приятная панорама на
главной странице
Удобное меню и
удобный поиск дел
Минусы:
Стронная цветовая
гамма на главное
странице
Бледный шрифт
12.
С А Й Т Ы ВУ З О Вkpfu.ru
• mvoku.mil.ru
• urfu.ru
13.
KPFU.RU10\10
Плюсы:
Приятный интерфейс
Удобное меню
Сайт активно меняется
при скроллинге
Вся нужная информация
прямо на первой
странице
Удобный и активный
список контактов
14.
KPFU.RU15.
MVOKU.MIL.RU3\10
Плюсы:
Крупный контрастный шрифт
Крупное меню
Минусы:
Кроме шапки весь сайт
представляет собой белое
полотно со сплошным текстом
Мало медиа-контента
Нет акцентов для
привлечения внимания к той
или иной информации
16.
URFU.RU1\10
Плюсы:
Много ярких, контрастных
деталей
Минусы:
Мелкий, не выразительный
шрифт
Разделы сайта похожи на
всплывающую рекламу, хочется
найти крестик и закрыть их
Все в куче, сложно
сфокусироваться на чем-то
17.
ПЕРСОНАЛЬНЫЕ САЙТЫbalygin.com
• yakhina.info
• az-film.com
18.
B A LY G I N . C O MС А Й Т Ф О Т О Г РА Ф А
МИХАИЛА БА ЛЫГИНА
5\10
Плюсы:
Приятный визуальный ряд,
красивый шрифт заголовка сайта
Удобное и лаконичное меню
Удобная форма быстрой заявки
Минусы:
Дублирующийся текст с
благодарностью за интерес к
работе фотографа
Бледный текст
Мелким и бледным шрифтом
напечатаны контакты
19.
YA K H I N A . I N F OСА Й Т П И САТ Е Л Ь Н И Ц Ы
ГУЗЕЛЬ ЯХИНОЙ
10\10
Плюсы:
Крупные, интересные шрифты,
цепляющие взгляд
Верхнее меню сайта не исчезает при
скроллинге
Множество активных кнопок
Раздел с новостями
Раздел с описанием работ автора
Ссылка на сериал, снятый по книге
автора
Форма для письма автору
20.
YA K H I N A . I N F OСА Й Т П И САТ Е Л Ь Н И Ц Ы Г У З Е Л Ь
ЯХИНОЙ
21.
AZ-FILM.COMС А Й Т Р Е Ж И С С Е РА
АНДРЕЯ
З ВЯ Г И Н Ц Е ВА 1 0 \ 1 0
Плюсы:
Минималистичный дизайн
Удобная фильмография с
информацией о каждом
фильме
Информация о команде, с
котрый работает режиссёр
Видео интервью, мастер –
классов, фильмы о фильмах
Биография режиссера
22.
С А Й Т Ы Н А РА З Л И Ч Н Ы ЕТЕМЫ
spreadthesign.com
• abw.blue
• whenwasiconceived.com
23.
SPREADTHESIGN.COMОНЛАЙН-ПЕРЕВОДЧИК
СЛОВ НА ЯЗЫК ЖЕСТОВ
6\10
Плюсы:
Прост и понятен в использовании
Переводит на все языки
Показывает жест маленьким
видео
Минусы:
Выглядит, как достаточно старый
сайт
Мелкий шрифт
24.
ABW.BLUEСАЙ Т, Н А К О Р ТО М М ОЖ Н О
И С П РАВ И Т Ь ХОД И СТОР И И
ЧЕЛОВЕЧЕСТВА И
ПОСМОТРЕТЬ, КАКИМ БЫ
Б Ы Л М И Р, В К О Т О Р О М
НИКОГДА НЕ БЫЛО ВТОРОЙ
МИРОВОЙ ВОЙНЫ ИЛИ НЕ
ИЗОБРЕЛИ ТЕЛЕФОН.6\10
Плюсы:
Яркий, легко читаемый
текст
Прост в использовании
Минусы:
На сайте нет
мультимедийного
контента, хотя он был
бы там к месту
25.
A B W. B L U EСайт предлагает сделать выбор по
поводу той или иной ситуации, котрый
повлияет на ход истории. И далее вы
видите последствия.
26.
WHENWASICONCEIVED.COMС А Й Т РАС С Ч И Т Ы ВА Е Т Д АТ У З АЧ АТ И Я О Т Д Н Я
Р О Ж Д Е Н И Я И П О К АЗ Ы ВА Е Т, К АК А Я П Е С Н Я
БЫЛА ПОПУЛЯРНА В ЭТОТ ДЕНЬ И КАКОЙ
Ф И Л ЬМ Ш Е Л В К И Н О Т Е АТ РАХ .
6\10
Плюсы:
Очень
простой
интерфейс
Приятная
цветовая
гамма
Минусы:
Грубоват,
похож на
очень старый сайт
27.
СПАСИБО ЗАВНИМАНИЕ!