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

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

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

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

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

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

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

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