Перейти к содержимому



Изменение цвета фона страницы

Опрос: Тонирование фона (2 пользователей проголосовало)

Будет ли смена цвета background мешать посетителям и/или ухудшать юзабилити/ПФ

  1. Будет / забудь про эту идею (0 голосов [0.00%])

    Процент голосов: 0.00%

  2. Не будет / можно ставить в паблик (1 голосов [50.00%] - Просмотр)

    Процент голосов: 50.00%

  3. Неоднозначно / надо пробовать и анализировать (1 голосов [50.00%] - Просмотр)

    Процент голосов: 50.00%

Голосовать Гости не могут голосовать
#1 ShowPrint
ShowPrint
  • Пользователь PRO
  • 3 406 сообщений
  • Репутация: 1001
0

Обновлено 04 марта 2019 - 13:23  Отправлено 02 марта 2019 - 09:38

Всем добра!
 
Пришла мне как-то в творческую половину моска идея попробовать сделать одну штуковину со своим бэкграундом.
 
Реализация не хитрая, простая и быстрая, но... Нет внутренней уверенности в том, как это скажется на юзабилити.
Соответственно сделал пока на тестовой странице, и хотелось бы поинтересоваться мнением сообщества для принятия решения о внедрении в паблик.
 
Есть понимание, что любое безобразие не должно отвлекать от основного контента, поэтому реализовал не смену цвета фона, как таковую, а смену тона.
То бишь идёт циклическая лёгкая тонировка бэкграунда в формате "каждый охотник желает знать где сидит фазан"
Логическое размышление (доводы), сподвигшие на реализацию:
а) поскольку сайт о печати, в том числе и о цветной, то лёгкое и ненавязчивое "раскрашивание" может его несколько приукрасить;
б) малозаметность процесса не должна отвлекать от основного процесса, и не каждый заметит;
в) если кто-то заметит и "зависнет над этим процессом" - улучшит мне ПФ =)))
 
Хочется вашего мнения (можно просто в виде голосования).
 
Пациент:

Внимание
Чтобы увидеть этот текст Вам необходимо авторизоваться

 
Примечания:
- тонирование фона видно только когда контент занимает не весь экран (для десктопов, на мобилах может быть не виден);
- цикл тонировки имеет "паузу" в районе 15 сек, в течение которых тонирование отсутствует.
 
Всем проголосовавшим и/или прокомментировавшим заранее признателен.


 

UPD.

Эффект не работает в Safari и Opera.

C точки зрения реализации он работает, отключать его приходится скриптом, анализируя браузер.

В Safari этот работающий эффект напрочь вырубает работу select в форме заказа (невозможно что-то выбрать), в Opera всё тот же select работает, но уж очень тормозит.

 

  • 0
MasterWEBS: третий дом - моё хобби и увлечение... Второй дом: работа - не меньше 12 часов в день...
Первый дом - под охраной: "Осторожно - злая жена!" (дрессировалась долго и надёжно) /*ссылку не просите - не дам!*/


#2 Андрей WPM
Андрей WPM
  • Модератор
  • 973 сообщений
  • Репутация: 146

Отправлено 02 марта 2019 - 09:58

Под твою тематику зайдет. Цвета не ярко сменяются, практически не заметно (без напряга). Мне вкатило на полном серьёзе.
  • 0

Промокоды для вебмастеров (скидки от 1 до 15%). | Оптимизацией временно не занимаюсь!



#3 ShowPrint
ShowPrint
    Topic Starter
  • Пользователь PRO
  • 3 406 сообщений
  • Репутация: 1001

Отправлено 02 марта 2019 - 10:24

практически не заметно
Я около часа пробовал разные варианты и подбирал скорость в поисках "золотой середины", понимая что сильно медленно - понапрасну код раздувать, а сильно быстро - будет "бить по глазам" и кроме эффекта раздражения у посетителя ничего не будет.
  • 0
MasterWEBS: третий дом - моё хобби и увлечение... Второй дом: работа - не меньше 12 часов в день...
Первый дом - под охраной: "Осторожно - злая жена!" (дрессировалась долго и надёжно) /*ссылку не просите - не дам!*/


#4 Андрей WPM
Андрей WPM
  • Модератор
  • 973 сообщений
  • Репутация: 146

Отправлено 02 марта 2019 - 10:32

