8855
Это канал об интерфейсах, пользовательском опыте, дизайне. Опубликовать рекламу, пообщаться, предложить статью — @mosink
Внушительный список инструментов для прототипирования. Среди параметров для сравнения: платформа, цена/подписка, импорт, анимации, экспорт кода и остальные.
https://uxtools.co/tools/prototyping
Red Keds организовали фестиваль, посвященный digital-рекламе.
В конкурсе – шесть категорий: интерактивные проекты и сайты, мастерство, медиаформаты, социальные медиа, мобильные технологии, инновации. Подать работу в одну номинацию стоит всего $1. Прием заявок продлится до 1 октября.
Для меня поводом для рекламы послужило достаточно крутое жюри. Если вы решите поучаствовать, работы нужно подавать с десктоп-версии сайта
https://2017.ggggggggfest.com/
Дизайним под IPhone X. Официальное видео, традиционно не работающее в хроме — https://developer.apple.com/videos/play/fall2017/801/
Читать полностью…
Краткий план как обосновыввать свои дизайн-решения:
— Определитесь с целями своего рассказа
— Расскажите о контексте
— Обозначьте проблему
— Предложите решение
— Расскажите о следующих шагах
https://uxplanet.org/how-to-present-design-decisions-framework-eb7e596ff15e
Простая и понятная статья о Customer Journey Map от UXa из Касперского
copylove/customer-journey-map-8a5ac61d6b5e" rel="nofollow">https://medium.com/@copylove/customer-journey-map-8a5ac61d6b5e
Небольшая заметка о новой функции скетча «Libraries». С ее помощью вы можете переносить символы между несколькими документами и делиться ими. Сами библиотеки являются синхронизируемыми файлами, т.е. если один человек их обновит, то у другого появится уведомление в скетче.
https://medium.com/sketch-app-sources/sketch-new-features-sketch-libraries-what-is-it-c793a996798b
Заметка о том, как фейсбук заставляет проводить больше времени на сайте за счет небольших интерфейсных изменений. Дальше, рассказывается о «темных паттернах» и в конце поднимается вопрос об этичности такого поведения. Статья написана больше для недизайнеров, но в ней задается разумный вопрос.
P.S. У самого Quartz есть бесконечная подгрузка статей после прочитанной, что по сути является одним из способом удержания пользователя.
https://qz.com/1058674/facebook-news-feed-design-and-dark-ux-are-turning-us-into-sleep-deprived-internet-addicts/
Плагин для скетча, который округляет пиксели до целых значений
https://github.com/swiadek/pixel-perfecter-sketch-plugin
Можно ли отнести уведомления к «темным паттернам»? Да, если это псевдо-уведомления, которые не несут полезной информации и манипулируют пользователям ради выгоды компании.
http://trydesignlab.com/blog/are-notifications-a-dark-pattern-ux-ui/
Список разрешений айфонов и то, как они отрисовываются
https://www.paintcodeapp.com/news/ultimate-guide-to-iphone-resolutions
Как перестать делать оптическое выравнивание на глаз и начать жить. Внутри помимо прочего есть решения для фотошопа и скетча
https://habrahabr.ru/company/badoo/blog/333992/
Почему Шилов – плохой художник, а Брюллов – хороший? Но для меня статья, скорее, про другое — как отличать плохое от хорошего. Ведь если абстрагироваться от темы искусства, все уровни понимания легко переносятся на дизайн.
http://shakko-kitsune.livejournal.com/1109534.html
Michael Wolf рассказывает почему ему нравится фотографировать здания и улочки Гонконга
https://www.youtube.com/watch?v=odDytLBzTog
Что такое «одна кнопка» в дизайн-системе? Куча параметров, денег и человекочасов. Хотя, расчеты с деньгами выглядят немного притянутыми за уши.
https://medium.com/eightshapes-llc/and-you-thought-buttons-were-easy-26eb5b5c1871
Юзабилити рейтинг iOs-приложений 15 банков в 2017 году. Упор сделан на тренды в функциональности, юзабилити и доступности.
https://www.slideshare.net/Dimac_by/ios-2017-usabilitylab
Игорь Шевченко в своем блоге рассказал, какими должны быть интерфейсные подсказки (microcopy). Кратко:
— Точными
— Полезными
— Человечными
— Короткими
— Самодостаточными
— Уместными
— Целостными
— Грамотными
— Необходимыми
http://igorshevchenko.ru/blog/entries/interface-copy
Платное приложения для мака, которое позволяет быстро и удобно проверять цвета на контраст
https://usecontrast.com/
Несколько рекомендаций по проектированию кнопки «Наверх» (back-to-top), которая отправляет вас на самый верх на длинных страницах:
— Используйте кнопку только для страниц длиннее 4 экранов
— Помещайте кнопку в нижний правый угол
— Используйте только одну залипающую кнопку
— Сделайте так, чтобы кнопка не перекрывала важные элементы страницы
— Выделите кнопку визуально, не позволяйте ей слиться с окружением
— Не показывайте кнопку сразу, а дождитесь действий от пользователя явно сообщающих о том, что он хочет проскроллить
— Сделайте кнопку неподвижной
Детальнее — https://www.nngroup.com/articles/back-to-top/
Антон Жиянов подкидывает интерфейсные задачки своим подписчикам в телеграме, а затем рассказывает у себя в блоге об интересных решениях. Там много практической годноты
https://antonz.ru/tag/puzzle/
На рынке появился новый инструмент для прототипирования. По роликам выглядит интересно и адаптивно, пока не щупал.
https://studio.design/
Плагин для скетча для массового переименовывания слоев, артбордов, символов, людей, планет, галактик — https://github.com/rodi01/RenameIt
Читать полностью…
Илья Варламов рассказывает, как грамотное проектирование улиц поможет спасти тысячи жизней
https://www.youtube.com/watch?v=1NRPhCN-5XA
Насколько сильно можно сделать текст серым на белом фоне, чтобы он остался читаемым
http://jxnblk.com/grays/
Интервью с Александрой Корольковой (написала книгу «Живая типографика», разрабатывала шрифты PT Sans, PT Serif, Circe) о шрифтах и типографике
https://typejournal.ru/articles/Korolkova-Interview
VR/AR Starter Pack
http://www.doriandargan.com/writing/2017/8/3/vrar-resources
Все главные направления архитектуры от древних веков до наших дней. Для каждого стиля указаны краткое описание и типичные элементы
http://arzamas.academy/mag/446-arch
Руководство от команды Google Design для начинающих по навигации в приложениях на андроиде. Написано лучше, чем в официальных гайдах.
https://medium.com/google-design/a-primer-on-android-navigation-75e57d9d63fe
Внезапно наткнулся в iOS-гайдах на интересную реализацию онлайна и оффлайна для людей с дальтонизмом
Be aware of colorblindness. Many colorblind people, for example, find it difficult to distinguish red from green (and either color from gray), or blue from orange. Avoid using these color combinations as the only way to distinguish between two states or values. For example, instead of using red and green circles to indicate offline and online, you could use a red square and a green circle. Some image-editing software includes tools that can help you proof for colorblindness.
Как конвертировать Sketch-файл в .psd. Нужны Sketch, Photoshop, Affinity Designer. Недостаток: все текстовые и векторные слои будут растровыми.
http://sketchapp.me/kak-konvertirovat-fajl-sketch-v-mnogoslojnyj-photoshop-fajl/
Про каналы. Вот тут большой список классных каналов про дизайн, продукты, аналитику и разное вдохновение. Большинство этих каналов я читаю каждую неделю, если не каждый день. Подписывайтесь и вы.
*Список будет постоянно пополняться. Если что-то интересное, на ваш взшляд, должно там оказаться → ✍️ @alexivanov.
http://telegra.ph/Telegram-kanaly-pro-dizajn-produkty-i-strategiyu-07-18