macroevolution: (anomalocaris)
macroevolution ([personal profile] macroevolution) wrote2015-11-22 10:07 pm

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

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

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

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

[identity profile] abs8192.livejournal.com 2015-11-22 06:13 pm (UTC)(link)
Я раньше делал копию всего сайта при помощи
wget -m -p http://evolbiol.ru/

Сейчас копируется масса какого-то мусора, а старые файлы куда-то делись. Попробуйте.

[identity profile] gilgamesh-lugal.livejournal.com 2015-11-22 06:25 pm (UTC)(link)
А чем обновлять например?

[identity profile] macroevolution.livejournal.com 2015-11-22 06:34 pm (UTC)(link)
Ну, например, какие-то статьи в виде пдф-ов новые, и потом у меня то и дело какие-то интервью появляются в разных изданиях, ссылки на них добавлять. Или видео с лекциями новые.

[identity profile] gilgamesh-lugal.livejournal.com 2015-11-22 06:37 pm (UTC)(link)
А студенты те же не подойдут?

Сам бы взялся, так тоже всякого геммора хватает, боюсь подвести.

[identity profile] dmitri-lytov.livejournal.com 2015-11-22 06:40 pm (UTC)(link)
А на каком движке? Или просто голый HTML?
Просто, если не перевести в какой-нибудь самый завалящий CMS, добавление новых материалов и даже банальное обновление очень скоро превратится из малозаметной лёгкой рутины в жутки геморрой.

[identity profile] heimdhal.livejournal.com 2015-11-22 11:00 pm (UTC)(link)
Там есть CMS под всем этим.
Иначе реубрикатор по авторам и названиям было бы не сделать.

Мишка

[identity profile] maxim-ryzhov.livejournal.com 2015-11-22 06:42 pm (UTC)(link)
А на каком движке сделана новая версия сайта? Есть опыт работы на Joomla (держу два сайта), могу помочь в свободное время.

[identity profile] heimdhal.livejournal.com 2015-11-22 11:02 pm (UTC)(link)
Движок там самописный. Как результат все основные действия максимально примитивизированы.

[identity profile] aero-web-krsk.livejournal.com 2015-11-24 10:08 am (UTC)(link)
2ip.ru пишет, что найдены признаки использования WordPress
self_perfection_lj: (Default)

[personal profile] self_perfection_lj 2015-11-22 06:56 pm (UTC)(link)
Не надо рекламу!
  1. Блокировщики рекламы и так довольно популярны и смею предположить, что типичный посетитель этого сайта дружит с мозгом выше серднего и чаще среднего пользователя способен поставить себе adblock
  2. Располагать рядом пищу для ума и рекламу вообще како-то нелепо, ИМХО, учитывая, что реклама стремится без спроса захватить мыслительные ресурсы того, кто её увидел.

А вот кнопка donate была бы весьма уместна. Совсем в идеале какой-нибудь криптовалютой, чтоб без посредников, а то этим посредникам лично у меня никакого доверия, т.к. никаких доказательств, что они пожертвования реально переводят получателю, а не оставляют всё у себя, практически никогда нет. Но понимаю, что таких дотошно подозрительных вроде меня, меньшинство.
Edited 2015-11-22 18:57 (UTC)

[identity profile] zelych.livejournal.com 2015-11-22 07:11 pm (UTC)(link)
Пожалуйста, не надо рекламы.
Сделайте кнопку donate (через яндекс.деньги можно за 30 минут прикрутить).

Криптовалюты конечно здорово, только в РФ их легально не обналичить и потенциальных жертвователей не так много.

[identity profile] asstra2011.livejournal.com 2015-11-22 07:58 pm (UTC)(link)
Смотря какую рекламу. Но такая кнопка не помешает, да

