CSS position sticky дает нам то, что разработчики использовали слишком долго, но с большим трудом.Хотя свойство sticky появилось давно, оно не получило особого одобрения со стороны браузеров. Даже если это помогло исправить положение CSS. Самый часто используемый браузер в мире, Google Chrome, предоставил поддержку CSS sticky еще в 2017 году, то есть через 4 года после того, как Safari предоставил свою поддержку. Итак, если я возьму Google Chrome в качестве справочника, я считаю, что позиция CSS является довольно новым свойством (только с точки зрения использования). Видя это, веб-разработчики раньше не использовали его на своих веб-сайтах, но сейчас эта тенденция меняется.

Липкая позиция набирает обороты на рынке, и с новыми хорошими дизайнами она используется очень новаторски. CSS position sticky также использует графический процессор, чтобы обеспечить лучшую доступность для людей, которые в нем нуждаются, что, в свою очередь, иногда требует большой мощности машины. К сожалению, не у всех есть возможность настроить свои собственные графические процессоры для использования фиксированной позиции CSS для кроссбраузерной совместимости. К счастью, LambdaTest делает то же самое, позволяя выполнять тестирование совместимости между браузерами через облако.С помощью LambdaTest вы сможете создать фиксированную позицию CSS и протестировать кроссбраузерную совместимость элемента в более чем 2000 браузерах и операционных системах.

В этом посте я рассказал вам о некоторых особых случаях и проблемах, связанных с CSS. Пока я завершаю этот пост здесь, я был бы рад увидеть некоторые комментарии о вашем опыте использования свойства липкости позиций CSS и о том, как этот пост помог вам исправить положение CSS.

Хариш Раджора

Я инженер по информатике.Мне нравится расти вместе с развитием технологического мира. Я считаю, что нет более мощного инструмента, чем компьютер, чтобы хоть как-то изменить мир. Помимо моей специальности, я очень люблю читать книги и иногда пишу на https://www.themeaninglesslife.com.

Автор

Я инженер по информатике.Мне нравится расти вместе с развитием технологического мира. Я считаю, что нет более мощного инструмента, чем компьютер, чтобы хоть как-то изменить мир.

Краткое изложение Made to Sticky от Чипа и Дэна Хита

Введение

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

Глава 1. Простой

Цель состоит в том, чтобы раскрыть идею до корки, не превращая ее в глупый фрагмент. Сложность заключается не в отсечении неважных аспектов, а в том, чтобы отсечь важные, но не по-настоящему важные аспекты, т. Е., обращаясь к самой важной идее, лежащей в основе.

Найдите ядро: Определите самое важное, стараясь не закопать свинец. Военные используют «намерение командира» вместо плана. Например, вместо подробностей о том, как взять мост, CI может быть «взять мост». Используйте технику перевернутой пирамиды из журналистики: сначала расскажите о самом важном, затем адаптируйте, а затем добавьте детали. Это заставляет расставить приоритеты.

Поделитесь сутью: ключом к мотивации других своими идеями является использование основного сообщения, чтобы помочь им принимать решения по мере того, как они применяют вашу идею.Существенная часть — сделать сообщение компактным и иметь представление о ценности или приоритетах того, как его реализовать. (Или, говоря другими словами, он должен быть одновременно компактным и глубоким.) Например, редактору газеты нравилось, чтобы его газета строго — и только — отражала местные проблемы. У него был девиз «имена, имена и имена». Обратите внимание, как это влияет на индивидуальные решения, принимаемые его репортерами.

Один из способов сделать это — задействовать память получателей идеи путем встраивания схем.(Например, трудно вспомнить буквы J FKFB I, но легко запомнить тот же набор, что и JFK FBI.) Продюсер, продвигая голливудский фильм, описал бы его в терминах других хитов: Например, Speed ​​will be Die -Трудно в автобусе, или Чужой будет Челюстями на космическом корабле. Чтобы упростить идею, можно использовать схемы памяти: можно описать помело как «большой цитрусовый с толстой, но мягкой кожурой» или как «помело — это, по сути, грейпфрут большого размера с очень толстой и мягкой кожурой». . » Другой способ описать это как «генеративная аналогия»; то есть метафора, порождающая новые идеи.

Пример стикера Идея Сравните фразу генерального директора «давайте максимизировать акционера значение «с ясным призывом JFK» посадить человека на Луну и вернуться благополучно к концу десятилетия «. Это просто, неожиданно, конкретный, достоверный, эмоциональный (для того времени) и рассказ. Если JFK будь генеральным директором аэрокосмической отрасли, он сказал бы: «Наша миссия — стать международный лидер космической отрасли благодаря максимальному командно-ориентированные инновации и стратегическая аэрокосмическая промышленность инициативы.«

Использование ядра Southwest использует фразу «Мы — бюджетные авиалинии». Таким образом, каждое решение предполагает достижение этой конкретной и простой цели. Например, решая, нужно ли предлагать ужин на рейсах: главная забота — не большой пассажир комфорт, но это недорого, поэтому ужина нет. В отличие от Nordstrom, которые подчеркивает качество обслуживания клиентов и предложит ужин, если они авиакомпания.

Генеративная аналогия Дисней использует термин «актерский состав» для описания своих сотрудники парка развлечений. Это говорит сотрудникам, как себя вести: даже если вы просто подметаете парк, вы находитесь «на сцене» и вам нужно вести себя.Сравните это с плохим выбором Subway, чтобы называть их сотрудники «сэндвич-художников». Это совершенно бесполезно в качестве руководства по поведение: Subway никоим образом не хочет, чтобы их сотрудники вводили новшества, когда делая бутерброды, они должны строго следовать правилам.

Глава 2: Неожиданное

Первое требование эффективного общения — привлечь внимание, второе — удержать его. Для этого вы используете неожиданное: людям нравится мыслить шаблонами, ключ в том, чтобы разрушить эти шаблоны.Например, когда бортпроводник на Юго-Западе делает что-то другое с объявлением безопасности.

Ключ в использовании неожиданного — это избегать уловок. Например, в рекламе Суперкубка однажды был показан оркестр на поле, а затем внезапно из туннеля вышла стая волков и убила их. Это не было связано с рекламным посланием: волки не подкрепили сообщение.

Итак, хороший процесс создания стикера с идеями: (1) Определите центральное сообщение, которое вам нужно донести — найдите ядро; (2) Выясните, что противоречит интуиции в сообщении — i.е., каковы неожиданные последствия вашего основного сообщения? Почему это уже не происходит естественным образом? (3) Передайте свое сообщение способом, который сломает машины догадок вашей аудитории в критическом, противоречащем интуиции измерении. Затем, когда их машины для угадывания выйдут из строя, помогите им усовершенствовать свои машины.

Ключ — всегда использовать загадочные истории — даже в науке. Как выяснили сценаристы, любопытство — это интеллектуальная потребность отвечать на вопросы и близкие шаблоны. История играет с этим универсальным желанием, делая противоположное, задавая вопросы и открывая ситуации.Итак, их главное — сначала открыть пробелы в представлении ваших идей, а затем работать над их устранением; тенденция состоит в том, чтобы сначала сообщить факты. Местные новости очень хорошо используют эту технику: они могут шептать: «Подростковое сообщество охватило новое лекарство — и оно может быть в вашей собственной аптечке! История после этих объявлений». Более изощренная версия включает в себя инженера Sony, который визуализировал «карманное радио» или JFK и его идею «человека, идущего по Луне». Хотя эти идеи кажутся просто блестящими, на самом деле они липкие: оба вызывают удивление: радиоприемники — это предметы мебели, а не что-то для кармана; и люди не ходят по Луне.Оба создают понимание. Вместо того, чтобы вести нас по утомительному маршруту от одного постепенного шага к другому, идеи дают нам внезапное драматическое представление о том, как может разворачиваться мир. И не только как, а почему.

Привлечение внимания с помощью неожиданный рекламный ролик нового минивэна Enclave начинался как типичный рекламный ролик автомобиля: диктор описывает все его новые показывает, как счастливая семья сваливается в машину и уезжает, а потом — бац — в него врезается мчащаяся машина. Экран становится черным: «Не видел что идет? Никто не делает.»Это была реклама ремня безопасности или безопасности вместо автомобильное объявление.

Использование неожиданно учитель журналистики Норы Эфрон объявил о своем первое задание: написать отрывок для студенческой работы. Он дает Факты: весь преподавательский состав школы отправится в столицу штата Во вторник на встречу с губернатором Маргарет Мид и т. Д. Он попросил их потом написать ведущую. Они все это пропустили: школы нет. Вторник!

Создание зазоров Роун Арледж из ABC отметил, что большинство спортивных мероприятий проводится в способ «прежде всего факты»: камеры начали движение по полю и ждали что-то должно произойти.Он назвал это «как смотреть на Гранд-Каньон» через глазок «. Он изменил шоу, чтобы показать стадион, и город готовится к игре и т. д. Он создал «бреши», которые сделали люди не из области, заинтересованные в исходе игры.

