8031
Блог о продуктовом дизайне. По рекламе — https://bit.ly/46IJwSH Канал с вакансиями — @dui_work Автор: @astract Поддержать канал https://t.me/duiux/1481
Apple опубликовала официальный UI kit с глифами, компонентами. Всё это доступно для Sketch и Adobe photoshop -
https://developer.apple.com/ios/human-interface-guidelines/resources/
Маленькая таблица, которая поможет проверить длину слова на всех языках мира.
Полезно при проектировании для широкой аудитории - https://docs.google.com/spreadsheets/d/1EBNCqbiK-X-DljBD1WhfmsLXaO4iJYGe0Mi5yTuiUb0/htmlview
#tool
Дизайн государственных систем представил практические рекомендации по дизайну доступных сайтов.
Дизайн, который учитывает людей с нарушением зрения, слуха. В статье описаны методы по применению стандарта, описан инструментарий и процесс проверки сайта на доступность, даны ссылки на ключевые материалы и руководства по доступности сайтов.
http://gov.design/blog/2016/11/08/accessibility.html
Интересное видео, как может выглядеть наше будущее с AR (Дополненная реальность) https://vimeo.com/166807261
Читать полностью…
Давно я ничего не публиковал в канале, извиняюсь и исправляюсь.
Читать полностью…
Видео, как автопилот Tesla видит дорогу https://vimeo.com/192179727
Читать полностью…
Сегодня Яндекс проводит субботник для дизайнеров. Программа мероприятия и ссылка на трансляцию - https://events.yandex.ru/events/yasubbotnik/26-november-2016
Текстовая трансляция будет идти в канале /channel/yandexdesign
Компания GE рассказала, о создании дизайн системы Predix на основе Atomic Design. Рассказали о структуре системы и проблемах с которыми столкнулись при её создании.
http://sketchapp.me/dizajn-sistema-predix-ot-kompanii-ge-na-osnove-atomic-design/
Большой рассказ о проектировании большого проекта. Этапы создания динамического прототипа, составление технического задания, использование сценариев поведения пользователей для тестирования работы.
https://habrahabr.ru/company/SECL_GROUP/blog/314906/
Affinity Designer релизнули для Windows, в честь этого цена на покупку снижена. От себя скажу, что это хорошая альтернатива Adobe Illustrator и подходит для дизайна интерфейсов
https://affinity.store/en-gb/
#tool
Создание дизайна продуктов с рациональным использованием природных ресурсов. Кажется, как виртуальные продукты влияют на экологию? Но они влияют.
Все мы сталкивались с ситуацией, что при печати, одна последняя строка выносится на отдельный лист. Этого можно избежать если научить приложение правильно подгонять текст. При заказе еды с доставкой предлагать вариант отказа от «положить столовые приборы». Другие примеры приводятся в статье.
Проблема экологии важна для мира, о ней нужно думать и надо стараться уменьшать пагубное воздействие даже через интерфейсы.
http://sketchapp.me/prodakt-dizajn-dlya-racionalnogo-ispolzovaniya-prirodnyx-resursov/
Алфавит по всем возможностям векторного редактора Affinity Designer. В списке все опции и возможности от A до Z с коротким описанием и видео советами.
https://design.tutsplus.com/articles/the-a-to-z-of-affinity-designer--cms-27491
Ryan Betts собирает в одной статье все гайды по дизайну для VR (Virtual Reality). Примеры, гайдлайны, советы по рабочему процессу, инструменты, глоссарий и другие материалы.
hitsmachines/practical-vr-ce80427e8e9d#.kkehz9c9e" rel="nofollow">https://medium.com/@hitsmachines/practical-vr-ce80427e8e9d#.kkehz9c9e
Я думаю вы уже видели новость, что Uber обновил дизайн приложения впервые с 2012 года. Блог Prototypr составил подробный обзор новвоведений и изменений в приложении, так же поделился будущими возможностями приложения.
https://youtu.be/I1DdoN6NLDg
Обзор приложения по ссылке - https://blog.prototypr.io/uber-radical-app-redesign-84e39df4ebd3#.c3qz1ewri
Девять принципов по разработке взаимодействия с чат-ботами от специалиста из Google Джо Тосканы.
В среднем пользователь использует 4-6 приложений в день и только 3% приложений могут удержать пользователя на срок дольше 30 дней.
Боты могут изменить подход к проектированию UX. Пользователям проще получить новые функции в том приложении, которое они используют, чем устанавливать новое и разбираться в нём. Джо советует разработчикам перестать создавать новые системы, а внедрять свой контент в сервисы, которыми пользуется аудитория.
Основные принципы:
1. Дайте понять пользователю, что с ним разговаривает машина и расскажите о её возможностях, и ограничениях.
2. Обучайте пользователей с помощью беседы. Проектируйте взаимодействие с ботом, что бы пользователю не пришлось догадываться, что ему нужно делать дальше.
3. Подумайте о стиле общения бота и том, какие эмоции он может вызвать у клиента во время общения.
4. Для построения хорошего взаимодействия нужно разбираться в речи, понимать принципы того, как мы выбираем те или иные фразы в зависимости от ситуации.
5. Подсказывайте пользователям, какие кнопки и сообщения они могут использовать.
6. Ошибки могут случиться всегда, задача разработчика сделать это наименее болезненно для пользователя. Не оставляйте пользователя без ответа, предложите как можно исправить проблему или предложите вмешательство живого сотрудника.
7. Каждое взаимодействие с ботом должно быть со смыслом.
8. Разрешайте пользователям помогать в улучшении бота. Попросите пользователей оценивать информацию и самостоятельно давать ответы для улучшения работы бота.
9. Определяйте настроение пользователя и используйте эти данные. Если у него хорошее настроение, высока вероятность что пользователь согласится на предложенные услуги.
https://vc.ru/p/chatbot-guide
Описание методологии OOUX на теории и практике. Две полезные статьи.
- Sophia Voychehovski рассказывает о методологии объектно ориентированный пользовательский опыт (OOUX). В этом методое перед проектированием действий, прежде создаётся карта ключевых объектов. На примере некой соц. сети для поваров она описывает работу этого метода.
Подробный перевод статьи - https://goo.gl/uDy5jB
Оригинал - https://goo.gl/QxVIuO
- Глеб Кушедов рассказывает, как применял этот метод при проектировании приложения для тренировок - https://goo.gl/ntyLb3
Дизайн команда AIC поделилась своим видением трендов на 2017 год. Умные алгоритмы, победа мобильного трафика, авторские фотографии и иллюстрации.
С наступающим, друзья! 🎉 Счастливого Нового года!
http://2017.aic.ru/
Команда дизайна Facebook опубликовала шаблоны для проектирования интерфейсов в VR http://facebook.design/vr-template
Читать полностью…
Команда дизайна Dropbox запустила блог на Medium. В первом посте они рассказывают, как подбирают нужные слова для интерфейсов, что бы они были понятным пользователям.
Незнакомые и непонятные слова могут оттолкнуть пользователей от использования продукта.
Команда делится сервисами и методами, которые могут помочь в решении этой задачи.
- Google Trends сравнивает, как часто люди ищут подобные вашим слова в поиске. На примере списка: Log in, Log on, Sign in, Sign on. Sign In оказался самым популярным по поисковым запросам пользователей. На основе подобной статистики, Dropbox назвали кнопку «version history» именно так.
- Второй сервис Google Ngram Viewer показывает, какие термины чаще используются в конкретном языке на основе отсканированных книг.
- Опросы и тесты на лёгкость понимания слов тоже могут помочь в решении задачи. Но вы тоже можете влиять на понимание пользователя. Обучайте нужным действия при работе с продуктом. Например «Используйте кнопку Copy, что бы скопировать текст».
https://medium.com/dropbox-design/design-words-with-data-fe3c525994e7#.grnjv8uo7
Смарт часы многим кажутся скучными и бесполезными. Об этом даже говорит статистика продаж. Но разработчики из университета Пенсильвании нашли способ, который может расширить возможности часов. Они показали, как можно взаимодействовать с помощью жестов с другими устройствами.
https://youtu.be/Poi0MeASmuY
Оригинал новости: http://gizmodo.com/brilliant-mod-makes-smartwatches-actually-useful-1789193228
Запись видеотрансляции уже доступна на YouTube.
Сергей Кондауров — Первые 90 дней в компании https://youtu.be/7YJV2gBuAfo?t=11m30s
Антон Шеин — Компонентный подход 🔥 https://youtu.be/7YJV2gBuAfo?t=52m35s
Антон Тен — Переведено https://youtu.be/7YJV2gBuAfo?t=1h56m
Дмитрий Пшек — Как мы делаем редизайн Яндекс.Денег https://youtu.be/7YJV2gBuAfo?t=2h32m15s
Лола Кристаллинская — Дизайн в большой компании https://youtu.be/7YJV2gBuAfo?t=3h46m10s
Сергей Фёдоров — Дизайнер в большой компании https://youtu.be/7YJV2gBuAfo?t=4h43m34s
Также в рамках мероприятия Дмитрий Быков (ведущий дизайнер Поиска) задавал вопросы из Твиттера дизайнерам и арт-директорам Яндекса.
Интервью 1: Николай Васюнин (ведущий дизайнер Музыки), Дарья Старицина (ведущий дизайнер Такси), Илья Александров (руководитель дизайна Карт) https://www.youtube.com/watch?v=6yAg0ASwRxM
Интервью 2: Данил Ковчий (арт-директор Поиска), Максим Катюнин (ведущий дизайнер коммуникаций Яндекса), Антон Шнайдер (креативный директор Яндекса) https://youtu.be/7YJV2gBuAfo?t=3h11m55s
Дополнением будет полезная статья по организации Atomic design и Sketch.
http://sketchapp.me/verstka-sajta-s-pomoshhyu-sketch-i-atomic-design/
Тонкие и не контрастные шрифты могут усложнять читабельность для людей с ослабленным зрением.
По мнению Кевина Маркса минимальное рекомендуемое значение контраста для комфортного чтения - 7:1. Но даже такие компании, как Google и Apple пренебрегают этим правилом. Google рекомендует использовать контраст типографики 7:1, но в тоже время понижает непрозрачность до 54% , тем самым снижая отношение до 4,6:1.
https://habrahabr.ru/post/315346/
Как системные приложения MacOS используют тач бар на новых MacBook Pro
https://9to5mac.com/2016/11/04/macbook-pro-touch-bar-apple-apps-screenshot-gallery/
Простой совет по созданию правильного меню подтверждения. Не заваливайте пользователя постоянными вопросами о подтверждении действий, это вызывает дополнительные ошибки. Уточняйте вопрос в заголовке меню, в теле сообщения прописывайте описание операции, на кнопке подтверждения дублируйте описание действия, которое произойдёт после нажатия.
https://uxdesign.cc/designing-confirmation-278d159723e#.hf57uuojs
В пятницу можно немного отдохнуть и посмотреть подборку интерфейсов из фантастических фильмов
http://sciencefictioninterfaces.tumblr.com
Дизайнер Peter Berrecloth из Qumu поделился советами по работе с шрифтами иконок в Sketch.
Оригинал - https://medium.com/sketch-app-sources/the-perfect-sketch-icon-workflow-8d15bd5cc873#.uckx7keag
Перевод - http://sketchapp.me/idealnyj-process-sozdaniya-shriftovyx-ikonok-v-sketch/
Два видео с живой демонстрацией Surface Dial от Microsoft. Интересный инструмент, жаль, что работает полноценно только с Surface Studio.
1. https://youtu.be/lwsu6lN5M8k
2. https://youtu.be/JR7HAKmAdhs
Команда Head and Hands рассказала о разработке мобильного приложения для сервиса iGoods.
https://vc.ru/p/igooods-app
Мнение почему будущее не за приложениями, а за браузерами.
Автор говорит, что мы используем браузеры чаще, чем приложения. Веб - это самая популярная ОС, а не Android и iOS.
Люди используют ряд одних и тех же приложений для работы, развлечений и общения. Многие приложения имеют свой внутренний браузер для просмотра ссылок, таким образом пользователи находятся в рамках приложения и им не приходится переключаться во внешнее приложение. По статистике пользователи 50% времени проводят в часто используемых приложениях и 80% времени в тройке своих любимых приложений.
Боты - новый формат динамических закладок. Нам не требуется заходить на сайты, что бы найти нужную информацию, можно просто отправить запрос на выполнение боту.
Уже сейчас некоторые сервисы отказываются от нативных приложений в пользу веб приложений.
https://blog.intercom.com/browsers-not-apps-are-the-future-of-mobile/?ref=webdesignernews.com