Пикер выбора цвета
Я ни разу не работал с таким пикером, поэтому не знаю как его изменение повлияет на существующее приложение. Тем более, я не знаю как пикеры работали раньше.

Дизайн выглядит как пикер на Маке и мне он не удобен. Я привык работать со старыми добрыми окошками цвета Фотошопа и Скетча и выбирать цвет на большой радуге не привык.

В целом, новвоведения приближают Айфоны, Айпад и Мак друг к другу. Похожий выбор даты и времени, выпадающие меню, один и тот же выбор цвета. Видно, что Эппл сводит дизайн всех платформ к одной. Например, тот же МакОС стал куда более скруглённым и плоским, ближе к иОС.

Полное видео про меню, дата пикеры и выбор цвета. https://developer.apple.com/videos/play/wwdc2020/10205

Изменения:
в MacOS https://www.apple.com/macos/big-sur-preview/
iOS https://www.apple.com/ios/ios-14-preview/
iPadOS https://www.apple.com/ipados/ipados-preview/
watchOS https://www.apple.com/watchos/watchos-preview/

Мне понравилось как автор разобрал дизайн тоглла. Каждый день я принимаю решения не задумываясь: привычный глазу интрлиньяж, лейблы слева, кнопка справа и т.д. Все мои решения основаны на опыте и кажутся мне очевидными и не достойными канала. Возможно, я не прав. Хотите знать о моём опыте дизайна мелких штук? Осторожно, будут банальности. Буду рассказывать как сложно читать много текста с центральной выключкой и почему чекбоксы должны быть квадратными.

Долгая загрузка нормального человека
Приложение 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