[identity profile] heimdhal.livejournal.com 2015-11-22 11:04 pm (UTC)(link)
Нет-нет. Никаких рекламных банеров на сайте не было и не будет. Только несколько текстовых ссылок в углу или внизу страницы с подписью, что это реклама.
Такой вид рекламы позвляет оплачивать хостинг и не раздражает.

[identity profile] revetina.livejournal.com 2015-11-22 07:45 pm (UTC)(link)
Тот же вопрос, на каком движке сделан? Могу попробовать не столько ради денег, сколько ради практики подобной работы.

[identity profile] heimdhal.livejournal.com 2015-11-22 11:05 pm (UTC)(link)
Движок самописный, заточенный ровно под нужды этого сайта.

[identity profile] revetina.livejournal.com 2015-11-23 06:41 am (UTC)(link)
Ага. Ну, в общем, опыт такой работы у меня маленький, но хочется больше. Поэтому если надо - обращайтесь.

[identity profile] asstra2011.livejournal.com 2015-11-22 07:58 pm (UTC)(link)
Мне кажется, поиск по сайту надо наверху разместить

[identity profile] the-toad.livejournal.com 2015-11-22 09:13 pm (UTC)(link)
Знаете, моя скромная практика показывает, что, когда сайтом начинают заниматься дети-добровольцы, тут-то сайту и приходят кранты.

Например, сейчас на сайте невозможно отличить просто текст от текста со ссылкой.

HTML при этом вроде толковый, но о визуализации явно никто не думал.

[identity profile] heimdhal.livejournal.com 2015-11-22 11:07 pm (UTC)(link)
На самом деле именно на тот случай если кому-то не понравится новая версия мы сохранили старую. она доступна по адресу http://old.evolbiol.ru

[identity profile] the-toad.livejournal.com 2015-11-23 10:43 am (UTC)(link)
Ну вот лучше бы продумать новую. Да и ниже уже написали про те же ссылки, там, правда, предлагают подчёркивать, я скорее сторонник того, чтобы выделять цветом, но по-любому ссылки надо выделять, а то машешь мышью, как дурак, и смотришь, где там палец появится, а где - нет.

[identity profile] nnear.livejournal.com 2015-11-23 02:04 am (UTC)(link)
Дизайн простой, без 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. В заголовках не нужны знаки конца предложений. В разделе Книги, например, стоит точка в заголовке. Это некорректно.

[identity profile] nnear.livejournal.com 2015-11-23 02:04 am (UTC)(link)
Посмотрю еще сайт подробнее, буду писать тут, что еще увижу. Если буду какие-то вопросы, можете обращаться в личном сообщении, буду помогать по мере возможности.

[identity profile] 3seemingmonkeys.livejournal.com 2015-11-23 07:28 am (UTC)(link)
мне нравится сайт, симпатично!
имхо это лучше, чем инкубаторный wordpress. у сайта есть индивидуальность.

странное расположение разделов
объявление можно сделать прямо под шапкой, на всю ширину и выделить цветом
форум перенести влево, под (или над) "ссылки".
"книги" переименовать в "книги автора" иначе сразу не поймешь, в чем отличие от "библиотеки"
Edited 2015-11-23 07:28 (UTC)

[identity profile] aero-web-krsk.livejournal.com 2015-11-24 10:12 am (UTC)(link)
>имхо это лучше, чем инкубаторный wordpress

А причем тут двиг? Для посетителя сайта важен дизайн и контент. А они от движка не зависят

[identity profile] caenogenesis.livejournal.com 2015-11-23 09:07 am (UTC)(link)
Если честно, стало не очень удобно.
Мне, например, мешает читать материалы висящая теперь наверху любой статьи объемная шапка-колонтитул (подозреваю, что чем меньше экран, тем это критичнее).
В ближайшие дни постараюсь полазать по сайту и посмотреть, есть ли еще где какие замечания с точки зрения простого пользователя.