@ShowPrint, мне вообще подобные фишки нравятся. Нейронные сети за мышкой тянуться к примеру, тоже афигенно выглядит. С тоном у тебя получилось, лично мое мнение. Не броско, но при этом на середине страницы заметен переход (не навязчиво так). На телефоне только в самом конце страницы видно и то, если остановишься на копирайте.


Сообщение отредактировал Андрей WPMasterKZ: 02 марта 2019 - 10:33

  • 0

Промокоды для вебмастеров (скидки от 1 до 15%). | Оптимизацией временно не занимаюсь!



#5 ShowPrint
ShowPrint
    Topic Starter
  • Пользователь PRO
  • 3 406 сообщений
  • Репутация: 1001

Отправлено 04 марта 2019 - 10:10

Друзья, очень надеюсь что не оставите мою просьбу без внимания.

 

Мнение Андрея весомо, но ровно также как и весомо мнение всех остальных, одного голоса маловато для спокойствия моей души.

 

У кого мало времени, не обязательно что-то писать - просто проголосуйте, плиззз...


  • 0
MasterWEBS: третий дом - моё хобби и увлечение... Второй дом: работа - не меньше 12 часов в день...
Первый дом - под охраной: "Осторожно - злая жена!" (дрессировалась долго и надёжно) /*ссылку не просите - не дам!*/


#6 Андрей WPM
Андрей WPM
  • Модератор
  • 973 сообщений
  • Репутация: 146

Отправлено 04 марта 2019 - 10:44

Эффект не работает в Safari и Opera.

Всмысле не работает? Я с оперы смотрел. Всё прекрасно работает.

Прикрепленные изображения

  • Screenshot_161.jpg
  • Screenshot_162.jpg
  • Screenshot_163.jpg

Сообщение отредактировал Андрей WPMasterKZ: 04 марта 2019 - 10:47

  • 0

Промокоды для вебмастеров (скидки от 1 до 15%). | Оптимизацией временно не занимаюсь!



#7 ShowPrint
ShowPrint
    Topic Starter
  • Пользователь PRO
  • 3 406 сообщений
  • Репутация: 1001

Отправлено 04 марта 2019 - 11:01

Я с оперы смотрел
Кммм... А вот это уже интересно...

Пересмотрел у себя скрипт отключения - если в navigator.userAgent содержится Opera, то эффект должен отключаться...

Вечерком надо будет точнее посмотреть... Опера в какой версии стоит?

И, если работает, то глянь плз, насколько адекватно работает select в форме заказа ("выбор продукции") - отправлять ничего не надо, просто попробуй выбрать 2-3 разных вида изделий. Не тормозит сам select?


  • 0
MasterWEBS: третий дом - моё хобби и увлечение... Второй дом: работа - не меньше 12 часов в день...
Первый дом - под охраной: "Осторожно - злая жена!" (дрессировалась долго и надёжно) /*ссылку не просите - не дам!*/


#8 Olya23
Olya23
  • Пользователь
  • 1 037 сообщений
  • Репутация: 71

Отправлено 04 марта 2019 - 11:08

Не знаю, лично меня такие цветовые переходы отвлекают - смотрела с гугл хрома. Самая нормальная цветовая гамма - это та, как только перешел на сайт. Я лично люблю белый фон и текст, меня только в этом случае ничего не отвлекает. А так, надо тестировать и смотреть ПФ.


  • 0


#9 Андрей WPM
Андрей WPM
  • Модератор
  • 973 сообщений
  • Репутация: 146

Отправлено 04 марта 2019 - 11:18

@ShowPrint, норма. Ничего не тормозит.


Единственное что мне не понравилось, это внизу страницы блок с круглыми значками (плавающий который). При наведении значок увеличивается и как-то по квадратному раздвигает весь блок. Он конечно подстраивается, но сам процесс раздвигания этого блока меня смутил. Сразу такое ощущение, что не доработано маленько. Мне кажется было бы круче если бы эти значки либо увеличивались в абсолюте (не раздвигая блок и выходя на первое место z-index) либо добавить плавное расширение блока через js.

Прикрепленные изображения

  • Screenshot_164.jpg

  • 0

Промокоды для вебмастеров (скидки от 1 до 15%). | Оптимизацией временно не занимаюсь!



#10 ShowPrint
ShowPrint
    Topic Starter
  • Пользователь PRO
  • 3 406 сообщений
  • Репутация: 1001

Отправлено 04 марта 2019 - 11:19

@OlgaGetman, спасибо!

 

Ничего не тормозит
Уже легче, вечерком гляну, если потребуются какие-то уточнения - маякну. Спасибо! 

  • 0
