Designers 15 UX & UI-verktyg för att öka produktiviteten

Om du befinner dig för mycket tid att prototypera din nästa stora design, kan du behöva ta ett steg tillbaka och utvärdera de verktyg och resurser du har till hands. Det finns ingen anledning att hålla sig till samma verktyg för trådframställning eller prototyper när nya och förbättrade UX-verktyg och UI-resurser läggs till så ofta på webben. Arbeta snabbare, bättre och smatter med kraftfullare verktyg och fräschare UI-paket.

För att hjälpa dig med det har vi 15 UX och UI-verktyg som är bra för prototyper. Några av dem bär dra och släpp funktionaliteter och kraftfulla team samarbete funktioner, medan andra innehåller stora resurser för att testa din designs användbarhet inom utvecklingsfasen och i vissa fall i realtid.

Mer om Hongkiat:

20 vackra UI & UX designerportföljer
(Mer) användbara verktyg för test av användbarhet för webben
Vad du behöver veta om användbarhetstestning
A / B-testresultat och fallstudier för användarupplevelse design
20 UI koncept skisser vs färdiga mönster du ska se

Proto.io

Du kan skapa dina prototyper i webbläsaren via drag och släpp och nollkod med Proto.io, och dessutom appliceras flera pek- och mushändelser på alla användargränssnitt. Proto.io har också ett av de mest realistiska och användbara interaktiva användargruppbiblioteken du hittar i något prototypverktyg. Testa din prototyp på en verklig enhet och diskutera din designrelaterad information med gruppmedlemmar med sitt samarbetsverktyg.

Pidoco

Skapa snabbt och enkelt klickbara trådramar med Picodos drag-och-släpp-funktion, sedan skapa, redigera och dela ett obegränsat antal wireframe mockups eller prototyper med teammedlemmar och klienter i realtid. Dess kraftfulla feedback- och diskussionsfunktioner möjliggör ett bra och enkelt samarbete. Spara dina anpassade mallar för återanvändning senare och testa dina prototyper på dina favorit mobila enheter.

Vonn Mobile Material Design UI Kit

Vonn Material Design UI Kit med Visual Hierarchy har 100 vackra drag-och-släppa UI-mallar i 8 kategorier, allt perfekt för att skapa Android-appar. Mallarna är utformade på 1920 × 1080 pixlar för att ge en perfekt passform på en mobil enhet. Ingen kodning behövs. Vonn UI Kit är helt kompatibel med Googles riktlinjer för materialdesign för stil och layout.

AppCooker

Med de avancerade funktionerna AppCooker tar dig till bordet sparar du tid, pengar och imponerar dina kunder, samtidigt som du designar och delar vackra iPhone- och iPad-mockups genom att använda inbyggda iOS-widgets. Har du inte tid att skapa en mockup från början? Sedan är AppCooker appen för dig.

Eldfluga

Firefly är ett mycket praktiskt apputvecklingsverktyg som har en användbar kombination av design, datahantering och samarbetsfunktioner, bra för organisationer med spridda utvecklingsgrupper. Med Firefly är det möjligt att ladda upp mockups, appdesigner, bilder och till och med hela webbsidor under designprocessen. Detta verktyg har förmågan att hantera flera designversioner, samtidigt som samarbetsmedlemmar kan komma in i bilden när som helst under designprocessen för informationsutbyte.

InVision

InVision tillhandahåller en prototyping, samverkan och arbetsflödesplattform som är lämplig för applikationer i en designdriven miljö. Det transformerar snabbt och snabbt statiska skärmar till interaktiva prototyper. Dess drag-and-drop-funktion gör snabb prototypning under alla utvecklingsfaser. Informationsfunktionerna som har införlivats i det här verktyget gör real-time designpresentation, samarbete och bekvämt visad feedback en verklighet.

Ace iOS 8 Mobile UI Kit

