Долгая загрузка нормального человека
Приложение Welltory

Не даст скучать
Каждый текст — уникальный и не повторяется в процессе загрузки. Читать его весело и интересно

Динамичная
Видно, что не зависло и что-то делает

Не хватает:
Оценки времени
Предупреждение сколько ждать очень помогло бы оценить ожидание. С другой стороны, если бы я знал, что придётся ждать больше 10 секунд, то ушел бы в инстраграмм и не вернулся. Используйте оценку времени, когда загрузка реально больше 10-20 секунд.

Прогресса
А долго ещё ждать то?

Вот для примера долгая загрузка с прогрессом и оценкой времени, но она настолько скучна, что полностью проигрывает первому примеру. Лучше делайте загрузку интересной.

Приложение Dulux Visualizer RU

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

Почитайте эти статьи о времени, там больше конкретных советов:

Проектируем время. Как делать правильные загрузки
http://web.archive.org/web/20181225123225/http://pavelmoiseenko.ru/blog/proektiruem-vremya/

Иллюзия времени. Статья про ощущение времени в цифровых продуктах и жизни
https://habr.com/ru/post/269113/

Не заставляйте человека считать время

Говорите когда точно ждать события. Исключение — малые промежутки времени до получаса, когда четкое время может быть неуместно.

В ВК нельзя выбрать пачку файлов из папки так, чтобы он автоматом понял что это за файл. Т.е. если я хочу прикрепить пачку фотографий и видео в придачу, то мне придётся это делать разными кнопками.

Если в вашем сервисе можно прикреплять разные типы файлов, то сделайте для них одну кнопку и распознавайте файлы по типу. Если люди не понимают что именно можно прикрепить, показывайте подсказку при наведении, сделайте разделение по типам вайлов в кнопке «Ещё». Но не делайте как ВК =)
#ux_мелочи

Я понимаю, что у ВК это сделано, чтобы искать по файлам внутри самого ВК, но точно так же можно было бы сделать одну кнопку, которая вызывало единое окно поиска и добавления документов. Полагаю это легаси, которое поправят, но не сейчас.

Прокачаться в дизайне и помочь животным

Канал «Поясни за UX» запускает дизайн-воркаут. Переводите приюту 200 рублей за участие, выполняете задание, получаете обратную связь от автора канала.

Все деньги пойдут в Питерский приют для животных «Брошенный ангел».

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

Сергей Король пишет почему её стоит прочитать и я согласен с его словами
http://sergeykorol.ru/blog/design-for-the-real-world/

​​Как писать сообщения об ошибках
Есть простой шаблон:
В заголовок — что призошло
Основным текстом — причина и что делать дальше
Кнопкой — действия
Код ошибки, если необходим

Заголовок должен быть понятным и человечным. Задача — сразу сообщить, что ключевое действие не было выполнено. Люди читают заголовок первым и он сразу должен объяснить что произошло.

Если пользователь отправлял письмо, а оно не отправилось, то так и пишем: Письмо не отправлено

Хорошо:
✅ Не удалось загрузить сообщения
✅ Фотографии не отправлены
✅ Платёж не прошел

Плохо:
❌ Что-то пошло не так
❌ Ошибка!
❌ Память не может быть read

Основной текст должен объяснять причину и писать что делать дальше. Ориентируйтесь на ваших пользователей и место возникновения ошибки. Если вашим продуктом пользуются люди, не связанные с IT, то старайтесь избегать таких словечек, как данные, сервер, запрос. Обычно, человек поймёт это либо неверно, либо не поймёт вовсе. Если у вас профессиональный инструмент, то пишите профессиональным языком. В этом случае, конкретика поможет разобраться в ошибке. Хорошо, если вы сможете написать что делать, чтобы ошибка не возникала.

✅Хорошо для простого человека:
Не удалось сохранить документ. Документ слишком большой. Уменьшите размер документа до 800 символов или разбейте на части.
Разбить на 3 части
Закрыть

✅Хорошо для профессионала.
Не удалось сохранить документ. Размера файла подкачки не хватает для сохранения. Увеличьте размер файла подкачки до 1 ГБ или уменьшите размер вашего документа до 800 символов.
Увеличить файл подкачки
Разбить на 3 части
Закрыть

