Важно: в статье будет высказано субъективное мнение относительно нескольких сайтов учебных заведений.
Я не ставил перед собой задачу изучить аудиторию этих сайтов, проанализировать все порталы и переделать их дизайн.
Это только мое мнение.
Здесь также будет много фотографий.
Сегодня я хочу показать сайт Института журналистики и литературного творчества, расположенного в Москве и готовящего бакалавров журналистики.
Я думаю попробовать свои силы в журналистике, когда у меня будут деньги на обучение за границей.
Итак, чтобы зайти на сайт, введем аббревиатуру в поисковик.
Нас встречает вот такой креатив:
Результаты поиска Спасибо, что включили телефон и адрес в метаданные.
Описание длиннее, чем необходимо для результатов поиска.
Написанное маленькими буквами название сайта выглядит единым, но зачем выделять «об институте» подчеркиванием? Я бы понял, если бы вуз готовил программистов и тестировщиков, но это гуманитарный вуз.
Не вписывается в специфику.
Затем мы видим этот бардак:
Главный экран сайта ИЖЛТ Вроде использовано два цвета, но исполнение сбивает с толку.
Для чего нужны эти синие линии, образующие ромбы? Я пытаюсь отследить их направление взглядом и не понимаю закономерности.
Буквы слишком тонкие и сливаются с фоном, что затрудняет чтение текста.
Недостаточно контраста? Я преобразовал скриншот в черно-белый, и здесь ситуация с текстом намного лучше:
Черно-белый главный экран сайта ИЖЛТ Я думаю, что это красный цвет. На его фоне буквы гораздо менее читабельны, чем на синем.
Обратите внимание, что шрифт названия вуза, дополнительной информации и названий других блоков разительно отличается.
А шрифты с засечками гораздо труднее читать.
Это программа Die or Be Die, только текст написан шрифтом с засечками на странном красном фоне.
Допустим, я заинтересован в поступлении.
Перемещаясь по верхнему краю сайта, я нахожу раздел «Информация о поступлении», а затем сразу номер телефона приемной комиссии и физический адрес вуза.
Ниже в обилии текста нахожу информацию о лицензии, а также программах переподготовки и повышения квалификации.
Хотел написать, что поиск необходимой информации занимает больше времени, но думаю беру свои слова обратно.
Кстати, стрелки, которые вы видите, не ведут на новые страницы или в низ страницы.
Они скрывают дополнительные элементы:
Раскрыта вся дополнительная информация Стрелка, оставшаяся справа от блока дипломов, ведет на другую страницу:
Информация о поступлении.
Цены и ссылки на условия приема На этой странице уже другая цветовая схема, но контраста все равно недостаточно.
Все те же беды со шрифтами.
Я тоже не понимаю, как был сделан этот фон.
Напишите в комментариях, если знаете как.
Плюс – стоимость обучения в вузе и анкетах видна сразу, а не скрыта в заявлениях и нормативных документах.
Но из-за отсутствия акцентов и направляющих их сразу не увидишь.
Сайт, кстати, не адаптивный.
Для сайта учебного заведения это даже неудивительно:
Внимание правому краю страницы Кратко перечислю основные проблемы сайта:
- запутанный фон;
- неудачно выбранный оттенок красного на заднем плане;
- неудачное сочетание шрифтов;
- отсутствие структуры и направления, в том числе из-за запутанного фона.
Так выглядит сайт на конструкторе:
«Официальная» версия сайта ИЖЛТ Также доступен режим чтения, в котором вы можете настроить контрастность и размер шрифта.
Здесь мы видим типичные и знакомые разделы сайта: «О сайте», «Абитуриентам», «Студентам» и так далее.
И неприятное окно чата в придачу.
В этой версии присутствует фирменный синий цвет университета, и если вы прокрутите блок новостей, вы увидите больше креативов:
Обратите внимание на картинку в третьем блоке Я как будто вернулся в начало 1990-х, спасибо.
Я видел требования дизайну сайтов образовательных учреждений.
Они ориентированы на размещение нормативных документов.
Обычной практикой для других организаций является размещение только ссылки на документы по оплате обучения и вступительных испытаний.
В таких случаях даже поиск по сайту бессилен.
Требования к дизайну сайта не гласят размещать только документы — они говорят размещать информацию «с приложенной копией».
Я не думаю, что правильно оставлять пользователя разбираться с официальными бумагами университета; пусть основная информация отображается в разделе с программами тренировок.
Вот, например, сайт моего колледжа.
Сделано на ucoz, но спасибо админу, что решили не прикреплять только документы:
Страница со списком документов для поступления в ВГЭК А это сайт МГУ.
Ломоносов.
Здесь все отлично: обилие новостных блоков, статей о патриотических мероприятиях, которые были проведены в последнее время:
Домашняя страница МГУ им.
Ломоносов На странице с направлениями обучения пропала раскладка фильтров:
Страница с направлениями подготовки в МГУ.
Ломоносов А это главный экран сайта Вятского государственного университета.
Здесь не нужно ничего говорить:
Главный экран сайта Вятского университета Как правило, сайты таких заведений уже старые, они созданы на ucoz и сейчас поддерживаются программистами, получающими за свою работу максимум тридцать тысяч в месяц.
Я проходил стажировку в школе и видел это своими глазами.
Часто на качественное обслуживание сайта просто нет времени, а на перевод его на другой движок нет денег.
Вернемся к ИЖЛТ.
Он правильно сделал, что оставил название и список вступительных испытаний и стоимость платных мест:
Информация о заочном курсе подготовки журналистов В общем, у них тоже есть выбор программ обучения, но смысла в этом нет, так как есть только бакалавриат по журналистике.
По сути, вы выбираете только полный или неполный рабочий день.
В футере сайта размещены ссылки на разделы сайта и ресурсы для студентов.
В значках также есть ссылки на социальные сети.
Последние три ссылки не работают и никуда не ведут.
Подвал сайта ИЖЛТ Четвертая иконка ведет на страницу лаборатории ИЖЛТ, где размещены материалы открытых лекций, анонсы предстоящих мероприятий и собственная публикация.
Эта страница была сделана на Тильде, а веб-дизайнер даже не заморачивался с фавиконкой.
Но они заплатили за домен!
Внимание на панель вкладок
Что с этим делать
Для начала стоит признать, что сайт учебного заведения – это первое, что видят абитуриенты при поиске подходящего вуза.Здесь ищут информацию о поступлении.
Навигация по сайту – будь то креативная или сделанная по требованиям – должна быть удобной и понятной.
Сайты российских вузов привыкли к стандартной горизонтальной панели навигации, которая реализована в привычном ucoz. Нельзя просто взять и приложить какие-то документы.
Опишите в одном-двух абзацах, для чего они предназначены.
Избавьтесь от этих проклятых всплывающих окон.
Они бесполезны, если на другом конце площадки никого нет. Оставьте свой электронный адрес, физический адрес с графиком работы приемной комиссии и номер телефона для связи.
Выбирайте обычные шрифты.
Для основного текста подойдет моноширинный шрифт без засечек.
Не используйте Times New Roman и благослови Господь Comic Sans. Выбирая шрифт для заголовков, тоже не переусердствуйте.
Выбирайте обычные контрастные цвета, которые будут сочетаться друг с другом, и текст на их фоне будет читаться вашими глазами.
Используйте цветовой круг при выборе цвета.
Если текст на фоне не читается, попробуйте сначала сделать его белым для темного фона или черным для светлого, а затем, если это не поможет, выбрать другие оттенки фона.
Если вы используете картинку в качестве фона, то затемните и размойте ее – но слегка, чтобы она оставалась четкой.
Если у вас нет ресурсов для переноса сайта на другой движок, выберите или измените текущий шаблон сайта на ucoz, чтобы интерфейс не отталкивал посетителей.
Лаконичный дизайн испортит патриотичная картинка, поэтому по возможности избегайте их.
Вместо них подойдут фотографии с мероприятий.
С разрешения директора найдите знакомого аутсорсера, который за определенную плату будет помогать поддерживать и обновлять сайт. Он получает деньги и опыт, у вас появляется дополнительное время для работы над другими задачами.
UPD: Telegram получил отзыв от одного человека, который удалил сайт Ижевский государственный университет .
Не на конструкторе, очень приятно: ненавязчивый новогодний дизайн, баннеры смотрятся уместно.
Шрифт для меня слишком мелкий, но он исправляется тачпадом, а при увеличении в браузере появляются блоки восстанавливаются! 
Увеличенный главный экран сайта ИжГТУ.
Калашников Теги: #веб-дизайн #университеты #дизайн сайта #сайт #ucoz #сайты школ #плохой дизайн
-
Ноутбук Latitude E6400-P8600 От Dell
19 Oct, 24 -
Заблуждения Программистов О Времени Unix
19 Oct, 24 -
Фрилансер. Инструкции По Использованию
19 Oct, 24 -
Гугл Переводчик
19 Oct, 24
