Каркас. Поездки пользователей. Контентные карты. Ориентированный на пользователя дизайн. Информационная архитектура. Анимированные прототипы. Пути конверсии. Итерационные особенности. Sitemaps. О, что?
Давайте будем честными, мир UX (пользовательский интерфейс) и пользовательский интерфейс (пользовательский интерфейс) полны жаргона и сложнейших терминов. Возьмем, к примеру, эту реальную строку, которую я скопировал из описания задания для должности старшего специалиста по контенту в университете:
«Создает шаблоны, которые обеспечивают согласованный подход к стратегии контента, включая рекомендации по картам сайтов , инвентаризация контента и аудиты, анализ данных и упражнения для пользователей ».
. Это много фантастических фраз, которые могут быть проще. Но если вы работаете в веб-дизайне или стратегии контента, вы, вероятно, слишком знакомы с этими условиями. Ирония заключается в том, что цель UX (это пользовательский опыт ) — буквально сделать вещи (ака контент ) более понятными (ака больше судоходной ) для людей (ака пользователей ).
Каркасы и Наборы UI — это два отраслевых термина, которые звучат сложнее, но на самом деле очень просто понять.
Что такое каркас?
Вы когда-нибудь проводили мозговой штурм идеи нового сайта с коллегой за обедом или с другом в баре? Вы чувствуете вдохновение, хватаете салфетку и ручку, и начните рисовать то, что может выглядеть на сайте: это каркас. По сути, каркас — это контур или эскиз того, как будет выглядеть веб-сайт (или приложение). Это план, карта, концепция bare-bones
Конечно, эскиз на салфетке пока доставит вам до сих пор. Поэтому дизайнеры создали шаблоны для каркасов, которые легко переносятся на презентации или программное обеспечение для разработки (я рекомендую эту статью, «Руководство для начинающих» Wireframing, если вам нужна более подробная и ресурсоемкая разбивка каркасов.)
Что такое набор пользовательского интерфейса?
Пользовательский интерфейс означает пользовательский интерфейс другими словами: «заставляя людей взаимодействовать».
Набор пользовательских интерфейсов содержит полезные файлы и графику, которые вам могут понадобиться, например, флажки, значки и многое другое. По сути, это набор, который существует, так что вам не нужно создавать каждый компонент вашего сайта или приложения с нуля — и стандартизация означает, что он будет хорошо разработан и прост для вашей аудитории.
Нет единого «правильного» способа создания кнопки, но, безусловно, есть способы, которые лучше других, и много исследований дизайна. Используя набор пользовательских интерфейсов, вы доверяете экспертам и проверяете, что детали вашего сайта отшлифованы и профессиональны.
Лучшие шаблоны каркасных каркасов и наборы пользовательских интерфейсов
Шаблоны wireframe и наборы UI — это две разные вещи, но содержание этих шаблонов часто перекрывается. Итак, мы собрали их в этот список лучших и самых полезных каркасов и наборов пользовательских интерфейсов для добавления в вашу коллекцию: