Почему нужно избегать использования скрытого меню. Скрытое меню - как меню гамбургер, что оно скрывает за собой непонятно, но в нём могут быть опции, которые нужны пользователю https://medium.freecodecamp.com/stop-the-overuse-of-overflow-menus-5caa4b54e843#.poeszscwz
Читать полностью…Практические рекомендации по созданию эффективных форм. Материал основан на статистике юзабилити-тестирования, отслеживания глаз пользователей во время заполнения форм и их отзывов.
https://uxplanet.org/10-rules-for-efficient-form-design-e13dc1fb0e03#.ofv7zjmi9?utm_content=kuku.io&utm_medium=social&utm_source=telegram&utm_campaign=kuku.io
Шпаргалка по выбору инструмента для создания прототипов в дополнение к предыдущему посту
Читать полностью…Интерес к покемонам не угасает, поэтому предлагаю прочитать статью о том, какие проблемы опыта взаимодействия есть в игре и как их можно было бы улучшить https://medium.com/theuxblog/our-pok%C3%A9mon-go-user-experience-fixes-1573b4debf50#.o21zbcozd
Читать полностью…Перевод статьи, как digital-агентство AREA 17 использует для веб дизайна исключительно Adobe Illustrator. Думаю материал будет полезен, тем кто подумывает перебраться в эту среду. http://www.cossa.ru/olympia/136878/
Читать полностью…Воскресенье. Значит можно немного отдохнуть и почитать отвлеченный материал на тему, с чего начиналась история дизайна мобильных приложений. Как говорится в подзаголовке статьи "От змейки к футуристичным приложениям"
http://blog.proto.io/brief-history-mobile-app-design/
Компания Airbnb рассказала как они создавали для своего продукта единый визуальный язык, который был бы унифицирован для различных платформ. http://sketchapp.me/vizualnyj-yazyk-ot-kompanii-airbnb/
Читать полностью…Перевод статьи, как правильно запрашивать разрешения в приложении. Основное правило, никогда не закидывайте пользователя запросами при первом запуске приложения, старайтесь предлагать их в те моменты, когда это нужно для работы. https://habrahabr.ru/post/305948/
Читать полностью…Intercom поделились основными принципами проектирования бота. Всё управление и общение с ботом должно быть простым и удобным, не стоит маскировать бота под человека и внедрять слишком много функций для работы.
https://medium.com/intercom-inside/8-principles-of-bot-design-51f03df1d84c#.rnv7qu3tq
Андрей Лукьяненко ( https://twitter.com/MadOnion ) поделился полезной шпаргалкой по дизайн инструментам. Прикрепил файл ниже.
Читать полностью…Плагин Squall для After Effects, как заявлено на сайте разработчика поможет сконвертировать анимацию в iOS код - http://www.marcuseckert.com/squall/
Сам не пробовал, но выглядит интересно
#tool
Небольшая статья о так называемом прогрессивном упрощении интерфейса. Суть заключается в том, что бы интерфейс мог изменяться под пользователя, по мере работы с ним. К примеру, в начале работы пользователю видна кнопка в виде большой иконки с подписью. Если человек использует её некоторое количество раз, кнопка сокращается до одного лишь значка (с кнопки убирается подпись). Так же можно применять обратное действие. Если пользователь давно не использовал какую либо функцию приложения, нужно постараться повторно познакомить его с ней.
https://primeliber.com/Osmanov%20Emil/progressivnoe-uproshchenie
Бесконечный скролл - хорошо или плохо? В этих двух статьях приводятся советы по правильной реализации и причины, почему это вовсе плохая идея.
Я постараюсь сделать короткую выжимку из этих материалов.
Сохраняйте навигационную панель видимой. Используйте кнопку “Загрузить ещё” в конце страницы если вам нужен футер, иначе пользователь вряд ли сможет до него добраться (почему то сразу вспомнил Dribbble). Если создаете автоматическую загрузку следующих страниц, то не забывайте давать визуальный фидбек о том, что идет загрузка. Помните про кнопку “Назад”, давайте пользователю возможность вернуться к тому месту откуда он пришел и не заставляйте его прокручивать страницу вновь. Удобный механизм “Закладок” тоже немаловажен.
Основные минусы бесконечного скролла. С каждой загрузкой нужно держать в памяти больше данных, которые могут снижать производительность системы пользователя. Сложней собирать аналитические данные, да и попросту прокручивать страницу с помощью скролл бара, становится сложней из-за уменьшения размера индикатора.
👍 http://babich.biz/infinite-scrolling-best-practices/
👎 https://medium.com/simple-human/7-reasons-why-infinite-scrolling-is-probably-a-bad-idea-a0139e13c96b#.nxhevvsea
Сравнительный материал на тему механизмов аутентификации. Автор рассматривает методы авторизации, которые нам доступны сейчас помимо стандартной связки логин-пароль. Фраза пароль, двухфакторная аутентификация, вход через социальные сети, без парольная защита, подключенные устройства, биометрические датчики. По трем параметрам: реализация, безопасность и юзабилити.
Логин/пароль не так удобен, когда нам приходится помнить большое количество паролей к различным сайтам, хотя он до сих пор остается популярным методом входа. По статистике в США и Великобритании 73% взрослого населения используют один и тот же пароль для всего. Если этот пароль не соответствует правилам использования при регистрации в сервисе, владелец создает уникальный пароль, который он в последствии быстро забывает.
https://www.smashingmagazine.com/2016/06/the-current-state-of-authentication-we-have-a-password-problem/
Юра Ветров собрал обзор основных изменений в iOS 10 в одном посте.
Рекомендую так же подписаться на его рассылку с дайджестом продуктового дизайна
https://www.facebook.com/groups/173955382668026?view=permalink&id=1119562784773943&refid=18
Для дизайнеров, которые работают в Sketch будет полезно приложение Crystal. Это неофициальный клиент для просмотра дизайн макетов на Android смартфонах. https://play.google.com/store/apps/details?id=com.smithyproductions.crystal
#sketch #tool
Сравнительный анализ размера выходного файл PNG на примере белого пикселя. В тестах использовались Photoshop, Sketch, Affinity Designer и Illustrator. Самый лёгкий файл на выходе получился в Photoshop при сохранении через меню Quick Export и Export as PNG24. Самый тяжёлый через Photoshop Generator https://bjango.com/articles/pngoptimisation/?utm_content=kuku.io&utm_medium=social&utm_source=telegram&utm_campaign=kuku.io
Читать полностью…Каждый инструмент прототипирования должен подбираться конкретно под саму задачу и не стоит ограничиваться каким либо одним. Именно об этом рассказывает в небольшой статье Joe Salowitz https://blog.prototypr.io/14-prototyping-tools-how-each-can-be-used-1c804fab33a6#.4joa3eixx
Читать полностью…Что такое Microcopy и почему написание правильного текста улучшает взаимодействие с интерфейсом.
https://www.smashingmagazine.com/2016/07/getting-practical-with-microcopy/
Samsung представили новую, универсальную гарнитуру для всех своих продуктов под названием SamsungOne https://news.samsung.com/global/design-story-samsungone-the-new-universal-typeface-for-samsung
Читать полностью…Думаю дизайнеры, которые работают в Sketch уже попробовали новую умную функцию ресайза символов и групп. Peter Nowell в своем блоге рассказал, как работает каждая опция более детально.
https://medium.com/sketch-app-sources/sketch-39-resizing-cheat-sheet-feec0450e7e2#.newij55d1
#sketch
Мне очень нравится тема разговорных интерфейсов. Считаю, что данный вид управления в разы удобней в некоторых ситуациях, чем обычное нажатие на кнопочки, и гораздо понятней для пользователя. В статье рассматривается текущее состояние таких интерфейсов и их проблемы на примерах некоторых приложений.
https://www.smashingmagazine.com/2016/07/conversational-interfaces-where-are-we-today-where-are-we-heading/
Patryk Adaś считает, что текущее состояние истории браузера слишком неудобно в использовании и предлагает весьма интересное решение этой проблемы. Группировать посещенные ссылки и визуально отображать все переходы по ним. Результаты поисковых запросов так же сохранять по теме, вида “как помыть кота” и группировать в отдельном разделе.
https://medium.freecodecamp.com/browserhistory-2abad38022b1#.ion3o7kv0
Nielsen Norman Group опубликовали результаты исследования, что пользователи почти в шесть раз чаще ошибаются при возврате на домашнюю страницу сайта, если логотип размещен по центру. Для снижения этих ошибок они рекомендуют размещать логотип слева.
https://www.nngroup.com/articles/centered-logos/
Nielsen Norman Group опубликовали результаты анализа, что скрытое меню вредит пользовательскому взаимодействию. Они провели ряд тестов с использованием скрытой, частично-скрытой и видимой навигацией на десктопе и мобильном устройстве.
По результатам оказалось, что люди более склоны к использованию навигации на всех типах устройств, когда она видима или частично-скрыта. Скрытая навигация требовала больше времени по работе с ней и снижала время обнаружения нужного контента, чем при использовании частично-скрытой и видимой навигации. При скрытой навигации люди выполняли поставленые задачи на 39% медленней на рабочем столе и на 15% медленней на мобильном устройстве.
Использование гамбургер меню на десктопе менее эффективно чем на мобильном устройстве. Проблема такого меню заключается: во-первых простая иконка с тремя полосками не несет никакой информации пользователю, что скрыто за ней и для того, что бы это выяснить, пользователю приходится совершать дополнительные действия для нажатия. Во-вторых пользователи десктопа могут просто не замечать маленький индикатор на большом экране, об этом сообщали некоторые респонденты во время тестов.
Основные рекомендации по созданию навигации. Для десктопа лучше отказаться от скрытой навигации (гамбургера) в пользу видимой. Для мобильного так же лучше не скрывать навигацию, а отображать полностью основные пункты навигации меню если их четыре или меньше. Если пунктов меню больше, то лучше скрыть часть из них.
https://www.nngroup.com/articles/hamburger-menus/
Affinity Designer Beta для Windows доступен для загрузки - https://affinity.serif.com/en-gb/windows/
#tool
Студия Great Simple, представила бесплатный UI kit iOS 10 в формате Sketch - http://ios10.greatsimple.io/
#sketch
Типографика в интерфейсах и её свойства. Самыми важными свойствами, которыми должен обладать шрифт для работы это: читаемость, строгость, умение подстраиваться под различные размеры экранов и иметь поддержку функций OpenType.
https://viljamis.com/2016/typography-for-user-interfaces/
Яблочная компания выбрала победителей Apple Design Awards 2016 - https://developer.apple.com/design/awards/
Читать полностью…Apple дополнила гайдлайны в связи с анонсом iOS 10 https://developer.apple.com/ios/human-interface-guidelines/overview/whats-new/
Читать полностью…