Приложение для Sketch - Open Color Tools, поможет работать с цветами в документе осмысленно. Основные фишки приложения - менеджер палитр формата OCO, и их экспорт в CSS, Swift, JSON. Можно привязывать цвета к объектам в документе и изменять цветовые схемы в пару кликов.
Подробный обзор плагина по ссылке - http://sketchapp.me/osmyslennyj-vybor-cveta-v-dizajne/
#sketch
Как жить дизайнеру в эпоху развития искусственного интеллекта и почему нужно учиться социологии и психологии. В статье так же представлена подборка других материалов на тему AI и его развития http://www.hugeinc.com/ideas/perspective/the-designers-ai-study-guide
Читать полностью…Плагин, который приносит возможность ресайза символов в Illustrator http://westonthayer.com/writing/2016/07/27/layout-experiments-in-adobe-illustrator/
#tool
Главный и единственный в команде дизайнер продукта Missive рассказывает, как он в течении двух лет работал над созданием продукта. Ему удалось поработать над созданием логотипа, иконок, приложений для нескольких платформ и веб, и провести ряд редизайнов
http://sketchapp.me/process-sozdaniya-produkta-ot-dizajnera-missive/#.V6lkYd67ke0.vk
Tin Kadoic из дизайн агентства Five рассказывает, как создавать качественные прототипы, как их презентовать клиентам, собирать хороший фидбек и избегать распространённых ошибок https://blog.five.agency/where-prototypes-fail-be4a95f7d9a0#.x4ozdno5d
Читать полностью…Почему нужно избегать использования скрытого меню. Скрытое меню - как меню гамбургер, что оно скрывает за собой непонятно, но в нём могут быть опции, которые нужны пользователю https://medium.freecodecamp.com/stop-the-overuse-of-overflow-menus-5caa4b54e843#.poeszscwz
Читать полностью…Практические рекомендации по созданию эффективных форм. Материал основан на статистике юзабилити-тестирования, отслеживания глаз пользователей во время заполнения форм и их отзывов.
https://uxplanet.org/10-rules-for-efficient-form-design-e13dc1fb0e03#.ofv7zjmi9?utm_content=kuku.io&utm_medium=social&utm_source=telegram&utm_campaign=kuku.io
Шпаргалка по выбору инструмента для создания прототипов в дополнение к предыдущему посту
Читать полностью…Интерес к покемонам не угасает, поэтому предлагаю прочитать статью о том, какие проблемы опыта взаимодействия есть в игре и как их можно было бы улучшить https://medium.com/theuxblog/our-pok%C3%A9mon-go-user-experience-fixes-1573b4debf50#.o21zbcozd
Читать полностью…Перевод статьи, как digital-агентство AREA 17 использует для веб дизайна исключительно Adobe Illustrator. Думаю материал будет полезен, тем кто подумывает перебраться в эту среду. http://www.cossa.ru/olympia/136878/
Читать полностью…Воскресенье. Значит можно немного отдохнуть и почитать отвлеченный материал на тему, с чего начиналась история дизайна мобильных приложений. Как говорится в подзаголовке статьи "От змейки к футуристичным приложениям"
http://blog.proto.io/brief-history-mobile-app-design/
Компания Airbnb рассказала как они создавали для своего продукта единый визуальный язык, который был бы унифицирован для различных платформ. http://sketchapp.me/vizualnyj-yazyk-ot-kompanii-airbnb/
Читать полностью…Перевод статьи, как правильно запрашивать разрешения в приложении. Основное правило, никогда не закидывайте пользователя запросами при первом запуске приложения, старайтесь предлагать их в те моменты, когда это нужно для работы. https://habrahabr.ru/post/305948/
Читать полностью…Intercom поделились основными принципами проектирования бота. Всё управление и общение с ботом должно быть простым и удобным, не стоит маскировать бота под человека и внедрять слишком много функций для работы.
https://medium.com/intercom-inside/8-principles-of-bot-design-51f03df1d84c#.rnv7qu3tq
Андрей Лукьяненко ( https://twitter.com/MadOnion ) поделился полезной шпаргалкой по дизайн инструментам. Прикрепил файл ниже.
Читать полностью…О важности настроек по умолчанию и почему стоит о них помнить
https://psmag.com/how-default-settings-rule-the-world-287cbe218018
Интересное мнение по использованию обращений "я, мой, твой" в интерфейсах.
John Saito считает, что использовать "я, мой" лучше при подписях на интерактивных элементах, и в тех случаях когда нужно внести ясность. "Вы, ваш" лучше подходит, когда к примеру задаются вопросы или предоставляется инструкции.
jsaito/is-this-my-interface-or-yours-b09a7a795256" rel="nofollow">https://medium.com/@jsaito/is-this-my-interface-or-yours-b09a7a795256
Небольшие советы по правильному оптическому выравниванию различных объектов https://blog.marvelapp.com/optical-adjustment-logic-vs-designers/
Читать полностью…Немного о экранной типографике, и результатах проведенного исследования с какими параметрами текста комфортней читать с экрана
https://uxplanet.org/typographical-dilemmas-the-experiment-on-positive-online-reading-experience-78e2f1897109?gi=5d111807fb50
Выходное чтение на тему того, куда будет развиваться дизайн в будущем, и что нужно знать, чтобы не сбиться с карьерного пути из-за быстрого развития технологий. На эти и другие вопросы отвечают руководители и дизайнеры различных компаний http://99u.com/articles/54058/the-future-of-design-and-how-to-prepare-for-it
Читать полностью…Для дизайнеров, которые работают в Sketch будет полезно приложение Crystal. Это неофициальный клиент для просмотра дизайн макетов на Android смартфонах. https://play.google.com/store/apps/details?id=com.smithyproductions.crystal
#sketch #tool
Сравнительный анализ размера выходного файл PNG на примере белого пикселя. В тестах использовались Photoshop, Sketch, Affinity Designer и Illustrator. Самый лёгкий файл на выходе получился в Photoshop при сохранении через меню Quick Export и Export as PNG24. Самый тяжёлый через Photoshop Generator https://bjango.com/articles/pngoptimisation/?utm_content=kuku.io&utm_medium=social&utm_source=telegram&utm_campaign=kuku.io
Читать полностью…Каждый инструмент прототипирования должен подбираться конкретно под саму задачу и не стоит ограничиваться каким либо одним. Именно об этом рассказывает в небольшой статье Joe Salowitz https://blog.prototypr.io/14-prototyping-tools-how-each-can-be-used-1c804fab33a6#.4joa3eixx
Читать полностью…Что такое Microcopy и почему написание правильного текста улучшает взаимодействие с интерфейсом.
https://www.smashingmagazine.com/2016/07/getting-practical-with-microcopy/
Samsung представили новую, универсальную гарнитуру для всех своих продуктов под названием SamsungOne https://news.samsung.com/global/design-story-samsungone-the-new-universal-typeface-for-samsung
Читать полностью…Думаю дизайнеры, которые работают в Sketch уже попробовали новую умную функцию ресайза символов и групп. Peter Nowell в своем блоге рассказал, как работает каждая опция более детально.
https://medium.com/sketch-app-sources/sketch-39-resizing-cheat-sheet-feec0450e7e2#.newij55d1
#sketch
Мне очень нравится тема разговорных интерфейсов. Считаю, что данный вид управления в разы удобней в некоторых ситуациях, чем обычное нажатие на кнопочки, и гораздо понятней для пользователя. В статье рассматривается текущее состояние таких интерфейсов и их проблемы на примерах некоторых приложений.
https://www.smashingmagazine.com/2016/07/conversational-interfaces-where-are-we-today-where-are-we-heading/
Patryk Adaś считает, что текущее состояние истории браузера слишком неудобно в использовании и предлагает весьма интересное решение этой проблемы. Группировать посещенные ссылки и визуально отображать все переходы по ним. Результаты поисковых запросов так же сохранять по теме, вида “как помыть кота” и группировать в отдельном разделе.
https://medium.freecodecamp.com/browserhistory-2abad38022b1#.ion3o7kv0
Nielsen Norman Group опубликовали результаты исследования, что пользователи почти в шесть раз чаще ошибаются при возврате на домашнюю страницу сайта, если логотип размещен по центру. Для снижения этих ошибок они рекомендуют размещать логотип слева.
https://www.nngroup.com/articles/centered-logos/
Nielsen Norman Group опубликовали результаты анализа, что скрытое меню вредит пользовательскому взаимодействию. Они провели ряд тестов с использованием скрытой, частично-скрытой и видимой навигацией на десктопе и мобильном устройстве.
По результатам оказалось, что люди более склоны к использованию навигации на всех типах устройств, когда она видима или частично-скрыта. Скрытая навигация требовала больше времени по работе с ней и снижала время обнаружения нужного контента, чем при использовании частично-скрытой и видимой навигации. При скрытой навигации люди выполняли поставленые задачи на 39% медленней на рабочем столе и на 15% медленней на мобильном устройстве.
Использование гамбургер меню на десктопе менее эффективно чем на мобильном устройстве. Проблема такого меню заключается: во-первых простая иконка с тремя полосками не несет никакой информации пользователю, что скрыто за ней и для того, что бы это выяснить, пользователю приходится совершать дополнительные действия для нажатия. Во-вторых пользователи десктопа могут просто не замечать маленький индикатор на большом экране, об этом сообщали некоторые респонденты во время тестов.
Основные рекомендации по созданию навигации. Для десктопа лучше отказаться от скрытой навигации (гамбургера) в пользу видимой. Для мобильного так же лучше не скрывать навигацию, а отображать полностью основные пункты навигации меню если их четыре или меньше. Если пунктов меню больше, то лучше скрыть часть из них.
https://www.nngroup.com/articles/hamburger-menus/