MasterWEBS: третий дом - моё хобби и увлечение... Второй дом: работа - не меньше 12 часов в день...
Первый дом - под охраной: "Осторожно - злая жена!" (дрессировалась долго и надёжно) /*ссылку не просите - не дам!*/


#11 Ixman
Ixman
  • Пользователь PRO
  • 3 173 сообщений
  • Репутация: 845

Отправлено 04 марта 2019 - 11:23

Думаю не обязательная штука, ну раз уж реализовал, то пусть будет.


Она действительно не особо заметна, не думаю что отвлекать будет. Но чтобы такого эффекта "ВАУ" на меня не оказала. Да такие штуки бывают делают сайт эффектным, но тут как-то мало заметно. Лучше футболки красные в шапке сделай меняющимися.


  • 0


#12 Андрей WPM
Андрей WPM
  • Модератор
  • 973 сообщений
  • Репутация: 146

Отправлено 04 марта 2019 - 11:29

Лучше футболки красные в шапке сделай меняющимися.

Tоже поддерживаю идею! 

Короче мы сейчас тебе тут насоветуем на год вперед работы  :D


  • 0

Промокоды для вебмастеров (скидки от 1 до 15%). | Оптимизацией временно не занимаюсь!



#13 ShowPrint
ShowPrint
    Topic Starter
  • Пользователь PRO
  • 3 406 сообщений
  • Репутация: 1001

Отправлено 04 марта 2019 - 11:42

Думаю не обязательная штука
Спасибо Иван. Идея была интересна в плане попробовать реализовать.

 

не особо заметна, не думаю что отвлекать будет. Но чтобы такого эффекта "ВАУ" на меня не оказала
Вау-эффект и не планировался, главный вопрос и сомнения - "не сделать бы хуже", именно поэтому преследовалась цель "не особо заметна"...

 

Лучше футболки красные в шапке сделай меняющимися

Tоже поддерживаю идею!
@Ixman, @Андрей WPMasterKZ, это уже пару месяцев в листе "to do" - ждёт реализации (= отсутствия более важных работ, = свободного времени)

 

сам процесс раздвигания этого блока меня смутил
Спасибо - посмотрю/подумаю/попробую .

  • 0
MasterWEBS: третий дом - моё хобби и увлечение... Второй дом: работа - не меньше 12 часов в день...
Первый дом - под охраной: "Осторожно - злая жена!" (дрессировалась долго и надёжно) /*ссылку не просите - не дам!*/


#14 Ixman
Ixman
  • Пользователь PRO
  • 3 173 сообщений
  • Репутация: 845

Отправлено 04 марта 2019 - 11:56

это уже пару месяцев в листе "to do" - ждёт реализации
 

 

Миша, если это будешь делать, то переливающийся фон ИМХО будет лишним


  • 0


#15 pozitron123
pozitron123
  • Пользователь
  • 850 сообщений
  • Репутация: 164

Отправлено 04 марта 2019 - 11:58

@ShowPrint,

У меня фон одним цветом в нескольких браузерах. Мое мнение отвлекает от контента все эти красные футболки да и сам фон (может попробывать их более "размытыми" сделать). А верхние менюхи вообще сливаются с красными футболками. Я бы красный цвет оставил в нижнем виджете, где выбираешь вещь для печати кстати прикольная штука. 


  • 0

#16 Ixman
Ixman
  • Пользователь PRO
  • 3 173 сообщений
  • Репутация: 845

Отправлено 04 марта 2019 - 11:59

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

 

По мне так цвета в дизайне скомпонованы гармонично


Сообщение отредактировал Ixman: 04 марта 2019 - 12:00

  • 0


#17 ShowPrint
ShowPrint
    Topic Starter
  • Пользователь PRO
  • 3 406 сообщений
  • Репутация: 1001

Отправлено 04 марта 2019 - 12:05

