Нововведения - 21.01.2018 - редизайн, и оптимизация для мобильных

Новости и объявления Бусинки: Нововведения - 21.01.2018 - редизайн, и оптимизация для мобильных

Доброго времени суток!
В «новогоднем» отпуске было скучно, поэтому сделал редизайн ленты записей, поменял иконки голосований, добавил блок Об авторе в конец каждой записи и немного поправил дизайн для мобильных устройств, и добавил 2 блока с рекламой для «не авторизованных» пользователей.

1. Реклама?
Начну с пункта, который может вызвать больше всего вопросов.
2 новых рекламных блока показываются только на мобильных и планшетах, и только для не авторизованных пользователей.
1 блок в хидере, второй под навигацией:

Новости и объявления Бусинки: Нововведения - 21.01.2018 - редизайн, и оптимизация для мобильныхНовости и объявления Бусинки: Нововведения - 21.01.2018 - редизайн, и оптимизация для мобильных

Зачем мы это сделали:
Чтобы частично покрыть расходы на поддержку и обслуживание сайта.
+ до этого дня, на мобильных был только один баннер — внутри записи над комментариями.

2. Редизайн ленты записей
Новости и объявления Бусинки: Нововведения - 21.01.2018 - редизайн, и оптимизация для мобильных

2.1 Увеличил аватар и ник автора записи.
2.2 Сделал иконки голосования больше, и «разнес» их друг от друга.
2.3 Для Альбомов — убрал возможность ставить негативную оценку, и поменял иконку голосования на звездочку.
2.4 В профиле, также немного поменял дизайн у Альбомов, там теперь тоже звездочки, и сами блоки стали чуть больше.
Лично я доволен редизайном, блоки стали более логичны + ощущается, как-будто так было всегда. Также поправил ленту на мобильных, теперь ложных кликов на негативные оценки должно стать значительно меньше.

3. Об авторе
Новости и объявления Бусинки: Нововведения - 21.01.2018 - редизайн, и оптимизация для мобильных

Добавил в конец каждой записи небольшой блок с информацией об авторе записи. Аватарку существенно увеличил (по сравнению с прошлой версией) и добавил пару ссылок — на альбом, и на отправку письма. Если у вас есть идеи, что еще можно добавить в этот блок — напишите комментарий.

4. Оптимизация дизайна на мобильных
4.1 Убрал из шапки сайта баннер, так как полезной информации там не было, а место он занимал.
4.2. Переделал главное меню — увеличил шрифт и активные иконки, + повысил производительность на мобильных (стало удобнее? — напишите, пожалуйста комментарий)
4.3 Поправил часть менюшек, чтобы они не выстраивались в длинный столбец — и не отнимали место на экране.
4.4 Сейчас думаю как изменить дополнительные меню, чтобы они не урезались по функциям, и при этом не занимали кучу места на экране телефона.

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

Спасибо что прочитали до конца, вы ведь дочитали — а не пролистали?

106 комментариев

