20 най-добри UX инструменти и ресурси

Както светът на уеб дизайна непрекъснато се променя и развива, така и инструментите, които ни помагат да създаваме онлайн преживявания. С иновациите, които непрекъснато изникват и променят начина, по който взаимодействаме онлайн, може да бъде предизвикателство да бъдете в крак с най-доброто уеб дизайн инструменти, които ще ви помогнат да работите по-умно.

Що се отнася до изработването на печеливш дизайн на UX и UI, стигнахте до правилното място. Това са най-модерните инструменти и ресурси, които ще ви помогнат да проектирате удобен за потребителя сайт. Ако изграждате сайт от нулата, ще се изненадате какво може да постигне най-новият конструктор на уебсайтове и колко безпроблемно е правилното съхранение в облака ще направи вашия процес.

01. Cursomizer

Целева страница на курсомайзера



[Изображение: Cursomizer]

Създаден като почит към пионера на потребителския интерфейс Дъглас Енглебарт, този проект за сайт от KIRKDESIGN кани UX дизайнерите да създадат персонализирани курсори на мишката. Чрез променяне на различни графични свойства във формата, цвета и визуалните ефекти, посетителите могат да прототипират различни опции, да тестват и дори да споделят своите селекции с колеги, като копират връзка.

02. Axure RP

Axure RP целева страница

[Изображение: Axure RP]

Търговско приложение за бързо прототипиране за Mac и PC, Axure RP позволява на дизайнерите да скицират, каркасни и прототипни UX проекти, използвайки интуитивно редактиране с плъзгане и пускане. По-широките функции добавят диаграма на потока и поддръжка на анимация, както и инструменти за екипна съвместна работа, включително облачно съоръжение Axure Share за споделяне на публикувани прототипи между устройства.

03. Mockflow

Целева страница на Mockflow

[Изображение: Mockflow]

Описвайки се като пакет за планиране на потребителски интерфейс и UX, това онлайн приложение не изисква изтегляне и позволява на дизайнерите бързо да обмислят идеите си за потребителски интерфейс. Безплатен основен пакет се мащабира до ниво Enterprise, предлагащ достъп до различни функционални модули чрез каркасно проектиране, картографиране на сайтове, изработка на спецификации на дизайна, съвместен преглед, анотация на екранна снимка и дори хостинг на сайта (за опции с хостинг вижте нашето ръководство уеб хостинг ).

04. StoriesOnBoard

StoriesOnBoard целева страница

[Изображение: StoriesOnBoard]

Предлага се като абонаментен продукт SaaS, StoriesOnBoard е предимно решение за картографиране на пътуване или „история“, което кани дизайнерите на UX да начертаят пътища на софтуерни проекти. Наративните потоци, цели и стъпки могат да бъдат визуализирани съвместно с помощта на карти, подобно на лепкави бележки, за бързо подреждане и пренареждане на исторически карти, като същевременно се прикачват неограничени подробности и коментари.

05. Борд

Страница за кацане на борда

[Изображение: Boords]

Този създател на онлайн съвместни разкадровки се предлага като безплатна пробна версия заедно с пакетите Plus, Team и Enterprise. Вграденият му редактор на рамки се грижи за изчертаването на споделяемите раскадки, докато вграденият „Animatic Tool“ добавя динамика, а вграденият редактор на скриптове дава възможност за удобно добавяне на разказен текст. Други забележителни функции включват събиране на обратна връзка с клиенти, гласови команди и множество опции за износ.

06. Хелий

Целева страница Helio

[Изображение: Хелий]

Helio, известен по-рано като Solidify от ZURB, е уеб-базирано приложение, което не само генерира кликващи прототипи от качени интерфейсни макети, но и изключително важно предоставя данни за обратна връзка. Дизайнерите могат да използват мненията и перспективите на потребителите от 100 000 участници, за да получат ценни „Прозрения за дизайна“ за конкретни демографски данни на аудиторията и техните поведенчески модели.

