В честь пятницы, отвлекусь от дизайна и поделюсь переводом статьи, почему нужно любить свою работу и жизнь, и не надо пытаться разделять эти два понятия. Занимайтесь тем, что приносит вам удовольствие и вы будете любить свое дело и даже понедельники.
Скажу за себя, что я очень люблю свою работу. А вы?
http://sketchapp.me/balans-raboty-i-zhizni-polnaya-chush/
Дизайнер Joe Blau представил своё видение символа, который символизирует контекст, в котором компьютер берёт часть управления на себя. С развитием умных систем, пользователю важно понимать, когда работает машина.
К примеру, символ может быть активен, когда термостат автоматически регулирует температуру в доме на основании вашего прибытия или ухода.
https://blog.joeblau.com/symbol-for-context
Как маленькие детали дизайна, могут улучшить пользовательский опыт в мобильном приложении.
Вот например некоторые из них. Если на запуск приложения требуется время, можно показать пользователю на момент ожидания, красивую splash заставку или прогресс бар. Не стоит забывать про дизайн пустых экранов, показывайте на них нужную в текущий момент информацию. На период загрузки контента, можно использовать превью информации, к примеру как делает Medium во время загрузки изображений в статье (он их блюрит, но мы понимаем, что тут будет картинка). Создавайте анимированный фидбек, но не превращайте приложение в мультфильм.
https://uxplanet.org/little-big-details-for-your-mobile-app-6ec1ca615abc#.uohis7cv5
Старая, но не теряющая актуальность статья, о фундаментальных принципах проектирования интерфейсов http://ashapiro.ru/translations/tog-first-principles/
Читать полностью…Новый инструмент в копилку приложений для прототипирования - C4 Studio (правда пока в состоянии альфа). С4 Studio поможет анимировать дизайн и генерировать код для разработчиков. Обзор по ссылке - http://sketchapp.me/reliz-alfa-versii-c4-studio-novyj-instrument-dlya-prototipirovaniya/
#tool
Большой обзор трёх популярных сервисов для передачи дизайна разработчикам: Avacode, Zeplin, Sympli. Отдельно приложу картинку из статьи по сравнению возможностей сервисов https://www.smashingmagazine.com/2016/08/pixel-perfect-specifications-without-the-headaches/
Читать полностью…Лаборатория MailRu проанализировала iPad-интерфейс на примере своего почтового приложения, с точки зрения физиологии. Насколько удобно работать с приложением на планшете в разных позах и какие сложности возникают у пользователей в процессе работы.
Процитирую из статьи основные сложности:
1. За кнопкой приходится тянуться, т.е. менять удобное положение удержания ipad.
2. Чтобы нажать, приходится менять палец
3. Чтобы нажать, приходится менять руку
4. Руку приходится неестественно выгибать
5. Палец приходится неестественно выгибать
6. Рука, тянущаяся к кнопке, перекрывает экран
По ссылке рекомендации по решению этих проблем и карта безопасных зон.
https://habrahabr.ru/company/mailru/blog/268641/
Юрий Ветров подготовил отчет о курсе Future London Academy по UX и продуктовому дизайну. В котором принимали участие именитые дизайн студии
http://www.jvetrau.com/fla-2016/
Несколько простых советов по созданию experience map.
Для создания хорошего продукта мало проводить интервью с респондентами и различные тесты. Нужно почувствовать продукт, разбираться и понимать сферу в которой он будет использоваться.
Здесь автор статьи приводит аналогию с покупкой автомобиля. Прежде вы соберете информацию в сети и от знакомых, но для окончательного решения вы попробуете авто в ближайшем салоне и сформируете личное мнение. https://uxdesign.cc/how-to-useful-emotional-maps-in-3-easy-steps-ux-research-2c0f367dda83
Антон Григорьев опубликовал конспект выступления Дарьи Федотовой из сбертеха про "Гембу". Гемба - одна из методик 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
В дополнении к предыдущему посту о контрасте цвета, хочется поделиться ещё одной статьёй автора. О том, почему стоит давать цветам в палитре осмысленные имена, вместо обычного hex кода. Суть - работать и ссылаться на нужный цвет станет проще и удобней.
https://www.viget.com/articles/naming-colors
Google обновил гайдлайны под Android N https://material.google.com/material-design/whats-new.html
Читать полностью…В честь дня рождения Principle, вышло обновление 2.0.
Появилась возможность создавать компоненты и использовать их в других документах. Иными словами, теперь не нужно создавать каждый раз в новом документе переключатель. Можно сделать его один раз и сохранить в файл для дальнешего использования. Также изменилась модель обновлений, теперь в течение года после покупки приложения, будут приходить все обновления бесплатно.
http://principleformac.com/posts/principle-two.html
Адаптивный набор iOS 10 компонентов в формате Sketch. Поможет быстро создавать дизайн для iPhone и iPad. http://guikit.design/?utm_source=DesignCode
#sketch
Приложение для Sketch - Open Color Tools, поможет работать с цветами в документе осмысленно. Основные фишки приложения - менеджер палитр формата OCO, и их экспорт в CSS, Swift, JSON. Можно привязывать цвета к объектам в документе и изменять цветовые схемы в пару кликов.
Подробный обзор плагина по ссылке - http://sketchapp.me/osmyslennyj-vybor-cveta-v-dizajne/
#sketch
Игорь Штанг написал пост, о правильной компоновке текста. Так как мы читаем слева направо, начиная с левой верхней точки, то этого правила стоит придерживаться и при форматировании текста. И как несоблюдение этих вещей, виляет на наше впечатление.
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
Лаборатория UX исследований Mailru, опубликовала на хабре подробную инструкцию по планированию юзабилити тестирования в двух частях.
В первой части говорится о формулировке целей, выборе метода тестирования и инструментах - https://habrahabr.ru/company/mailru/blog/307556/
Во второй части, описывается составление сценария тестирования, продумывание заданий и вопросов - https://habrahabr.ru/company/mailru/blog/308054/
Отрезвляющая статья о паттернах в интерфейсах https://medium.com/p/patternornotpattern-3793a07000f7
Читать полностью…Концепт, как сделать опрос в мобильном приложении интересным, а сам процесс увлекательным.
http://sketchapp.me/dizajn-oprosnika-v-mobilnom-prilozhenii-kak-vyzvat-emocii-u-polzovatelya/#.V8XESwq0SDo.vk
О дизайне восприятия. Почему дизайн должен оставлять впечатления для пользователя и не быть простым набором кнопок и ссылок
https://medium.com/ux-related-ru/8dab7912a149
Кто нибудь уже пытался или думал о разработке приложений для телевизора? Если да, то эта статья даст вам ряд базовых советов на старте.
Это первая часть из серии постов на тему создания интерфейсов для умных телевизоров. Об особенностях размера экрана и безопасной зоне для дизайна ui, типографике, навигации на разных платформах android tv, tvOS и способах ввода. В конце есть список на гайдлайны основных платформ.
https://medium.com/this-also/designing-for-television-part-1-54508432830f
Написал пост о том, какие плагины для 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
Читать полностью…Первый экран, который видят пользователи во многих сервисах и приложениях - это экран регистрации. Nick Babich в своей статье делиться советами по созданию эффективной формы регистрации. https://uxplanet.org/how-to-craft-effective-registration-f27caf633936#.ls9i1vxje
Читать полностью…Tom Osborne в своей небольшой статье рассказывает о важности цветового контраста во время чтения с экрана. Приводит ряд небольших советов по подбору цвета и рассказывает о сервисе, который оценивает цветовой контраст. Также у него можно найти другие полезные статьи по работе с цветом.
https://www.viget.com/articles/color-contrast
Flinto проводит акцию, при покупке их продукта бесплатно дарят Sketch flinto.com/sketch_deal?mc_cid=d416cfa36c&mc_eid=37046e3ce7
Читать полностью…Пять дизайн принципов для создания продуктов в сфере eHealth.
Обучайте пользователя работе с сервисом в контексте, а не при первом запуске (об этом уже не раз говорилось, когда речь касается онбординга). Используйте разные типы ввода информации, датчики, голос, помогайте правильно структурировать данные и акцентируйте внимание на важных деталях. Очень важно проводить исследования по мере разработки продукта, привлекайте конечных пользователей и экспертов данной сферы.
https://uxdesign.cc/5-principles-for-ehealth-design-3a9c662976a#.btcf9wrrd
Немного правил по улучшению дизайна таблиц. Для лучшего отображения числовых значений подойдут не все шрифты. Поэтому автор статьи рекомендует использовать monospace шрифты или к примеру San Francisco от Apple. Из базовых правил, все числовые значения должны быть выровнены по правой стороне, текстовые значения и заголовки по левой.
https://medium.com/mission-log/design-better-data-tables-430a30a00d8c#.az2e5umw1
О важности настроек по умолчанию и почему стоит о них помнить
https://psmag.com/how-default-settings-rule-the-world-287cbe218018