Глава 3: Бетон

Из шести черт «липкости», описанных в этой книге, конкретность легче всего принять и реализовать. (Скорее всего, самое сложное — найти основную идею.) Сила конкретности иллюстрируется долговечностью басен Эзопа.Уже около 2500 лет они вызывают отклик и запоминаются человечеством. Они являются ярким примером конкретности. Например, история о лисе и винограде заканчивается тем, что лиса приходит к выводу, что виноград вне его досягаемости, скорее всего, кислый — отсюда и фраза «кислый виноград», которая встречается почти на всех языках. Это дает конкретный образ, который сохраняется: сравните «кислый виноград» с выводом «не будь таким резким придурком, когда потерпишь неудачу». У последнего нет выдержки: это голый факт.

Что-то становится конкретным, когда это может быть описано или обнаружено человеческими чувствами. Двигатель V-8 бетонный; «высокопроизводительный» — это абстрактно. Конкретные идеи легко запомнить. Эксперименты показали, что люди запоминают конкретные существительные, а не абстрактные: «велосипед» важнее «справедливости» или «личности». Например, городская легенда о похищении почки содержит массу подробностей о незаконной процедуре.

Это показывает, что «проклятие знания» — главный враг конкретности.Основное различие между экспертом и новичком — это способность эксперта смотреть на вещи абстрактно. Например, разница в реакции между судьей и присяжными: жюри видит все конкретные аспекты судебного разбирательства — одежду адвокатов, манеру поведения, особые процедуры в классе; судья видит все с точки зрения правового прецедента и уроков прошлого. Новички воспринимают конкретную деталь как конкретную деталь; специалист видит в конкретных деталях символы узора.

Два примера бытия бетон (а) Попкорн из фильмов содержит 20 г жира; это тоже абстрактный, скажем, вместо этого содержит больше жира, чем обед из бекона и яиц, Биг Мак, жареный на обед и стейк на ужин все обрезки — комбинированные.(б) Простая смесь солей и сахара — перорально регидрационная терапия (ОРТ) — в воде может спасти жизнь в развивающихся Мир. Вместо того, чтобы приводить факты и цифры о том, сколько может быть спасен, его промоутер несет с собой пакет власти и кнуты он обращается, скажем, к группе премьер-министров и говорит: «Знаете ли вы, что это стоит меньше, чем чашка чая, и может сэкономить сотни тысячи детских жизней в вашей стране? »

Глава 4: Достоверность

Что заставляет людей верить идеям? Мы опираемся на авторитеты — наших родителей, традиционных, экспертов и т.Если можно привлечь истинного авторитета, тогда проблема доверия легко решается, но что, если мы не можем? В этой главе основное внимание уделяется тому, как вызвать доверие, когда у вас нет таких авторитетных фигур.

Есть несколько способов сделать это: (1) использовать антиавторизацию, (2) использовать конкретные детали, (3) использовать статистику, (4) использовать так называемый тест Sinatra и (5) использовать проверяемые учетные данные.

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

Подробности: у нас не всегда есть внешний авторитет, который может поручиться за наше сообщение; большую часть времени наши сообщения должны поручиться за себя.У них должен быть «внутренний авторитет». Знание человеком деталей часто является хорошим показателем опыта. Например, исследование показало, что потенциальные присяжные с большей вероятностью предоставят опеку в случае, когда у них было много деталей — даже если они не относились к делу, например, тип зубной щетки, которую использовал ребенок, — чем когда у них были скудные, но важные детали. Урок городских легенд заключается в том, что яркие детали повышают достоверность.

Статистика: это проверенный временем и стандартный способ выразить точку зрения, но его нужно использовать правильно.Статистика редко бывает значимой сама по себе. Статистические данные будут и должны использоваться почти всегда для иллюстрации отношений. Людям важнее помнить отношения, чем число. Используйте их как ввод, а не как вывод. Не решайтесь, а затем ищите цифры, чтобы поддержать себя — это требует искушений и проблем. Но если мы будем использовать статистику, чтобы принять решение, мы сможем поделиться ключевыми цифрами с другими, как в примере Beyond War в рамке.

The Sinatra Test: В песне Фрэнка Синатры New York, New York есть строчка: «Если я смогу сделать это там, я смогу сделать это где угодно». Авторы предполагают, что эта же идея применима к тому, чтобы сделать идеи достоверными. Они рекомендуют искать один тестовый пример, который сделает вашу идею полностью достоверной. Например, если у вас есть контракт на обеспечение безопасности Форт-Нокса, то любая выдвинутая вами идея безопасности будет заслуживающей доверия. Они используют пример индийского предпринимателя, который построил систему доставки наподобие FedEx, но для Индии.Несмотря на то, что он гарантировал своевременную доставку — единственная компания, которая это сделала — он не мог получить контракты, потому что это было ненадежным, пока он не решил серьезную проблему в Индии: пиратство фильмов. Он получил контракт на их поставку, что он и сделал в обязательном порядке. Обратите внимание, насколько это было мощнее тогда: «98,84% наших поставок прибывают вовремя».

Проверяемые учетные данные: это заставляет потребителя или получателя идеи проверить идею на себе. Ярким примером этого была реклама Wendy’s 1980-х годов «Где говядина».В рекламе говорилось, что гамбургеры в Wendy’s были больше, чем в других сетях, и что в других сетях было больше булочек, чем гамбургеров. Это могло быть — и было! — проверено любым потребителем фаст-фуда. Другой пример — вопрос Рональда Рейгана во время президентских дебатов 1980 года: «Вам лучше, чем четыре года назад?»

Статистика I: За гранью Война. Некоммерческая организация Beyond War отметила, что люди остановят ребенка с бега с ножницами, но пожимать плечами когда говорят, что ядерного оружия достаточно, чтобы уничтожить миллионы дети.Чтобы сделать статистику по ядерному оружию конкретной, они сделал следующее: Beyond War устраивал «домашние вечеринки», на которых группа друзей и соседей собиралась, чтобы услышать о опасность ядерного оружия. Организатор от Beyond War всегда принес стальное ведро и BBs. Он бросил бы один — это сделало бы отчетливый звук — и говорят, что это была сила бомбы в Хиросиме. Он затем описал разрушение этой бомбы. Затем он сбросил 10 ББ в ведро: это огневая мощь одной единицы.С. или советский ядерный подводная лодка. Затем он приказал посетителям закрыть глаза: он налил 5000 ББ. в ведро, сказав, что это сегодняшний арсенал ядерного оружия. (видеть п. 142-143 книги о том, почему это так хорошо работает.)

Статистика II: Футбольные команды Стивен Кови подчеркивает командную работу в своей сочинения. Однажды он попытался дать сухую статистику: только 37% сотрудники имели четкое представление о своей миссии, только каждый пятый энтузиазм и т. д. Он получил большее влияние, когда сопоставил это с футболом команда: «Если бы в футбольной команде был такой же состав, только 4 из 11 знать, где была их цель… и т.д. »

Глава 5: Эмоциональность

В этой главе рассматривается эмоциональная составляющая прилипчивости, но речь не идет о нажатии на эмоциональные кнопки людей, как в каком-нибудь слезоточивом фильме. Скорее, цель сделать сообщение «эмоциональным» — вызвать у людей заботу. Чувства побуждают людей действовать. Чтобы люди начали действовать, им нужно заботиться.

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

Чтобы заставить людей интересоваться идеями, мы заставляем их снимать аналитические шляпы: мы создаем сочувствие к конкретным людям; или мы показываем, как наши идеи связаны с вещами, которые уже волнуют людей, или мы апеллируем к их личным интересам, хотя мы также апеллируем к их идентичности — не только к людям, которыми они являются сейчас, но и к людям, которых они хотели бы как быть.

Сила ассоциаций: Самый простой способ заставить людей заботиться — это создать ассоциацию между тем, что им не важно, и тем, что они делают. Все мы, естественно, практикуем тактику ассоциации. Здесь следует предостеречь от создания новых ассоциаций, которые преодолеют старые, общие ассоциации, которые потеряли свою ценность. (Авторы называют это «семантическим натяжением», когда превосходные степени одного поколения — заводной, крутой, крутой, пафосный — теряют удар.) Ярким примером преодоления усталой фразы новым эмоциональным резонансом является случай «спортивного мастерства».«Этот термин превратился в утомленную фразу, которая приобрела слишком много значений, чтобы стать эмоционально сильной. Например, он стал означать« призы, вручаемые тем, кто проиграл игру ». Защитник истинного спортивного мастерства перефокусировал эмоциональный облик концепции назвав это «почитанием игры». Если люди заботятся о спорте, значит, они заботятся об игре.

Личный интерес: Еще один способ заставить людей заботиться об идеях — это апеллировать к их личным интересам. Распространенной ошибкой является упор на преимущества, а не на достоинства, например.g., скажите людям, что у вас «лучшее семя», вместо того, чтобы дать им «лучший газон», а это то, что им действительно небезразлично. В целом люди, продающие идею, сопротивляются разговору о личных интересах: тем не менее, обращение со словом «вы» повсюду вместо общего «люди» всегда намного успешнее.

Обращение к определению: при определении личных интересов стоит не сосредотачиваться только на деньгах и других материальных ценностях — часто нематериальные активы, такие как самооценка или чувство долга, являются важным мотиватором.Часто люди принимают решения не рационально — записывают все альтернативы и смотрят на плюсы и минусы — но вместо этого они принимают их на основе идентичности. Они задают такие вопросы, как: Кто я? Что это за ситуация? И что люди вроде меня делают в такой ситуации? Например, продавец однажды предложил пожарным службам бесплатный поппер для попкорна, чтобы они рассмотрели его программу безопасности; этот призыв к жадности оскорбил пожарных.

Забота о молодежи ‘ Большинство подростков считают курение сигарет опасным.Здесь нет Проблема с достоверностью сообщения, но многие начинают курить. Ты нужно заставить их принять меры. Гениальный и эффективный набор объявлений, запущенных в конце 1998 года. Они показывают грузовик, который подъехал к штаб-квартире крупной табачной компании. Подростки выгруженные «мешки для трупов», которые представляли количество людей, убивших день курением. Рекламы тщательно направляли свой гнев на «The Мужчина «: злая корпорация, авторитет. Итак, реклама в анти-авторитетное негодование, классическое подростковое чувство.Один раз подростки курили, чтобы восстать против Человека. Эта реклама заставляет их бунтовать не курение.

Обращение к высшему уровни эгоизма Учителя алгебры в старших классах часто получают вопрос: зачем мне это учить? Типичный ответ в том, что это поможет вам поступить в колледж, будущим урокам математики это понадобится, и т. д. Один учитель сказал вместо этого: «Никогда. Вам никогда не понадобится Это. Но опять же, зачем тебе гантели жизни? Вы делаете это для будущее: если на вас напали, вы можете драться, или нести свои продукты, или жизнь твоих внуков.То же и с алгеброй: вы тренируете свой умственный мышцы, которые вам понадобятся всю жизнь — это средство конец, а не самоцель «. Обратите внимание, что эмоциональная привлекательность для более высоких плоскость: обучение и самоактуализация. Также обратите внимание, что он содержит элементы, которые мы уже видели: а) неожиданный или неожиданный ответ, и б) блестяще использовать аналогию.

Обращение к У Identity Texas была проблема с придорожным мусором. Знаки к «Пожалуйста, не мусорите» или «Подача» не работали: они типичны Буббе было все равно.Чтобы они заботились о них, государство разработало кампанию которые использовали очень «техасские» представители — Джордж Форман, Стиви Рэй Воган, Вилли Нельсон — для записи рекламы, в которой говорилось: «Мама, скажи тебе, детка, не надо» беспорядок с Техасом «, подразумевая, что выбросить мусор из окна движущийся автомобиль нарушил мачо-этос Техаса.

Глава 6: Истории

Ключ к закреплению идеи — рассказать ее как историю. Истории поощряют своего рода мысленную симуляцию или реконструкцию со стороны слушателя, которая вжигает идею в сознание.Например, авиасимулятор намного эффективнее флеш-карт при обучении пилота. Самое сложное в использовании истории — это ее создание. Лучший способ использовать историю — всегда быть начеку. Большинство хороших историй собираются и открываются, а не создаются заново. Например, была обнаружена мощная история Subway о Джареде, человеке, который похудел на 245 фунтов, поев в ресторане. (Сравните резонанс его истории с лозунгом, который они изначально хотели использовать: 6 на 7, т.е., шесть бутербродов с содержанием жира менее семи граммов.) Авторы делятся тремя основными типами историй, на которые их тоже стоит обратить.

1. Сюжет испытания: это классический неудачник, из грязи к богатству или победа чистой силы воли над невзгодами. Ключевым элементом сюжета «Вызова» является то, что препятствия кажутся серьезным героям. Например, Джаред из Subway похудел на 245 фунтов.

2. Сюжет о связях: история о людях, которые развивают отношения, которые устраняют разрыв — расовый, классовый, этнический, религиозный, демографический или иной.Например, реклама Дрянного Джо Грина 1970-х, где он подружился с тощим молодым белым парнем. Все сюжеты связи вдохновляют нас в социальном плане. Они заставляют нас хотеть помогать другим, но более терпимыми к другим, работать с другими, любить других.

3. Сюжет творчества: здесь кто-то совершает интеллектуальный прорыв, решает давнюю головоломку или решает проблему новаторски.

Вот как рассказ помогает избавиться от проклятия знаний. Объясняя, как решать проблемы, кто-то может сказать: «Держите линии общения открытыми.«Они слышат в своих головах песню, наполненную страстью и эмоциями. Они вспоминают опыт, который преподал им эти уроки — борьба, политические баталии, ошибки, боль. Они« постукивают »- как описано в первом абзаце этого документа. Им необходимо поделиться историей своих испытаний. На самом деле, истории обычно автоматически соответствуют другим критериям для закрепления идей: они почти всегда конкретны, они часто эмоциональны и содержат неожиданные элементы. нужно быть уверенным, что они достаточно просты.

5 самых распространенных ошибок пользовательского интерфейса, совершаемых веб-дизайнерами

«Элегантность достигается, когда отбрасывается все лишнее и человек обнаруживает простоту и концентрацию: чем проще и трезвее будет поза, тем красивее она будет. ” –Пауло Коэльо

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

Когда дело доходит до Интернета, люди не хотят изучать вещей, они хотят, чтобы делали вещей. В сети есть множество примеров, когда дизайнеры решили сосредоточиться только на визуальной привлекательности и при этом пожертвовали удобством использования. Они предположили, что «вау-момент», который побудил дизайн, будет достаточно мощным, чтобы заинтересовать пользователя.Но, к сожалению, пользователям трудно понять пользовательский интерфейс, они действительно испытывают трудности с использованием сайта, а показатели отказов сайта резко выросли.

Как заявила Кейт Раттер: «Уродливые, но полезные козыри хороши, но бессмысленны». Ключ к эффективному использованию шаблонов и тенденций веб-дизайна — найти баланс между тем, что выглядит эстетично, и тем, где они повышают ценность.

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

Давайте посмотрим на некоторые распространенные ошибки UX.

На веб-сайтах можно увидеть все больше и больше высоких липких заголовков. «Блоки брендинга» и меню навигации, которые имеют фиксированное положение и занимают значительный объем места. Они остаются приклеенными к верхней части окна браузера («липкий заголовок») и часто блокируют контент, когда он прокручивается под ними.

Некоторые заголовки на сайтах крупных брендов имеют высоту более 150 пикселей. В чем их ценность? Фиксированные элементы, такие как липкие заголовки, могут иметь реальные преимущества, но веб-дизайнеры должны быть осторожны с их использованием — необходимо учитывать несколько важных проблем UX.

Прилепленный заголовок на этом сайте имеет высоту более 160 пикселей и занимает большую часть видимой области.

Если решение использовать закрепленный заголовок навигации уже принято, лучше всего протестировать его на пользователях. Распространенная ошибка UX — переборщить и набивать липкий заголовок навигации контентом. С фиксированным заголовком просмотр по-прежнему должен быть удобным для посетителей. Неспособность найти правильный баланс может привести к тому, что останется мало места для основного контента, а посетители сайта будут задыхаться и испытывать клаустрофобию.

Иногда есть простой обходной путь с помощью CSS: сделав липкий заголовок слегка прозрачным, люди по-прежнему смогут видеть содержимое через него при прокрутке, что делает область содержимого более существенной.

Вот пример высокого липкого заголовка: страница профиля игрока ATP на Роджере Федерере.

Прилепленный заголовок этого сайта имеет высоту более 180 пикселей! На некоторых ноутбуках это более 30% всей высоты страницы: неудобства для пользователей, которых можно избежать.

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

Сайт «Кофе с полицейским» также имеет фиксированный заголовок, но гораздо меньшего размера — менее 80 пикселей в высоту.

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

Распространенная ошибка UX в веб-дизайне №2: Тонкие светлые шрифты

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

Цель всего текста на веб-сайте — быть разборчивым, а тонкий шрифт может серьезно повлиять на читаемость. Не все посетители будут просматривать сайт на дисплее, который хорошо отображает тонкий шрифт.Некоторые типы света сложно читать на iPhone или iPad с дисплеем Retina.

Прежде всего, текст должен быть разборчивым. Если пользователи не могут читать слова в вашем приложении, не имеет значения, насколько красива типографика.

Apple Human Interface Guidelines

Apple имеет в виду мобильные приложения, но тот же принцип применим к веб-сайтам. Разборчивость является обязательной, а не обязательной для удобства использования. Нет смысла размещать контент на веб-сайте, если он нечитаем.

Примеры тонких светлых шрифтов на мобильных сайтах, которые негативно влияют на читаемость.