07. UX App

Целева страница на приложението UX

[Изображение: UX App]

Друг инструмент, базиран на облак, UX App позволява на дизайнерите да „свържат“ напълно интерактивни прототипи за настолни приложения, мобилни приложения и уебсайтове, без да е необходимо кодиране. Неговият дизайнер на визуални действия предоставя набор от инструменти с оригинални компоненти, базирани на HTML и JavaScript, с възможност за дефиниране на персонализирани събития, преходи и действия или алтернативно да експортира дизайни само като PNG файлове.

08. Дизайнерско огледало

Страница за дизайн на Mirror

[Изображение: Design Mirror]

Този умен плъгин за визуализация за Photoshop, Adobe XD и Sketch се присъединява от придружаващи приложения за устройства с Android и iOS. След като бъдат инсталирани, дизайнерите могат да показват дизайна на интерфейса си на най-популярните смартфони чрез Wi-Fi, USB и връзка към браузъра. Характеристиките включват поддръжка на различни платформи за Windows и Mac, мащабиране с щипка, навигация с плъзгане и запазване на екранна снимка.

09. UX комплекти

Целева страница на UX Kits

[Изображение: UX комплекти]

Продукти на Ерик Милър Дизайн, тези „комплекти“ са по същество графични шаблони и тестета с интерфейсни карти за целите на мозъчната атака на UX. Wireflows, диаграми на уебсайтове и карти на сайта могат да бъдат закупени независимо за Illustrator, OmniGraffle и Sketch, или в три формата пакети. Тогава каркасни платформи и тестета за карти на уебсайтове осигуряват по-осезаем начин за сглобяване на страници или интерфейси на всяка плоска повърхност.

10. Wipebook

Целева страница на Wiprebook

[Изображение: Wipebook]

Кой UX дизайнер никога не си е пожелавал да могат да изтрият своите скицници от лоши идеи? Е, с Wipebook можете да направите точно това и да бъдете и екологични с набор от незабавно изтриваеми флипчарти и тетрадки. Предлагат се множество размери и коригиращи се маркери, като Wipebook Scan може да запази тези временни драскулки в облака, преди да изчезнат.

единадесет. Smartlook

Целева страница Smartlook

[Изображение: Smartlook]

Smartlook е качествена платформа за поведенчески анализ за уебсайт и мобилни приложения. Основните характеристики включват записването „винаги включено“ и повторното възпроизвеждане на реални видеозаписи, които проследяват как потребителите взаимодействат, заедно с топлинни карти за подчертаване точно там, където кликват най-много. Автоматичното проследяване на събития разкрива прегледи на използването на популярни функции, докато фуниите дават подробна статистика за пътищата на преобразуване.

12. Adobe XD

Целева страница на Adobe XD

[Изображение: Adobe XD]

Част от своя пакет приложения на Creative Cloud, Adobe XD всъщност е безплатен продукт за трансформиране на интерфейсните „comps“ в интерактивни прототипи. Интелигентните инструменти за визуално редактиране включват плъзгане на проводници за свързване на монтажни дъски, лесен импорт на други CC активи, както и поддръжка за анимация и глас. Освен това придружаващото мобилно приложение позволява местни визуализации на устройства с iOS и Android.

13. Кейнотопия

Целева страница на Keynotopia

[Изображение: Keynotopia]

Keynotopia представлява впечатляваща колекция от над 5000 безплатни, базирани на вектор шаблони и компоненти на потребителски интерфейс, плюс над 200 икони също. Уникално, всички те са създадени в Apple Keynote и Microsoft PowerPoint, като същевременно позволяват на дизайнерите да редактират и персонализират всеки пример, без да се изискват други инструменти. Индивидуални и пакетни пакети се предлагат от $ 39.

14. Потребителски шаблони

Целева страница на потребителския интерфейс

