duiux | Art and Photo

Telegram-канал duiux - dui

8031

Блог о продуктовом дизайне. По рекламе — https://bit.ly/46IJwSH Канал с вакансиями — @dui_work Автор: @astract Поддержать канал https://t.me/duiux/1481

Subscribe to a channel

dui

Почему нужно избегать использования скрытого меню. Скрытое меню - как меню гамбургер, что оно скрывает за собой непонятно, но в нём могут быть опции, которые нужны пользователю https://medium.freecodecamp.com/stop-the-overuse-of-overflow-menus-5caa4b54e843#.poeszscwz

Читать полностью…

dui

Практические рекомендации по созданию эффективных форм. Материал основан на статистике юзабилити-тестирования, отслеживания глаз пользователей во время заполнения форм и их отзывов.
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

Читать полностью…

dui

Шпаргалка по выбору инструмента для создания прототипов в дополнение к предыдущему посту

Читать полностью…

dui

Интерес к покемонам не угасает, поэтому предлагаю прочитать статью о том, какие проблемы опыта взаимодействия есть в игре и как их можно было бы улучшить https://medium.com/theuxblog/our-pok%C3%A9mon-go-user-experience-fixes-1573b4debf50#.o21zbcozd

Читать полностью…

dui

Перевод статьи, как digital-агентство AREA 17 использует для веб дизайна исключительно Adobe Illustrator. Думаю материал будет полезен, тем кто подумывает перебраться в эту среду. http://www.cossa.ru/olympia/136878/

Читать полностью…

dui

Воскресенье. Значит можно немного отдохнуть и почитать отвлеченный материал на тему, с чего начиналась история дизайна мобильных приложений. Как говорится в подзаголовке статьи "От змейки к футуристичным приложениям"
http://blog.proto.io/brief-history-mobile-app-design/

Читать полностью…

dui

Компания Airbnb рассказала как они создавали для своего продукта единый визуальный язык, который был бы унифицирован для различных платформ. http://sketchapp.me/vizualnyj-yazyk-ot-kompanii-airbnb/

Читать полностью…

dui

Перевод статьи, как правильно запрашивать разрешения в приложении. Основное правило, никогда не закидывайте пользователя запросами при первом запуске приложения, старайтесь предлагать их в те моменты, когда это нужно для работы. https://habrahabr.ru/post/305948/

Читать полностью…

dui

Intercom поделились основными принципами проектирования бота. Всё управление и общение с ботом должно быть простым и удобным, не стоит маскировать бота под человека и внедрять слишком много функций для работы.
https://medium.com/intercom-inside/8-principles-of-bot-design-51f03df1d84c#.rnv7qu3tq

Читать полностью…

dui