[identity profile] alien3.livejournal.com 2015-11-23 10:14 am (UTC)(link)
Поздравляю с новым сайтом и с прошедшим. :-)
Творческих, научных и семейных успехов.
И здоровья, конечно.

[identity profile] boris schipkov (from livejournal.com) 2015-11-24 11:22 am (UTC)(link)
Непривычный сайт.

[identity profile] bastet1806.livejournal.com 2015-11-24 05:51 pm (UTC)(link)
Честно говоря, даже не понимаю, как можно сравнивать дизайн старого и нового сайта.
Хотя, нет, понимаю... Старый несет в себе значительность старины, напоминает о временах, когда немногие избранные обменивались информацией через спартанские ftp-серверы. Это совсем не издевательство - я сама отношусь к людям, которых раздражает подача информации в виде вопросов и ответов на разноцветных квадратиках с картиночками для вящей ясности. Чем ближе интерфейс к новомодным "плиткам", тем более "для идиотов" он мне кажется.
Но этого-то как раз в новом дизайне нет. При том, что выглядит он очень современно, на мой взгляд. Оттенки зеленого в сочетании с "просторным" расположением текста и большим количеством белого делают сайт более светлым. Хотя возможно, шрифт маловат.
Поиск, конечно, нужен. А с учетом предполагаемых исправлений неплохо было бы "прикрутить" такой инструмент, который позволяет выделять текст на сайте и посылать уведомление.

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

[personal profile] xs46bm52 2015-11-25 02:13 pm (UTC)(link)
А я вот что обратил внимание. У вас в "Самом верхнем посте" фотографии обложек ваших книжек. И некоторые из этих картинок поотваливались. Мне интересно, это они у меня одного поотваливались или нет? Некрасиво как-то...

[identity profile] vetta-vetka.livejournal.com 2015-11-29 02:07 am (UTC)(link)
В "Библиотеке" некоторые книги не удается прочитать:

The Greatest Show on Earth: The Evidence for Evolution (http://evolbiol.ru/document/1891) - по внешней ссылке 404
Слепой часовщик (http://evolbiol.ru/document/635) - оглавление есть, текста нет
Агрессия (http://evolbiol.ru/document/1893) - по внешней ссылке 404
Introduction to paleobiology and the fossil record. 605pp (http://evolbiol.ru/document/1911) - по внешней ссылке 404
Richard Dawkins: How a Scientist Changed the Way we Think. (http://evolbiol.ru/document/655) - 404
Возникновение и развитие жизни на Земле. (http://evolbiol.ru/document/1913) - по ссылке нет нужного текста
Эволюция жизни (http://evolbiol.ru/document/663) - файлы не найдены
Развитие Земли (http://evolbiol.ru/document/686) - по ссылкам 404
Polymerization and oligomerization in foraminiferal evolution (http://evolbiol.ru/document/788) - по ссылкам 404, зато на странице прикольные стихи
Популярные статьи из журнала "Компьютерра" (http://evolbiol.ru/document/1131) - по ссылкам 404, но все статьи в библиотеке есть отдельно, так что не страшно

Ядро земное и ядро клеточное: что между ними общего? (http://evolbiol.ru/document/768) - извините, что тоже тут, с файлом все нормально, но я отвлеклась на текст, а там в одном месте смешная опечатка: "Парниковый эффект резко уменьшился, что привело к сильнейшему похолоданию: температура океана упала от +60 до +600 С."

[identity profile] metarattus.livejournal.com 2015-12-06 03:18 pm (UTC)(link)
>Ядро земное и ядро клеточное: что между ними общего?

Это кстати устаревшая статья, мягко говоря. Её можно только среднемледшешкольнику порекомендовать для ознакомления с предметом, а для получения более точных и современных данных конкретно по тем вопросам - лучше брать последние новости про цианобактерий с Элементов.

Впрочем "История Земли..." Еськова написана осторожнее и поэтому её в этой части можно читать смелее.
Edited 2015-12-06 15:19 (UTC)