Designers 15 UX & UI Tools для повышения производительности
Если вы тратите слишком много времени на создание прототипа вашего следующего большого проекта, вам, возможно, придется сделать шаг назад и оцените имеющиеся у вас инструменты и ресурсы. Нет смысла придерживаться того же инструмента для создания каркасов или создания прототипов, когда новые и улучшенные инструменты UX и ресурсы пользовательского интерфейса очень часто добавляются в Интернет. Работайте быстрее, лучше и эффективнее с помощью более мощных инструментов и более свежих наборов пользовательского интерфейса..
Чтобы помочь вам в этом, у нас есть 15 инструментов UX и UI, которые отлично подходят для создания прототипов. Некоторые из них несут перетащить и падение функциональные возможности и мощные функции совместной работы команды, в то время как другие содержат большие ресурсы для тестирования юзабилити вашего дизайна на этапе разработки, а в некоторых случаях, в режиме реального времени.
Больше на Hongkiat:
- 20 красивых дизайнерских портфолио UI & UX
- (Подробнее) полезные инструменты тестирования юзабилити в Интернете
- Что нужно знать о юзабилити-тестировании
- A / B результаты испытаний и тематические исследования для проектирования пользовательского опыта
- 20 концептуальных эскизов пользовательского интерфейса против готовых дизайнов, которые вы должны увидеть
Proto.io
Вы можете создавать свои прототипы в браузере с помощью перетаскивания и нулевого кода с помощью Proto.io, а также применять несколько событий касания и мыши к любому элементу пользовательского интерфейса. Proto.io также обладает одной из самых реалистичных и полезных интерактивных библиотек пользовательского интерфейса, которые вы найдете в любом инструменте для создания прототипов. Протестируйте свой прототип на реальном устройстве и обсудите информацию, связанную с дизайном, с членами команды с помощью инструмента совместной работы..
Pidoco
Быстро и легко создавайте интерактивные каркасы с помощью функции перетаскивания в Picodo, затем создавайте, редактируйте и делитесь неограниченным количеством макетов или прототипов каркаса с членами команды и клиентами в режиме реального времени. Его мощные функции обратной связи и обсуждения обеспечивают отличное и простое сотрудничество. Сохраните свои настроенные шаблоны для последующего использования и протестируйте свои прототипы на своих любимых мобильных устройствах..
Vonn Mobile Material Design UI Kit
Набор пользовательского интерфейса Vonn Material Design от Visual Hierarchy включает в себя 100 прекрасных шаблонов пользовательского интерфейса с возможностью перетаскивания в 8 категориях, которые идеально подходят для создания приложений Android. Шаблоны спроектированы с разрешением 1920 × 1080 пикселей, чтобы обеспечить идеальную посадку на мобильном устройстве. Кодирование не требуется. Vonn UI Kit полностью совместим с рекомендациями Google по дизайну материалов для стиля и макета.
AppCooker
Благодаря расширенным возможностям AppCooker вы сэкономите время, деньги и поразите своих клиентов, разрабатывая и обмениваясь красивыми макетами iPhone и iPad с помощью собственных виджетов iOS. У вас нет времени, чтобы создать макет с нуля? Тогда AppCooker - это приложение для вас.
Светляк
Firefly - это очень практичный инструмент для разработки приложений, который имеет полезную комбинацию функций проектирования, управления данными и совместной работы, отлично подходит для организаций с широко рассредоточенными командами разработчиков. С помощью Firefly можно загружать макеты, дизайны приложений, изображения и даже целые веб-страницы в процессе проектирования. Этот инструмент имеет возможность управлять несколькими версиями проекта, позволяя тем самым сотрудникам быть в курсе в любое время в процессе проектирования для обмена информацией..
InVision
InVision предоставляет платформу для создания прототипов, совместной работы и рабочих процессов, подходящую для приложений в среде, ориентированной на дизайн. Он легко и быстро превращает статические экраны в интерактивные прототипы. Его функциональность перетаскивания позволяет быстро создавать прототипы на любом этапе разработки. Информационные функции, которые были включены в этот инструмент, делают презентацию дизайна в реальном времени, совместную работу и удобно отображаемые отзывы реальностью..
Ace iOS 8 Mobile UI Kit
Комплект пользовательского интерфейса Ace Module хорошо организован и готов к использованию для макетирования дизайнов мобильных приложений iOS 8 на благо конечного пользователя. Имея 75 PSD шаблонов и более 100 иконок в распоряжении дизайнера, дизайн приложения для iPhone стал проще, чем когда-либо. Доступные в комплекте экраны позволяют создавать более 1000 различных приложений. Шаблоны созданы для размера Retina HD 4.7 и идеально подходят для создания потрясающих приложений на iPhone 6..
Тестирование пользователя
User Testing - это пользовательская исследовательская платформа, которую можно использовать для тестирования как выпущенных, так и не выпущенных мобильных приложений на устройствах iOS и Android. Пользовательское тестирование разработает тест для вас, или вы можете разработать тест самостоятельно. Вы можете запустить тест за считанные минуты и получить результаты в течение часа. Круто в этом то, что отзывы не только в форме метрик, но и видео реальных людей, комментирующих удобство использования вашего приложения..
Prott
Prott - это мощный инструмент для быстрого создания прототипов и совместной работы, специально разработанный для создания мобильных приложений. Графику, эскизы и изображения можно легко анимировать, экраны можно синхронизировать вместе, а полученный прототип можно предварительно просмотреть на реальном устройстве и поделиться с членами команды для коллективной обратной связи. Разрешения и размеры экрана iOS и Android полностью поддерживаются.
Optimizely
Optimizely - это платформа для оптимизации, предлагающая быстрое и мощное A / B-тестирование для мобильных приложений. Визуальный редактор позволяет вносить визуальные изменения в ваше приложение в режиме реального времени и на лету, не дожидаясь обзора App Store, независимо от того, насколько он настроен. Единственная строка кода, сгенерированная Optimizely и вставленная в ваш HTML, является единственной необходимой кодировкой.
Notism
Notism обладает возможностью UX, которая позволяет с удивительной легкостью делиться событиями и результатами проектирования в режиме реального времени. Это приводит к более быстрым итерациям проектирования, сокращению времени, необходимого для согласований, и упрощению процесса тестирования удобства использования. Наиболее значимая особенность, которую Notism приносит на стол, - это возможность сотрудничать с другими с помощью видео, особенность, которую некоторые считают настоящим изменяющим правила игры..
PowerMockup
PowerMockup - это полезный инструмент для создания прототипов, который отличается уникальной особенностью. Этот инструмент предоставляет необходимые шаблоны и функциональные возможности построения каркасов, но он позволяет выполнять фактическое создание каркасов в PowerPoint. Это позволяет конечным пользователям и нетехническим участникам легче следить за процессом проектирования. PowerMockup повторяет и переопределяет проекты в режиме реального времени, оставаясь при этом сосредоточенным на удобстве использования конечного продукта.
Майна
Myna приносит на стол форму A / B-тестирования, которая учится в режиме реального времени во время тестирования. Он оптимизирует ваши тесты на лету, позволяя увидеть ваши лучшие проекты большему количеству ваших клиентов или потенциальных клиентов. Тесты проводятся на основе ваших индивидуальных посетителей, а не отдельных просмотров страниц. Результаты тестов быстро доступны, и Myna даже позволяет вносить изменения в ваш дизайн во время тестирования.
Инструменты юзабилити
Usability Tools предоставляет два набора полезных инструментов для проверки юзабилити вашего приложения. Один набор идентифицирует проблемы юзабилити на лету и сообщает вам, какие функции вашего приложения привлекают внимание ваших посетителей, а какие игнорируются. Второй набор обеспечивает обратную связь с пользователем, касающуюся внешнего вида вашего приложения. Оба набора предлагают различные варианты тестирования.
Antetype
Antetype был разработан дизайнерами пользовательского интерфейса и предоставляет все инструменты, необходимые для разработки богатых, высококачественных прототипов. Более 400 виджетов доступны для всех основных платформ, но у вас все еще есть возможность добавить дополнительные виджеты, в том числе свои. Интегрированные функции взаимодействия и аннотации позволяют демонстрировать текущую работу по дизайну, а также делать комментарии и отзывы доступными для членов команды и заинтересованных сторон..
Примечание редактора: Этот пост написан Кейт Дагли для Hongkiat.com. Кейт любит писать обзоры для веб-разработчиков и технологических сайтов. В настоящее время она является сотрудником the-webdesigner.co..