Новый инструмент в копилку приложений для прототипирования - 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
Как жить дизайнеру в эпоху развития искусственного интеллекта и почему нужно учиться социологии и психологии. В статье так же представлена подборка других материалов на тему 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
Читать полностью…Концепт, как сделать опрос в мобильном приложении интересным, а сам процесс увлекательным.
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
Интересное мнение по использованию обращений "я, мой, твой" в интерфейсах.
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
Читать полностью…