mambush
Доброго времени суток!
Прочитала и перечитала
Пользуюсь только КОМПом, отображение стало крупнее и захотелось «двухспальный» монитор
Если без шуток: сайт удобный, логичный. За улучшения — спасибо. Добавление рекламы поддерживаю, хотя, в моем случае, её я и не увижу  — сайт не должен приносить убытки хозяину
user_1
Спасибо что оценили нововведения)
Убытков сайт не приносит, но и не позволяет сильно разойтись в «улучшениях», но я работаю над этим)
Arktur
Здорово! Каникулы вышли очень плодотворными Мне нравятся изменения
user_1
Спасибо что оценили)
svdiv
Да изменения видны сразу. Здорово. Немного смущает что при оценке поста «опаздывает» смена цифры. «Ваш голос учтен», звездочка меняется на желтую (золотую) а цифра под звездой после обновления страницы.
user_1
Спасибо что оценили)
Да, запаздывание смены количества голосов есть, буду это дорабатывать в ближайшее время.
Светлана_Кошелева
На мобильных безусловно стало удобнее, уменьшилась возможность ткнуть дизлак при листании, радует видимость авторов, теперь наконец будем знать героев в лицо  да звёздочки немного подвисают и ещё когда хочешь поправить сообщение, иногда эта стрелочка сбоку навязчиво вылазит и не даёт. Ну и для меня информация об авторе не столь важна, интересует аватар и имя и возможность разглядеть фото не заходя на страницу  Спасибо за улучшения!
user_1
Рад что вам нравятся нововведения)
А по поводу стрелочки — это та, которая поднимает страницу вверх?
Я думал на мобильных поменять ее просто на кнопку, и прикрепить ее справа внизу — так было бы удобнее?
Tamar
Большое спасибо за проделанную работу. Изменения заметны и удобны.
user_1
Рад что вы оценили)
tati-ana
мне новое оформление нравится, спасибо большое!
раз уж такая тема появилась задам вам здесь вопрос по своей проблеме, знаю что такое не у меня одной:
когда «едешь» вниз по ленте (по странице), в какой-то момент — раз — и скачок в начало страницы, приходится опять «ехать» вниз и, пока досмотришь страницу до конца, несколько раз прыгает и приходится опять сначала вниз листать, очень неудобно и раздражает ). То же самое когда выходишь из какого-то поста, лента не остается на этом посте, а убегает в начало. И еще часто во время таких «прыжков» курсор прыгает в строку набора сообщения в чате и если в этот момент хотел набрать коммент, то надо следить чтобы не отправить набор случайных букв в чат, приходится удалять в чате то, что успело туда набраться (пара букв) и опять переходить в поле коммента. Это происходит и на смарфоне, и на планшете. А «скачкИ» в начало ленты и на компе тоже. Про такие «скачкИ» писала еще одна бусинка, у нее на ноуте такое.
Владимир, подскажите в чем тут дело? Это началось несколько месяцев назад, раньше не было.
user_1
Отвечу чуть позже.
user_1
У меня есть просьба.
Попробуйте разлогинится с сайта (выйти), обновить страницу, а потом попереходить по ссылками, и поскроллить страницу — останутся ли «прыжки» или нет?
tati-ana
Володя, сделала как вы сказали. Разлогинилась на всех своих устройствах и попробовала походить по ленте и по постам — везде все было нормально. Но как только я авторизовалась, так опять все началось. Примерно как за середину страницы уеду вниз, так начинается: на компе — скачок к первой-второй записи и курсор в поле сообщений чата; на телефоне — появляется клавиатура; на планшете тоже скачок в начало, клавиатура и курсор в чате, и еще часто когда хожу по записям вместо новой выбранной записи заходит повторно в предыдущую. Вот такие дела. Конечно это все не критично, но немного достает ) и если это возможно, то хотелось бы избавиться, если нет — значит буду дальше усердно крутить ленту )
user_1
Отлично, спасибо что проверили.
Наконец-то я смог примерно понять в чем действительно может быть проблема.
В течении недели будет починено.
Eugenia
Владимир, у меня та же проблема, но когда захожу с Microsoft Edge. А когда захожу через Хром, то такой проблемы нету, но тогда не вижу чата Приходится заходить одновременно с двух браузеров, когда чат нужен и когда откомментировать работы.
user_1
Да, я уже понял в чем проблема.
Спасибо что описали ваш вариант.
Portulaka
На планшете стало удобнее, безусловно. И у меня вопрос. Редактировать профиль, вернее вставить фото аватара и профиля можно только с компьютера? А можно это и для мобильных устройств открыть? Спасибо.
user_1
Добрый день.
По поводу аватара и фотографии — да, пока только с компьютера.
На мобильных устройствах не работает кнопка «Применить», пока не знаю в чем причина, но буду смотреть.
Golubeva
Володя, спасибо огромное ))))))))
user_1
Рад что вам понравились нововведения)
Dashulya
Мне понравилось! Стало удобнее и лучше видно и аватарки и инфа про автора под работой. Понравилась что теперь звездочка большая, а не + и — как раньше. Зато точно знаешь что ткнешь и работе голос добавился, а не минус поставился случайно. Правда у меня глючат зваездочки — вроде ткнешь, она становится желтой, но счет не изменился. Из хотелок есть прошлая, не знаю осуществима ли: чтобы можно было как-то избранное рассортировать по папкам или разделам, потому как там все вперемешку и МК и работы которые понравились и кухня и флудилка. Вам за работу огромное спасибо!
user_1
То что голоса опаздывают — знаю, буду доделывать на днях.
(опаздывает не только голосование за альбом, но и за простые записи из блогов)

Про избранное:
Да, я помню что такая идея была.
Прям чистые папки я сделать не могу, но в текущем функционале есть возможность добавлять собственные теги для записей.
1) Зайдите внутрь любой записи или альбома,
2) добавьте запись в избранное,
3) отлистайте до тегов,
4) нажмите «изменить свои теги»
5) в вашем профиле, в разделе избранное появится блок «Теги избранного»
6) Блок — все теги — это те теги которые добавлял автор поста
7) Блок — мои теги — ваши теги.

