Как работает новый дизайн, меню автора и горизонтальное меню? (см. комментарий)
Автор: Денис Никитин, 16 февраля, 2012 - 21:51
| Опрос
Все нормально
82% (18 голосов)
Небольшие ошибки
14% (3 голоса)
Большие ошибки
5% (1 голос)
Всего голосов: 22
- Войдите или зарегистрируйтесь, чтобы отправлять комментарии
- 4322 просмотра
Версия для печати
Комментарии
Кристина Замыслова наругала меня в Думе, что слишком увлекся работой по реестру и забыл про Fialki.ru, на который после переезда заходить страшно стало.
К счастью, Евгения Федоряченко предложила свою помощь по разрешению проблемы 350 сдублированных названий реестра. Освободившись, я поставил новый дизайн и настроил меню.
Прошу сообщество протестировать сайт в новой оболочке.
1. Почему именно этот дизайн.
Дизайны на интернет-жаргоне называются шкурками (skins):
Можно выбрать подходящую шкурку-дизайн среди развалов бесплатных дизайнов, легко ее поставить и, в случае необходимости, поменять на другую.
Во время выбора дизайна ориентировался на голосование «Выбор дизайна для Бутика и для сайта», где сообщество большинством голосов выбрало 2 лидирующих дизайна.
1. Легкий белый дизайн «Бутик»:
2. Дизайн «Цветной»:
В связи с предстоящей консервацией Бутика покупка дизайна для Бутика отпала.
Но среди массы бесплатных дизайнов для сайта удалось найти дизайн, похожий на дизайн «Бутик». Найденный дизайн без «шапок» блоков и довольно легко выглядит. Сейчас он стоит на сайте вместо голубоватого дизайна, который был 1,5 месяца после переезда.
Преимущества выбранного дизайна
1. Костяк нового дизайна выглядит легко.
2. Цвет дизайна можно гибко настраивать.
3. Дизайн умеет сжимать фотографии шириной 640 пикселей при показе на маленьких экранах нетбуков (ширина 1024 пикселя), так что фотографии не залезают на правую колонку.
4. Дизайн дополнительно адаптирован к показу сайта в мобильных смартфонах и планшетниках. Это важно, поскольку Еквид-каталоги наших продавцов имеют специальную версию для владельцев смарт-фонов. И нам нужно обеспечить им удобный доступ к сайту, чтобы потом они могли разместить заказ в мобильных версиях наших Еквид-каталогах.
Мировой тренд, что сайты и интернет-магазины обеспечивают удобство для посещения владельцам смартфонов, которых с каждым годом становится все больше и больше.
Оценка дизайна
Пожалуйста, походите по страницам. Обратите внимание, правильно ли показываются статьи, не «отваливаются» ли и не «съезжают» ли колонки.
Оценка меню
В дизайне сайта 2 меню:
В горизонтальном меню наведите мышку на пункт «Каталоги/Бутик». Должно открыться подменю. Наведите мышку на подпункт «Россия». Должны открыться под-подпункты Волгоград, Кемерово, Ростов-на-Дону. Если открылись, то горизонтальное меню работает нормально.
В левой колонке только для авторов показывается меню авторов. Наведите мышку на «Создать», затем на «Тема на форуме». Если открылись подпункты Уход за фиалками, Селекционирование, Авторам,..., то вертикальное меню авторов тоже работает нормально.
Оценка через смартфон/планшетник
Если у вас есть смартфон с подключением в Интернет, попробуйте через него побродить по сайту.
Две боковые колонки в смартфоне должны находится рядышком и располагаться под основным содержанием страницы.
Напишите в комментариях, удалось ли воспользоваться горизонтальным меню для всех и вертикальным меню для авторов?
Если нашли ошибки
Если во время тестирования сайта выплыли какие-то ошибки с дизайном или с меню, скопируйте с этой страницы информацию о вашем браузере и опубликуйте ее в комментарии вместе с рассказом, что именно работает не так.
Голосование и обсуждение
Голосовать вверху. Свое мнение относительно нового дизайна и меню пишите в комментариях. На цвет и шрифт особенно внимание не обращайте, они будут подстраиваться позже.
Особенно интересует мнение тех, кто смотрит сайт через смартфоны. Стало ли вам смотреть сайт удобнее?
Немного цвета не помешало бы. Хотя бы оттенок какой-нибудь. А так очень понравилось. Какая то цивилизация прямо!
Но аватарки вообще стали крохотные. Это плохо. Лиц не расмотреть.
И ещё, не видно последних комментариев слева, это специально убрано? Мне очень нравилось, жизнь была видна.
Если остановимся на этом дизайне, то позже сможем в нем настроить пару десятков цветов всего и вся, начиная от цвета рамки вокруг страницы и заканчивая проголосованным сообществом цветом кнопок меню:
Пока же проверяем, насколько можно вообще брать этот дизайн за основу - работает ли он хорошо, все ли на своих местах, нравится ли авторам и т.д.. Голосование «Выбор дизайна для Бутика и для сайта» показало, что сообщество отнюдь не оценивало одинаково 9 вариантов предложенных дизайнов для Бутика. Было 2 лидера (текущий дизайн сайта похож на один из них), а на все остальные варианты дизайнов был маленький спрос.
Аленка Капренко пишет:
"Но аватарки вообще стали крохотные. Это плохо. Лиц не рассмотреть."
Это вылечим. Равно как и маленький шрифт и прочие неудобства. Но сначала нужно убедится, что остановимся именно на этом дизайне.
Блок с комментариями убрал пару недель назад. В нем в новой версии сайта комментарии даются нестандартно и, на мой взгляд, неудобно. Но если за пару недель исправить дефект блока комментариев не смог, то наверное, нужно смириться с его нестандартным поведением. Тем более, подозреваю, что 99% наших авторов не заметят, что именно стало неправильного в блоке комментариев по сравнению с тем, что было до переезда сайта.
Включил блок комментариев
Включил для авторов блок комментариев в правой колонке. Вместо 10 последних комментариев сделал 30:
Денис, не нравится, что аватары очень маленькие и ОЧЕНЬ мелкий шрифт на кнопках, а ОТВЕТИТЬ необоснованно крупный шрифт. Вы просили не очень обращать внимание на шрифт, так я не очень - чуть-чуть обратила внимание
Шкурки дизайна меняются довольно легко, а настраиваются под нужды сайта довольно долго. Поэтому при тестировании очередной версии дизайна не обращают внимание на то, что позже можно исправить - цвет, шрифт,... Оценивают дизайн лишь по принципиальным вещам, которые позже тяжело будет править:
Если в целом дизайн работает нормально и не сильно противен сообществу, тогда на нем останавливаются и месяцами потихоньку «допиливают» под свои нужды:
Я понимаю, что тяжело оценивать дизайн, не оценивая цвет. Женщины даже машину часто выбирают по цвету кузова и салона. Но технология выбора шкурки дизайна требует, чтобы мы сейчас оценивали не цвет и не шрифт и не размер аватар, а то, как вообще дизайн работает - не кривит ли, не съезжают ли колонки,...
К примеру, в почти всех продаваемых дизайнах для программы Бутик он в Опере показывает только одну колонку и не показывает содержимого. Причина. Разработчики дизайна Бутика - американцы, у них на Опере сидят 2% пользователей, а у нас - 25%. Поэтому разработчики не проверяют дизайн для программы Бутика, как он выглядит в Опере.
По предварительным результатам, дизайн пока хорошо показывается на нормальным компьютерах и криво на смартфонах.
У меня заголовок статьи и дата публикации (две верхних строчки) накладываются на аватар автора статьи, в режиме ответа.
Аватары не просто маленькие, некоторые (не все) еще и "пришмякнуты" - очень сильное искажение - растяжение по горизонтали. Я так понимаю, это потому, что фото разных габаритов втиснуты в один размер. Кажется есть такая установка, когда то, что не влезает, просто остается за кадром, но нет искажений?
Я не знаю - это только у меня - занято только пол-экрана по ширине в центре, а по сторонам остаются широкие серые поля, или так и было задумано и потом будет заполняться? Может быть потому, что у меня не стандартное разрешение экрана - 1920х1080?
В главном меню длинные строчки типа: "Оформление сообщений", "Фотоуроки о продажах", "Создать лунный календарь" вылезают за край фона.
Я не очень поняла функцию кнопочки "Изменить" рядом с кнопкой "Просмотр" наверху в режиме редактирования сообщения. После нажатия этой кнопки исчезли все мои добавления к комментарию.
И я опять не там ответила, извиняюсь...
А ведь специально старалась найти правильную кнопку! А можно сделать так, чтобы самая главная кнопка "Ответить" чем-нибудь отличалась от всех остальных? Например, цветом? Можно ответы разного уровня делать с градацией цвета, чем дальше, тем светлее - будет легче ориентироваться... Судя по сообщению в конце, в красной рамочке - не я одна такая... 
Денис, раньше у меня на всех непрочитанных сообщениях стояла пометка "новое", а теперь ее нет, стало немного неудобно. Все остальное в порядке.
Ну вот, я тоже перепутала кнопки и не туда вставила комментарий.
Пометка «новое» жива и здорова. Но вместо желтого цвета она теперь черная и поэтому плохо бросается в глаза.
Если остановимся на этом варианте дизайна, то будем править цвета и размеры текста во всех местах дизайна. В том числе сделаем поярче и побольше пометку «новое»
Стало очень удобно, в верхнем горизонтальном меню закладка Новости-очень понравилось, боковое меню слева все видно и удобно, меню автора тоже понравилось. Через google chrome работает отлично, все хорошо видно.
Я захожу через смартфон. Вся страница в левой колонке. Дизайна нет никакого. Даже незнаю пишу как гость или как пользователь. Незнаю как входить в свои учётные данные. На странице ничего нет.
Смартфонщики, поменял дизайн для смартфона. Теперь сверху должна показываться статья с обсуждением, под ней левая колонка:
а еще ниже правая колонка:
Все должно показываться на полную ширину смартфона.
1. Стало ли показываться на смартфоне лучше? На главной странице и на страницах статей?
2. Как сайт выглядел до Нового Года на смартфонах, нормально? Если вернем версию дизайна для смартфонов к тому, что было до Нового Года, устроит ли?
Kiss пишет:
"А до вчерашнего дня на телефоне и на ноутбуке все было одинаково"
Больше интересует, как было на смартфоне не в январе-феврале, а как было на нем до Нового Года? Все ли нормально читалось? (Есть возможность переделать каркас нового дизайна в тот вариант, который был до Нового Года.)
Да до НГ все было хорошо. Никаких проблем с просмотром не было
.
Отлично. Тогда надо будет попросить нашего дизайнера, чтобы он подсунул под текущий дизайн «костяк» предновогоднего дизайна. Это решит проблемы нового дизайна:
Работает все действительно нормально. Но ох уж этот "легкий дизайн"! Про себя могу точно сказать, что я - не его поклонница. И еще из личного восприятия - плохо, когда в меню надо искать кнопку "Новости". Хотелось бы видеть ее сразу. Кроме того, левая колонка на моем мониторе "наезжает" на центральную область. Можно там какое-то пространство добавить? С правой стороны - все хорошо.
Это не совсем полноценный дизайн, а скорее конструктор дизайна. Если остановимся на нем, то будем наращивать шапку сайта нужными нам элементами:
Добавил отдельную кнопку «Новости».
У меня в 3-х браузерах левая колонка показывается отдельно от центральной.
Скопируйте пожалуйста версию Вашего браузера отсюда и укажите в комментарии. Тогда можно будет выяснить, в чем причина наложения левой колонки на центральную.
Браузер: Mozilla Firefox 9.0.1, который на данный момент настойчиво предлагает обновиться. Возможно дело в этом. После обновления - проверю, помогло ли оно. Но это будет только завтра. При обычном просмотре на главной странице "наезд" левой колонки - практически отсутствует. Она идет скорее "впритирку", что тоже несколько мешает восприятию. А вот на страничке написания комментария "наезд" - очевиден. Кроме того, в Вашем комментарии, Денис, (открытом для ответа на него) дополнительно "уехал" и Ваш аватар, закрыв буквы заголовка до "а" - читается вверху "авил отдельную кнопку "Новости" и буквы в слове "опубликовано", сократив слово до "иковано".
За кнопочку "Новости" Вам - большое спасибо
!
Дополнение: Версию браузера обновила, но проблема усугубилась. Левая колонка в части "Меню автора" после возвращения аватарам нормального размера уже капитально наехала на центральную часть. Обратила внимание, что эта проблема возникает только если входишь на сайт под своим именем. Если как гость - меню автора нет, и все в порядке.
Дизайнер пишет, что наезд информации из колонок на центральную часть исправит встраивание в дизайн жесткого каркаса, который будет препятствовать информации «гулять» по соседним областям.
Правда, пока непонятно, когда он сможет взяться за это, надеюсь что в ближайшие дни.
Денис, а можно кнопку "новости" сделать еще и внизу каждой страницы? Кажется, перед Новым годом, я видела такую кнопку.
Денис, на моём компе строчка "Опубликовано..." "залезает" на аватар..
Спасибо за обнаруженный дефект.
1. Как у Вас версия браузера? Скопируйте информацию о нем отсюда.
2. Нужна ссылка на страницу, на которой строчка "Опубликовано" залезает на аватар и указание - это стартовое сообщение в теме или комментарий.
Всегда рада помочь!
1. Денис, у меня Internet Explorer Windows 7.
2. Это на Главной у каждого сообщения, а если нажать на любой "Ответить", то вся "шапка" лезет на аватар, и ниже имя в строчке Ваше имя, и строчка Отключить редактор с кнопками http://www.fialki.ru/comment/reply/9102/87795
Есть несколько версий Internet Explorer, они сильно отличаются друг от друга по поведению.
Повторю свою просьбу. Скопируйте информацию о браузере отсюда, она размещена на желтом фоне. Тогда у меня есть шанс увидеть ошибку своими глазами, если зайду через браузер той же модели.
Денис, Windows7. Ещё какая-то информация нужна?
Мне это долго объяснять и не факт, что Вы сможете точно указать нужную информацию. А если ошибетесь хотя бы одной буковке, то я не смогу воспроизвести условия, при которых Вы наблюдаете ошибку.
На сайте есть специальная программа, которая подготовит всю нужную информацию по Вашему браузеру, чтобы я смог разобраться с замеченной Вами ошибкой. Пройдите пожалуйста по ссылке «Версия Вашего браузера». Там есть раздел на желтом поле под названием «Мой браузер». Скопируйте информацию на желтом поле в буфер обмена и вставьте в комментарий. Если ничего не видите на желтом поле, то напишите об этом в ответе.
Мой браузер:
Браузер: Internet Explorer 7.0
Операционная система: Windows XP
JavaScript: включен
Спасибо, Полина.
Сейчас попробовал войти через IE-7, получилось воспроизвести найденную Вами ошибку. Судя по всему, ее тоже придется лечить во время дополнительной сайта, см.
«Будем менять каркас дизайна».
Версия Windows
Это не имеет отношение к дизайну, но имеет отношение к программе "Мой браузер".
В предыдущих комментариях Вы говорили, что у Вас Windows-7. Программа же сообщает, что у Вас Windows XP.
Интересует, нестыковка в названиях произошла на Вашей стороне или это сработала неправильно программа определения браузера?
Кстати, иногда на компьютере может стоять WIndows XP, но поверх нее натянута «шкурка» дизайна Windows-7. Снаружи выглядит как натуральная WIndows-7, а внутри натуральная Windows XP.
Денис, наклейка на компе Windows'7. Эти не мой, мой всё ещё в ремонте.
Денис!
Во всех статьях в самом начале у меня в одну строку идут слова "Рубрика блога", собственно название рубрики и начало текста статьи, причем название рубрики и текст слипаются, потом идет пол-строки текста справа, а потом уже полная строка текста.
Мне кажется, что это тоже какая-то мелкая накладка, не смертельно и не срочно, но не красиво и читать неудобно...
Пыталась скопировать, как это выглядит, но в комментарии смотрится нормально. Могу выслать на почту Print Screen, если нужно
Заливку тоже не смогла удалить при редактировании...
Поправил Ваш комментарий.
Я примерно представил ситуацию. Она вылечится, когда дизайнер встроит каркас не только в сайт, но и в комментарий. Тогда внутри комментария все его части будут находится на своих местах и не налезать на соседние области: