Нажать или не нажать – это вопрос, который приходит в голову пользователю, когда он видит кнопку призыва к действию. Чем больше кнопок, тем дольше он принимает решение. Пользователь должен изучить каждую кнопку, чтобы определить, какая из них лучше всего соответствует его цели. Любая неуверенность или сомнение могут привести к тому, что он не предпримет никаких…Продолжить читать «5 способов сделать кнопку призыва к действию интуитивно понятной»
Параллакс-эффекты скролла добавляют визуальный интерес, но они часто создают проблемы юзабилити, например, медленно загружаемый или трудно читаемый контент. Подумайте, стоит ли их использовать. Несколько лет назад мы с коллегой решились протестировать новый тренд дизайна, который завоевывал награды в области веб-дизайна и получал похвалу на форумах дизайнеров. Этим трендом был параллакс-эффект при скролле. Однако, мы не…Продолжить читать «Чего не хватает параллакс-эффекту, исследование»
Последние статистические данные говорят, что иллюстрации могут конвертировать в 7 раз лучше, чем любая стоковая фотография. Уникальная иллюстрация со смелыми цветами, безусловно, поможет вашему бизнесу выделиться. Хороший иллюстратор может создать яркую иллюстрацию в цветах бренда. 1 из 11 Авторы: Leo Natsume, Milo Themes, ChocoToy cute, Gleb Tagirov, Ranganath, Krishnama, Fernando Nunes, Saber Wang, Manoj Jadhav, Gabriel Lam Главные тренды 2019 1.1…Продолжить читать «Тренды дизайна 2019»
Якоб Нильсен и Пейдж Лаубхаймер Дата публикации: 17 февраля 2019 года Описание: удобство использования приложений повышается, когда пользовательский интерфейс направляет и поддерживает пользователей в процессе работы. Разработка сложных и при этом удобных приложений является непростой задачей. Создание приложений, обладающих как глубиной для поддержки сложных задач, так и интуитивностью, позволяющей понять, как выполнить эту работу, является…Продолжить читать «Топ 10 ошибок в разработке приложений»
10 основных принципов проектирования интерфейсов Якоба Нильсена. Они называются “эвристики” потому что представляют собой общие практические правила, а не конкретные рекомендации по юзабилити. Сформулированы они были еще в прошлом веке, но до сих пор ни один из них не потерял актуальности, хотя следующая статья чуть более подробно о них расскажет и слегка дополнит более актуальными…Продолжить читать «10 эвристик для проектирования пользовательского интерфейса»
Автор книги Майкл Микалко Ссылка на магазин Цель книги — описать эти стратегии мышления и показать, как их можно применять, чтобы привнести творчество в рабочий процесс и личную жизнь. Многие годы ученые и исследователи пытались изучать гениальность, основываясь на статистических данных, словно они могли сказать что-то важное. Хэвлок Эллис в своем изыскании 1904 года отметил,…Продолжить читать «Взлом креатива. Как увидеть то, что не видят другие»
56 инструментов для поиска нестандартных идей. Фантастическое описание у книги: Тренажер для творческого мышления Неиссякаемое топливо для поиска новых идей От автора бестселлера «Рисовый штурм» Ссылка на магазин Мне всегда важно понимать, что я прочту в книге, поэтому первым делом я смотрю её содержание, затем я открываю случайную страницу и внимательно читаю все, что на…Продолжить читать «Рисовый штурм в карточках (Майкл Микалко)»
Разметка: <nav class=»circle-menu»> <div class=»center»></div> <ul> <li><a href=»#»>1</a></li> <li><a href=»#»>2</a></li> <li><a href=»#»>3</a></li> <li><a href=»#»>4</a></li> <li><a href=»#»>4</a></li> <li><a href=»#»>6</a></li> </ul> </nav> Стили: .circle-menu { position: relative; width: 400px; height: 400px; margin: 50px auto; background-color: white; box-shadow: 0 0 3px #cccccc; } .circle-menu ul { position: absolute; width: 300px; height: 300px; margin: 50px; padding: 0; list-style: none;…Продолжить читать «Круговое меню из курса HTML-академии»
Перевод More Readable CSS with CSS Custom Properties – второй статьи Серджио Гомеса о пользовательских свойствах CSS Теперь, когда вы знаете как работают пользовательские свойства CSS, можно использовать их для улучшения читаемости и облегчения поддержки кода. Важно: в статье для краткости опущены фолбэки при использовании var(), но для надёжности кода про них нужно помнить. .foo { /* для браузеров, которые не…Продолжить читать «Пишем понятный код с пользовательскими свойствами CSS»
Это перевод “CSS Custom Properties — The Basics” — первой из серии статей Серджио Гомеса о пользовательских свойствах CSS. В ней рассказываются самые основы: что такое пользовательские свойства и как ими пользоваться. Вы уже слышали о пользовательских свойствах CSS (также известных как CSS переменные) или даже имеете о них некоторое представление? Возможно, вы знаете о них из поста на developers.google.com?…Продолжить читать «Пользовательские свойства CSS. Основы»