Гайдлайн по iOS на русском. Часть 58 — Вьюшки: Коллекции
Привет. Меня зовут Руслан. Я UX/UI дизайнер в Siemens. У меня есть ютуб-канал, на котором записано несколько плейлистов по основам UX/UI дизайна (лайк, подписка и тд). В этой серии постов я делюсь вольным переводом iOS гайдлайна на русский язык. Как и с переводом Material Design все части будут объеденены в 1 notion документ. Оригинальный источник этой части: здесь.
Коллекция контролирует упорядоченным набором контента, таким как набор фотографий, и отображает его в кастомизируемом макете. Поскольку коллекция не имеет строго линейный формат, она хорошо подходит для отображения элементов, которые различаются по размеру. Вообще говоря, коллекции идеально подходят для демонстрации изображений. Фон и другие декоративные вьюшки могут быть дополнительно реализованы, чтобы показать отличия в подмножестве элементов.
Коллекции поддерживают как интерактивность, так и анимацию. По умолчанию вы можете тапнуть, чтобы выбрать, тапнуть и удерживать, чтобы отредактировать, и провести пальцем, чтобы проскролить коллекцию. Если требуется, то можно еще добавить дополнительные жесты для выполнения кастомных действий. В коллекции анимация может быть включена всякий раз, когда элементы добавляются, удаляются или переупорядочиваются в ней, а также поддерживаются кастомные анимации.
Избегайте создания радикально новых дизайнов, когда достаточно стандартной компоновки в строку или сетку. Коллекция должна улучшать интерфейс, а не становиться центром внимания. Если вам трудно нажать на элемент в коллекции, люди будут разочарованы и потеряют интерес, прежде чем доберутся до нужного им контента. Используйте соответствующие отступы вокруг содержимого, чтобы сохранить чистоту макета и предотвратить перекрытие контента.
Рассмотрите возможность использования таблицы вместо коллекци для текста. Как правило, проще и эффективнее просматривать и переваривать текстовую информацию, когда она отображается в прокручиваемом списке.
Будьте осторожны при внесении динамических изменений в макет. Макет коллекции может поменяться в любое время. Если вы динамически обновляете макет (например, добавляет новый контент), пока люди просматривают его и взаимодействуют с ним, убедитесь, что изменение имеет смысл и его легко отследить. Необоснованные изменения макета могут сделать ваше приложение непредсказуемым и сложным в использовании. Если контекст потерян из-за изменения, люди, скорее всего, почувствуют, что они больше не контролируют ситуацию.
