StudyQA — Как сделать правильный дизайн сайта вуза

Как сделать правильный дизайн сайта вуза

Не секрет, что все современные студенты пользуются интернетом. Это, в свою очередь, значит, что в большинстве случаев, первое впечатление о будущем месте учебы у абитуриентов складывается при попадании на университетский сайт. Всем известно, что “встречают по одежке”, поэтому мы предлагаем краткий гид о том, как сделать правильный дизайн сайта вуза.

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

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

 

Плохой пример:

http://abiturient.npi-tu.ru

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

 

Хороший пример:

http://earth.spbu.ru/science/

Четко и ясно понятно, на странице какого учебного заведения мы находимся.

Хорошо проработать страницу “О вузе”

Раздел “О нас” или “О вузе” - это первая страница, которую смотрят потенциальные студенты. Многие вузы не уделяют ей достаточно внимания или же, наоборот, перегружают ее скучной информацией. Чтобы заинтересовать пользователя, необходимо разместить в этом разделе краткое, но информативное “резюме” вуза (что он из себя представляет?), причем написанное на доступном языке. Здесь может быть история вуза и этапы развития, его ценности и полученные награды, Помимо этого, приветствуется публикация статистических данных, которые легко “просканировать”: которые сразу бросаются в глаза.

 

Плохой пример:

http://www.lesgaft.spb.ru/ru/content/ob-universitete

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

 

Хороший пример:

https://www.hse.ru/info/

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

Выделить свои достоинства

Будущий студент должен понимать в чем преимущества Вашего вуза по сравнению с другими. Может быть у Вас есть программа студенческого обмена с зарубежными институтами? Или Вы можете похвастаться недавно полученными наградами? Как насчет электронной библиотеки?

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

 

Плохой пример:

Снимок экрана 2016-02-27 в 17.21.54.png

http://www.vmeda-mil.ru

Вместо своих достоинств вуз сообщает зашедшим на сайт о плохом состоянии клинических корпусов. Говорят, что плохой рекламы не бывает, хотя...

 

Хороший пример:

http://eu.spb.ru/#international

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

Добавить раздел о трудоустройстве после вуза

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

 

Хороший пример:

http://gsom.spbu.ru/vypuskniki/

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

 

Плохой пример:

http://abiturient.npi-tu.ru

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

Разместить информацию о дедлайнах, стоимости обучения и..

Если Вы выполнили все предыдущие пункты и Вам все-таки удалось заинтересовать абитуриента, то он непременно начнет искать ответы, на такие, казалось бы примитивные, но вместе с тем важные вопросы, как: дедлайны, стоимость обучения, необходимые для поступления документы и проходные баллы, даты дней открытых дверей и адрес приемной комиссии. Все перечисленное - основы дизайна сайта вуза. Обязательно проследите за тем, что бы эта информация была доступна и структурирована. Позаботьтесь о разделе для иностранных студентов, которым, как правило, нужен другой пакет документов для поступления, нежели гражданам РФ.

 

Плохой пример:

 

http://spbrta.customs.ru/spbrta/index.php?option=com_content&view=article&id=1694&Itemid=2349

Вместо того, чтобы разместить на сайте краткую информацию о проходных балах или перечне документов для поступления, вуз предлагает скачать pdf-файл “Правила приема в Российскую таможенную академия в 2016 году”, состоящий из 47 страниц.

 

Хороший пример:

http://moscowfilmschool.ru/programs/direction/

Рассказать о том, что студенты вуза делают в не учебное время

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

 

Плохой пример:

http://abiturient.npi-tu.ru

Нет никакой информации по поводу того, как студенты проводят свой досуг

 

Хороший пример:

http://www.spbstu.ru

Не переусердствовать с саморекламой и желанием сделать “клевый” сайт

Многие вузы слишком далеко заходят в попытке сделать молодежный и красивый сайт, в попытке понравиться будущим студентам. Университет, сайт которого пестрит разными изображениями, вызовет скорее подозрение, чем уважение. Сделайте более минималистичный дизайн и помните, что использование каждого изображения должно быть оправданным.

 

Плохой пример:

http://www.spmi.ru/#&panel1-1

Здесь явно необходимо изменение дизайна сайта. Сайт пестрит картинками и информацией на столько сильно, что становится сложно в чем-либо разобраться

 

Хороший пример:

http://www.nsu.ru

Используйте кнопки “call to action’’

Чтобы упростить подачу заявления на поступление или чтобы пользователь мог быстро скачать необходимый файл, используйте кнопки призыва к действию или ‘’call to action’’. Однако и здесь стоит быть аккуратнее, и не допускать использование больше, чем одной кнопки на странице.  

 

Хороший пример:

http://moscowfilmschool.ru/programs/direction/