duiux | Art and Photo

Telegram-канал duiux - dui

8162

Блог о продуктовом дизайне. По рекламе — https://bit.ly/46IJwSH Канал с вакансиями — @dui_work Канал в Дзен — https://dzen.ru/dui Автор: @astract Поддержать канал https://t.me/duiux/1481

Subscribe to a channel

dui

Приложение для Sketch - Open Color Tools, поможет работать с цветами в документе осмысленно. Основные фишки приложения - менеджер палитр формата OCO, и их экспорт в CSS, Swift, JSON. Можно привязывать цвета к объектам в документе и изменять цветовые схемы в пару кликов.
Подробный обзор плагина по ссылке - http://sketchapp.me/osmyslennyj-vybor-cveta-v-dizajne/

#sketch

Читать полностью…

dui

Как жить дизайнеру в эпоху развития искусственного интеллекта и почему нужно учиться социологии и психологии. В статье так же представлена подборка других материалов на тему AI и его развития http://www.hugeinc.com/ideas/perspective/the-designers-ai-study-guide

Читать полностью…

dui

Плагин, который приносит возможность ресайза символов в Illustrator http://westonthayer.com/writing/2016/07/27/layout-experiments-in-adobe-illustrator/
#tool

Читать полностью…

dui

Главный и единственный в команде дизайнер продукта Missive рассказывает, как он в течении двух лет работал над созданием продукта. Ему удалось поработать над созданием логотипа, иконок, приложений для нескольких платформ и веб, и провести ряд редизайнов
http://sketchapp.me/process-sozdaniya-produkta-ot-dizajnera-missive/#.V6lkYd67ke0.vk

Читать полностью…

dui

Tin Kadoic из дизайн агентства Five рассказывает, как создавать качественные прототипы, как их презентовать клиентам, собирать хороший фидбек и избегать распространённых ошибок https://blog.five.agency/where-prototypes-fail-be4a95f7d9a0#.x4ozdno5d

Читать полностью…

dui

Почему нужно избегать использования скрытого меню. Скрытое меню - как меню гамбургер, что оно скрывает за собой непонятно, но в нём могут быть опции, которые нужны пользователю https://medium.freecodecamp.com/stop-the-overuse-of-overflow-menus-5caa4b54e843#.poeszscwz

Читать полностью…

dui

Практические рекомендации по созданию эффективных форм. Материал основан на статистике юзабилити-тестирования, отслеживания глаз пользователей во время заполнения форм и их отзывов.
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

Читать полностью…

dui

Шпаргалка по выбору инструмента для создания прототипов в дополнение к предыдущему посту

Читать полностью…

dui

Интерес к покемонам не угасает, поэтому предлагаю прочитать статью о том, какие проблемы опыта взаимодействия есть в игре и как их можно было бы улучшить https://medium.com/theuxblog/our-pok%C3%A9mon-go-user-experience-fixes-1573b4debf50#.o21zbcozd

Читать полностью…

dui

Перевод статьи, как digital-агентство AREA 17 использует для веб дизайна исключительно Adobe Illustrator. Думаю материал будет полезен, тем кто подумывает перебраться в эту среду. http://www.cossa.ru/olympia/136878/

Читать полностью…

dui

Воскресенье. Значит можно немного отдохнуть и почитать отвлеченный материал на тему, с чего начиналась история дизайна мобильных приложений. Как говорится в подзаголовке статьи "От змейки к футуристичным приложениям"
http://blog.proto.io/brief-history-mobile-app-design/

Читать полностью…

dui

Компания Airbnb рассказала как они создавали для своего продукта единый визуальный язык, который был бы унифицирован для различных платформ. http://sketchapp.me/vizualnyj-yazyk-ot-kompanii-airbnb/

Читать полностью…

dui

Перевод статьи, как правильно запрашивать разрешения в приложении. Основное правило, никогда не закидывайте пользователя запросами при первом запуске приложения, старайтесь предлагать их в те моменты, когда это нужно для работы. https://habrahabr.ru/post/305948/

Читать полностью…

dui

Intercom поделились основными принципами проектирования бота. Всё управление и общение с ботом должно быть простым и удобным, не стоит маскировать бота под человека и внедрять слишком много функций для работы.
https://medium.com/intercom-inside/8-principles-of-bot-design-51f03df1d84c#.rnv7qu3tq

Читать полностью…

dui