Думаю эту часть я буду редизайнить, и сделаю ее более явно рабочей, а то сейчас это как фича, и мало кто ей пользуется.
Ksaria
Я пользуюсь кнопкой добавки своего тега! Это очень удобная штука!
Bellissima
И я пользуюсь. Люто плюсуюсь к удобству. Фактически — это и есть те же сами папки.
Dashulya
Гм про это не знала попробую, может получится.
Bellissima
Даша, а я тэгами пользуюсь. В избранном есть возможность свои тэги к выставлять, причем они видны будут только тебе. Мне очень удобно.
Зовутка
Спасибо! Все отлично! А можно еще добавить раздел «Вязание»?
user_1
Добавить то можно, но какой контент туда планируется добавлять?
Зовутка
Такой же, как в Швейный уголок, Кухню или в Сад и огород, только про вязание.
user_1
Окей, я подумаю.
А те записи, которые про вязание и которые находятся в НеБисерной Лавке Чудес куда тогда перемещать?
Зовутка
Свои записи я бы не поленилась и переместила в новый раздел.
user_1
И в итоге все ссылки, которые уже были бы где-то опубликованы — поломались, так как адрес записи формируется из /блог/дата/заголовок ((
user_1
Я подумаю как сделать лучше (как уже писал выше).
Но идею я записал)
Ksaria
Мне кажется имело бы смысл швейный уголок переименовать в швейно-вязальный уголок
user_1
Как вариант, но это тоже нужно обдумать.
Светушок
Огромное спасибо за изменения! Поскольку есть проблемы со зрением, для меня самым существенным плюсом стало увеличение шрифта и звездочек для голосования.
Ksaria
Спасибо! Всё просто круто!
И я снова повторюсь, на всякий случай.
С телефона нет входа в свои неальбомные записи.
И реально как-то поиск сделать по разделам?
user_1
Страницу пользователя на мобильных я буду переделывать, так что да ссылка будет.
Своими силами я поиск по разделам сделать не смогу, нужно заказывать доработку у стороннего разработчика (
mambush
admin ! Сейчас внесла исправления в пост, убранный Вами в черновики… Он появился там, откуда его убирали — на 3-й странице Там он никому не нужен — никто не увидит, кроме Ксарии — она читает все по-порядку
Вот такая незадача…
Да, и теперь, с увеличением размера букв (на компе), входят в окошко набора ответа 2,5 строчки. Не очень удобно, если писать развернутый ответ. Хотя, конечно, предпросмотр никто не отменял
Последний раз редактировалось
Ksaria
Согласна. У убранных в черновик тем (если успели опубликоваться) есть такое свойство — появляться там, где закрепились при публикации. Я тоже 1 раз так влипла. Случайно вместо «убрать в черновики» нажала на публикацию недоделанную тему. Быстро её в черновик убрала. А когда пришло время и я её опубликовала — даже растерялась, ибо тема куда-то исчезла. Нашла её на ***/цатой странице. Удалила и создала заново.
user_1
Эм, да. Если опубликованный пост прячется в черновик, то потом при публикации он показывается на том же месте, где и был.
+ это же было 3 дня назад  
Рекомендую (и даю добро) скопировать весь текст внутри записи, и создать новую с таким же текстом — все картинки ссылки сохранятся.

По поводу комментариев, размер шрифта я увеличивал сегодня ночью, и забыл добавить правил для увеличения самого контейнера для комментария. Сейчас увеличу. (в дальней перспективе я хочу сделать «авторазмер», чтобы высота сама подстраивалась под количество текста.
mambush
Насчет размера. ИМХО, строчек 10 хватит (чтобы сразу заметить ошибки и нелепости) + просмотр
user_1
Хорошо, вашу идею я услышал, как буду делать — посмотрю какая высота будет оптимальная при текущем размере шрифта.
sweet
Не знаю почему не возможно загрузить фото на аватарку с планшета? С момента регистрации пыталась несколько раз и все безуспешно.
user_1
Почему аватарка не загружается с планшета — я не знаю.
Мое предположение — изначальный функционал (до моих доработок) может не поддерживать загрузку из мобильных устройств.
Я посмотрю как это можно поправить/обойти.
sweet
Было бы замечательно
Бисерибусы
У меня та же проблема. С телефона не могу загрузить аватарку.
user_1
Я не знаю, почему с телефона не загружается аватарка, но сейчас я хотя бы этот момент могу протестировать.
Думаю, что дело может быть в том, что изначальный функционал (до моих доработок внешнего вида) попросту не поддерживает загрузку файла с мобильных.
Если это действительно настолько важно, то я посмотрю как этот момент обойти/починить.
aurinko_iri
Всё просто здорово.
Правда на маленьком экране смартфона инфа про автора мне видится немного лишней, ибо больше прокручивать приходится, ))).

Володя, можно вывести для планшетов и смартфонов доступ к своим старым публикациям, чтоб как на компьютере было… А то, когда можно бы скопировать текст из старого, или просто дать ссылочку, начинаю поисковик мучить, и это ж с учетом имеющегося склероза на предмет «как там было названо» )))).
user_1
По поводу инфо об авторе на мобильных — да скроллить больше, но думаю в длительной перспективе это удобнее.

Про профиль и публикации:
Да, я буду эту страницу на мобильных переделывать. Именно поэтому я и писал столько вопросов в этой записи, чтобы понимать — какая информация нужна на мобильных.

Кроме профиля, и публикаций — еще что-то, чем на мобильных хотелось бы пользоваться, но чего пока нет?
Anastasiya3300
Спасибо большое за изменения и доработки (продуктивные каникулы Владимир у Вас получились) Стало намного удобнее пользоватся андроид версией 
user_1
Рад что вы оценили нововведения)
Nelvy
Какая продуктивная скука!))
Очень хорошо получилось.
А стрелку перемотки в самом деле лучше бы на кнопку заменить: при экономном режиме она перекрывает значки изображений и не даёт их открыть.
И выскакивает почему-то после открытия мобильной версии клавиатура. Секунд через пять.
user_1
Окей, про стрелку понял.
А про клавиатуру — я посмотрю что может вызывать такой результат.
Клавиатура выскакивает только при залогиненности, или каждый раз?
Nelvy
Да, только при залогиненности. Попробовала сейчас выйти, без авторизации не выскакивает.
user_1
Огромное вам спасибо!  
В ближайшее время эту проблему решу.
Nelvy
Вам спасибо!))
Bellissima
Всё классно!
Но я со смартфона не могу в чат сообщения строчить.
user_1
Спасибо)
А на отдельной странице — businka.org/chat/ тоже не работает?
Bellissima
Со смартфона — нет.
user_1
А смартфон какого года выпуска? Я только что с тестового аккаунта протестировал, вроде бы все работает.
Bellissima
Ой, он у меня уже давно. Года три, наверное точно
user_1
Android или iOS?
Bellissima
Да, он у меня с декабря 2014 года, андроид.
Я подозреваю, что дело в самом предустановенном обозревателе.
user_1
Возможно.
Попробуйте Chrome Mobile, он наиболее оптимизирован для Android
Bellissima
ВВ, дело было в обозревателе, видимо у меня был уже слишком древний.
Установила Хром — проблемка решилась.
Алла_Шмидт
Володя, и я хочу поблагодарить Вас за изменения и доработки))) Спасибо. Очень удобно. Некоторые мои пожелания такие же как у девочек. Чтобы не повторяться, просто рядом с комментом ставила +
Последний раз редактировалось
user_1
Рад что смог угодить)
Хорошо, буду ориентироваться на те комментарии, где плюсы стоят)
Алла_Шмидт
Ой, вот забыла, что хотела спросить. У меня последнее время фото на превью, когда выставляю новую работу в альбом, получаются обрезанными, т.е. видна только середина фото. Фото я уменьшала в объёме, но это не помогло. Что делать?
user_1
Превью вырезается квадратное — 300х300
Если хотите, чтобы оно было «идеальное» — редактируйте его в любом удобном фоторедакторе до таких пропорций — не обязательно 300х300 — главное чтобы квадратное.
Алла_Шмидт
Спасибо. Буду пробовать)))
Lizaveta
Мне всё нравится. Если бы девчонки не стали говорить о вязании, я и не заметила бы, что его нет. Я за раздел «вязание» или «швейный-вязальный»
user_1
Спасибо что оценили нововведения)
Да, про вязальный подраздел я понял) Пока думаю
Последний раз редактировалось
Boxber_t
 Спасибо за нововведения и за то что постоянно оптимизируете и улучшаете любимую «Бусинку»! У меня такой вопрос — нельзя ли в профиле сделать активной строчку с датой рождения человека, либо как-то еще по-другому, может быть разделом-напоминалкой «сегодня день рождения у ...», чтобы в том же профиле можно было нажать на дату (не год) рождения и появился выпадающий список всех именинников? Иногда забываем бусинок поздравить… А может есть такой функционал да я не знаю где это?