Вот несколько распространенных ошибок UX, которые следует учитывать перед использованием тонкого шрифта:

Использование тонких и светлых шрифтов, потому что это модно

Шрифты должны не только хорошо выглядеть, но и быть разборчивыми. Чтобы добиться должного контраста и разборчивости, дизайнеры должны стремиться к оптимальному сочетанию в своем дизайне: размера, веса и цвета.

Лучше всего протестировать сайт на различных устройствах и экранах, чтобы убедиться, что весь текст на сайте читается.

Это приводит нас к следующей распространенной ошибке UX:

Не проверяет читаемость текста на всех основных устройствах

Тонкий светлый шрифт может хорошо смотреться на дорогих, хорошо настроенных мониторах многих дизайнеров, но следует также учитывать и среднего пользователя, который часто видит наши проекты на более дешевых и некачественных дисплеях. Лучше всего проверить, как шрифты выглядят на всех основных устройствах: настольных компьютерах, ноутбуках, планшетах и ​​смартфонах.

Например, при тестировании мобильного дизайна предложите участникам использовать сайт на мобильных устройствах при дневном свете — у реальных пользователей не всегда будут идеальные условия просмотра и освещения.Если на веб-сайте используется тонкий шрифт, есть простой способ адаптироваться к мобильным пользователям: указать более толстый шрифт на мобильном телефоне для лучшей читаемости.

Низкоконтрастный текст в старой версии веб-сайта Apple Music.

Распространенная ошибка UX в веб-дизайне № 3: текст с низкой контрастностью

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

Мы уже рассмотрели тонкие шрифты, но есть еще большая ошибка: комбинация светлого шрифта с низким контрастом, которая серьезно затрудняет UX из-за плохой читаемости. Дизайнеры должны делать все возможное, чтобы избежать этой ловушки юзабилити.

Низкая контрастность текста в основной копии

Cool Springs Financial использует тонкий вариант Helvetica для основного текста на своем веб-сайте.Хотя он выглядит элегантно и способствует эстетичному пользовательскому интерфейсу, его трудно читать на нескольких платформах. Хотя низкий контраст не обязательно является плохим, он может отрицательно сказаться на удобстве использования веб-сайта, затрудняя чтение текста.

Маленький, тонкий, малоконтрастный основной текст на веб-сайте затрудняет чтение.

Не тестируется контраст текста

Существует отличный инструмент для проверки контраста в сети под названием Colorable, который поможет дизайнерам установить правильный контраст текста в соответствии с рекомендациями по обеспечению доступности веб-контента.Как только дизайнеры узнают, что они используют правильный контраст текста, они могут настроить другие цвета на своем веб-сайте и провести быстрые тесты нескольких устройств / пользователей, чтобы убедиться, что текст читается.

Еще одна высокорисковая тенденция, набирающая популярность в сети, — это «угон прокрутки». Веб-сайты, реализующие эту тенденцию, контролируют прокрутку страниц (обычно с помощью JavaScript). Когда люди сталкиваются с этим, они больше не могут контролировать прокрутку страницы и не могут предсказать его поведение, что может легко привести к путанице и разочарованию.Это рискованный эксперимент, который может нанести ущерб удобству использования веб-сайта и, в худшем случае, вызвать «компьютерную ярость».

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

Не тестируется на реальных пользователях

При заимствовании модных идей или шаблонов пользовательского интерфейса лучше всего протестировать прототип веб-сайта на реальных пользователях, чтобы избежать проблем с пользовательским интерфейсом. Простое юзабилити-тестирование покажет, осуществима ли, например, реализация перехвата прокрутки. Без тестирования дизайнеры не могут узнать, сработает ли перехват прокрутки, а делать предположения часто приходится дорого.

Tumblr scroll захватывает его веб-сайт, и это может оказаться распространенной ошибкой UX.

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

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

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

Распространенная ошибка UX в веб-дизайне № 5: карусели

Карусели — слайд-шоу для просмотра разнообразного контента — очень распространены в Интернете, особенно на целевых и домашних страницах.Хотя они могут быть полезны, у них есть множество проблем с удобством использования, поэтому их можно квалифицировать как еще одну распространенную ошибку UX. Согласно Nielsen Norman Group: « человек часто сразу же пролистывают эти большие изображения и пропускают весь контент в них ». Это может негативно повлиять на UX, поскольку посетители могут не видеть ценный контент на некоторых вращающихся слайдах.

Карусели с автоматической переадресацией — плохая идея, особенно если они содержат текст для чтения, потому что посетители сайта часто не могут контролировать время.

Карусели веб-сайтов могут не представлять ценности для пользователей

Если все сделано правильно, карусель может привлечь пользователей большими яркими изображениями. Проблема в том, что карусели часто не добавляют никакой дополнительной ценности, а просто служат для украшения и включаются только потому, что их используют все остальные. Способ проверить, имеет ли карусель на сайте смысл: запишите три преимущества, которые карусель предоставляет посетителю. Если не удается найти три значимых преимущества, это не добавляет ценности.

Важная информация в карусели веб-сайтов может оставаться скрытой, если стрелки следующие и предыдущие не обнаруживаются.Элементы управления также должны быть совместимы с касаниями для мобильных устройств.

Часто нет стрелок для управления каруселью; только точки индикатора слайда включены для перемещения слайдов. Однако они часто имеют низкую контрастность, низкую обнаруживаемость и не имеют достаточно большой области, на которую можно нажимать или нажимать. Небольшие кликабельные цели могут привести к плохому UX, разочарованию посетителя веб-сайта и быстрому выходу с веб-сайта.

Например, веб-сайт Фонда Флореста Лонго имеет вращающуюся карусель изображений на своей домашней странице.Он настроен на автовоспроизведение и перебирает пять фотографий. Однако предыдущая и следующая стрелки маленькие и прозрачные, что затрудняет их обнаружение и затрудняет щелчок. Индикаторы для посетителей слайдов не включены, и нет ярлыков, обозначающих, что представляют собой изображения. Изображения не являются ссылками и служат просто украшением. Хотя этот тип карусели может иметь некоторую ценность для привлечения посетителя, в целом он оставляет желать лучшего.

Отсутствие точек индикатора слайдов и едва видимые стрелки вперед / назад — еще одна распространенная ошибка UX с каруселями веб-сайтов.

Заключение

Тенденции веб-дизайна, если их не рассматривать и осторожно внедрять, могут привести к нескольким распространенным ошибкам UX. Дизайнеры UX должны руководствоваться здравым смыслом и не бояться вводить новшества, но для обеспечения удобства использования веб-сайта им будет полезно тщательно протестировать свой дизайн на реальных пользователях.

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

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

• • •

Дополнительная литература в блоге Toptal Design:

Изменение шрифтов липких заметок, добавление маркеров, нумерации и форматирования текста с помощью Notezilla — блог Conceptworld

Привет, ребята!

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

Поскольку многие приложения для создания цифровых заметок, такие как Windows Sticky Notes, не предлагают простой текст и параметры форматирования стикеров , этот пост — ответ людям, которые ищут одно приложение, которое предоставляет эти функции.

Notezilla — это профессиональное, элегантное и высоко оцененное приложение для создания заметок для Windows и телефонов (Android, iOS, iPhone, iPad, Windows Phone и т. Д.). Он может помочь вам организовать свою жизнь, сохраняя все заметки, задачи и напоминания, которые могут вам понадобиться, где бы вы ни были.

С помощью липких заметок вам не нужно прилагать усилий, чтобы делать заметки, устанавливать напоминания и т.д. Notezilla позволяет создавать привлекательные и реалистичные стикеры, чтобы рабочий стол выглядел более красочно и красиво.

Работает без сбоев как на телефонах, так и на планшетах.

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

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

Для получения дополнительных обучающих видео посетите эту страницу.

Транскрипция:

Выберите ‘New Note’ из значка Notezilla на панели задач и напишите вашу заметку.
Когда вы открываете заметку, вы увидите, что панель инструментов заметки сдвигается вверх с несколькими вариантами: «Оставаться наверху», «Скрыть заметку», «Прокрутить вверх / вниз» и «Удалить заметку».

Посетите домашнюю страницу Notezilla.

Вот и все в этом видео.

Так как насчет того, чтобы попробовать сегодня.

Самое лучшее в Notezilla — то, что может синхронизировать заметки между вашим мобильным телефоном и ПК или ноутбуком ! Таким образом, у вас есть точные записи в обоих местах! Попробуйте функцию синхронизации сегодня! Вам обязательно понравится.

Узнайте больше о Notezilla.

Подпишитесь на наш канал YouTube, чтобы смотреть интересные видео.

Ознакомьтесь с другими нашими интересными продуктами.

Хорошего дня!

Спасибо за уделенное время :)

умных плавающих / липких кнопок — виджеты вызовов, обмена, чата и многое другое — Buttonizer — плагин для WordPress

2.3.2

Дата выпуска: 16.03.2021

Список изменений:
— Исправлена ​​проблема с цветом кнопок при наведении

