Новый дизайн сайта "Проблемы эволюции"

[macroevolution]

Мои дорогие дети, Мишка и его жена Оля, в качестве подарка мне на д.р. сделали новый дизайн для сайта "Проблемы эволюции".
Вот: http://evolbiol.ru/
Это замечательно и очень красиво. Спасибо!!!
Но есть одна проблема:

Содержание сайта имеет местами довольно условный вид. "Видео" натыканы какие попало, "Об авторе" скопипащено из википедии. Некоторые файлы (статьи) не открываются. Там теперь есть очень удобный интерфейс для редактирования содержимого. Но у меня нет времени этим заниматься. Совсем-совсем. Что делать, не очень понятно. В принципе Мишка собирается разместить рекламу, которая будет приносить какие-то небольшие деньги, и с добровольцем, который взялся бы привести содержимое сайта в нормальный вид, а еще лучше регулярно обновлять его и как-то о нем заботиться, Мишка бы этими скромными средствами с радостью делился бы.

В комментах также можете сообщать об обнаруженных косяках и глюках. Мишка и Оля обещали отслеживать и принимать к сведению. Только не надо здесь спамить, пожалуйста (только в этом посте! В остальных спамьте сколько угодно!), пишите только по делу! Спасибо!!!

Comments

[nnear.livejournal.com]

Дизайн простой, без UI-наворотов (почти) — это прекрасно.

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

2. У списков слишком большой отступ текста от маркера. (Доказательства Эволюции, Введение в науки о жизни...) Это потому что пункты списков — элементы h3 со стилем margin-left: 30px. Уберите этот отступ или сделайте 0px.
2.5. Вообще тэги h1, h2, h3... используются для заголовков. Это важно для различных поисковиков: они смотрят на эти тэги и вычленяют темы по заголовкам. Если эти тэги толкать куда ни попадя, это может сыграть обратную роль. Советую убрать h3 из списков и вообще любые h-тэги из незаголовков.

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

4. Поиск по сайту лучше всего сделать в шапке (есть достаточно места в правом верхнем углу) и так, чтобы он был на всех страницах всегда. Сейчас поиск есть только на главной где-то внизу, куда многие, может, даже и не смотрят, от чего сам поиск теряет смысл.

5. Оформление пунктов раздела Библиотека на главной семантически нелогична (выровненный вправо автор -> выровненное влево название -> год). У людей с письменностью слева-направо первичной воспринимается информация, расположенная левее. А тут получается глаза прыгают сначала вправо, потом влево... Снова потеря целостности.
Советую либо писать автора на одной строке с названием книги, в начале:

Гаузе Г. Ф., Роль приспособляемости в естественном отборе.
1940

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

Роль приспособляемости в естественном отборе.
Гаузе Г. Ф., 1940

5.5. То же с разделом Объявления: заголовок объявления справа, затем дата слева и только потом само объявление. Снова глаза прыгают. Заголовок выровнять хотя бы по центру, а лучше слева. Дату убрать под текст объявления, выровнять вправо.

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

7. Сделайте размер кегля текста больше. Сейчас приходится прищуриваться, чтобы читать текст (конечно, шрифт с засечками помогает скользить глазу по строчкам, но это не оправдание мелкому тексту). Для Times new roman будет хорошо 16px.
7.5. А вообще замените шрифт на какой-то другой. Сейчас есть хорошие шрифты для использования на сайтах у Гугла, например (https://www.google.com/fonts). Там же есть инструкции по их внедрению на сайт - ничего сложного, три строки текста.
Times new roman создавался для узких газетных полос, поэтому чтобы уместить больше текста, он сделан узким. Поэтому широкие колонки текста этой гарнитуры читать совсем неудобно, глаза быстро устают.

8. На странице Главные вопросы аж два заголовка "Главные вопросы". Непонятно, чем отличаются разделы, раз уж они разделены. Или если они не отличаются, то непонятно, зачем разделены. Ощущение непонимания.

9. В заголовках не нужны знаки конца предложений. В разделе Книги, например, стоит точка в заголовке. Это некорректно.

[nnear.livejournal.com]

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