Библиотека
MOBILE UI/UX ШАБЛОНЫ ПРОЕКТИРОВАНИЯ
Обзор книги "Mobile UI Design Patterns"
Независимо от того, начинаете вы создавать макеты и прототипы только сейчас или занимаетесь этим многие годы, эта книга расскажет вам о том, как взобраться на вершину трендов мобильного и веб-дизайна. Она отлично подойдет как для поиска вдохновения, так и в качестве помощника в создании собственного продукта.
Денис Судилковский
UX Стратег Rocketmind
'Mobile UI Design Patterns" называют лучшим
собранием дизайнов пользовательского
интерфейса.
Cоздавая макет и адаптируя его под свои нужды, вам следует ответить себе на такие вопросы: Какую проблему пользователя вы решаете? Как другие дизайнеры решили эту проблему? Отлично, можете ли вы продемонстрировать решение? Когда следует использовать (или не использовать) данное решение?

Книга "Mobile UI Design Patterns" является уникальной по своей структуре, потому что она предлагает чрезвычайно четко класифицированный список наиболее важных и часто встречающихся проблем и их решений, отлично иллюстрированных большим количеством скриншотов. И все это доступно не только для продвинутых дизайнеров, но и для человека любой другой профессии, взявшего эту книгу в руки, так как примеры являются поистине доступными - самые популярные и узнаваемые приложения как для Android, так и для IOS - Uber, Pinterest, Tinder, OKCupid, Spotify, Instagram, Dropbox, Secret, Flipboard, Snapchat, Mailbox и многие, многие другие.


Совет

Следует помнить!

Нет единого универсального решения всех проблем, когда дело доходит до дизайна пользовательского интерфейса. Но вы можете использовать эти шаблоны и элементы проектирования из новой книги UXPin и адаптировать их для решения ваших проблем и, самое главное, проблем ваших пользователей. 'Mobile UI Design Patterns" называют лучшим собранием дизайнов пользовательского интерфейса. Электронная книга версия доступна бесплатно здесь
Пример
Управляющие элементы в Pinterest
Проблема
Пользователь желает совершить действия разных типов, но экран ограничен, чтоб показать все типы этих управляющих элементов.

Решение
Заменить кнопки и элементы управления на экране алтернативными функциональными элементами. Зависимо от того, чем сейчас занят пользователь, интерфейс может целиком заменять один элемент другим, например, "do" на "undo", "добавить" на "удалить". Это имеет смысл, когда переменные действия связаны неким образом. Pinterest сообщает пользователю, что тот может отменить добавление пина или фолловинг альбома, соответственно, трансформируя кнопку "+" в "х". Этот дизайнерский шаблон экономит пространство экрана, делая выполнение любого действия быстрым и простым, применяя при этом достаточно игривые решения.

Пример
Голосование для Продвижения: Vine, 9Gag
Проблема
Пользователь хочет поддержать и распространить понравившийся контент.

Решение
Позвольте пользователю участвовать в курировании контента, создав систему голосования, где они могут продвигать понравившийся контент. Идея поддерживаемого аудиторией курирования контента была распространена благодаря лайкам на Digg и Reddit, и сегодня мы видим, что практически все приложения с генерируемым пользователями контентом, применяют данный шаблон, желая создать наиболее удобный и увлекательный инструмент.

Made on
Tilda