❌ Плохо:
Не писать причину
Писать профессиональным языком для непрофессионалов

Если причина неизвестна, то можно так и писать: Ошибка произошла по неизвестной причине. Помогите нам разобраться, отправьте отчёт.

Кнопки должны повторять действия, которые вы описали в основном тексте. Не обязательно в основном тексте описывать все кнопки, достаточно описать только предпочтительное действие.

✅Хорошо
Вы ввели неверный пароль слишком часто. Чтобы восстановить пароль, обратитесь в службу поддержки.
Позвонить в службу поддержки
Написать в службу поддержки
Закрыть

❌Плохо:
Вы ввели неверный пароль слишком часто. Чтобы восстановить пароль, обратитесь в службу поддержки.
Закрыть

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

Отправляйте отчеты автоматически при возникновении ошибки, если это возможно. Если невозможно — добавьте такую кнопку. Не вставляйте такую возможность везде, оставьте её только для технических ошибок. Если у клиента кончился интернет, отчеты вам не помогут. Так разработчики смогут быстрее узнать, если у них что-то отвалилось и разобраться в причинах возникновения ошибки.

Розыгрыш лицензии Protopie

Мой друг, Еврений, разыгрывает лицензию на своём канале. Он выиграл её на официальном конкурсе на Dribbble и теперь разыгрывает среди подписчиков.

​​Значит, раз я выиграл годовую командную лицензию - я её разыграю тут в качестве главного приза =)

Обладатель командной лицензии получает доступ к функционалу интерактивных рецептов в Protopie, и еще многим фичам, типа комментирования прототипов, командным библиотекам, и т.п.

Также ребята из команды Protopie дали мне 3 ключа обычной лицензии на 3 месяца - это будут утешительные призы.

В качестве конкурсной работы, предлагаю сделать вам прототип мобильного каталога товаров с категориями (товары и категории - любые)

Оценивать буду по следующим критериям:
1. UX - удобно ли пользоваться каталогом
2. Новизна/оригинальность решения.
3. High-fidelity - похож ли прототип на реальное приложение

Итоги конкурса - 10 августа.
Присылайте результат мне в личку,

Для людей, у кого уже есть лицензия - призов у меня нет, но можно поучаствовать в конкурсе и занять место на пьедестале в отдельной номинации)

Как писать тексты в интерфейсе
Конспект презентации о том, как в Тинькоффе пишут тексты для интерфейсов. Только мясо, примеры, советы и инструкции к применению. Золото, а не конспект.
https://medium.com/@nancypong/тексты-для-интерфейса-как-пишут-контент-в-тинькофф-бизнес-6d66fa378a1f

Дайте человеку иллюзию контроля

Человек спокоен, если контролирует ситуацию, даже если она неожиданная. Отберите это чувство и он растеряется.

Посмотрите на страницу отсутствия интернета у Хрома. Человек не может повлиять на ситуацию. Он может только смотреть и играть в динозаврика.

А теперь на страницу Яндекса. У него есть кнопка «Обновить». Человек нажимает на неё и чувствует, что запускает в космос сигнал призыва интернета. Ему кажется, что он контролирует ситуацию.

На самом деле, обе страницы загрузятся в ту же секунду, как появится интернет. Кнопка не ускорит процесс. Важно то, что кнопка даёт иллюзию, что процесс под контролем. Кнопка успокаивает.

Я уехал в отпуск и до конца августа буду писать редко (будто я до этого часто писал, ага).

Если вам интересно как я еду из Новосибирска в Крым, читайте мой инстаграмм. Там я стараюсь ежедневно описывать путь. Я не рассказываю в инсте про дизайн и он может быть интересен, если вы хотите знать обо мне больше, как о личности.

http://instagram.com/emelushkin_life

УАЗ Патриот знает как нужно рекламировать себя.

Верхняя часть — отличный пример предложения товара. Мне немного не хватило деталей о самой тачке, но суть верная.

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

https://www.uaz.ru/cars/patriot-expedition