Работа с изображениями

Два года назад я написал в канал 4 пункта про UX работы с картинками. Но пришло время дополнить этот список пятым пунктом. Итак!

Круто, когда интерфейс не требует от тебя лишнего при работе с картинками и фотками. Пользователи избалованы популярными сервисами и соцсетями, поэтому старые подходы при работе с картинками состаривают весь продукт. Чтобы не записали в старпёры:

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

2️⃣ Используйте драг энд дроп для загрузки.
Если картинку нельзя просто перетащить на нужное место на форме, то интерфейс — старьё.

3️⃣ Упрощайте пакетную загрузку.
Если можно/нужно загрузить сразу несколько картинок, то должна быть возможность выделить несколько и перетащить на место загрузки. Загружать по одной — старьё.

4️⃣ Поддерживайте вставку картинок из буфера.
Редактор должен поддерживать вставку картинок из буфера (ctrl+c / ctrl +v). Если, например, в поле комментарий можно вставить картинку, то должна быть возможность её вставить из буфера, не выбирая среди файлов. Иначе — старьё.

5️⃣ NEW 2020! Дайте людям возможность загружать картинку по URL. Во многих ситуациях (проверено на себе) это самый быстрый и удобный способ загрузки картинки.

В комментариях наверняка дополнят эту заметку дельными мыслями и советами. Если не видите родные комментарии телеграма — у вас старый клиент.

#UX

- - -
Записаться к ментору: itkadr.ru