Обновление дизайна блога
2021
После нескольких недель переезда, блог Все обо всем, полностью переехал на новый домен и хостинг. Думаю, что не надо вам объяснять какие плюсы есть при ведении блога на своем хостинге. Кто еще не знает почему произошел данный переезд, то скажу вкратце, бесплатный хостинг от wp.com, очень удобный, но подходит для тех, кто решил просто писать и публиковать картинки либо свои личные записи. Для этого он был и создан. Для всех остальных целей, он не подходит.
После переезда и установки блога. Было решено создать шаблон для блога. Вот то что сейчас вы видите перед своими глазами. Мне все больше в последнее время нравиться в дизайне блогов стиль минимализм. Конечно можно поспорить и сказать, что данный дизайн блога мало тянет на минимализм, но я попытался как можно легче сделать весь дизайн, попытался избавиться от лишних детали, которые так часто присутствую на разных блогах.
Так же при создании шаблона упор был сделал, на юзабилити. Я постарался расположить все элементы блога так, что бы посетитель как можно меньше делал движений по самому блогу, что бы ничего не мешало ему просматривать сам контент. Если вы читали мой пост под названием Несколько советов по юзабилити вашего блога, то поймете, что именно этот пост появился на свет после дизайна этого блога.
Макет после передачи верстальщику, был очень быстро адаптирован под вордпресс и уже через несколько дней стоял на блоге. После этого мы занялись косметическими работами и исправлением некоторых моих ошибок, которые я совершил при создании макета. Именно эта совместная работа с верстальщиком, дала мне понять один очень важный момент при создании макетов. Теперь макеты которые я буду создавать в дальнейшем будут более обдуманны в плане размещения элементом и больше буду смотреть на то, как потом будет сверстан такой макет.
И так, вчера вечером последние косметические работы были закончены. Добавлен хак который откорректировал показ блога в браузере ИЕ, исправлены некоторые мелочи, а так же была добавлена 404 страница.
Все, что осталось теперь это продолжать работать писать интересные посты для вас уважаемые посетители блога.
Хочу попросить у вас, если вы заметили какую то ошибку в дизайне или, что то не работает, а может криво отображается у вас в браузере, обязательно пишите в комментариях. Я каждую вами замеченную ошибку буду писать тут в список и верстальщик будет проходиться по списку и корректировать все замеченные вами ошибки.
Ошибки на блоге:
- Не верно отображается число подписчиков.
- Форма для связи.
- В форме поиска есть 2 черные точки
- Расширение блока (метки, категории)
- Вместо «Интерсность», надо «Интересность»
- блог грузится 22.7 сек ???
- На главной 10 тегов H1 и не одного H2, это то что бросается сразу в глаза
- с формой отправки комментариев как-то не вышло
- стиль комментариев и форма добавления комментария.
Похожие посты:
Верстальщик наблюдает за постом
Даю фидбек!;) Всё очень нормально, даже хорошо, но вот с формой отправки комментариев как-то не вышло, на мой взгляд — уж очень эти тени не естественно смотрятся. А еще — над присланными комментариями есть ссылочка RSS окруженная €-похожими символами — так вот шрифт какой-то потёртый, это было бы хорошо, если бы дизайн был в этом стиле, но он у тебя современный.
Дизайн хороший. Правда блог грузится 22.7 сек(!) при моей скорости 2 mb На главной 10 тегов H1 и не одного H2, это то что бросается сразу в глаза…
Ругать всегда пожалуйста:
1) Архив за месяц — у меня висел полтора года с момента создания блога. Отобразив статистику увидел, что было всего пару кликов за весь год!
2) 404 БАМ Первая мысль «обожемой» я все сломал. У пользователя должен быть способ продолжить просмотр сайта. Для начала сделать ее в одном дизайне с сайтом, во вторых понапихать туда полезностей. Вот например у меня:
http://tigor.org.ua/custom-error-404-page/
Перевод статьи известного в узких кругах YOAST
1. При наведении курсора на ссылки «Главная», «Инфографика» и т.д. эти ссылки должны или подчёркиваться, или выделятся цветом (подозреваю, что цвет должен быть #FF1472).
2. Иконки RSS и Twitter, в самом верхнем углу, сверху, должны выделятся цветом #FF1472, при наведении курсора.
3. Заголовок-ссылка статьи должна быть подчёркнутой, как явный показатель ссылки.
4. При наведении корсора на заголовки статьи или на ссылки, они должны выделяться цветом #FF1472.
5. В блоке «Подписка на блог», при навидении на, например, «RSS», пол секунды видна картина http://g.ua/aMps. Потом всё-таки загружается http://g.ua/aMpi и всё нормально. Это происходит из-за того, что http://g.ua/aMpi не загружена изначально. Чтобы избежать такого неприятного эффекта, нужно воспользоваться спрайтом (http://g.ua/aMy1).
6. Блок с классом «commCounter» лучше также сделать ссылкой на полную статью.
7. В блоке http://g.ua/aMpB, перед «кто ищет, тот найдет» и перед иконкой лупы стоят чёрные точки. У меня они исчезли при form#search input { margin: 4px 0 0 0; }
Мне не нравятся стиль комментариев и форма добавления комментария.
P.S. dd.remarkBody span[property="v:itemreviewed"], dd.remarkBody span[property="v:rating"] можно спрятать и через display: none;
>>Дизайн хороший. Правда блог грузится 22.7 сек(!) при моей >>скорости 2 mb На главной 10 тегов H1 и не одного H2, это то что >>бросается сразу в глаза…
К сожалению это проблема или физического расположения блога или хостинга или проблема внешних скриптов(счётчики, твиттер и т.д.)
Экспериментальные замеры на 1 мбит дают показатели в 3 секунды с пустым кэшем на webkit.
Наличие мультиплицированных заголовков h1 на главной странице не принципиально, как показывает практика, но принципиально на странице материала.
==========
to FrichX:
1. — принято, 2,3,4 — дело вкуса и не принципиально.
5. — реализация спрайтов отложена до внесения фиксов дабы не переделывать с нуля, будет реализовано.
6. явное дублирование ссылки — не принуипиально
7. принято
p.s.: отказано … это RDFa метаданные, если установить display:none то это будет равносильно их отсутствию. Именно поэтому употребляется сдвиг текста за границу экрана.
К Shift:
2, 3, 4 + 6 — дело вкуса кого? Верстальщика или автора блога? Простите, если обидел вопросом.
Сайт http://www.sbrf.ru/moscow/ru тоже дело вкуса.
Наверное, я всё время ошибался, думая так, чтобы пользователю было удобно пользоваться сайтом.
История из моей жизни:
Знакомый программист создал программку. Показывает её пользователю.
Пользователь спрашивает его:
— Что это?
— Это — то-то (точно не помню, что именно) — отвечает ему программист.
— А это?
— Это ж легко. Это — то-то 2.
и т.д, и т.п.
Как думаете, кому легче будет пользоваться программкой?
=====
8. В Ubuntu, через Firefox показывает никнейм так http://g.ua/aMyw.
При div.commMeta span { padding: 3px; }, никнейм показывает нормально.
9. В блоке, рубрики заходят за границы http://g.ua/aMyF. Такое и в Windows, и в Ubuntu.
10. В «Обновление дизайна блога → Интерсность: 610 → Отзывов 6». Вместо «Интерсность», надо «Интересность».
======
Давайте разыграем сценарий.
Представим. Подчеркну! Представим.
Обманули. Думал, что что-то произойдет. Ладно. Что тут еще? О-о-о. Баннер-картинка 
Клацаю и попадаю на полную статью. Почитал. Интересно. О-о-о. Вижу «Обновление дизайна блога → Интерсность: 610 → Отзывов 6».
O_o. ∋ RSS ∈. O_o. Что за «∋» и «∈». Не понятно. Голова болит. Ладно, вернусь на главную, почитаю чего-нибудь. Вижу «Читать: Обновление дизайна блога». Это ж как блок почитать еще? Ну там пишут «Читать еще: [ссылка на другую статью]». Почитаю. Навожу на название. СТОП. Статью «Обновление дизайна блога» я уже читал! Йо-мой-о-о-о! Да что ж тут творится…
Я — пользователь интернета. Умею искать в Google и Yandex. Пользуюсь Wikipedia. Привык, что ссылки как-то выделяются (в многих сайтах подчёркиваются).
Я попал на главную страницу блога http://logisticsinfo.ru. Вижу http://g.ua/aMyQ (как думаете, что посетитель использует для перехода на полную статью). Увидел розовое пятно. Как пчела, летящая на на мёд, и как пользователь, привыкший клацать на яркие баннера, клацаю на него. Ничего не происходит. На циферку попробую клацнуть. Нет
Интерсность: 610. Что это такое? Ладно. Не буду заморачиваться. Не хочу тратить время на выяснения. Отзывов 6? Где отзывы? А-а-а-а, это 6 комментариев. Опять обманули
P.S. Впрочем, вам решать. Спасибо за внимание.
>> Верстальщика или автора блога? Простите, если обидел вопросом.
Нет, конечно не обидели. Думаю просто дело вкуса. Абсолютно согласен
8. приянто
9. наверное расширим блок, ибо это физически текст не входит
10. ого .. косяк
В принципе разумные аргументации и кое что обязательно будет исправлено. Спасибо!