@Ixman@pozitron123, шапка и верхняя менюха это моя постоянная головная боль, но руки до них упорно не доходят  :(


  • 0
MasterWEBS: третий дом - моё хобби и увлечение... Второй дом: работа - не меньше 12 часов в день...
Первый дом - под охраной: "Осторожно - злая жена!" (дрессировалась долго и надёжно) /*ссылку не просите - не дам!*/


#18 pozitron123
pozitron123
  • Пользователь
  • 850 сообщений
  • Репутация: 164

Отправлено 04 марта 2019 - 12:14

Еще бы не помешала у китаезов подсмотреть как они на алиэкспресс из г..на конфетку делают в плане примера продукта. Я бы посоветовал примеры работ сделать более красивыми, яркими и качественными, чтобы создавалось ощущение, что в твоих футболках я буду "ален делоном".

@ShowPrint, Так исмен дал дельный  совет не помешает "покопипастить" в плане дизайна другие сайты схожей или около схожей тематики, а в друг родиться идея опупеного меню. 

@ShowPrint

 

Мятые футболки я думаю согласишься это не гуд и далеко не феншуй:

 

aed5f9cd6558d8805b82f4cbe74ae558-full.jp 

 

aac537a6de2ca810a0f8474fd48b21e4-full.jp 


  • 0

#19 Sosnovskij
Sosnovskij
  • Пользователь PRO
  • 5 441 сообщений
  • Репутация: 828

Отправлено 04 марта 2019 - 12:26

@ShowPrint, Миш, если все готово, то кинь на все на рабочий сайт для теста (несколько недель) и посмотри, как это отразится на ПФ. Если изначально на это не обратить внимание, то заметят не все. Поэтому, на мой взгляд, не отвлекает.


  • 1
:excl: Требуется линкбилдер: браузер + Excel. Сдельная оплата + бонусы. Блог — https://sosnovskij.ru/. Добавить меня в Telegram, Twitter, Facebook.


#20 ShowPrint
ShowPrint
    Topic Starter
  • Пользователь PRO
  • 3 406 сообщений
  • Репутация: 1001

Отправлено 04 марта 2019 - 13:23

Мятые футболки я думаю согласишься это не гуд
Я раньше "вылизывал", потом перестал.

Футболки 

буду "ален делоном"
это стезя продающих ИМ - у меня другой ориентир/профиль.

"Штучники" для меня больше "гимора", чем заработка, "мои" заказы - от 100+ изделий.

"Мои" заказчики всегда восставали против фото-"конфеток" и просили "дайте живое фото, без фотошопа" - и сейчас вполне довольны.

Но это уже немного другая тема... =)

 

Совет Ивана мной услышан и учтён  :)


  • 0
MasterWEBS: третий дом - моё хобби и увлечение... Второй дом: работа - не меньше 12 часов в день...
Первый дом - под охраной: "Осторожно - злая жена!" (дрессировалась долго и надёжно) /*ссылку не просите - не дам!*/


robot
robot
  • Пользователь PRO
  • 2 652 сообщений
  • Репутация: 85


Похожие темы
  Название темы Автор Статистика Последнее сообщение

Пользователь месяца
Vmir Vmir 1-й за Март
Очков активности: 1 080 4 темы, 60 сообщений, 10 баллов репутации
ТОП самых активных за этот месяц
  • Фотография MattCutts
    #1

    MattCutts (dmitrylee.com)
    Очков активности: 16.5 1 тема, 8 сообщений, 1 балл репутации

  • Фотография PLERDY
    #2

    PLERDY
    Очков активности: 9 1 тема, 3 сообщения, 1 балл репутации

  • Фотография Albina92
    #3

    Albina92
    Очков активности: 9 1 тема, 3 сообщения, 1 балл репутации

  • Фотография WGN
    #4

    WGN (worldgamenews.com)
    Очков активности: 9 1 тема, 3 сообщения, 1 балл репутации

  • Фотография NataliaAntalia
    #5

    NataliaAntalia (zdorovemedicina.ru)
    Очков активности: 9 0 тем, 6 сообщений, 1 балл репутации

  • Фотография TindrumGM
    #6

    TindrumGM (novosti-land.ru)
    Очков активности: 7.5 1 тема, 2 сообщения, 1 балл репутации

  • Фотография pozitron123
    #7

    pozitron123
    Очков активности: 6 1 тема, 1 сообщение, 1 балл репутации

  • Фотография Partnerkin
    #8

    Partnerkin
    Очков активности: 4.5 1 тема, 0 сообщений, 1 балл репутации

  • Фотография FIvYUr
    #9

    FIvYUr (moy-evroopt.ru)
    Очков активности: 4.5 Вне конкурса за определение пользователя месяца

  • Фотография Nijest
    #10

    Nijest
    Очков активности: 4.5 1 тема, 0 сообщений, 1 балл репутации

  • Показать весь ТОП 10

Поддержите форум! =)
Топ 5 участников по репутации

Оформление форума – IPBSkins.ru