Андрей Лукьяненко ( https://twitter.com/MadOnion ) поделился полезной шпаргалкой по дизайн инструментам. Прикрепил файл ниже.

Читать полностью…

dui

Плагин Squall для After Effects, как заявлено на сайте разработчика поможет сконвертировать анимацию в iOS код - http://www.marcuseckert.com/squall/
Сам не пробовал, но выглядит интересно

#tool

Читать полностью…

dui

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

https://primeliber.com/Osmanov%20Emil/progressivnoe-uproshchenie

Читать полностью…

dui

Бесконечный скролл - хорошо или плохо? В этих двух статьях приводятся советы по правильной реализации и причины, почему это вовсе плохая идея.

Я постараюсь сделать короткую выжимку из этих материалов.

Сохраняйте навигационную панель видимой. Используйте кнопку “Загрузить ещё” в конце страницы если вам нужен футер, иначе пользователь вряд ли сможет до него добраться (почему то сразу вспомнил 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

Читать полностью…

dui

Сравнительный материал на тему механизмов аутентификации. Автор рассматривает методы авторизации, которые нам доступны сейчас помимо стандартной связки логин-пароль. Фраза пароль, двухфакторная аутентификация, вход через социальные сети, без парольная защита, подключенные устройства, биометрические датчики. По трем параметрам: реализация, безопасность и юзабилити.

Логин/пароль не так удобен, когда нам приходится помнить большое количество паролей к различным сайтам, хотя он до сих пор остается популярным методом входа. По статистике в США и Великобритании 73% взрослого населения используют один и тот же пароль для всего. Если этот пароль не соответствует правилам использования при регистрации в сервисе, владелец создает уникальный пароль, который он в последствии быстро забывает.

https://www.smashingmagazine.com/2016/06/the-current-state-of-authentication-we-have-a-password-problem/

Читать полностью…

dui

Юра Ветров собрал обзор основных изменений в iOS 10 в одном посте.

Рекомендую так же подписаться на его рассылку с дайджестом продуктового дизайна

https://www.facebook.com/groups/173955382668026?view=permalink&id=1119562784773943&refid=18

Читать полностью…

dui

Для дизайнеров, которые работают в Sketch будет полезно приложение Crystal. Это неофициальный клиент для просмотра дизайн макетов на Android смартфонах. https://play.google.com/store/apps/details?id=com.smithyproductions.crystal
#sketch #tool

Читать полностью…

dui

Сравнительный анализ размера выходного файл 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

Читать полностью…

dui

Каждый инструмент прототипирования должен подбираться конкретно под саму задачу и не стоит ограничиваться каким либо одним. Именно об этом рассказывает в небольшой статье Joe Salowitz https://blog.prototypr.io/14-prototyping-tools-how-each-can-be-used-1c804fab33a6#.4joa3eixx

Читать полностью…

dui

Что такое Microcopy и почему написание правильного текста улучшает взаимодействие с интерфейсом.
https://www.smashingmagazine.com/2016/07/getting-practical-with-microcopy/

Читать полностью…

dui

Samsung представили новую, универсальную гарнитуру для всех своих продуктов под названием SamsungOne https://news.samsung.com/global/design-story-samsungone-the-new-universal-typeface-for-samsung

Читать полностью…

dui

Думаю дизайнеры, которые работают в Sketch уже попробовали новую умную функцию ресайза символов и групп. Peter Nowell в своем блоге рассказал, как работает каждая опция более детально.
https://medium.com/sketch-app-sources/sketch-39-resizing-cheat-sheet-feec0450e7e2#.newij55d1

#sketch

Читать полностью…

dui

Мне очень нравится тема разговорных интерфейсов. Считаю, что данный вид управления в разы удобней в некоторых ситуациях, чем обычное нажатие на кнопочки, и гораздо понятней для пользователя. В статье рассматривается текущее состояние таких интерфейсов и их проблемы на примерах некоторых приложений.
https://www.smashingmagazine.com/2016/07/conversational-interfaces-where-are-we-today-where-are-we-heading/

Читать полностью…

dui

Patryk Adaś считает, что текущее состояние истории браузера слишком неудобно в использовании и предлагает весьма интересное решение этой проблемы. Группировать посещенные ссылки и визуально отображать все переходы по ним. Результаты поисковых запросов так же сохранять по теме, вида “как помыть кота” и группировать в отдельном разделе.


https://medium.freecodecamp.com/browserhistory-2abad38022b1#.ion3o7kv0

Читать полностью…

dui

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

https://www.nngroup.com/articles/centered-logos/

Читать полностью…

dui

Nielsen Norman Group опубликовали результаты анализа, что скрытое меню вредит пользовательскому взаимодействию. Они провели ряд тестов с использованием скрытой, частично-скрытой и видимой навигацией на десктопе и мобильном устройстве.

По результатам оказалось, что люди более склоны к использованию навигации на всех типах устройств, когда она видима или частично-скрыта. Скрытая навигация требовала больше времени по работе с ней и снижала время обнаружения нужного контента, чем при использовании частично-скрытой и видимой навигации. При скрытой навигации люди выполняли поставленые задачи на 39% медленней на рабочем столе и на 15% медленней на мобильном устройстве.

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

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

https://www.nngroup.com/articles/hamburger-menus/

Читать полностью…

dui

Affinity Designer Beta для Windows доступен для загрузки - https://affinity.serif.com/en-gb/windows/

#tool

Читать полностью…

dui

Студия Great Simple, представила бесплатный UI kit iOS 10 в формате Sketch - http://ios10.greatsimple.io/

#sketch

Читать полностью…

dui

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

https://viljamis.com/2016/typography-for-user-interfaces/

Читать полностью…

dui

Яблочная компания выбрала победителей Apple Design Awards 2016 - https://developer.apple.com/design/awards/

Читать полностью…

dui

Apple дополнила гайдлайны в связи с анонсом iOS 10 https://developer.apple.com/ios/human-interface-guidelines/overview/whats-new/

Читать полностью…
Subscribe to a channel