Hi-Tech

Новая дизайн-система Microsoft, советы по упрощению интерфейсов, памятка по описанию анимации и другие новости за май

Новая дизайн-система Microsoft, советы по упрощению интерфейсов, памятка по описанию анимации и другие новости за май — Дизайн на vc.ru

Свежее

Вакансии

Написать

Уведомлений пока нет

Пишите хорошие статьи, комментируйте,
и здесь станет не так пусто

Войти

Традиционный дайджест директора по дизайну Mail.ru Group Юрия Ветрова.

В закладки

Собрал то, что касается дизайнеров: Android Q (тёмная тема, управление жестами, гибкие экраны, звуки в интерфейсе, плавающий мессенджер, smart reply для всех), лекции для дизайнеров и обновления Material Design, Google Assistant. Ежегодная презентация достижений гуглового хозяйства Google I/O 2019 прошла 7-9 мая в Mountain View.

Аудит существующих решений, ключевые переменные и шкалы, характер и принципы, спецификация. Шикарная памятка по описанию анимации в дизайн-системах от Калеба Барклай.

Часто это приводит к вынужденному мнению, что «наши пользователи — это примерно всё, так что ничего не попишешь». Кэтрин Вайтентон рассуждает на тему массовых продуктов, где сложно сегментировать пользователей. Она советует попробовать разделять их как минимум по частоте использования — это хороший первый шаг.

Новые электронные и бумажные книги по дизайну интерфейсов снова просятся на ваши полки.

Ловите полдюжины уже доступных и столько же анонсированных до конца года: Райан Маклеод “Animation Handbook”, второе издание “Onboarding” от Intecom, Энди Кларк “Art Direction for the Web”, Лиза Мария Мартин “Everyday Information Architecture”, Джули Зуо “The Making of a Manager”, Лара Хоган “Resilient Management”, анонсы от Rosenfeld Media.

Принципы, паттерны и отличная модель уместности. Адам Доти из Salesforce рассказывает об описании интерфейсных звуков в их дизайн-системе Lightning.

Тренировка навыков аргументации — сайт задаёт тренировочные вопросы дизайнеру, которые помогают отвечать на критику дизайна.

Это помогает склеивать их между собой, лучше интегрировать железную и программную части устройств, быстрее искать новые решения для дизайн-системы и внедрять её на практике. Рассказ об изменениях в дизайн-культуре и организационных процессах Microsoft, которые помогают объединять команды разных продуктов. Перевод.

8. Новые инструменты дизайна

  • Sketch 55: простой способ менять расстояния в группе объектов, просмотр кода SVG, улучшение печати и интерфейса в целом. Плагины: Method сверяет отступы в макетах на соответствие 8-пиксельному микромодулю, Iconscout позволяет быстро найти иконки и иллюстрации для макета, AEUX экспортирует макеты в After Effects.
  • Adobe XD: майское обновление. Компоненты переработаны в более зрелую версию вместе с более системной работой со стилями, много улучшений интерфейса.
  • Figma: Роман Камушкин описывает несколько подходов к созданию таблиц. Смотрите также шаблоны для рисования диаграмм в Sketch и Figma.
  • Project Cue: онлайн-инструмент для анимации, облегчающий её передачу разработчикам. Позволяет использовать JSON из плагинов вроде Bodymovin' для After Effects и докрутить результат. Анонс от авторов.
  • Framer X: наконец-то вышел Framer Bridge, позволяющий подключить компоненты из технологического фреймворка. Они синхронизируются с компонентами Framer (которые теперь используют Git для версионирования). Также запустился Framer Playground с новым редактором кода для создания своих компонентов.
  • Marvel: вышла третья версия корпоративного пакета инструмента. Собрали вместе все последние запуски вроде юзабилити-тестирования, которые помогают с организацией проектов и управлением организацией в целом.
  • Évolt: сервис позволяет вести работу по концептуальному проектированию интерфейсов. Описание персонажей, сценариев, customer journey map, ну и мудборды в придачу.
  • Baselance: сервис позволяет хранить базу фрилансеров с контактами, портфолио, ценниками. Импорт данных из Behance, Vimeo, Soundcloud, Instagram, GitHub и Artstation.
  • Useberry: сервис помогает проводить юзабилити-тестирование интерактивных прототипов (и даже собрать их внутри).
  • Concepts: планшетное приложение для скетчей и иллюстраций.
  • WBO: ещё одна маркерная доска для совместной работы в браузере.
  • Octopus: сервис для создания простых карт сайта в браузере.
  • UserGuiding: сервис для создания обучающих приёмов при встрече нового пользователя. Всплывающие подсказки, пульсары, визарды и другие популярные паттерны с аналитикой всего сценария.
  • remove.bg: вышли приложения дляWindows, Mac и Linux.
  • Bildr: ещё один сервис, который обещает объединить дизайн и генерацию готового кода из него.
  • DesignGapp: сервис для создания статических гайдлайнов.
  • Abstract: Джо Вудварт из команды Microsoft Outlook описывает их дизайн-процесс на базе связки Sketch и Abstract.

9. UX Research Collective

Они ведут толковый журнал на Medium, где публикуют интервью со всеми докладчиками конференции: Менди Оуэн из Airbnb, Монел Чокши из Lyft, исследователи Shopify и Патти Чарльзсон из Mailchimp рассказали о структуре команд, интеграции с продуктовыми командами, роли исследований в культуре компании и развития рынка в целом. 6-7 июня в Торонто прошла конференция Strive о пользовательских исследованиях.

Крис Гисон из AnswerLab — о своём видении профессиональных трендов и вызовов.

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

Они делятся на четыре категории: продуктивность, здоровье команды, результаты работы и рост. Arturo Leal Артуро Леаль из Dell описывает модель метрик для оценки эффективности работы дизайн-команды.

Идеальное состояние, пустое, загрузка, частичное, неидеальное, интерактивное, ошибки, успех. Памятка по дизайну состояний интерфейса от Шейн.

Нейтан Кёртис подробно рассказывает о лучших практиках описания типографики в дизайн-системах.

Они разделены по отраслям и конкретным проблемам. Джефф Сауро исследовал ситуации, в которых клиенты обращаются в службу поддержки.

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

Толковый системный подход помогает разобрать потенциальные сложности в продукте. Советы Девида Хога из Google по упрощению интерфейсов.

Советы Марии Росала из Nielsen Norman Group по грамотному формату и моменту запроса разрешений на использование функций смартфона у пользователей.

Он собрал главные хиты в одном материале. Пабло Стенли уже несколько лет делает серию комиксов о дизайнерах на сайте The Design Team.

В одной из статей Иван Соловьёв рассказывает о карте компетенций для дизайнеров в компании. Блог дизайн-команды DocDoc.

Джейк Блейкели из Facebook рассказывает о том, как начал заниматься интерфейсами виртуальной и дополненной реальностей.

Помогает ли она найти информацию за приемлемое количество действий. Джефф Сауро рассказывает о метрике «потерянности» пользователей — она позволяет оценить навигацию на сайте.

В нём, как обычно, много новых материалов по дизайну, дизайн-системам, инструментам дизайна, свежих скриптов и прочего. Читайте полную версию дайджеста в моём блоге. Вы также можете получать свежие обзоры по почте. За свежими ссылками также можно следить в группе на Facebook, сообществе во «ВКонтакте» или канале в Telegram — спасибо всем, кто помогает наполнять дайджест.

Материал опубликован пользователем. Нажмите кнопку «Написать», чтобы поделиться мнением или рассказать о своём проекте.

Написать

Блоги компаний

Показать еще

Push-уведомления

{ "page_type": "article" }

["\u041a\u043e\u043c\u0430\u043d\u0434\u0430 \u043a\u0430\u043b\u0438\u0444\u043e\u0440\u043d\u0438\u0439\u0441\u043a\u043e\u0433\u043e \u043f\u0440\u043e\u0435\u043a\u0442\u0430
\u043e\u043a\u0430\u0437\u0430\u043b\u0430\u0441\u044c \u043d\u0435\u0439\u0440\u043e\u043d\u043d\u043e\u0439 \u0441\u0435\u0442\u044c\u044e","\u041d\u0435\u0439\u0440\u043e\u043d\u043d\u0430\u044f \u0441\u0435\u0442\u044c \u043d\u0430\u0443\u0447\u0438\u043b\u0430\u0441\u044c \u0447\u0438\u0442\u0430\u0442\u044c \u0441\u0442\u0438\u0445\u0438
\u0433\u043e\u043b\u043e\u0441\u043e\u043c \u041f\u0430\u0441\u0442\u0435\u0440\u043d\u0430\u043a\u0430 \u0438 \u0441\u043c\u043e\u0442\u0440\u0435\u0442\u044c \u0432 \u043e\u043a\u043d\u043e \u043d\u0430 \u043e\u0441\u0435\u043d\u044c","\u041f\u0440\u0438\u043b\u043e\u0436\u0435\u043d\u0438\u0435-\u043f\u043b\u0430\u0446\u0435\u0431\u043e \u0441\u043a\u0430\u0447\u0430\u043b\u0438
\u0431\u043e\u043b\u044c\u0448\u0435 \u043c\u0438\u043b\u043b\u0438\u043e\u043d\u0430 \u0440\u0430\u0437","\u041a\u043e\u043c\u043f\u0430\u043d\u0438\u044f \u043e\u0442\u043a\u0430\u0437\u0430\u043b\u0430\u0441\u044c \u043e\u0442 email
\u0432 \u043f\u043e\u043b\u044c\u0437\u0443 \u043e\u0431\u0449\u0435\u043d\u0438\u044f \u043f\u0440\u0438 \u043f\u043e\u043c\u043e\u0449\u0438 \u043c\u0435\u043c\u043e\u0432","\u0425\u0430\u043a\u0435\u0440\u044b \u0441\u043c\u043e\u0433\u043b\u0438 \u043e\u0431\u043e\u0439\u0442\u0438 \u0434\u0432\u0443\u0445\u0444\u0430\u043a\u0442\u043e\u0440\u043d\u0443\u044e
\u0430\u0432\u0442\u043e\u0440\u0438\u0437\u0430\u0446\u0438\u044e \u0441 \u043f\u043e\u043c\u043e\u0449\u044c\u044e \u0443\u0433\u043e\u0432\u043e\u0440\u043e\u0432","\u0413\u043e\u043b\u043e\u0441\u043e\u0432\u043e\u0439 \u043f\u043e\u043c\u043e\u0449\u043d\u0438\u043a \u0432\u044b\u043a\u0443\u043f\u0438\u043b
\u043a\u043e\u043c\u043f\u0430\u043d\u0438\u044e-\u0441\u043e\u0437\u0434\u0430\u0442\u0435\u043b\u044f"]

Команда калифорнийского проекта
оказалась нейронной сетью

Подписаться на push-уведомления

Показать больше

Похожие статьи

Добавить комментарий

Ваш e-mail не будет опубликован. Обязательные поля помечены *

Кнопка «Наверх»
Закрыть