8918
Это канал об интерфейсах, пользовательском опыте, дизайне. Опубликовать рекламу, пообщаться, предложить статью — @mosink
Михаил Калашников написал интересную мысль — цель сайта по мере роста становится все абстрактнее.
http://mediaskunk.ru/2017/04/live-long/
Цитата из книги «Представление информации» Эдварда Тафти:
«“Чем проще форма букв, тем легче читать текст” — эта идея владела умами конструктивистов. Она стала чем-то, вроде догмы, и “модернистские” типографы до сих пор следуют этому.
Однако, это утверждение неверно, потому что мы не читаем букв, мы читаем слова, слово целиком, “слово как картинку”. Исследования в области офтальмологии показали, что чем больше буквы отличаются между собой, тем легче читать.
Не вдаваясь в сравнительные детали, должно быть понятно, что труднее всего читать текст, набранный заглавными буквами из-за одинаковой высоты, объема, а нередко и ширины букв. Если говорить об антиквах и гротесках, то последние читать сложнее. И модное нынче предпочтение шрифтов без засечек обнаруживает некомпетентность дизайнеров как с точки зрения истории, так и с точки зрения практичности.»
Еще один инструмент для проверки цветов на контраст и составления цветовых схем. Чем отличается? От Google. Очень удобен, если вы делаете приложение по гайдам Material design. Рекомендации по допустимой прозрачности. Можно сразу проверить цвета на живом примере в Codepen (кнопка <> вверху).
https://material.io/color/
Внезапно статья про фейковые фотографии и как это определить. Понравилось количество методов, которое описал автор
http://vas3k.ru/blog/390/
Разбираем различные сценарии ввода даты
https://www.nngroup.com/articles/date-input/
Не используйте кнопки социальных сетей в мобильной версии. Ими пользуются в 2 случаях из 1000. Исключение составляют только пользователи, которые пришли со страниц соцсетей. Тогда этот показатель вырастает в 20 раз. Методология, рекомендации и остальные нюансы — внутри.
https://bigmedium.com/ideas/no-mobile-share-buttons.html
Я не знаю, что делать с этой ссылкой, вы наверное разберетесь. Шрифт для дислексиков.
https://www.dyslexiefont.com/en/dyslexie-font/
Помимо этого, автор сделал инструмент для перекрестной проверки цветов на контраст. Методология проверки по рекомендациям W3C.
http://contrast-grid.eightshapes.com
Оттуда я уттянул себе в закладки инструмент для расчета количества цветов на картинке. Но использовать я буду его для извлечения палитры цветов.
http://www.geotests.net/couleurs/frequences_en.html
Там прям красота получается http://take.ms/A0yX5
Об увеличении высоты сайта на смартфонах при проектирование адаптивного дизайна
https://www.viget.com/articles/do-responsive-sites-have-to-be-so-tall-on-mobile
Как правильно организовать автоформатирование и заполнение поля ввода номера кредитной карты
https://baymard.com/blog/credit-card-field-auto-format-spaces
Можно ли спроектировать полностью адаптивный дизайн в Sketch, Figma, еще не выпущенном Subform? Спойлер: нет, но Figma ближе всего к этому.
https://medium.com/swlh/the-current-state-of-adaptive-design-6b2b89b258c4
Посмотрите какая замечательная инфографика у блумберга на тему глобального потепления
https://www.bloomberg.com/graphics/2015-whats-warming-the-world/
Если канал оказался для вас полезным, то можете поддержать его денежно. Независимо от собранной суммы, канал продолжит работу в том же режиме. Это просто один из способов выразить благодарность.
https://rocketbank.ru/kirill.mosin04
Из последних фильмов по цвету мне запомнился «Неоновый демон».
Его снимал Николас Виндинг Рефн, режиссер фильма «Драйв». И он дальтоник.
Как Илья Найшуллер и 100 человек команды создавали клип Ленинграда «Кольщик»
https://vimeo.com/207702331
Рассказ о плюсах и минусах Figma. На неделе сам попробую инструмент.
https://designpub.ru/the-easy-way-to-stop-using-sketch-and-switch-to-figma-578e02f55443
Часто вижу что люди ищут хорошие интернет-магазины, чтобы посмотреть как там внутри с дизайном. Ссылка на 100 крупнейших в России — http://datainsight.ru/top100/
Читать полностью…
«Да там работы на 5 минут»
https://f213.in/small-changes/
Видео, которое максимально просто объясняет как работает resizing объектов в скетче
https://www.youtube.com/watch?v=p5-dcL9QzUk
Отрывок из книги «Принцип черного ящика» о критике и мозговом штурме
Может быть, лучшая иллюстрация к тому, что творчество по природе своей является ответной реакцией, — это история эксперимента, проведенного Шарлан Немет, психологом из Калифорнийского университета в Беркли, и ее коллегами. Немет случайным образом разделила 265 студенток последнего курса на команды по пять человек. Всем командам дали одно и то же задание: придумать, как уменьшить количество пробок в районе залива Сан-Франциско. При этом команды поделили на три большие группы.
Первой группе велели заняться мозговым штурмом. Этот метод с превосходной репутацией базируется на гипотезе о мистической природе творчества: якобы оно невозможно без размышления и свободного потока идей. Во время мозгового штурма самое главное — убрать все препятствия и свести проблемы к минимуму. Участникам запрещается критиковать друг друга и выискивать слабые места в чужих предложениях. Все, что блокирует работу мысли, плохо. Негативная обратная связь — грех.
По словам Алекса Фэйкни Осборна, копирайтера, написавшего в 1940-х и 1950-х гг. серию бестселлеров о мозговом штурме, «творчество — весьма нежный цветок: похвала заставляет его расцвести, а неодобрение часто губит».
Второй группе не дали никаких инструкций: эти студентки могли придумывать и обсуждать идеи любым подходящим способом.
Что до третьей группы, входящие в нее команды попросили активно указывать на недостатки в чужих идеях. Им дали следующие инструкции: «Большинство исследователей и экспертов считают, что лучший способ решить проблему — это найти как можно больше ее решений. Чувствуйте себя раскованно, не бойтесь говорить все, что приходит в голову. В дополнение большая часть исследований утверждает, что высказанные идеи следует обсуждать и даже критиковать».
Результаты были поразительными. Команды, получившие инструкции спорить и критиковать, породили на 25 % больше идей, чем команды, которые устраивали мозговой штурм или обсуждали идеи как бог на душу положит. Другой итог, не менее удивительный: во второй стадии эксперимента ту же проблему решали не команды, а индивиды, и оказалось, что «спорщики» предлагают в два раза больше идей, чем участники мозгового штурма.
Дальнейшие исследования показали, что «спорщики» выдают не просто больше идей — их предложения более продуктивны и оригинальны. Шарлан Немет писала: «Главное открытие заключается в том, что поощрение споров — и даже критики, если нужно, — является стимулом к появлению более творческих идей. Культура, которая разрешает и даже поощряет подобное выражение разных точек зрения, может породить больше инноваций».
Material design и иконки в навигации, которые непонятно что обозначают. Посыл прост — подписывайте их
https://medium.freecodecamp.com/material-design-and-the-mystery-meat-navigation-problem-65425fb5b52e
О работе с цветом в проекте с темным и светлым фонами. Основной посыл прост: цвета, которые подходят к одному фону, могут потеряться на другом.
https://medium.com/eightshapes-llc/light-dark-9f8ea42c9081
Очень большая подборка инструментов (>400) для визуализирования данных. Пригодится людям, которые работают с инфографикой.
http://dataviz.tools/
Яндекс запустил во второй раз проект «Мобилизация». Это четыре школы для начинающих специалистов. Дерзайте, я в этом году тоже попробую свои силы
https://yandex.ru/mobilization/
#Реклама
Как создаются современные веб-интерфейсы? Почему некоторые сайты и приложения вызывают у нас восхищение, а другие хочется сразу закрыть?
Узнайте все тонкости профессии «проектировщик интерфейсов» на онлайн-курсе «Проектирование интерфейсов: UX-дизайн от стратегии до тестирования».
Для подписчиков канала — скидка 3 000 руб. по промокоду mosinkru_ux
Вы научитесь:
— анализировать аудиторию, проводить глубинные интервью и работать со статистикой,
— использовать основные инструменты для прототипирования,
— профессионально компоновать и оформлять элементы интерфейса,
— работать в команде, используя инструменты Scrum и канбан.
Старт программы — 17 марта. Успей подать заявку — http://netolo.gy/c79
Про грамотную проверку полей дат, телефонов, кредитных карт и почт в условиях, когда важен каждый заказ
https://designpub.ru/поля-ввода-и-их-валидация-919324761efa
Люди имеют склонность верить в то, что продукт, который выглядит лучше, лучше и работает, даже если это на самом деле не так. Другими словами, пользователи, которые положительно относятся к визуальной части вашего дизайна, будут более терпимы к мелким интерфейсным ошибкам.
https://www.nngroup.com/articles/aesthetic-usability-effect/
Второй сервис, которым я пользуюсь постоянно при работе с цветом — это https://coolors.co/ У него достаточно мощный и удобный функционал. Перебор цветов через пробел, подбор монохромной гаммы, 8 видов цветовой слепоты, «залочивание» цветов, смещение параметров сразу для всей гаммы. Прям люблю, люблю.
Читать полностью…