user_1
Рад что нововведения понравились)

По поводу оповещений о ДР:
Своими силами я такую штуку не сделаю, нужно заказывать доработку, так что даже несмотря на то, что я знаю что такой тип оповещений необходим, в ближайшее время я его не могу гарантировать ((
Boxber_t
И еще — у меня горит «лампочка» и никак ее не погасить потому что страница, на которую ведет эта ссылка, была удалена. В принципе не критично, пока она одна такая, но вдруг это не только моя проблема. После последнего «обнуления» лампочек теперь стараюсь все гасить
user_1
С этой лампочкой проблем уже больше чем преимуществ((
Kotyaoma
Доброго дня суток))) Дизайн оценил он супер!!! Мне очень нравиться благодарю вас.!!! Вот только я не как не могу войти в свой аккаунт с мобильного… авторизация не проходит  Понимаю что браузер не пускает)))
user_1
Рад что оценили нововведения)
А у вас на мобильном какое-то прокси, или VPN активирован в тот момент, когда вы логинитесь на Бусинку?
Kotyaoma
 А точно у меня опера мини с VPN  Раньше без VPN заходило хорошо
user_1
Так как много людей пользуются VPN от опера, и не все для простого посещения сайтов — ip-vpn сервера мог попасть в черный список АнтиспамСервисов.
Так что да, используйте другой браузер)
Krokozjabra
Нововведения отличные. Звездочки порадовали отдельно. Не нужно «прицеливаться». Инфа об авторе тоже к месту, уже ощущение, что она была всегда)
Про мобильные ничего сказать не могу — захожу всегда с компа.
Вообще очень приятно видеть, что сайт улучшается, спасибо огромное за это.
Из просьб — можно чуть увеличить окошко сообщения в чате? А то несколько раз бывало начну писать, отвлекли или проверить согласовано ли предложение — и кручу вверх, потом вниз…
user_1
Спасибо что оценили нововведения)
Да, в чате тоже окошко буду увеличивать — и шрифт тоже, так как действительно не очень удобно долго читать и писать туда.
PoTaVi
Спасибо огромное. Мне нравится все! Отдельное спасибо за звездочку под работой и отсутствие дизлайка!
user_1
Рад что вам понравились нововведения)
Да, дизлайк для альбомов убрал, чтобы не было «войн» ((
user_1
Так, все те пожелания, и запросы которые были описаны в комментариях — записал в отдельную доску на Трелло)
Как будет появляться свободная минутка, буду делать по одному пункту.
(те которые проще, конечно же будут сделаны быстрее).
Последний раз редактировалось
Пашина_бабушка
Все нововведения очень понравились, так гораздо удобнее — так что спасибо большое! От списка «на будущее» — полная эйфория!
arabella
 Все понравилось, стало намного удобнее.
С мобильным сложнее. Зайти удается нормально, но просмотр никак — зависает намертво. Я, конечно грешу на сам смартфон, но обидно…
user_1
Рад что оценили нововведения)
Просмотр может зависать из-за снежинок, они создают сильную нагрузку на отрисовку страницы.
Пока думаю что делать, но единственное адекватное решение — отключить снежинки на мобильных.
marirus
а после редизайна какие-то проблемы с иконкой личных сообщений
слышу звук, что сообщение пришло, вижу всплывающую подсказку, а конвертика нету, пусто
появляется только после рефреша
user_1
Да, я понял о чем вы.
Я сделал так, чтобы иконка показывалась только тогда, когда есть новые сообщения, но условие отрабатывает только после обновления страницы — сейчас верну как было.
svdiv
Мне кажется раньше была возможность поделиться в соцсетях постом… Или я ошибаюсь?
user_1
Да, была. Я это пока скрыл, так как хочу сделать в более красивом дизайне.
svdiv
это хор-рр-о-шш-о. ждем.
Tester
Тестирование новых оповещений
user_1
Проверка оповещений второй уровень
Tester
Проверка оповещений после включения
Ksaria
А что за оповещения?
Смотрю колокольчик новый появился.
user_1
Уже отключил, так как половина сайта отображалась неправильно.
user_1
Новый комментарий