Веб-дизайн

47

Привет, это Antro. Мы проанализировали сотни источников и уйму статистики о том, как продаётся косметика. Данные собрали в большой отчёт на 150 страниц — в статье делимся самыми интересными выжимками.

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

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

Лично я пользуюсь Webflow уже лет 6 и считаю его шикарным инструментом веб-дизайна.

Сайт дизайнера Павла Кедича, в верхней части которого размещена статья про «другой веб».

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

Бесплатный текстовый онлайн-курс Tilda Education, который научит научит проектировать, оформлять и запускать конверсионные лендинги и увеличивать количество клиентов.

В этой переводной статье описаны несколько исследований поведения пользователей интернета и их результаты.

Андрей Медведев написал конспект курса Ильи Бирмана. Конспект очень толковый — самая суть, с иллюстрациями и ссылками на сопутствующие материалы. Правда, написана только одна из двух частей конспекта. Всё равно стоит почитать: medvedism.ru/blog/all/birman-ui-and-datavis-course-1

Да, заголовок у статьи желтушный. Прямо ждешь, что во втором абзаце тебе начнут продавать тренинг, как стать успешным веб-дизайнером за неделю. Но содержание, к счастью, толковое. Стоит внимательно прочесть начинающим и быстро пробежать опытным. Первые узнают все основные составляющие эффективного сайта, вторые наверняка найдут пару-тройку дельных приемов в свою копилку. https://goo.gl/YR6Yeb

Это перевод двух частей статьи Джереми Франка (Jeremy Frank) Responsive Logos. Часть 1, Часть 2. Я заметил, что когда дело доходит до адаптивного дизайна, логотипы зачастую используются не лучшим образом. В большинстве случаев логотип просто сжимается настолько, насколько это необходимо, чтобы заполнить отведенное ему пространство на странице.

Ребята из агентства Нимакс делятся знаниями в своём «Справочнике». Там много полезного. В частности, рекомендую статью о том, что такое гайдлайны, какую пользу они несут клиенту и агентству, чем отличаются от UI-кита, как их составить и использовать. book.nimax.ru/gajdlajn-dlya-veb-proektov

Ирина Смирнова из Тильды подготовила полезную справку об оптимальных размерах картинок на социальных сайтах: Фэйсбук, ВКонтакте, Твитер, Инстаграм, Ютуб, Пинтерес, Линкедин, Гугл+ и Одноклассники. По ссылке подробный разбор, но если не хотите вникать в тонкости, просто запомните универсальный размер: 1024*512 пк. Такая картинка будет отображаться корректно в большинстве случаев. http://tilda.education/articles-images-for-social

1. Электронная книга должна быть доступна в вебе в ХТМЛ-формате; 2. Электронная книга должна иметь воспринимаемый человеком урл, находиться целиком на одной странице и содержать свое название в тайтле страницы; 3. Электронная книга должна быть опубликована чёрным шрифтом на белом фоне, и не должна содержать на странице никаких элементов, не относящихся к книге; 4. Электронная […]

Артём Горбунов интересно и подробно рассказывает, зачем в электронных книгах развороты и номера страниц.

Перевод статьи Марчина Тредера, CEO компании UXpin, опубликованной в блоге Designmodo. В статье подробно рассматривается разница между этими инструментами и даются рекомендации по их применению. Больше не путайте :)

onepagelove.com/the-top-20-one-page-websites-from-2014