Небольшая статья о так называемом прогрессивном упрощении интерфейса. Суть заключается в том, что бы интерфейс мог изменяться под пользователя, по мере работы с ним. К примеру, в начале работы пользователю видна кнопка в виде большой иконки с подписью. Если человек использует её некоторое количество раз, кнопка сокращается до одного лишь значка (с кнопки убирается подпись). Так же можно применять обратное действие. Если пользователь давно не использовал какую либо функцию приложения, нужно постараться повторно познакомить его с ней.
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
Sam Applebee из продуктовой дизайн студии Kickpush делится базовыми советами по созданию интерфейсов для VR и AR.
https://medium.com/kickpush-design/beyond-reality-first-steps-into-the-unknown-cbb19f039e51#.rihdxch2q?utm_content=kuku.io&utm_medium=social&utm_source=telegram&utm_campaign=kuku.io
#VR
Affinity Designer (версию для Windows) обещают выпустить уже в этом месяце. В конце года так же планируется выход Affinity Photo.
Наслышан, что это очень хорошая альтернатива графическим продуктам Adobe, но сам лично не тестировал.
https://affinity.serif.com/blog/affinity-is-coming-to-windows/
Горячие клавиши и различные советы для быстрой работы в Sketch. Статья будет полезна новичкам и возможно даже опытным пользователям - https://designcode.io/sketch-keyboard?utm_content=buffer7845a&utm_medium=social&utm_source=twitter.com&utm_campaign=buffer
Читать полностью…В бете плагина Craft для Sketch уже работает прототипирование. Andreas Larsen рассказал об этом и показал видео у себя в статье на Medium.
Ждем релиз!
https://medium.com/larsenwork-andreas-larsen/creating-convincing-app-prototypes-61293b4cba25#.8u3jvkh6w
Очень важное майское обновление Adobe XD https://youtu.be/NHOJdL0nvxw
В видео демонстрируют в течении минуты работу колорпикера и поддержку фулскрина в браузере при просмотре проекта. Больше ничего интересного.
Google обновил гайдлайны. Добавил информацию по onboarding, feature discovery и gesture education https://www.google.com/design/spec/growth-communications/introduction.html
Читать полностью…Кто нибудь планирует делать интерфейсы для VR? Тут полезный материал на эту тему - https://uxdesign.cc/design-practices-in-virtual-reality-f900f5935826#.4utrjwxo3
Читать полностью…Антон Жиянов подготовил конспект книги Алана Купера «Психбольница в руках пациентов». http://antonz.ru/asylum/
Читать полностью…Дизайн комплексных продуктов: мысли об управлении сложностью
http://sketchapp.me/dizajn-kompleksnyx-produktov-mysli-ob-upravlenii-slozhnostyu/
Ещё один инструмент, очень схожий по функционалу с Zeplin, но имеет поддержку Windows и Photoshop.
Инструмент помогает передавать готовый дизайн разработчикам и генерирует исходный код элементов для Android Studio и XCode - https://sympli.io/
Апрельское обновление для Adobe XD.
Улучшили работу с текстом и систему расшаривания проекта, добавили поддержку сеток и возможность встраивать (или привязывать) графику в проект.
http://goo.gl/QsG2pD
Студия 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/
Читать полностью…Sketch переходит на систему подписки. Ежегодно платите $99 и получаете все обновления в течении года. https://blog.sketchapp.com/versioning-licensing-and-sketch-4-0-8ad98783e9ba#.23nbj6rd3
Читать полностью…Простой совет как протестировать дизайн на цветовую слепоту в Sketch.
В системных настройках OSX - Accessibility - Display - поставить галку Use grayscale
https://twitter.com/marcedwards/status/740131046780375041
Zeplin выпустил бету своего приложения для Windows. https://twitter.com/zeplin_io/status/737659789292019712
Читать полностью…Вторая и заключительная часть конспекта книги "Психбольница" А. Купера по ссылке - http://antonz.ru/asylum/
Читать полностью…Google выпустил гайдлайны для Android wear http://www.google.com/design/spec-wear/material-design-for-wearables/introduction.html
Читать полностью…Zeplin открыл бету для Photoshop https://medium.com/zeplin-gazette/photoshop-open-beta-now-3f8f502fc4de
Читать полностью…Craft от InVision пополнился новым плагином - Library. Облако для синхронизации работы в команде и хранения ассетов - https://youtu.be/lmBFBPFSzvI
Читать полностью…Блог Проекторат делится информацией, как можно получить скидку 50% на приобретение лицензии Sketch. http://projectorat.ru/sketch-app-discount/
Читать полностью…Плагин Runner поможет ускорить рабочие процессы в Sketch - http://sketchapp.me/sketch-runner-uskorte-svoyu-rabotu-v-sketch/
#sketch
6 полезных советов, которые помогут улучшить взаимодействие пользователей.
- Работа с приложением должна быть проста и понятна без использования онбординга. Не заставляйте пользователя нажимать выделенные кнопки на затемненном фоне. Пользователь может вовсе забыть о тех советах, которые вы ему дали в начале работы с приложением.
- Спрашивайте пользователя о получении его данных лишь только когда это важно.
- Давайте пользователю обратную связь в реальном времени. Пример проверяйте не занято ли имя пользователя по мере его ввода.
- Используйте авто заполнение в формах когда это возможно.
- Тексты - неотъемлемая часть дизайна. Будьте живым и креативным в написании. Для молодой аудитории можно использовать более веселые подписи, для взрослой наоборот.
- Разрешайте пользователю настраивать систему оповещений и анализируйте когда оповещения наиболее эффективны и используйте это.
http://blog.invisionapp.com/world-class-ux/
Хороший материал о различных типах индикаторов загрузки и их пользе - http://sketchapp.me/indikatory-progressa-v-mobilnom-ux-dizajne/
Читать полностью…