Если вы слышали этот термин «каркас» но вы немного запутались в том, что это на самом деле такое, для чего это нужно или почему это полезно, эта статья должна развеять ваши сомнения.
Что такое каркас?
Каркас — это что-то вроде чертежа архитектора. То есть черновик визуальное представление пользовательского интерфейса Ваш веб-сайт или приложение. С помощью каркасов можно передать четыре вещи:
- Структура - навигационная и информационная архитектура
- Расписание - например, иерархия страниц, а также расположение элементов на экране
- Содержание – идея как содержание чтобы соответствовать дизайну
- Функциональность – описание того, как будет работать продукт и как люди будут его использовать
Это незаменимый инструмент для любого UX-дизайнера, который полезен во многих различных ситуациях. Вы можете создавать каркасы с разной степенью точности (англ. верность) и именно поэтому они являются таким мощным инструментом.
Низкая точность (более низкий уровень точности) подразумевает нарисованные от руки эскизы, которые отлично подходят для конкретизации первоначальных идей как для себя, так и для представления своей команде. То есть быстрый способ создавать, редактировать и совершенствовать свои идеи, и неважно, насколько хорошо вы рисуете. Любой, кто умеет рисовать простые круг, квадрат и треугольник, вполне способен сделать набросок такого рода.
Теперь перейдем к тому, что большинство экспертов в первую очередь вспоминают, когда мы говорим «каркас». Для их создания можно использовать сотни различных инструментов. Figma, Balsamic, OmniGraffle, Illustrator и UXPin — вот лишь некоторые из них. Каркасы такого типа являются способом сообщите свою идею вашей команде, клиентам или заказчикам. Это отличный способ рассказать о своем продукте и о том, что именно вы производите.
На высокая точность (высокая точность) часть спектра, интерактивный прототип позволяет вам проектировать взаимодействия и их поток. Кликабельные прототипы — хороший выбор, когда вы тестируете удобство использования. Вы можете использовать Axure, Keynote или даже создавать каркасы прямо в браузере с помощью HTML.
Иногда достаточно быстрого чернового наброска, а иногда более уместен каркас с подробными пояснениями того, что и где должно располагаться, как должно выглядеть и для чего предназначено. Это действительно зависит от проекта и стадии, на которой вы находитесь.
Фото: Федерика Галли он Unsplash
Ваш каркас должен иметь необходимый уровень детализации, не более. Итак, вот несколько практических советов:
- Будьте проще. – скорость и простота являются ключевыми факторами при создании каркасов. В большинстве случаев мы выбрасываем или удаляем каркас в конце, как только он выполняет свою функцию. Вот почему не обязательно, чтобы линии были идеально выровнены, а каждый элемент располагался точно в пикселе.
- Используйте координатную сетку (англ. (сетка) – Сетка помогает вам создать структуру и простоту вашего макета. Сегодня каждый приличный сайт построен по этому принципу, поэтому я рекомендую и вам его использовать.
- Используйте короткие и точные заметки. - Члены команды прочтут ваш каркас, поэтому не забудьте оставить им соответствующие заметки, которые четко и точно отражают суть того, что вы набросали. Не преувеличивайте, просто донесите суть.
- Поощряйте обратную связь. – Покажите каркас своим коллегам и спросите их мнение. Это верный способ улучшить ситуацию. Можете смело повесить его на ближайшую стену и попросить всю команду дать обратную связь.
Как видите, создавать каркасы относительно просто, хотя, конечно, требуется определенный опыт, чтобы понять, как максимально эффективно использовать их для достижения ваших целей.
Если вас интересует профессиональная помощь в области UX-дизайна или других ИТ-услуг, узнать больше о нас.
Источник: youtube.com/uxmastery