[Изображение: Потребителски шаблони]

Отрепки обичат джаджи и дизайнерите на UI / UX не правят изключение. Този модерен eShop предлага редица аксесоари, включително скици и химикалки, но предимно гама от сериозно страхотни интерфейсни шаблони и „рамки“ линийки. Изработени от трайна неръждаема стомана или плътна полупрозрачна пластмаса, шаблоните поддържат iPhone, Android, iPad и чертеж на уебсайт, заедно с общи балонни символи за диаграмиране на потребителския поток.

15. Ideapaint

Целева страница на Ideapaint

[Изображение: Ideapaint]

Представете си сцената - вашата мозъчна атака даде отлична идея за UX дизайн, но бялата дъска е AWOL, а хартията е оскъдна. Ами с вашата заседателна зала, декорирана в сухо изтриване IdeaPaint, можете просто да драскате директно по стените! Магнитният грунд позволява вместо това да се залепят стенни покрития, които могат да се избърсват, с редица гумички и почистващи продукти, които също се предлагат за горди стартиращи фирми.

16. Userbrain

Целева страница на Userbrain

[Изображение: Userbrain]

Това базирано на облак решение за тестване на потребители обещава да опрости процеса, като позволява на дизайнерите на уебсайтове да гледат видеоклипове с реални взаимодействия на посетителите. По същество Userbrain предоставя достъп до световна мрежа от нови потребители, готови да споделят обратна връзка чрез непрекъснато събиране на прозрения от опит. Констатациите могат бързо да се споделят между екипи и заинтересовани страни, като всичко е отворено за тестване, ако има валиден URL адрес.

17. UX - Таймер за тестване на потребителския опит

UX целева страница

[Изображение: UX - Таймер за тестване на потребителския опит]

Това безплатно приложение от Александър Кокс е достъпно за устройства с iOS и по същество осигурява таймер за тестове за използваемост на времето. Могат да се настроят множество тестове, които да съдържат редица персонализируеми съставни задачи, които тестовият обект да завърши, време за завършване на регистрацията за всеки. След това резултатите могат да бъдат заснети като скрийншотове, съхранени и направени достъпни в рамките на камерата на iOS.

18. UX Companion

Целева страница на UX Companion

[Изображение: UX Companion]

UX Companion от Cyber-Duck Ltd е приложение за умения за Android, iOS и Amazon Alexa, което предоставя на потребителите полезен UX речник. Освен само дефиниране на термини и жаргон, той изброява описания и ресурси за UX теории, инструменти и водещи принципи, за да даде на всички по-голяма представа за практиката. Напълно безплатно за изтегляне, приложението може да се похвали с 80 плюс теми и редовни актуализации.

19. Framer X

Целева страница на Framer X

[Изображение: Framer X]

Framer е уеб-базиран инструмент за бързо прототипиране, който поставя акцент върху не само отзивчивостта, но и реалистичността. Drag-and-drop компонентите правят дизайна на екрана и начертаването на навигационния поток красиво интуитивен, докато добавянето на 3D ефекти добавя фактора уау. Достъпът до Framer X Store също предоставя хиляди допълнителни ресурси и комплекти за потребителски интерфейс, така че дизайнерите не трябва да започват от нулата.

двайсет. POP

POP целева страница

[Изображение: POP]

POP на Marvel означава „прототипиране на хартия“ и има безплатни приложения за смартфони с iOS и Android. Тук дизайнерите могат да правят снимки на своите интерфейсни скици или да проектират от нулата, като използват инструментите за рисуване и запасите на POP, преди да свържат екраните заедно, използвайки интерактивни горещи точки. След това споделянето на опции в имейли, SMS и социални медии насърчава сътрудничеството.

Тази статия първоначално е публикувана в брой 285 на списание за творчески уеб дизайн Уеб дизайнер . Купете брой 285 тук или абонирайте се за Web Designer тук .

Свързани статии: