Мне вдруг стало интересно. Как много из вас уже занимались разработкой голосового интерфейса, интерфейса для VR или AR, или может вы уже проектировали чат ботов?

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

За себя скажу, что не имел опыта работы над продуктами из этих сфер. Хотя хотел бы попробовать себя в проектировании AR приложений.

Символы для голосования:
💬 - Голосовой интерфейс
🕶 - VR или AR интерфейс
🤖 - Чат бот
🦄 - Не делал проекты из этих сфер.

В онлайн журнале telegraf.design вышло интервью с арт-директором и дизайнером Дмитрием Новиковым, и иллюстратором Александром Агеевым из компании MacPaw.

В конце октября их продукт Gemini 2 получил Red Dot за лучший дизайн интерфейса для macOS. В интервью ребята рассказали о том, как они сделали системную утилиту привлекательной с точки зрения внешнего вида и простой в работе, и рассказали о самом конкурсе. https://goo.gl/aJspPn

​​#вакансия

KUPIVIP.RU - один из крупнейших екоммерсов в России ищет дизайнера продукта.

Задачи:
1. Много думать — о пользователях, продукте, экосистеме. Мы не шаблонный интернет-магазин от дизайн студии, мы всё-таки долгосрочный бизнес, который, в первую очередь именно продает в онлайне. Помнить о том, что есть цифры, A/B тесты и не стесняться спрашивать их результаты.
2. Уметь проектировать функционал/фичи на пару с продакт-менеджером (имея минимум вводных требований и формализованных описаний).
3. Оборачивать крутой UX в симпатичный UI (куда уж мы без секси тенюшечек или что там сейчас в моде). Желательно это делать в виде быстрых скетчей/набросков, без ухода в раздумья на недели.

Бонусы, Преимущества и прочие молодой коллектив
1. Компания достаточно крупная, так что супер-гибкий эджайл стартапный не ждите, тут всё-таки иногда приходится идти на поводу у бизнеса (глотая слезы).
2. Офис оупен спейс, вполне стандартный, до dropbox’ов и прочих airbnb конечно далеко, но лучше, чем в каком-нибудь НИИ. И да, главный его минус — расположение на м.Волгоградский проспект.
3. Деньги платят вовремя, оформление полностью белое (есть же те, кого это волнует).
4. Работать в офисе, иногда можно удаленно (если ничего не полыхает).
5. Платить можем 80 (если хотите), можем 150 (если сможете).

Непосредственная команда: 2 продакта, аналитик.
Опыт в екоммерс не обязательный, но должны быть продукты посложнее лендингов и корп.сайтов.

Пишите по вакансии velichko.stepan@gmail.com

Скажите пожалуйста, что увидели это объявление в канале @duiux при отклике на вакансию

Apple опубликовала иллюстрированные советы по UI для разработчиков. Что и как можно, или нельзя делать в дизайне приложений. Советы очень базовые и простые. https://developer.apple.com/design/tips/

Продублирую рабочую ссылку - https://developer.apple.com/design/tips/

Получил сообщение, что ссылка возможно не у всех работает. Видимо изменённое сообщение не у всех сразу обновилось.

Статистика популярных голосовых команд для Amazon Echo (чёрный) и Google Home (белый). Включить музыку, установить таймер и узнать погоду.

Всё же пока, голосовые ассистенты не несут никакой особенной пользы.

​​Еженедельная рубрика «Пять в Пят»
Пять интересных ссылок за неделю.

1. Приложение для ios которое определяет что за шрифт - https://is.gd/1Yq2A2
2. Ещё один инструмент для создания анимаций и экспорта в код https://is.gd/mnRBtD
3. Инструмент для сравнения макетов приложения с уже сверстанным - https://is.gd/EflQY1
4. Хорошее чтиво о графическом дизайне в Северной Корее - https://is.gd/XllaUk
5. Вышел Pixelmator Pro для macOS. Можно скачать Trial на 30 дней - https://is.gd/MpnG0y

#5вПят

Запись выступления Вадима Макеева из htmlacademy на Web Standards Days - 4 ноября 2017.

В своём выступлении он рассказывает, как делать интерфейсы доступными, почему нужно отказываться от постоянного div в разметке и начать использовать специальные теги (например nav, button и другие). Эти теги смогут правильно понимать скринридеры, и их использование сделает ваш сайт доступным для людей с ограниченными возможностями.

https://www.youtube.com/watch?v=KAK-WAb9vow

Перевод книги Брэда Фроста Atomic Design https://goo.gl/M9mvc2

Недавно решил попробовать отказаться от стандартного Safari на iPhone в пользу Firefox или Chrome. Потому что на маке работаю я так же, либо в Chrome либо в новом Firefox. Возможностей Safari мне не хватает к сожалению.

И я заметил, что мобильный Chrome пусть и имеет верхнюю навигацию, в отличии от Safari и Firefox где вся основная навигация находится снизу приложения. У него есть крутая штука с управлением вкладками, жестом. Можно потянуть вниз на активной вкладке, и появится меню главных действий для работы с вкладкой. Где можно выбрать необходимое действие свайпом. Можно создать новую вкладку, обновить и закрыть вкладку. И всё это приправлено симпатичной анимацией.

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

