1. Главная
  2. Форумы
  3. Разработка для Drupal
  4. Выставка сайтов

Электронный музей Национального технического университета Украины КПИ

Главные вкладки

Аватар пользователя Scissors Scissors 27 июня 2009 в 22:43

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

  • Сделали виртуальные комнаты музея в обзоре 360градусов(пока немного недоработанные, под лисой изображение не прокручивается)
  • При полном описании экспоната потребовалось создать более 45 CCK полей, которые доступны в виде отчета в формате PDF для распечатки.(но это для сотрудников музея - модераторов)
  • Добавили на Jquery галлерею
  • Остальное по модулям вроде все стандартно.

использовали 5й друпал
хотелось бы услышать ваши мнения о дизайне или о сайте в целом.
ЗЫ пока на временном хостинге и домене: http://jrock.kiev.ua
кому интересно для сравнения, старый музей выглядит вот так: http://museum.ntu-kpi.kiev.ua/ua/

Комментарии

Аватар пользователя penexe penexe 28 июня 2009 в 0:47

1) картинки показывающиеся раздражают
2) переход на станицу в новом окне - долой
3) попсовое облако тегов - долой

Аватар пользователя neochief neochief 28 июня 2009 в 1:37

"Ламер" wrote:
тока там не по-нашему - коверкано как-то(

Сайт на украинском, неужели не очевидно?

"Scissors" wrote:
Вместе с одногрупником, на курсовой проект мы сделали замену текущему музею НТУУКПИ.

Очень клево, что вы решили помочь универу. Наверняка, курсач у вас примут на ура. Но на самом деле, все очень плохо.

  1. Флешовая шапка должна присутствовать только на главной. Это аксиома. Редакторы через месяц вас будут ненавидеть, если все останется как есть. Каждый раз все надо скролить, чтобы проверить контент.
  2. Флешовая шапка должна рисоваться с помощью swfobject, чтобы избежать лишнего клика для активации флеша.
  3. На сайте отсутствует типографика. Проще говоря, текст абсолютно нечитаем, отступов нигде нету, отступы в абзацах, куча   вместо человеческой таблички — все это просто вынос мозга. У кого-то когда-то случится инфаркт при чтении сайта, это будет на вашей совести. К прочтению: http://usethics.ru/blog/lib/ui_elegance/
  4. Вы поместили на сайт облако тегов. Я могу понять зачем, кпи-шныйм старперам это нравится. Бог с ним облаком, почему там так мало тегов? Например, в облаке есть тег "Гвинтівка", но нет тега "Зброя".
  5. По всем известным правилам веб-дизайна, линки должны быть подчеркнуты при наведении непрерывной чертой. Пунктир только для аякса и динамики.
  6. При листании глареи страница скачет, если у вас есть высокая фотка, а потом невысокая. Может быть это проблема модуля jquery галереии, но раз вы делаете сайт, это ваша проблема. Нужно либо выбрать другой модуль, либо исправить существующий.
  7. В нодах вы показываете маленькую картинку-превьюшку без сжатия (хотя в тизерах все нормально). Если там метровая картинка, все пропало.
  8. Подписи вида "Чт, 05/07/2009 - 00:34 — admin" — во-первых, у нас не используется такой формат даты, во-вторых подпись сама по себе не несет смысла для данного сайта.

и т.д., и т.д.

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

Аватар пользователя Scissors Scissors 28 июня 2009 в 2:24

"neochief" wrote:
Надеюсь у вас будет стимул все исправить, ибо в копилке кпи-шных сайтов появится еще один непрофессиональный экземпляр. Удачи!

Спасибо neochief за такой обзор, согласен с вами, недочетов действительно много, все будем дорабатывать.
1 и 2 флеш обязательно исправлю
3. на самом деле пока мы скопипастили текст со старого сайта не форматируя его, когда сайт утвердят (а на это черт знает сколько времени уйдет, с нашей то системой) тогда контентом займемся ну и доработкой. А так куратор был счастлив, увидев наконец чтото более свежее чем сейчашние кпишные сайты.
4. в облаке нет зброи но есть винтовка, это потому что в облаке мы решили сделать более конкретную класификацию по экспонатам, а более обобщенная находиться в меню с навигацией, зачем же повторяться.

Аватар пользователя volocuga volocuga 28 июня 2009 в 11:51

"Использование материалов запрещено"-это круто Smile
Ещё подумайте вот о чём.У меня в лисе всё руки не доходят флэш-плеер установить.И вот,захожу я наш сайт,а там в полстраницы пустое окно.Я к тому,что лепить флеш на пол страницы (вместо полезного содержания)-плохой тон имхо

"Ламер" wrote:
тока там не по-нашему - коверкано как-то(

Выбрав себе ник "Ламер",вы похоже переоценили себя.Всё гораздо хуже

Аватар пользователя Обухов Никита Обухов Никита 28 июня 2009 в 14:24

1. Ссылки подчеркиванием, а не пунктиром.

2. Флешка с верху: анимация картинок лишняя и раздражает, лучше оставить только анимацию подписей "Зала №"

3. Типографику стоит подправить, ибо основная информация сайта - текст, абсолютно нечитаем.

4. Нет смысла в надписи "Использование материалов запрещено" потому стоит убрать.

Аватар пользователя Обухов Никита Обухов Никита 28 июня 2009 в 14:34

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

А нафига оно нужно, с 3-мя крутящимися словами? Если в будущем оно будет наполняться, тогда конечно это не проблема, но пока - выглядит убого.

Аватар пользователя Scissors Scissors 30 июня 2009 в 5:33

Контентом как таковым еще и не наполняли, надеемся этим займутся практиканты, отсюда все эти странные надписи "использование материалов сайта запрещено".
По поводу типографики что не так? Про отступы уже понятно, что еще можно добавить для улучшения удобочитаемости?
Флешем мы просто хотели как то выделить панорамные комнаты.

Аватар пользователя neochief neochief 30 июня 2009 в 21:02

"Scissors" wrote:
По поводу типографики что не так? Про отступы уже понятно, что еще можно добавить для улучшения удобочитаемости?

Из того что можно сделать просто:

  • Убрать text-align:justify
  • Убрать бедную вердану, поэкспериментировать с другими шрифтами. Мой персональный рецепт — идете на http://bestwebgallery.com/ , смотрите, вдохновляетесь, на лучших экземплярах открваете Firebug и смотрте сочетанице шрифта, цвета, высоты строк и т.д. В конце концов вас должен посетить дзен.

Больше работы с самим текстом:

  • Убрать отступы слева в абзацах (сначала думал, что это text-indent, но как оказалось это набор  )
  • Добавить под-заголовки если надо (Золотое правило — один заголовок на 5-7 параграфов)
  • Разбить все на абзацы (сейчас там везде один большой <p>) (Золотое правило — один абзац на 5-7 строк)
  • Отформатировать таблицей в нужных местах статистические данные

Вот примеры прекрасно выверенной типографики:
http://ilovetypography.com/
http://www.adrianpelletier.com/
http://habrahabr.ru/blogs/typography/31571/

Вот статьи по теме:
http://habrahabr.ru/blogs/typography/40056/
http://habrahabr.ru/blogs/typography/25827/
Многое есть на http://www.smashingmagazine.com/

Вот эту книгу я советую купить/отдолжить/украсть и прочесть:
http://bios-books.com/magazin.php?podrobno=49

Типографика это действительно 95% веб-дизайна.