Андрей Лукьяненко ( https://twitter.com/MadOnion ) поделился полезной шпаргалкой по дизайн инструментам. Прикрепил файл ниже.

Читать полностью…

dui

О важности настроек по умолчанию и почему стоит о них помнить
https://psmag.com/how-default-settings-rule-the-world-287cbe218018

Читать полностью…

dui

Интересное мнение по использованию обращений "я, мой, твой" в интерфейсах.

John Saito считает, что использовать "я, мой" лучше при подписях на интерактивных элементах, и в тех случаях когда нужно внести ясность. "Вы, ваш" лучше подходит, когда к примеру задаются вопросы или предоставляется инструкции.

jsaito/is-this-my-interface-or-yours-b09a7a795256" rel="nofollow">https://medium.com/@jsaito/is-this-my-interface-or-yours-b09a7a795256

Читать полностью…

dui

Небольшие советы по правильному оптическому выравниванию различных объектов https://blog.marvelapp.com/optical-adjustment-logic-vs-designers/

Читать полностью…

dui

Немного о экранной типографике, и результатах проведенного исследования с какими параметрами текста комфортней читать с экрана
https://uxplanet.org/typographical-dilemmas-the-experiment-on-positive-online-reading-experience-78e2f1897109?gi=5d111807fb50

Читать полностью…

dui

Выходное чтение на тему того, куда будет развиваться дизайн в будущем, и что нужно знать, чтобы не сбиться с карьерного пути из-за быстрого развития технологий. На эти и другие вопросы отвечают руководители и дизайнеры различных компаний http://99u.com/articles/54058/the-future-of-design-and-how-to-prepare-for-it

Читать полностью…

dui

Для дизайнеров, которые работают в Sketch будет полезно приложение Crystal. Это неофициальный клиент для просмотра дизайн макетов на Android смартфонах. https://play.google.com/store/apps/details?id=com.smithyproductions.crystal
#sketch #tool

Читать полностью…

dui

Сравнительный анализ размера выходного файл 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

Читать полностью…

dui

Каждый инструмент прототипирования должен подбираться конкретно под саму задачу и не стоит ограничиваться каким либо одним. Именно об этом рассказывает в небольшой статье Joe Salowitz https://blog.prototypr.io/14-prototyping-tools-how-each-can-be-used-1c804fab33a6#.4joa3eixx

Читать полностью…

dui

Что такое Microcopy и почему написание правильного текста улучшает взаимодействие с интерфейсом.
https://www.smashingmagazine.com/2016/07/getting-practical-with-microcopy/

Читать полностью…

dui

Samsung представили новую, универсальную гарнитуру для всех своих продуктов под названием SamsungOne https://news.samsung.com/global/design-story-samsungone-the-new-universal-typeface-for-samsung

Читать полностью…

dui

Думаю дизайнеры, которые работают в Sketch уже попробовали новую умную функцию ресайза символов и групп. Peter Nowell в своем блоге рассказал, как работает каждая опция более детально.
https://medium.com/sketch-app-sources/sketch-39-resizing-cheat-sheet-feec0450e7e2#.newij55d1

#sketch

Читать полностью…

dui

Мне очень нравится тема разговорных интерфейсов. Считаю, что данный вид управления в разы удобней в некоторых ситуациях, чем обычное нажатие на кнопочки, и гораздо понятней для пользователя. В статье рассматривается текущее состояние таких интерфейсов и их проблемы на примерах некоторых приложений.
https://www.smashingmagazine.com/2016/07/conversational-interfaces-where-are-we-today-where-are-we-heading/

Читать полностью…

dui

Patryk Adaś считает, что текущее состояние истории браузера слишком неудобно в использовании и предлагает весьма интересное решение этой проблемы. Группировать посещенные ссылки и визуально отображать все переходы по ним. Результаты поисковых запросов так же сохранять по теме, вида “как помыть кота” и группировать в отдельном разделе.


https://medium.freecodecamp.com/browserhistory-2abad38022b1#.ion3o7kv0

Читать полностью…

dui

Nielsen Norman Group опубликовали результаты исследования, что пользователи почти в шесть раз чаще ошибаются при возврате на домашнюю страницу сайта, если логотип размещен по центру. Для снижения этих ошибок они рекомендуют размещать логотип слева.

https://www.nngroup.com/articles/centered-logos/

Читать полностью…

dui

Nielsen Norman Group опубликовали результаты анализа, что скрытое меню вредит пользовательскому взаимодействию. Они провели ряд тестов с использованием скрытой, частично-скрытой и видимой навигацией на десктопе и мобильном устройстве.

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

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

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

https://www.nngroup.com/articles/hamburger-menus/

Читать полностью…
Subscribe to a channel