Ps: И хоть мне понравился мобильный Chrome, я всё равно не могу полностью слезть с Firefox на всех платформах.

Nielsen Norman Group о типографике для Glancing чтения.

Как я понял из материала, понятие Glancing означает – быстрое считывание короткого текста. Текст которого, как правило состоит из одного или двух слов. Такие тексты в основном используются на умных часах и в уведомлениях. В статье они дают рекомендации по подбору шрифтов для отображения такой информации и приводят сравнительные графики, в которых показано как размер шрифта влияет на скорость считывания.

Выделил основные моменты из статьи:
— Короткие сессии использования смартфона составляют 40% и длятся менее 15 секунд. В основном это просмотр уведомлений.
— Для считывания строчных букв (lowercase) требуется на 26% больше времени, чем для заглавных (uppercase) букв.
— Узкие (condensed) шрифты требуют на 11,2% больше времени на считывание, чем обычные шрифты (regular).
— Больше - лучше. Regular лучше Condensed. Uppercase превосходит lowercase. Но это подходит только для коротких сообщений.
— Крупные шрифты подходят для информации, которую пользователю нужно считать быстро. Стоит избегать использования строчных (lowercase) там  где уместней будет использовать заглавные буквы (uppercase).
— Откажитесь от использования узких (condensed) и тонких шрифтов в приложениях для навигации. Использование таких шрифтов в навигации может помешать пользователю быстро считывать важную для него информацию в дороге. https://goo.gl/QiywfV

Дизайнер Тони Пинкевич (Tony Pinkevich) поделился советами по правильной работе с плагином Lottie для After Effects от AirBnb. О самом плагине я писал в канале ранее - t.me/duiux/255

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

Список основных моментов из статьи:
— Не стоит использовать композиции в анимации.
— Отказаться от использования эффектов After Effects.
— Отказаться от экспрешенов.
— Не рекомендуется использование эффектов Alpha matte.
— Уменьшайте количество точек и keyframes в маске



Так же Тони поделился ссылками на таблицу, в которой наглядно показаны, какие фичи After Effects поддерживает Lottie - https://goo.gl/trRYC6 и ссылкой на просмотр анимаций из полученного JSON файла в вебе - https://goo.gl/4AjjJg

Ссылка на саму статью Тони - https://goo.gl/ibkh6h

В канале PSD пишут просто и понятно обо всём околодизайнерском и не только.
Можно найти много полезной и интересной информации. Подписывайтесь на канал - https://t.me/psd_eu

#реклама

Фреймворк по созданию гармоничной системы отступов в дизайне.

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

Оригинал статьи: https://is.gd/DusfTX
Перевод: https://is.gd/N91zFu

​​AppStore предложил установить обновления для системы и ещё какие-то обновления для iTunes и Safari. Я как обычный пользователь согласился на обновление, и столкнулся с проблемой.

Пока система скачивает и устанавливает эти обновления, я не могу использовать Safari. Хотя в текущий момент, мне очень нужен был браузер. Пришлось открывать запасной. Плохой UX Apple.

​​Еженедельная рубрика «Пять в Пят»
Пять интересных ссылок за неделю.

1. Коллекция скриншотов, как выглядит одно и тоже приложение на iOS и Android - https://is.gd/UFG1zB
2. Веб инструмент, который отлично подойдёт для создания карты экранов - https://is.gd/WtX5ed
3. Пример документа, как дизайнеры оформляют спецификации для разработчика в рамках одного проекта (🇺🇦 на Украинском) - https://is.gd/La7HjV
4. Google maps освежили дизайн - https://is.gd/DfXp66
5. Выступление Владимира Пирожкова об инновациях и о том, что нужно думать о чём то большем при создании нового продукта - https://is.gd/TvkfSl

#5вПят

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

Учись откуда удобно. А время лучше используй на получение опыта. 2 года жесткой практики и проекты в портфолио, которые не похожи на ученические. Лучших порекомендуем на стажировку и трудоустройство в команды Redmadrobot, BBDO, Creative people, Rambler&Co, Yandex. Государственный диплом – если кроме опыта тебе нужен документ. https://goo.gl/rrZRU4

#реклама

Сравнительное исследование двух компоновок списка с изображениями

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

1. Пользователи хорошо считывают зигзагообразные, и выровненные по одной линии списки с изображениями. Особенно когда иллюстрации отлично дополняют информационный текст.
2. От первого изображения в списке зависит, будут ли пользователи игнорировать следующие изображения в списке или нет.
3. Декоративные изображения лучше выравнивать по одной линии, но для коротких списков подойдёт и использование зигзагообразного списка.
4. Изображения должны дополнять текст и помогать пользователю понять его, а не усложнять его понимание. Важно создавать хорошие иллюстрации.
5. Основное внимание пользователей идёт по левой области страницы при прокручивании. Поэтому стоит оценивать что поставить первым, изображение или текст. Важно, что бы если изображение будет первым, то оно должно дополнять текст рядом.

https://goo.gl/88JMkP

#research