top 12 best wireframe tools make your design success
Преглед на най-добрите Wireframe инструменти и макети за UI / UX проектиране на приложения и уебсайтове:
В тази публикация ще обсъдим 12-те най-добри инструмента за каркасно предлагане на пазара на софтуер днес.
Преди да се задълбочим в тази тема, трябва да разберем какво е Wireframing и защо е задължително в Жизнен цикъл на разработка на софтуер (SDLC).
Wireframing е:
- Макет / груба скица, която демонстрира външния вид и усещането на потребителския интерфейс на софтуерен продукт (цвят, оформление, контроли)
- Определя навигационната структура на софтуерния продукт
- Помага за усъвършенстване на изискванията, като разкрива специфичното поведение на Системата
- Изрично дава възможност за валидиране на изискванията с всички заинтересовани страни
- Симулация, която помага на потребителите да концептуализират софтуерните изисквания.
- Внася огромен фактор за потребителска интерактивност и отзивчив дизайн.
За да разберете по-ясно необходимостта от изграждане на каркаси, помислете за разговора по-долу между бизнес анализатор, който определя изискванията за софтуер за най-добрата ИТ фирма и клиент на дребно, който е сключил договор с фирмата за разработване на приложение за хранителни стоки, което би позволило на клиентите да закупят артикули от техните мобилни устройства.
Бизнес анализатор : „Здравей, Грег, днес бих искал да обсъдим Изискванията за раздела„ Вашите оферти “, които отдел„ Маркетинг “предвижда да има в приложението за хранителни стоки. Можем ли да обсъдим изискванията на потребителския интерфейс на високо ниво за същото? “
Клиент : „Не мисля, че това би било необходимо. Мисля, че ще дадем обратна връзка за потребителските изисквания, след като вашата разработка достави първата компилация. Ще обсъдим това по време на Тест за приемане от потребителя (UAT) ”.
как да извличате DVD безплатно
По-често този проблем се сблъсква с много клиентски мениджъри на продукти / бизнес анализатори по време на процеса на събиране на изискванията.
В горния случай външният вид на потребителския интерфейс на приложението за хранителни стоки е оставен на единствената преценка на дизайнерите / разработчиците, които правят най-доброто предположение за клиента, само за да установят, че клиентът не е доволен от потребителския дизайн след първото изграждане / повторение на продукта е доставено.
И така, как можем да премахнем това несъответствие? Има много инструменти за Wireframing, които служат за тази цел и спомагат за предварително замразяване на изискванията.
Традиционно повечето от инженерите на изискванията използват два вида хартия за рамкиране на тел и електронна. Въпреки че хартиената рамка е евтин, бърз и нискотехнологичен начин за определяне на дизайна на потребителския интерфейс, далеч не е възможно да се изобрази точно навигационната структура, когато има много екрани. Става караница за изпълнение и управление на изискванията на потребителския интерфейс в такъв сценарий.
Електронните инструменти на Wire Frame преодоляват тази трудност и улесняват живота на бизнес анализаторите / продуктовите мениджъри.
Повечето от нас са използвали Basic Microsoft PowerPoint за Quick Wireframing в даден момент или кариера. Не сме ли? Но има няколко недостатъка в това и няколко от тях са споменати по-долу
- Контролите по подразбиране може да не са достатъчни за продукта, който е проектиран
- Вземете пример за използване на контрола на списъчно поле за уебсайт, който не може да се влачи и пуска с едно щракване с помощта на Microsoft PowerPoint
- Възстановете потребителския дизайн, за да се впише в различни пропорции за настолни и ръчни устройства като таблети и мобилни устройства
- Невъзможност да изпитате външния вид и усещането на потребителския дизайн на различни устройства като настолни компютри и таблети с едно щракване
- Възможност за зареждане на специфичните за контекста контроли като менюта на Android или лентата с приложения на Windows 8, докато се проектират Wireframes за конкретните устройства.
Поради горните недостатъци, повечето организации предпочитат да използват специализирани инструменти за бързо, бързо и безпроблемно рамкиране на проводници. Анализирахме и стигнахме до 25-те инструмента, които в момента се използват в най-добрите ИТ фирми.
*************
= >> Уведоми ни ако искате да добавите друг инструмент за макет в списъка.
*************
Какво ще научите:
Най-добрите инструменти и приложения за каркасни, прототипи и макети
Ето ни!
Списъкът на най-добрите безплатни и комерсиални инструменти с отворен код за UI / UX дизайн на вашите приложения и уебсайтове.
# 1) Какао
Какао Поддържани платформи: Cloud & Self-хостинг
Безплатен пробен период: 14 дни
Цена: $ 6 / потребител / месец - започвайки от 3 потребители
- Cacoo има над 20 шаблона за каркаси, както и потребителски интерфейси.
- Всеки в екипа може да вижда най-новите рамки, дискусии и да проследява предишни промени.
- Удобен инструмент за плъзгане и пускане на каркасна рамка.
- Мощни функции за споделяне и сътрудничество
- Cacoo позволява редактиране в реално време на една и съща диаграма, така че екипът ви да може да работи върху телени рамки заедно, независимо къде се намират.
- Комуникирайте направо в каркаса с функциите за коментиране и уведомяване.
************************
# 2) Balsamiq макети
Поддържани платформи: Работен плот и облак
Безплатен пробен период: 30 дни
Цена: $ 12- $ 89 на месец
- Осигурява лесна опция плъзгане и пускане за няколко елемента на потребителския интерфейс от бутони до списъци
- Този инструмент отговаря на точката на продажба на „Болезнено опростена“, като е изключително лесен за употреба за скициране на телени рамки за уеб настолни и мобилни приложения
- Осигурява възможност за сътрудничество с други потребители / заинтересовани страни и получаване на обратна връзка за Wireframes
- Може да бъде закупен като самостоятелно приложение за настолни компютри (Windows / Mac) за $ 89 за единичен потребител (множество машини) с безплатни малки актуализации на версията
- Абонаментът в облак може да бъде закупен само за $ 12 / месец за неограничени потребители и макети на активен проект. Той осигурява гъвкавост при отмяна на абонамента по всяко време
- Има опция за безпроблемна интеграция с Google Drive
- Предлагат се опции за добавки за сървър Atlassian Confluence, Cloud, JIRA Server & Cloud
За повече информация относно този инструмент проверете тук
************************
# 3) Инструмент UXPin Mockups
Поддържани платформи: Облак
Безплатен пробен период: 30 дни
Цена: $ 19- $ 98 / месец
- Предлага се с 1000+ предварително изградени елемента на потребителския интерфейс за уеб, мобилни и облачни базирани рамки
- Осигурява възможност за внедряване на интерактивни дизайни.
- Поддържа импортиране на файлове от Sketch & Photoshop за бързо прототипиране.
- Редовните и последователни актуализации се натискат за библиотеки за първоначално зареждане, IOS, Android и Windows. Тази чудесна функция помага на потребителя да се концентрира повече върху функционалността, отколкото върху тънкостите на различните промени в потребителския интерфейс на системата на OS.
- Възможност за мигновено персонализиране на съществуващите елементи на потребителския интерфейс чрез добавяне на персонализирани фрагменти на CSS код в редактора на UXPin.
- Помага за управление на итерации / версии с едно щракване, което в крайна сметка улеснява дизайнерските решения.
- Улеснява взаимодействието с потребителя като задържане на курсора на мишката, преход и падащо меню
- Възможност за персонализиране на типография и фон на елементи на потребителския интерфейс
- Има опция за определяне на адаптивни точки на прекъсване от iPhone към екрани на работния плот
- Основната версия с минималистични взаимодействия и опции за експортиране се предлага за $ 19 / месец / потребител
- Професионална версия с усъвършенствани взаимодействия и елементи на потребителския интерфейс, експортиране в PDF и HTML, внос на Photoshop и персонализиран стил се предлага за $ 29 / месец / потребител
- Най-напредналата съвместна версия с възможност за документиране, преглед, библиотека на екип, състояние на проекта и тестване на използваемост е достъпна за $ 98 (3 потребители)
За повече информация относно този инструмент проверете тук
************************
# 4) Fluid UI
Поддържани платформи: Облак
Безплатен пробен период: Неограничен с ограничения на функциите
Цена: $ 8.25 - $ 41.5 / месец
- Предлага се с 16 предварително изградени потребителски интерфейса за мрежата, мобилните и облачните базирани рамки
- Дава гъвкавост на потребителя да взаимодейства с дизайна на потребителския интерфейс, насочен към различни екрани като мобилни устройства, таблети, настолни компютри и носими устройства (Apple Watch, Android Wear, Galaxy Gear, Pebble)
- Осигурява възможност за добавяне на преходи и анимации към каркаса
- Има възможност да си сътрудничите като екип със заинтересованите страни, като изпращате покани веднага след като каркасът е завършен и получавате обратна връзка
- Осигурява възможност за поддръжка на версията
- Потребителите могат да получат обратна връзка, използвайки възможността за видео разговори на живо и функцията за чат, подобна на Skype
- Има опция за тестване на прототипите на мобилни устройства
- За всеки проект се генерира QR код, който позволява на потребителя да изтегли прототипа в мобилни устройства
За повече информация относно този инструмент проверете тук
************************
# 5) Hot Gloo
Поддържани платформи: Облак
Безплатен пробен период: 7 дни
Цена: $ 13- $ 54 / месец
- Помага за създаването на интерактивни и отзивчиви каркаси от предварително изградена библиотека с джаджи за потребителски интерфейс (2000 елемента на потребителския интерфейс) с поддръжка за повече от 5000 икони
- Оптимизиран за различни екрани направо от настолни, мобилни, таблети до носими
- Wireframes могат да бъдат изпращани като връзки за предварителен преглед до клиентите, които могат безпроблемно да взаимодействат с wireframe и да предоставят коментари за преглед
- Възможност за колективна работа по проект и покана на колеги в акаунта и сътрудничество в реално време
- Здравата документация намалява кривата на обучение за потребителя
За повече информация относно този инструмент проверете тук
************************
# 6) InDesign CC
Поддържани платформи: Windows, Mac
Безплатен пробен период: 30 дни
Цена: $ 9- $ 79 / месец
- Богата библиотека с приспособления за потребителски интерфейс, която позволява на потребителя да създава интерактивен PDF файл, който се използва като каркас за мобилно приложение или уебсайт
- Възможност за създаване на персонализирана библиотека от елементи на потребителския интерфейс, които могат да бъдат използвани повторно в последователни проекти
- Поддръжка за преходи, анимации, видео и състояние на преход
- Изобилие от запаси на Adobe, които включват изображения, графики, видеоклипове чрез InDesign Search
- Възможност за публикуване и разпространение на телени рамки онлайн за преглед и обратна връзка с поддръжка за настолни и мобилни браузъри
- Осигурява опция за проследяване на представянето на екипа
За повече информация относно този инструмент проверете тук
************************
# 7) Microsoft Visio
Поддържани платформи: Windows, Cloud (Office365)
Безплатен пробен период: 60 дни
Цена: $ 13 / месец (Office365), $ 299- $ 589 (настолни версии)
- Лесен за използване инструмент на Microsoft, който предоставя всички основни елементи за създаване на каркасна рамка
- Познатият интерфейс, подобен на приложенията на Microsoft като Excel и Word, значително намалява непознаването на новия продукт и увеличава кривата на обучение
- Широка подкрепа за 3rdпарти плъгини, което помага на потребителя да експортира каркаса като HTML
- Може да бъде достъпен чрез клиент на Citrix за динамично лицензиране, но с цената на изпълнението
- Тежък процес на актуализиране / надграждане, който взима данък върху ефективността на системата
- Подкрепа за сътрудничество по проекти чрез съавторство, коментиране, анотиране и поддръжка на skype
За повече информация относно този инструмент проверете тук
************************
# 8) Пидоко
Поддържани платформи: Облак
Безплатен пробен период: 31 дни
Цена: $ 12- $ 175 / месец
- Възможност за създаване на интерактивни телени рамки с допълнителна поддръжка за жестове с докосване, данни за движението и местоположението на устройството.
- Възможност за сътрудничество с екипа и редактиране на жичните рамки в реално време заедно с други членове на екипа
- Поддръжка на версиите, CR проследяване и изгледи на историята на коментари са голям плюс в този продукт
- Експортирайте прототипи като HTML, векторна графика, RTF / Word, PDF, PNG, PNG поток на екрана
- Предоставя възможност за повторно използване на потребителски проектирани елементи на потребителския интерфейс
- Опростеният интерфейс помага на потребителя да научи за продукта лесно и да увеличи производителността
- Има опция за извършване на тестове за използваемост с прототипи, използващи методи на място и дистанционно тестване
- Интегрира се с приложения като Planio и JIRA и предоставя възможност за свързване с wiki, използвайки добавка функционалност
За повече информация относно този инструмент проверете тук
************************
# 9) Предпоследен
Поддържани платформи: Ай Пад
Цена: Безплатно
- За разлика от другите инструменти за електронен прототип, това приложение помага на потребителя да поддържа основите на каркасното проектиране, като помага на потребителите да проектират екрани за iPad директно в устройството
- Синхронизирането на дизайнерските идеи с други потребители на предпоследния е много лесно и безпроблемно
- Помага на потребителя да вижда безпроблемно жичните рамки в компютърни и мобилни устройства
- Въпреки че съдържанието е написано на ръка в iPad, текстът все още може да се търси.
- Основното предимство е, че това приложение се предлага безплатно от App Store
За повече информация относно този инструмент проверете тук
************************
Поддържани платформи: Облак
Безплатен пробен период: 30 дни
Цена: $ 29- $ 59 / месец
- Този инструмент предоставя всички функции, очаквани в приложение за Wireframing, с допълнителна колекция от обширни шаблони за каркасни рамки и библиотека с джаджи за бързо свързване
- Става лесно да експортирате прототипа в мрежата или документ със спецификация
- Това внедрено приложение в облак улеснява използването на приложението на настолни и преносими устройства с нулева нужда от поддръжка
- Интегрирана с вградена рамка за обратна връзка, която улеснява споделянето на коментари с други заинтересовани страни
За повече информация относно този инструмент проверете тук
# 11) Проект за молив
Поддържани платформи: Windows, Mac и Linux
Цена: Безплатно
- Предоставя множество вградени колекции от форми, за да могат потребителите да избират за потребителски интерфейси на настолни и ръчни устройства.
- С проста ръководена инсталация потребителите могат бързо да прототипират това приложение
- Опции за експортиране в различни файлови формати като PNG, HTML, PDF, SVG, текстови документи Open Office / LibreOffice (ODT)
- Безпроблемна способност за търсене на картинки от мрежата с помощта на инструмента за браузър на клип арт и добавянето им за изграждане на по-добри каркаси. Векторният формат позволява мащабирането на елементите на потребителския интерфейс до подходящи размери
- Помага за изграждането на архитектурата на потребителя чрез свързване на елементи на потребителския интерфейс към определена страница. Страхотно помага на потребителя да дефинира навигационната структура на приложението и да създава интерактивни телени рамки
- Освен че е инструмент с отворен код за различни платформи като Windows, Linux и Max, той се предлага и като приставка за Firefox
За повече информация относно този инструмент проверете тук
# 12) Строител на усет
Поддържани платформи: Mac, Windows и Cloud
Безплатен пробен период: 30 дни
Цена: $ 19 / месец
- Сървърът JustinMind често актуализира UI библиотеките, който се състои от масивна колекция от предварително изградени UI библиотеки, предназначени за Android, IOS и други мобилни телефони
- Създайте персонализирани потребителски библиотеки и натиснете към сървъра за повторна употреба
- Enterprise UI библиотеката специално е насочена към корпоративни приложения като Oracle Fusion или SAP UI библиотеки
- Помага за изграждането на изключително интерактивни каркаси за приложения за носими устройства
- Готините функции, които отличават JustinMind от другите инструменти, е възможността за вмъкване на HTML, Docs, Videos & Online джаджи
- Поддържа създаване на шаблон, персонализирани стилове, интеграция на Google Font и интеграция с изображения и SVG файлове от Photoshop, Illustrator или Sketch
- Уникален дизайн на телена рамка, използващ паралакс превъртане и други ефекти като плаващи менюта и плъзгащи се слоеве
- Публикувайте, преглеждайте и коментирайте система с поддръжка за онлайн и офлайн коментари
- Интегрира се с инструменти за тестване, като симулира реални данни и осигурява много добра онлайн документация
- Експортирайте в интерактивен HTML, документи и изображения
- Осигурява автоматично генерирана карта на сайта на телени рамки и поддържа съвместно прототипиране
- Поддържа разширено управление на потребителите и интеграция с LDAP
За повече информация относно този инструмент проверете тук
въпроси за интервю за maven и jenkins
Сега, когато обсъдихме най-добрите 12 каркасни инструмента в тази статия, въпросът за милиони долари е кой би избрал? На този въпрос се дава по-добър отговор въз основа на изискванията на организацията и разпределението на бюджета.
Заключение
Анализирахме характеристиките, ценообразуването, възможностите за лицензиране за всеки и всеки инструмент и окончателното решение трябва да бъде взето след задълбочената оценка.
Ако тук сме пропуснали какъвто и да е инструмент от Wireframe, вашите предложения и опит са най-добре дошли!
*******************
Чувствай се свободен да свържете се с нас за да добавите вашия Wireframe софтуер тук.
*******************
Препоръчително четене
- Най-добри инструменти за тестване на софтуер 2021 г. (Инструменти за автоматизация на QA теста)
- Топ 10 Инструменти за проектиране на бази данни за изграждане на сложни модели данни
- 12 най-добри инструмента за създаване на линейни графики за създаване на зашеметяващи линейни графики (2021 РЕЙТИНГИ)
- 9 най-добри VoIP тестови инструмента: VoIP тестове за скорост и качество (2021 СПИСЪК)
- 11 най-добри инструменти за автоматизация за тестване на приложения за Android (инструменти за тестване на приложения за Android)
- 4 основни характеристики, които инструментите за управление на тестове трябва да имат
- Топ 10+ най-добри инструменти за тестване на SAP (инструменти за автоматизация на SAP)
- Тестване на мрежовата сигурност и най-добрите инструменти за мрежова сигурност