Если у вас возникнут ошибки, проблемы или вы просто хотите оставить отзыв, сообщите нам об этом в нашем сообществе Buttonizer! = 2.3.1 =
Дата выпуска: 12.03.2021

Журнал изменений:
— Исправлена ​​ошибка в панели управления администратора, которая закрывала группу при нажатии кнопки редактирования
— Исправлена ​​ошибка в селекторе значков
— Несколько мелких исправлений ошибок

Если у вас возникнут ошибки, проблемы или вы просто хотите оставить отзыв, сообщите нам об этом в нашем сообществе Buttonizer!

2.3.0

Дата выпуска: 4 фев.2021 г.

Журнал изменений:
— Добавлено закрытие по нажатию кнопки
— Добавлена ​​линия социального обмена
— Добавлено действие WP Popups
— Добавлено действие присоединиться к группе сигналов
— Добавлены функции экспорта и импорта
— Прекращено действие всплывающих окон — всплывающих окон WordPress, пожалуйста использовать альтернативу «всплывающие окна WP»
— Обновлен наш палитра цветов
— Исправлена ​​проблема, из-за которой невозможно было нажать кнопку в режиме одной кнопки
— Исправлена ​​проблема с фоновым изображением
— Исправлена ​​проблема с «открытием при наведении» в режиме одной кнопки

Если у вас возникнут ошибки, проблемы или вы просто хотите оставить отзыв, сообщите нам об этом в нашем сообществе Buttonizer!

2.2,5

Дата выпуска: 7 дек 2020

Список изменений:
— Добавлены кнопки базы знаний Popup Maker и Elementor Popups
— Исправлена ​​проблема с однокнопочным режимом и включением закрытия при щелчке вне сайта
— Исправлена ​​проблема с неопределенной ошибкой в ​​магазине
— Исправлена ​​проблема с функцией getCookie
— Исправлена ​​проблема с ссылки, которые можно нажимать, даже если пуговица не открыта
— Исправлена ​​проблема с ограничением при обзоре страниц действий
— Исправлена ​​проблема с Google Analytics, когда она не была включена
— Исправлена ​​проблема с кнопкой новой вкладки
— Исправлен неверный цвет
— Различные мелкие исправления

Если у вас возникнут ошибки, проблемы или вы просто хотите оставить отзыв, сообщите нам об этом в нашем сообществе Buttonizer!

2.2,4

Дата выпуска: 26.11.2020

Новая функция:
— Выбор страниц, сообщений и пользовательских типов сообщений в качестве действий кнопок.
— Теперь вы можете добавить неограниченное количество кнопок в свое меню! Ограничение на 7 дисплеев было удалено, и его можно отключить в настройках.

Журнал изменений:
— Добавлена ​​страница действий кнопки
— Удалено ограничение на 7 кнопок для каждого меню
— Добавлено решение проблемы с мобильным приложением Messenger Widget
— Изменено раскрывающееся меню действий кнопок на автозаполнение
— Добавлена ​​кнопка закрытия в меню панели инструментов ящик
— Исправлены проблемы с функцией открытия при наведении
— Исправлены предупреждения PHP в Buttonizer.php при загрузке в первый раз
— Исправлено пропускание позиции анимации открытия, когда кнопка скрыта
— Исправлена ​​анимация пульсирующего внимания
— Исправлена ​​проблема с неопределенным значком
— Исправлена ​​проблема с конфликтом Buttonizer с другими плагинами
— Исправлено неработающее намерение выхода в Safari и Firefox
— Обновлено сообщение о сбое и инструменты
— Различные мелкие исправления

Если у вас возникнут ошибки, проблемы или вы просто хотите оставить отзыв, сообщите нам об этом в нашем сообществе Buttonizer!

2.2,3

Дата выпуска: 11.11.2020

Журнал изменений:
— Добавить параметр для cc и bcc в действие кнопки почты
— Исправить ошибку при использовании всплывающих окон — Всплывающие окна WordPress
— Исправить проблему, при которой кнопка редактирования предварительного просмотра не работала правильно для отдельных кнопок
— Устранена проблема, при которой пуговица вылетала, когда установка двух кнопок в действии виджета Facebook Messenger
— Устранена проблема, из-за которой значки по-прежнему отображались неправильно в некоторых темах
— Исправление exitintent, не работавшего в Safari, Firefox и IE
— Исправление exitintent, некорректно работающего на отдельных кнопках
— Исправлен сбой панели инструментов
— Исправлено действие.open () ошибка

Если у вас возникнут ошибки, проблемы или вы просто хотите оставить отзыв, сообщите нам об этом в нашем сообществе Buttonizer!

2.2.2

Дата выпуска: 4.11.2020

Журнал изменений:
— Панель администратора теперь запоминает, как далеко вы прокручивали и какие группы были открыты на странице обзора
— Перемещены некоторые элементы в интерфейсе администратора
— Исправлена ​​проблема с дублированием групп
— Исправлена ​​проблема, при которой роли разрешений не работал в бесплатном режиме
— Исправлена ​​проблема, при которой изображение при наведении курсора не работало
— Исправлена ​​проблема для анимированных одиночных кнопок
— Исправлена ​​проблема с отслеживанием Google Analytics
— Исправлена ​​проблема с Facebook Messenger
— Обновлены имена классов из-за конфликта имен классов с несколькими темами

Если у вас возникнут ошибки, проблемы или вы просто хотите оставить отзыв, сообщите нам об этом в нашем сообществе Buttonizer!

2.2,1

Дата выпуска: 29.10.2020

Список изменений:
— Различные мелкие исправления

Если у вас возникнут ошибки, проблемы или вы просто хотите оставить отзыв, сообщите нам об этом в нашем сообществе Buttonizer!

2.2.0

Дата выпуска: 29.10.2020

Релиз нашей версии 2.2!
После долгих бета-версий и обновлений мы наконец выпустили нашу версию 2.2. В этой версии мы полностью переработали наш интерфейс для более быстрого развития и стабильности в будущем.Вместе с ним появились потрясающие новые функции, такие как различные настройки наведения, API-интерфейс javascript и многое другое. См. Полный список изменений ниже.

Примечание: если у вас есть собственный CSS для пуговицы, это обновление может сломать их. Чтобы исправить это, вам может потребоваться добавить ! Important в свойства css.

Журнал изменений:
— Обновления UX
— Обновлен FontAwesome 5 до последней версии
— Переписан код внешнего интерфейса для повышения производительности
— Исправлено несколько сбоев

Новые функции:
— Добавлена ​​возможность отключить кнопку головы
— Добавлена ​​опция «Нажмите снаружи, чтобы закрыть»
— Создан JavaScript API Buttonizer с хуками
— Реализованы улучшенные интегрированные настройки «по умолчанию» и возврат к настройкам группы
— Добавлено свойство rel , теперь можно установить одно или несколько свойств rel для URL-адреса
— Обновленная система разрешений: теперь вы можете выбирать роли, которые могут управлять Buttonizer

Если у вас возникнут ошибки, проблемы или вы просто хотите оставить отзыв, сообщите нам об этом в нашем сообществе Buttonizer!

2.1,9

Дата выпуска: 17.07.2020

Список изменений:
— Исправлена ​​проблема с расширенной настройкой положения.

Если у вас возникнут ошибки, проблемы или вы просто хотите оставить отзыв, сообщите нам об этом в нашем сообществе Buttonizer!

2.1.8

Дата выпуска: 6.07.2020

Список изменений:
— Исправлена ​​проблема с настройками позиции.
— Фиксированные неровные этикетки.
— Исправлена ​​неработающая настройка анимации.
— Исправлена ​​ошибка 403 () в панели инструментов Buttonizer.
— Исправлена ​​проблема с ролями пользователей.
— Показать полное сообщение об ошибке, если сохранение не удалось.

Если у вас возникнут ошибки, проблемы или вы просто хотите оставить отзыв, сообщите нам об этом в нашем сообществе Buttonizer!

2.1.7

Дата выпуска: 24.06.2020

Список изменений:
— Исправить неработающий только мобильный телефон
— Исправить положение, из-за которого пуговицы не отображались
— Изменено действие WhatsApp для использования wa.me

Если у вас возникнут ошибки, проблемы или вы просто хотите оставить отзыв, сообщите нам об этом в нашем сообществе Buttonizer!

2.1,6

Дата выпуска: 20.06.2020

Список изменений:
— Исправление нескольких ошибок

Если у вас возникнут ошибки, проблемы или вы просто хотите оставить отзыв, сообщите нам об этом в нашем сообществе Buttonizer!

2.1.5

Дата выпуска: 17.06.2020

Новые функции
— Теперь вы можете открывать настройки кнопок, выбирая их в предварительном просмотре
— Добавлена ​​функция «закрыть по щелчку снаружи»
— Добавить больше кнопок «добавить кнопки»
— Улучшена производительность интерфейса Buttonizer:
— CSS теперь использует графику powers
— Удалена зависимость jQuery

Полный список изменений см. Здесь

Если у вас возникнут ошибки, проблемы или вы просто хотите оставить отзыв, сообщите нам об этом в нашем сообществе Buttonizer!

Исправление ошибки

2.1,4

Дата выпуска: 14.05.2020

Исправление ошибки:
— Исправлен сбой панели управления при входе в панель Buttonizer в определенных ситуациях.
— Исправлено несколько ошибок в «намерении выхода»

Если у вас возникнут ошибки, проблемы или вы просто хотите оставить отзыв, сообщите нам об этом в нашем сообществе Buttonizer!

2.1.3

Дата выпуска: 11.05.2020

Чао! Баттонайзер по-итальянски! Buttonizer теперь доступен на итальянском языке благодаря Ivano (пользователь Buttonizer)! Хотите переводить с нами? Станьте участником!

Исправлены ошибки и обновления:
— Добавлен итальянский язык
— Добавлено новое действие кнопки: «Перейти вниз»
— Обновлен метод сохранения
— Исправлен сбой при поиске значков на карте
— Исправлен сбой средства выбора цвета при наличии «прозрачного» как цвет
— Устранена проблема с неработающим объектом и телом
— Исправлена ​​проблема с виджетом программы обмена сообщениями
— Исправлено намерение выхода для отдельных кнопок
— Исправлено несколько сбоев

Если у вас возникнут ошибки, проблемы или вы просто хотите оставить отзыв, сообщите нам об этом в нашем сообществе Buttonizer!

2.1,2

Дата выпуска: 30.04.2020

Исправления ошибок и обновления:
— Исправить цикл сохранения с помощью одной кнопки
— Исправить сбой при намерении выхода
— Исправить ошибку в расписании
— Возможное исправление некоторых сбоев при новых установках
— Возможное исправление ошибки ajaxurl, с которой столкнулись некоторые пользователи
— Возможное исправление current_screen () сбой
— Улучшенное управление переводом в пользовательском интерфейсе
— Улучшенная функция без ajax
— Повышена производительность

Если у вас возникнут ошибки, проблемы или вы просто хотите оставить отзыв, сообщите нам об этом в нашем сообществе Buttonizer!

2.1,1

Дата выпуска: 28.04.2020

Первые исправления ошибок! Спасибо всем за отзывы 🙂

Исправления ошибок:
— Исправлены множественные сбои пользовательского интерфейса
— Исправлена ​​ошибка в правиле страницы, которая была представлена ​​в v2.1
— Исправлена ​​ошибка, из-за которой кнопка Buttonizer не отображалась на панели администратора WordPress.
— Исправлена ​​ошибка в библиотека значков
— Исправляет ошибку во всплывающих подсказках
— Работал с отзывами

Если у вас возникнут ошибки, проблемы или вы просто хотите оставить отзыв, сообщите нам об этом в нашем сообществе Buttonizer!

2.1,0

Дата выпуска: 25.04.2020

Релиз версии 2.1! После напряженной работы в течение последних нескольких месяцев и выпуска нескольких бета-версий мы наконец-то рады выпустить ее!

Buttonizer 2.0 стал началом чего-то нового для Buttonizer. Мы перешли от внутреннего интерфейса к внешнему. После выпуска версии 2.0 в прошлом году мы получили много отзывов от нашего сообщества. В Buttonizer 2.1 основное внимание уделялось UX и интеграции правил Material Design в интерфейс.

Мы очень рады наконец-то выпустить эту версию и надеемся, что вы получите улыбку при взаимодействии с Buttonizer 2.1.

Что нового?
— Значительные изменения в пользовательском интерфейсе и пользовательском интерфейсе
— Повышена производительность
— Полностью переписана приборная панель

Обновлено:
— Оптимизированное сохранение
— Дополнительные расширенные функции
— Реструктуризация Frond-End
— Теперь используется WordPress API
— Прекращена поддержка PHP 5.9 или ниже
— Прекращена поддержка WordPress 4.6 или ниже

Если у вас возникнут ошибки, проблемы или у вас есть отзывы, дайте нам знать в нашем сообществе Buttonizer!

2.0.9

Дата выпуска: 3 февраля 2020 г.

В этом выпуске мы обновили серверную часть Freemius. Теперь мы лучше поддерживаем.

** Версия 2.1 в процессе разработки! ***
В данный момент команда Buttonizer работает над большим обновлением, которое скоро выйдет! В версии 2.1 мы дадим Buttonizer новую современную панель управления, переписанный бэкэнд и новые функции.Оставайтесь с нами, если вам интересно!

Если у вас возникнут ошибки, проблемы или у вас есть отзывы, дайте нам знать в нашем сообществе Buttonizer!

2.0.8

Дата выпуска: 23.11.2019

Что нового?
— Теперь вы можете заставить Buttonizer не использовать Google Analytics

Обновлено:
— Обновлен URL-адрес для обмена в социальных сетях Pinterest, поскольку старый стал устаревшим
— Обновлена ​​ссылка на чат Viber
— Исправлена ​​ошибка в мессенджере Facebook
— Исправлена ​​анимация одной кнопки
— Бэкэнд Freemius

Если у вас возникнут ошибки, проблемы или у вас есть отзывы, дайте нам знать в нашем сообществе Buttonizer!

2.0,7

Дата выпуска: 8.09.2019

Сегодня мы выпустили Buttonizer 2.0.7! Вам нравится переводить Buttonizer?

Что нового?
В этом выпуске мы добавили два новых действия кнопок !
— Копировать URL страницы
— Распечатать страницу
— Поддержка другого всплывающего плагина WordPress

Обновлено:
— Исправить размер шрифта метки кнопки и радиус границы
— Исправить тень поля кнопки
— Небольшая настройка CSS стиля меню «наращивание»
— Исправлена ​​ошибка локализации
— Многочисленные другие исправления ошибок и улучшения

Если у вас возникнут ошибки, проблемы или у вас есть отзывы, дайте нам знать в нашем сообществе Buttonizer!

2.0,6

Дата выпуска: 9.08.2019

Сегодня мы выпустили Buttonizer 2.0.6!

Что нового?
— Добавлен стиль прямоугольного меню
— Добавлена ​​импульсная анимация (Премиум)
— Добавлена ​​анимация желе (Премиум)
— Добавлено намерение выхода (Премиум)

Обновлено:
— В группе мы сделали «стиль кнопки» всегда видимым (только серым)
— Обновлен способ вызова всплывающих окон через Buttonizer
— Исправлена ​​ошибка виджета Facebook Messenger
— Исправлено для людей, которые используют плагин ‘ All in one WordPress Security ‘
— Исправлены некоторые ошибки на отдельных кнопках
— Обновлен бэкэнд Freemius
— Несколько других исправлений ошибок и улучшений

Если у вас возникнут ошибки, проблемы или у вас есть отзывы, дайте нам знать в нашем сообществе Buttonizer!

2.0,5

Дата выпуска: 23.07.2019

Полный интерфейс теперь доступен для перевода! Мы добавили голландский язык! Вы хотите перевести Buttonizer на свой язык? Нажмите здесь, чтобы узнать больше о переводе Buttonizer!

Мы также исправили важную ошибку Google Analytics ! Из-за этой ошибки Buttonizer не отслеживал данные о нажатиях кнопок… Приносим извинения за неудобства! Теперь он должен работать, мы будем следить за нашим исправлением.

Но у нас есть и другие хорошие новости! В этой версии мы также добавили новых действий с кликом в Buttonizer! Можно даже открыть виджет чата в Facebook Messenger нажатием кнопки!

Список новых действий кнопок:

• Нажмите для чата
  • Виджет Facebook Messenger
  • Прямое сообщение в Twitter
  • Snapchat
  • Skype
  • ЛИНИЯ
  • Телеграмма
  • Wechat
  • Вайбер
• Кнопки социальных сетей
  • Facebook
  • Твиттер
  • Instagram
  • Whatsapp
  • LinkedIn
  • Pinterest
  • Электронная почта
  • ВКонтакте
  • Поптин
  • Waze
• Открыть всплывающее окно (опционально: с контактной формой)
  • Поптин
  • Всплывающее окно Elementor
  • Конструктор всплывающих окон

Другие изменения:
* Небольшие исправления ошибок
* После некоторой обратной связи мы изменили наше сообщение о подписке
* Теперь мы используем нашу новую базу знаний!

Если у вас возникнут ошибки, проблемы или у вас есть отзывы, дайте нам знать в нашем сообществе Buttonizer!

2.0,4

Дата выпуска: 19.06.2019

Исправлены две ошибки в этой версии. Если вы обнаружите какие-либо ошибки или ошибки в Buttonizer, сообщите о них здесь

2.0.3

Дата выпуска: 19.06.2019

С 2.0.3 мы официально выпустили бесплатную версию!

В эту версию добавлены / изменены следующие функции:
— Некоторые изменения пользовательского интерфейса
— Добавлено «(экспериментальное)» в трекер событий

Исправления ошибок:
— Исправлены отсутствующие параметры, когда в группе только 1 кнопка
— Исправлено больше проблем миграции (видимость положения и метки)
— Убедились, что все премиум-функции исключены из бесплатной версии

2.0,2

Дата выпуска: 14.06.2019

В эту версию добавлены следующие функции:
— Добавлена ​​поддержка поддоменов
— Теперь вы можете скрыть верхнюю панель администратора «Buttonizer 2.0» в настройках
— Теперь вы можете скрыть всплывающие подсказки в настройках
— Добавлен триггер javascript после того, как группы Buttonizer инициализирован. Подробнее
— Добавлена ​​симпатичная иконка сохранения

Исправления ошибок:
— Исправлена ​​небольшая ошибка миграции
— Исправлена ​​ошибка поиска FontAwesome 4.7
— Исправлена ​​ошибка, из-за которой не запускалось всплывающее окно Elementor
— Исправлена ​​проблема перетаскивания
— Исправлена ​​проблема перехода стиля меню CSS
— Подготовка материала для Выпуск бесплатной версии
— Изменен тур Buttonizer
— Удалены некоторые предупреждения для действия кнопки «URL»
— «Полукруг» переименован в «Угловой круг»

2.0,1

Дата выпуска: 5.06.2019

Исправлено:
— Значки не центрированы
— Исправлены множественные проблемы миграции
— Использование новых методов безопасности в панели управления администратора для Buttonizer

2,0

Дата выпуска: 31.05.2019

Пуговица с медленным высвобождением 2.0

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

Чтобы прочитать полный список изменений, посетите наше сообщество: https: // community.buttonizer.pro/d/30-buttonizer-2-0-changelog

1.5.7

Дата выпуска: 29.05.2019

Патч Freemius bug

Кстати, скоро выйдет 2.0! Следите за обновлениями! 🙂

1.5.6

Дата выпуска: 25.02.2019

Исправление безопасности

1,5,5

Дата выпуска: 9 января 2019 г.

Небольшое обновление, но мы работаем над большим 2.0! Бета скоро начнется

Хотите узнать больше о Buttonizer 2.0? Проверьте https://buttonizer.pro/become-a-beta-tester/

1.5.4

Дата выпуска: 26.09.2018

Исправление нескольких уведомлений / предупреждений PHP.

1.5.3

Дата выпуска: 17.09.2018

Исправление ошибки в панели управления администратора, из-за которой скрипты загружались вне страниц администрирования Buttonizer.

Кстати, вам может быть интересно узнать, что мы очень много работаем над Buttonizer 2.0, скоро будут большие улучшения, следите за обновлениями! 🙂

Исправление ошибки для пользователей Buttonizer PRO:
Мы исправили часовой пояс для некоторых пользователей, которые используют часы работы, иногда Buttonizer использовал неправильный часовой пояс, чтобы отображать кнопки, даже если вы настроили его правильно.Теперь это должно быть правильно. Сообщите нам, если у вас возникнут другие проблемы!

1.5.1

Дата выпуска: 22.04.2018

Исправление ошибки создания кнопок. Сообщите нам, если вы обнаружите другие ошибки

1,5

Дата выпуска: 19.04.2018

Мы добавили повторяющиеся кнопки! Да, и мы изменили название «Категории страниц» на «Правила страниц».

Новые функции:
— Дублирующие кнопки

Исправления ошибок:
— Порядок кнопок
— Уведомления PHP Serval

1.4,5

Дата выпуска: 10.04.2018

Создайте пользовательские кнопки общего доступа, и теперь у нас есть партнерская программа!

Новые функции:
— Теперь можно назначить социальный обмен для основной кнопки действия
— В Buttonizer добавлено присоединение, проверьте это в меню Buttonizer!

Ошибки:
— Мелкие исправления ошибок

Новые функции для пользователей Buttonizer PRO:
— Уже можно было изменить значок кнопки на свое собственное изображение, теперь также можно установить фон кнопки!
— Дизайн этикетки можно изменить, шрифт и цвет фона

Продолжайте застегивать пуговицы и дайте нам знать, когда у вас появится запрос на добавление функции!

1.4,4

Дата выпуска: 15 марта 2018 г.

Новое в Buttonizer:
— Для мобильных пользователей добавлен обмен WhatsApp! Обратите внимание на «Кнопки обмена в соцсетях»!
— Зарабатывайте бесплатно! Обновите Buttonizer и перейдите на страницу «Бесплатная премиум» для получения дополнительной информации 🙂

Исправление ошибки:
— Исправлено наведение метки в уведомлении PHP.
— Небольшие исправления ошибок

1.4.3

Дата выпуска: 12 марта 2018 г.

Исправление ошибки:
— Исправлена ​​проблема с меткой кнопки

1.4,2

Дата выпуска: 8 марта 2018 г.

Новое обновление, добавлена ​​одна новая функция! Теперь можно изменить размер кнопки на мобильных устройствах, поскольку они меньше, чем на настольных компьютерах. Если вам нравится большая кнопка на рабочем столе, вы все равно можете использовать маленькую для мобильных устройств.

Исправлены ошибки:
— Некоторые пользователи столкнулись с тем, что при сохранении выдает сообщение «хотите ли вы покинуть эту страницу» везде в WordPress, где сейчас исправлено!
— Исправление CSS для кнопки, когда кнопки скрыты (иногда они все еще были активными)

Новые функции:
— Теперь можно изменить размер кнопки для мобильных устройств

Новые функции для наших пользователей Buttonizer PRO:
— Добавлены новые параметры правил страницы:
— URL содержит
— URL начинается с
— URL заканчивается на

Идея, ошибка или особенность? Пожалуйста, дайте нам знать! Мы всегда рады полученным отзывам!

1.4

Дата выпуска: 1 марта 2018 г.

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

Новые функции:
— Теперь вы можете назначить кнопке функцию возврата к началу страницы.
— Реализована функция обмена почтой.При этом есть проверка с максимум 3 вариантами обмена в социальных сетях.
-Видео-уроки теперь добавлены на панель управления.

Новые функции для пользователей Buttonizer PRO:
— Правила и категории страниц улучшены и реализованы в Buttonizer (вы можете создавать разные кнопки для разных страниц)

Стиль:
-Теперь вы можете изменить размер пуговицы!
-При наведении ярлыка можно установить только мобильное устройство, только компьютер, оба или значение по умолчанию!
— На приборной панели применен домашний стиль Buttonizer.
-Мы снова изменили структуру кода, теперь он красивый и чистый!
— Экскурсия реконструирована.
-Новые картинки на странице wordpress

Исправлены ошибки:
— Исправлена ​​ошибка на странице контактов
— В поле ввода метки добавлено предупреждение
— Исправлены мелкие ошибки

Идея, ошибка или особенность? Пожалуйста, дайте нам знать! Мы всегда рады полученным отзывам!

1,3

(Ошибка) Исправления:
— Больше невозможно вставить какой-либо другой символ, кроме цифр, в рамку размещения
— Исправлена ​​проблема с меткой заказа, больше не накладывались метки при наведении курсора
— При включенном ‘Показывать при прокрутке’ кнопки будут теперь анимируйте то, что нужно, а не просто скрывать и показывать.
— Метка рядом с кнопкой при зеркальном отображении теперь находится справа (как и должно быть)

1,2

Новое в Buttonizer: переместить кнопку проще! Вы можете переместить кнопку из левого нижнего угла или из правого нижнего угла. Мы также добавили зеркальное отображение кнопки: отразите стиль кнопки и измените положение метки с правой стороны кнопки на левую.

Новые функции в этом выпуске:
— Размещение кнопок: выровнять кнопку по левому краю или по правому краю
— Зеркальное отображение кнопок: стиль анимации кнопки может быть отражен

Исправлены ошибки:
— Исправлен конфликт с Postman SMTP.
— Для маркировки событий Google Analytics использовался текст метки.Теперь мы изменили его, чтобы использовать заголовок кнопки, как и должно быть. Приносим извинения за неудобства
— Прочие мелкие исправления

1,1

Исправление ошибки:
— исправление изменения цвета в WordPress 4.9. Окно закрылось, когда вы попытались изменить цвета. Теперь он должен работать.
— В воскресенье плагин использовал начальные данные понедельника. Фиксированный.

Удалено:
— Скрыть метку: можно скрыть без текста

Добавлено:
— Показывать метку при наведении
— Пользовательские классы

1.0,10

Важное исправление ошибки:
— Несколько человек не смогли добавить новую кнопку. Исправлено!
— Исправлена ​​еще одна ошибка
— Удалена неиспользуемая функция, вызывающая предупреждение

1.0.9

Новое крутое обновление! Мы добавили для наших новых пользователей обзор (конечно, если вы уже используете Buttonizer, смело отправляйтесь в тур!). Если у кого-то есть отзывы о туре, свяжитесь с нами через плагин! 🙂

Мы добавили кое-что волшебное! Для каждой кнопки теперь можно использовать одно из следующих действий:
— URL-адрес веб-сайта: для открытия веб-страницы
— Номер телефона: прямое действие
— Электронная почта: открывает настольный клиент от пользователя с уже заполненным вашим почтовым адресом

Новое в этой версии:
— Информационный тур для наших новых пользователей
— Упрощение действий кнопок

Изменено:
— Немного переупорядочил страницу настроек

Исправлено:
— При включении «показывать при наведении» только одной кнопкой метка больше не будет видна
— Некоторые плагины кэширования предпочитают кэшировать наш JavaScript, мы добавили исправление к этому
— Другие ошибки

1.0,8

Внутри Buttonizer несколько изменений. Как будто страница настроек теперь лучше организована и стилизована.

Добавлено в Buttonizer:
— Мы представляем «Анимацию внимания»: есть 2 анимации, позволяющие кнопке выпрыгивать из фона
— Теперь можно присвоить основной кнопке метку
— Вы можете включить опцию «Показать метку» на hover ‘

Исправлено:
— Исправление публикации в социальных сетях для меню кнопки круга
— Некоторые PHP-уведомления предупреждают, что люди «заметили»
— Исправление стиля
— Некоторые ошибки

1.0,7

Исправление Javascript при возникновении ошибки из-за неправильного цвета

1.0.6

Добавлена ​​новая функция: изменение цвета каждой кнопки.
С этого момента вы можете изменить цвет каждой создаваемой плавающей кнопки действия. Если вы хотите создать плавающее меню с кнопками разных цветов, теперь это возможно!

Добавлена ​​новая функция: новая анимация плавающего меню.
Теперь у нас есть новая анимация для открытия плавающего меню (несколько плавающих действий). Вместо того, чтобы показывать кнопки друг над другом, вы можете сделать плавающие кнопки кругом под углом 45 градусов.

1.0.5

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

1.0.4

Добавлена ​​новая функция: Drag & Drop для плавающего меню
— Drag & Drop. Вы можете перетаскивать кнопки, чтобы выбрать, в каком порядке они будут отображаться, если вы хотите отобразить более одной кнопки на одной странице. Это идеально, если вы хотите добавить плавающее меню. Вы можете легко изменить положение кнопок.
— Мы исправили ошибку

1.0.3

Добавлена ​​новая функция:
— Намерение выхода: позволяют плавающим кнопкам действий с чистым всплывающим окном, когда посетитель пытается покинуть ваш сайт. Добавив намерение выхода, вы можете увеличить количество конверсий и сохранить

1.0.2

Запуск плагина Buttonizer Floating Action Button!

Sticky Notes — Центр поддержки и поддержки Miro

Sticky Notes отлично подходят для быстрого мозгового штурма, создания заметок и визуального упорядочивания информации.Если вы знакомы с досками Канбан или другими методами, которые включают наклеивание стикеров на доску, вы почувствуете себя как дома.

В этой статье

1. Начало работы
2. Массовый режим
3. Вставка из электронной таблицы
4. Теги
5. Реакция на смайлики

Начало работы

Щелкните значок Sticky Note на панели инструментов или нажмите N на клавиатуре, чтобы включить инструмент. Вы также можете добавить заметку, перетащив ее прямо с панели инструментов или щелкнув доску и перетащив курсор, удерживая левую кнопку мыши.

Дважды щелкните в любом месте доски, чтобы добавить текст, стикеры или фигуры. На доске появится предыдущий объект, который вы использовали.

Вы можете изменить форму стикера, щелкнув этот значок в контекстном меню стикера:

Преобразование квадратной заметки в прямоугольную

Для стикеров доступно 16 цветов. Цвета были тщательно подобраны, чтобы обеспечить лучшую читаемость текста и единообразие дизайна ваших досок.

Цвета стикеров

Ограничение на количество символов — около 3000 на стикер, в зависимости от размера текста.

💡 Чтобы выровнять пачку стикеров в стопку, выберите стикеры и используйте функцию Выровнять в контекстном меню.

Создание стопки стикеров

Массовый режим

Чтобы добавить несколько стикеров подряд, щелкните значок Sticky Note , выберите Bulk Mode и начните вводить текст.Нажмите Введите , чтобы разделить идеи. Предел символов зависит от размера шрифта. Когда закончите, нажмите Готово , и ваши идеи будут добавлены на доску в виде стикеров.

Добавление стикеров в массовом режиме

Вставка из электронной таблицы

Вы также можете скопировать данные из любой электронной таблицы и вставить их на доску в виде группы стикеров, где каждая заметка представляет собой отдельную ячейку. Просто скопируйте и вставьте ячейки из электронной таблицы с помощью ярлыков Ctrl + C / Ctrl + V ( Cmd + C / Cmd + V ), чтобы импортировать их на доску.Обратите внимание, что максимальное количество ячеек, которые вы можете вставить за один раз, составляет 625 ; максимальное количество символов — 6000 .

Импорт таблицы в виде стикеров

Обратите внимание, что эта функция недоступна в браузере Internet Explorer.

Теги

Используйте Теги , чтобы структурировать свои задачи и идеи. Выделите стикер, щелкните значок T ag , создайте новый тег или выберите существующий и примените его к любому количеству стикеров.Поиск по тегам позволяет быстро найти группу стикеров. На каждый стикер можно добавить до 8 тегов.

Использование тегов

Реакция на смайлики

Вы можете добавить реакцию Emoji к стикерам, чтобы ответить на любую заметку. Эмодзи можно использовать для различных целей: для голосования, отметок о делах и просто для развлечения.

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

Добавление реакции Emoji в стикеры

💡 Посмотрите видео и сразу начните сотрудничество:

липких картинок — математика на ночь

Записки Post-it®, эти красочные липкие квадраты из бумаги, — самые забавные школьные принадлежности. Они были изобретены случайно в 1968 году, когда сотрудник 3M Спенсер Сильвер сделал клей, который оказался не таким прочным, как он хотел, но оказался идеальным для временного склеивания бумаги.Сегодня люди используют Post-it® Notes как закладки, именные ярлыки, напоминания себе — и как искусство. Художники собрались в Центре искусств Уокера в Миннеаполисе, чтобы создать картину «пуантилистов», что означает искусство, состоящее из миллиардов цветных точек, как наша недавняя фотография щенка, усыпанного тортом. Здесь более 2000 3-дюймовых квадратных стикеров образуют гигантское изображение, которое намного выше вас. Вблизи трудно разглядеть, что это, но если вы отойдете назад или посмотрите на крошечную копию, то увидите, что это фотография музыкантов.Надеюсь, в этих заметках Post-it® не перечислены все задачи, которые нам нужно выполнить!

Маленькие: Сколько цветов стикеров Post-it® Notes вы можете сосчитать на фреске? Считайте столько, сколько сможете! (Вы можете пропустить черный и белый, поскольку технически это не «цвета».)

Маленькие дети: Если вы используете 9 оранжевых стикеров Post-it®, чтобы сделать барабан, а затем покрыли центральный из них другим цветом, сколько оранжевых стикеров Post-it® все еще отображается? Бонус: Если вы наклеите 10 стикеров на дверь спальни, чтобы сделать цветок, а затем наклеите еще 10 на стену, чтобы сделать еще один, сколько стикеров используется в ваших цветах?

Старшие дети: На фреске 28 рядов стикеров сверху вниз.Если каждая наклейка имеет высоту 3 дюйма и все строки соприкасаются друг с другом, не перекрывая друг друга, какова высота изображения в футах? (Напоминание: в одной ноге 12 дюймов) Бонус: Похоже, ширина картинки 80 Post-it® Notes. Сколько стикеров Post-it® были использованы для создания рисунка? (Подсказка, если необходимо: чтобы умножить на 80, вы можете сначала умножить на 8, затем на 10 … и умножить на 8, что составляет 2x2x2, вы можете просто удвоить число 3 раза подряд.)

Ответы:
Маленькие: Считаем 8 цветов: розовый, красный, оранжевый, желтый, зеленый, голубой, голубой и фиолетовый.

Маленькие дети: 8 заметок Post-it®. Бонус: 20 заметок Post-it®.

Дети старшего возраста: 7 футов, так как каждый набор из 4 липких квадратов составляет 1 фут. Бонус: 2240 заметок Post-it®!

А еще больше идей о крутых творческих проектах Post-it® Notes можно найти на их странице с идеями!

Лаура Билодо Овердек — основатель и президент Фонда математики перед сном. Ее цель — сделать математику такой же увлекательной для детей, как она была в детстве.Ее мама заставила Лору запекать до того, как она могла ходить, а отец заставил ее использовать электроинструменты в очень опасном возрасте, измеряя при этом длину, ширину и углы. Вооружившись этой ранней любовью к числам, Лаура получила степень бакалавра астрофизики в Принстонском университете и степень магистра делового администрирования в Уортонской школе бизнеса; она продолжает смотреть на звезды и сегодня. Среди других интересов Лауры — трое подвижных детей, шоколад, экстремальные автомобили и Lego Mindstorms.