duiux | Искусство и фото

Telegram-канал duiux - dui

8162

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

Подписаться на канал

dui

В честь пятницы, отвлекусь от дизайна и поделюсь переводом статьи, почему нужно любить свою работу и жизнь, и не надо пытаться разделять эти два понятия. Занимайтесь тем, что приносит вам удовольствие и вы будете любить свое дело и даже понедельники.

Скажу за себя, что я очень люблю свою работу. А вы?
http://sketchapp.me/balans-raboty-i-zhizni-polnaya-chush/

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

dui

Дизайнер Joe Blau представил своё видение символа, который символизирует контекст, в котором компьютер берёт часть управления на себя. С развитием умных систем, пользователю важно понимать, когда работает машина.

К примеру, символ может быть активен, когда термостат автоматически регулирует температуру в доме на основании вашего прибытия или ухода.
https://blog.joeblau.com/symbol-for-context

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

dui

Как маленькие детали дизайна, могут улучшить пользовательский опыт в мобильном приложении.

Вот например некоторые из них. Если на запуск приложения требуется время, можно показать пользователю на момент ожидания, красивую splash заставку или прогресс бар. Не стоит забывать про дизайн пустых экранов, показывайте на них нужную в текущий момент информацию. На период загрузки контента, можно использовать превью информации, к примеру как делает Medium во время загрузки изображений в статье (он их блюрит, но мы понимаем, что тут будет картинка). Создавайте анимированный фидбек, но не превращайте приложение в мультфильм.

https://uxplanet.org/little-big-details-for-your-mobile-app-6ec1ca615abc#.uohis7cv5

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

dui

Старая, но не теряющая актуальность статья, о фундаментальных принципах проектирования интерфейсов http://ashapiro.ru/translations/tog-first-principles/

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

dui

Новый инструмент в копилку приложений для прототипирования - C4 Studio (правда пока в состоянии альфа). С4 Studio поможет анимировать дизайн и генерировать код для разработчиков. Обзор по ссылке - http://sketchapp.me/reliz-alfa-versii-c4-studio-novyj-instrument-dlya-prototipirovaniya/

#tool

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

dui

Большой обзор трёх популярных сервисов для передачи дизайна разработчикам: Avacode, Zeplin, Sympli. Отдельно приложу картинку из статьи по сравнению возможностей сервисов https://www.smashingmagazine.com/2016/08/pixel-perfect-specifications-without-the-headaches/

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

dui

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

Процитирую из статьи основные сложности:
1. За кнопкой приходится тянуться, т.е. менять удобное положение удержания ipad.
2. Чтобы нажать, приходится менять палец
3. Чтобы нажать, приходится менять руку
4. Руку приходится неестественно выгибать
5. Палец приходится неестественно выгибать
6. Рука, тянущаяся к кнопке, перекрывает экран

По ссылке рекомендации по решению этих проблем и карта безопасных зон.
https://habrahabr.ru/company/mailru/blog/268641/

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

dui

Юрий Ветров подготовил отчет о курсе Future London Academy по UX и продуктовому дизайну. В котором принимали участие именитые дизайн студии
http://www.jvetrau.com/fla-2016/

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

dui

Несколько простых советов по созданию experience map.

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

Здесь автор статьи приводит аналогию с покупкой автомобиля. Прежде вы соберете информацию в сети и от знакомых, но для окончательного решения вы попробуете авто в ближайшем салоне и сформируете личное мнение. https://uxdesign.cc/how-to-useful-emotional-maps-in-3-easy-steps-ux-research-2c0f367dda83

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

dui

Антон Григорьев опубликовал конспект выступления Дарьи Федотовой из сбертеха про "Гембу". Гемба - одна из методик ux исследований. В конспекте практические советы по правильному наблюдению за пользователем во время его работы с продуктом.

rofldorf/%D0%B3%D0%B5%D0%BC%D0%B1%D0%B0-%D0%BD%D0%B0%D0%B1%D0%BB%D1%8E%D0%B4%D0%B5%D0%BD%D0%B8%D0%B5-%D0%B7%D0%B0-%D0%BF%D0%BE%D0%BB%D1%8C%D0%B7%D0%BE%D0%B2%D0%B0%D1%82%D0%B5%D0%BB%D1%8F%D0%BC%D0%B8-815a3cf80750" rel="nofollow">https://medium.com/@rofldorf/%D0%B3%D0%B5%D0%BC%D0%B1%D0%B0-%D0%BD%D0%B0%D0%B1%D0%BB%D1%8E%D0%B4%D0%B5%D0%BD%D0%B8%D0%B5-%D0%B7%D0%B0-%D0%BF%D0%BE%D0%BB%D1%8C%D0%B7%D0%BE%D0%B2%D0%B0%D1%82%D0%B5%D0%BB%D1%8F%D0%BC%D0%B8-815a3cf80750

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

dui

В дополнении к предыдущему посту о контрасте цвета, хочется поделиться ещё одной статьёй автора. О том, почему стоит давать цветам в палитре осмысленные имена, вместо обычного hex кода. Суть - работать и ссылаться на нужный цвет станет проще и удобней.
https://www.viget.com/articles/naming-colors

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

dui

Google обновил гайдлайны под Android N https://material.google.com/material-design/whats-new.html

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

dui

В честь дня рождения Principle, вышло обновление 2.0.

Появилась возможность создавать компоненты и использовать их в других документах. Иными словами, теперь не нужно создавать каждый раз в новом документе переключатель. Можно сделать его один раз и сохранить в файл для дальнешего использования. Также изменилась модель обновлений, теперь в течение года после покупки приложения, будут приходить все обновления бесплатно.
http://principleformac.com/posts/principle-two.html

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

dui

Адаптивный набор iOS 10 компонентов в формате Sketch. Поможет быстро создавать дизайн для iPhone и iPad. http://guikit.design/?utm_source=DesignCode
#sketch

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

dui

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

#sketch

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

dui

Игорь Штанг написал пост, о правильной компоновке текста. Так как мы читаем слева направо, начиная с левой верхней точки, то этого правила стоит придерживаться и при форматировании текста. И как несоблюдение этих вещей, виляет на наше впечатление.

https://designpub.ru/%D0%BB%D0%B5%D0%B2%D1%8B%D0%B9-%D0%B2%D0%B5%D1%80%D1%85%D0%BD%D0%B8%D0%B9-%D1%83%D0%B3%D0%BE%D0%BB-d6153f5f3a8b

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

dui

Пополняемая коллекция ссылок для дизайнеров http://www.sansfrancis.co/
#tool

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

dui

Лаборатория UX исследований Mailru, опубликовала на хабре подробную инструкцию по планированию юзабилити тестирования в двух частях.

В первой части говорится о формулировке целей, выборе метода тестирования и инструментах - https://habrahabr.ru/company/mailru/blog/307556/

Во второй части, описывается составление сценария тестирования, продумывание заданий и вопросов - https://habrahabr.ru/company/mailru/blog/308054/

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

dui

Отрезвляющая статья о паттернах в интерфейсах https://medium.com/p/patternornotpattern-3793a07000f7

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

dui

Концепт, как сделать опрос в мобильном приложении интересным, а сам процесс увлекательным.
http://sketchapp.me/dizajn-oprosnika-v-mobilnom-prilozhenii-kak-vyzvat-emocii-u-polzovatelya/#.V8XESwq0SDo.vk

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

dui

О дизайне восприятия. Почему дизайн должен оставлять впечатления для пользователя и не быть простым набором кнопок и ссылок
https://medium.com/ux-related-ru/8dab7912a149

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

dui

Кто нибудь уже пытался или думал о разработке приложений для телевизора? Если да, то эта статья даст вам ряд базовых советов на старте.

Это первая часть из серии постов на тему создания интерфейсов для умных телевизоров. Об особенностях размера экрана и безопасной зоне для дизайна ui, типографике, навигации на разных платформах android tv, tvOS и способах ввода. В конце есть список на гайдлайны основных платформ.

https://medium.com/this-also/designing-for-television-part-1-54508432830f

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

dui

Написал пост о том, какие плагины для Sketch использую в работе. Ссылки и краткое описание прилагается. astract/%D0%BC%D0%BE%D0%B9-%D0%BD%D0%B0%D0%B1%D0%BE%D1%80-%D0%BF%D0%BB%D0%B0%D0%B3%D0%B8%D0%BD%D0%BE%D0%B2-%D0%B4%D0%BB%D1%8F-sketch-cf128c755795" rel="nofollow">https://medium.com/@astract/%D0%BC%D0%BE%D0%B9-%D0%BD%D0%B0%D0%B1%D0%BE%D1%80-%D0%BF%D0%BB%D0%B0%D0%B3%D0%B8%D0%BD%D0%BE%D0%B2-%D0%B4%D0%BB%D1%8F-sketch-cf128c755795

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

dui

Первый экран, который видят пользователи во многих сервисах и приложениях - это экран регистрации. Nick Babich в своей статье делиться советами по созданию эффективной формы регистрации. https://uxplanet.org/how-to-craft-effective-registration-f27caf633936#.ls9i1vxje

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

dui

Всё о SVG и практические советы по его использованию https://svgontheweb.com/ru/

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

dui

Tom Osborne в своей небольшой статье рассказывает о важности цветового контраста во время чтения с экрана. Приводит ряд небольших советов по подбору цвета и рассказывает о сервисе, который оценивает цветовой контраст. Также у него можно найти другие полезные статьи по работе с цветом.
https://www.viget.com/articles/color-contrast

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

dui

Flinto проводит акцию, при покупке их продукта бесплатно дарят Sketch flinto.com/sketch_deal?mc_cid=d416cfa36c&mc_eid=37046e3ce7

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

dui

Пять дизайн принципов для создания продуктов в сфере eHealth.

Обучайте пользователя работе с сервисом в контексте, а не при первом запуске (об этом уже не раз говорилось, когда речь касается онбординга). Используйте разные типы ввода информации, датчики, голос, помогайте правильно структурировать данные и акцентируйте внимание на важных деталях. Очень важно проводить исследования по мере разработки продукта, привлекайте конечных пользователей и экспертов данной сферы.
https://uxdesign.cc/5-principles-for-ehealth-design-3a9c662976a#.btcf9wrrd

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

dui

Немного правил по улучшению дизайна таблиц. Для лучшего отображения числовых значений подойдут не все шрифты. Поэтому автор статьи рекомендует использовать monospace шрифты или к примеру San Francisco от Apple. Из базовых правил, все числовые значения должны быть выровнены по правой стороне, текстовые значения и заголовки по левой.
https://medium.com/mission-log/design-better-data-tables-430a30a00d8c#.az2e5umw1

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

dui

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

Читать полностью…
Подписаться на канал