Ace Module UI Kit är välorganiserad och redo att användas för att mocka iOS 8 mobilappdesign till fördel för slutanvändaren. Med 75 PSD mallar och mer än 100 ikoner till designerns förfogande, är iPhone app design enklare än någonsin. Skärmarna i satsen tillåter över 1000 olika appar som ska skapas. Mallarna är skapade för Retina HD 4,7-storlek, och är en perfekt match för att skapa fantastiska appar på iPhone 6.

Användarprovning

Användartestning är en användarforskningsplattform som kan användas för att testa antingen släppta eller olevererade mobilappar på iOS- och Android-enheter. Användartestning kommer att designa ett test för dig, eller du kan designa ett test själv. Du kan köra testet i minuter och få resultaten inom en timme. Det häftiga med detta är att feedback inte bara är i form av mätvärden utan även videor av riktiga personer som kommenterar användbarheten för din app.

Prott

Prott är ett kraftfullt snabbt prototyperings- och samarbetsverktyg speciellt utformat för att skapa mobilappar. Grafik, skisser och bilder kan enkelt animeras, skärmar kan synkroniseras tillsammans, och den resulterande prototypen kan förhandsgranskas på en riktig enhet och delas med lagmedlemmar för kollektiv återkoppling. IOS och Android skärmupplösningar och storlekar stöds fullt ut.

Optimizely

Optimizely är en optimeringsplattform som erbjuder snabb och kraftfull A / B-testning för mobilappar. En visuell redaktör gör att visuella ändringar kan göras till din app i realtid och i flyg utan att vänta på App Store-granskning, oavsett hur anpassad det kan vara. En enda kodkod, genererad av Optimizely, och infogad i din HTML är den enda kodningen som är nödvändig.

Notism

Notism har en UX-funktion som gör att designhändelser och framsteg kan delas med anmärkningsvärd lätthet, och i realtid. Detta innebär en snabbare utformning av iterationer, mindre tid som krävs för sign-offs och en strömlinjeformad användbarhetsprovning. Den viktigaste funktionen Notism till bordet är förmågan att samarbeta med andra med video, en egenskap som ses av någon som en sann spelväxlare.

PowerMockup

PowerMockup är ett användbart prototyperverktyg som har en unik vridning. Det här verktyget ger de nödvändiga mallarna och funktionaliteten för trådframställning, men det gör det möjligt att göra den faktiska trådframställningen på PowerPoint. Detta gör det möjligt för slutanvändare och icke-tekniska deltagare att lättare följa konstruktionsprocessen. PowerMockup itererar och omdefinierar mönster i realtid medan de fortfarande är inriktade på användbarheten för slutprodukten.

myna

Myna tar till bordet en form av A / B-testning som lär sig i realtid när du testar. Det optimerar dina tester i flygningen, så att dina bästa mönster kan ses av fler av dina kunder eller potentiella kunder. Test utförs baserat på dina enskilda besökare, inte enskilda sidvisningar. Testresultatet är snabbt tillgängligt, och Myna tillåter dig även att göra ändringar i din design medan testningen pågår.

Användbarhet Verktyg

Användbarhetsverktyg ger två uppsättningar användbara verktyg för att testa användbarheten för din app. En uppsättning identifierar användbarhetsproblem i flygningen och berättar vilka funktioner i din app som uppmärksammar dina besökare och vilka funktioner som ignoreras. Den andra uppsättningen ger användarfeedback som berör utseendet på din app. Båda uppsättningarna erbjuder olika testalternativ.

Antetype

Antetype utvecklades av UI-designers och ger alla verktyg du behöver för att utforma rika prototyper med hög trovärdighet. Mer än 400 widgets är tillgängliga för alla större plattformar, men du har fortfarande möjlighet att lägga till ytterligare widgets, inklusive din egen. Integrerade interaktions- och anteckningsfunktioner gör det möjligt för dig att visa pågående designarbete och göra kommentarer och feedback tillgängliga för lagmedlemmar och intressenter.

Redaktörens anteckning: Det här inlägget är skrivet av Kate Dagli för Hongkiat.com. Kate tycker om att skriva roundups för web dev och teknik webbplatser. Hon är för närvarande anställd i the-webdesigner.co.