Suunnittelijat 15 UX & UI -työkalut tuottavuuden lisäämiseksi

Jos huomaat viettääsi liikaa aikaa seuraavan ison muotoilusi prototyyppien valmistukseen, sinun on ehkä astuttava askel taaksepäin ja arvioida käytettävissä olevia työkaluja ja resursseja. Ei ole mitään syytä pysyä samassa wireframing- tai prototyyppityökalussa, kun uusia ja parannettuja UX-työkaluja ja käyttöliittymän resursseja lisätään niin usein verkossa. Työskentele nopeammin, paremmin ja tuoksu tehokkaampien työkalujen ja tuoreempien käyttöliittymien avulla.

Autamme sinua tässä 15 UX- ja UI-työkalulla, jotka ovat erinomaisia prototyyppejä varten. Jotkut heistä kantavat raahaa ja pudota toimintoja ja voimakkaita tiimiyhteistyötä, toiset sisältävät hyviä resursseja suunnittelun käytettävyyden testaamiseen kehitysvaiheessa ja joissakin tapauksissa reaaliajassa.

Lisää Hongkiatista:

20 kaunista UI & UX -suunnittelijaportfoliota
(Lisää) hyödyllisiä Web-käytettävyyden testaustyökaluja
Mitä sinun tarvitsee tietää käytettävyyden testauksesta
A / B-testitulokset ja tapaustutkimukset käyttäjäkokemuksen suunnitteluun
20 UI-konseptin luonnoksia ja valmiita malleja sinun pitäisi nähdä

Proto.io

Voit luoda prototyyppisi selaimella vetämällä ja pudottamalla ja nolla-koodilla Proto.io: lla, ja sen päälle sovelletaan useita kosketus- ja hiiritapahtumia mihin tahansa UI-elementtiin. Proto.io harjoittaa myös yhtä realistisimmista ja hyödyllisimmistä interaktiivisista käyttöliittymäkirjastoista, jotka löydät missä tahansa prototyyppityökalussa. Testaa prototyyppi varsinaisessa laitteessa ja keskustele suunnitteluun liittyvästä tiedosta tiimin jäsenille yhteistyötyökalunsa avulla.

Pidoco

Luo napsautettavat wireframes nopeasti ja helposti Picodon vetämällä ja pudottamalla -ominaisuudella, luo, muokkaa ja jaa rajattomasti lukuisia lankamalleja tai prototyyppejä joukkueen jäsenten ja asiakkaiden kanssa reaaliajassa. Sen tehokkaat palaute- ja keskustelutoiminnot tekevät suuren ja helpon yhteistyön. Tallenna muokatut mallit uudelleenkäyttöä varten myöhemmin ja testaa prototyyppisi suosikkilaitteissasi.

Vonnin mobiilimateriaalisuunnittelun käyttöliittymä

Visual Hierarchian Vonnin materiaalisuunnittelun käyttöliittymäsarjassa on 100 kaunista ja pudottavaa käyttöliittymämallia 8 luokassa, jotka kaikki sopivat Android-sovellusten luomiseen. Mallit on suunniteltu 1920 × 1080 pikselillä, jotta ne sopivat täydellisesti mobiililaitteeseen. Koodausta ei tarvita. Vonn UI Kit on täysin yhteensopiva Googlen tyylin ja ulkoasun materiaalisuunnitteluohjeiden kanssa.

AppCooker

Kehittyneiden ominaisuuksien ansiosta AppCooker tuo pöydälle aikaa, säästää aikaa, rahaa ja vaikutuksen asiakkaillesi, kun suunnittelet ja jaat kauniita iPhonen ja iPadin malleja käyttämällä natiiveja iOS-widgetit. Eikö sinulla ole aikaa luoda makettia tyhjästä? Sitten AppCooker on sovellus sinulle.

tulikärpänen

Firefly on erittäin käytännöllinen sovelluskehitystyökalu, jossa on hyödyllinen yhdistelmä suunnittelu-, tiedonhallinta- ja yhteistyötoimintoja. Fireflyn avulla on mahdollista ladata malleja, sovellusmalleja, kuvia ja jopa kokonaisia verkkosivuja suunnitteluprosessin aikana. Tämä työkalu pystyy hallitsemaan useita muotoiluversioita, jolloin kollegat voidaan tuoda kuvaan milloin tahansa suunnitteluprosessin aikana tiedon jakamiseen..

InVision

InVision tarjoaa prototyyppi-, yhteistyö- ja työnkulkuympäristön, joka soveltuu sovelluksiin suunnitellussa ympäristössä. Se muuttaa helposti ja nopeasti staattiset näytöt interaktiivisiksi prototyypeiksi. Sen vetämis- ja pudotustoiminnot mahdollistavat nopean prototyyppien kehittämisen missä tahansa kehitysvaiheessa. Tähän työkaluun sisällytetyt tietotoiminnot tekevät reaaliaikaisesta suunnittelusta, yhteistyöstä ja kätevästi näkyvistä palautteista todellisuutta.

Ace iOS 8 Mobile UI Kit -paketti

Ace-moduulin käyttöliittymäsarja on hyvin järjestetty ja valmis käytettäväksi iOS 8-mobiilisovellusten suunnittelussa loppukäyttäjän eduksi. IPhonen sovellussuunnittelu on 75 PSD-mallia ja yli 100 kuvaketta suunnittelijan käytössä. Sarjan käytettävissä olevat näytöt mahdollistavat yli 1000 eri sovelluksen luomisen. Mallit luodaan Retina HD 4.7 -kokoon, ja ne sopivat täydellisesti upeiden sovellusten luomiseen iPhone 6: ssa.

Käyttäjän testaus

Käyttäjän testaus on käyttäjän tutkimusalusta, jolla voidaan testata joko vapautettuja tai julkaisemattomia mobiilisovelluksia iOS- ja Android-laitteissa. Käyttäjän testaus suunnittelee sinulle testin, tai voit itse suunnitella testin. Voit suorittaa testin muutamassa minuutissa ja saada tulokset tunnin kuluessa. Viileä asia on, että palaute ei ole pelkästään mittareiden vaan myös todellisten ihmisten videot, jotka kommentoivat sovelluksesi käytettävyyttä.

PROTT

Prott on tehokas nopea prototyyppi- ja yhteistyöväline, joka on suunniteltu erityisesti mobiilisovellusten luomiseen. Grafiikka, luonnokset ja kuvat voidaan helposti animoida, näytöt voidaan synkronoida yhteen, ja tuloksena oleva prototyyppi voidaan esikatsella todellisessa laitteessa ja jakaa ryhmän jäsenten kanssa kollektiivista palautetta varten. iOS- ja Android-näytön resoluutiot ja koot ovat täysin tuettuja.

Optimizely

Optimizely on optimointialusta, joka tarjoaa nopean ja tehokkaan A / B-testauksen mobiilisovelluksille. Visuaalinen editori mahdollistaa visuaalisten muutosten tekemisen sovelluksessasi reaaliajassa ja lennossa odottamatta App Storen tarkistusta riippumatta siitä, miten se on mukautettu. Yksittäinen optimaalisesti luotu koodi, joka on lisätty HTML-koodiin, on ainoa tarpeellinen koodaus.

Notism

Notismissa on UX-ominaisuus, jonka avulla suunnittelutapahtumat ja edistys voidaan jakaa merkittävästi ja reaaliajassa. Tämä merkitsee nopeampia suunnittelun iteraatioita, vähemmän kirjautumiseen tarvittavaa aikaa ja virtaviivaista käytettävyyden testausprosessia. Merkittävin ominaisuus Notism tuo pöydälle mahdollisuuden tehdä yhteistyötä muiden kanssa videon avulla, jota jotkut pitävät todellisena pelinvaihtajana.

PowerMockup

PowerMockup on hyödyllinen prototyyppityökalu, jossa on ainutlaatuinen kierre. Tämä työkalu tarjoaa tarvittavat kehystysmallit ja -toiminnot, mutta se mahdollistaa varsinaisen wireframingin tekemisen PowerPointissa. Näin loppukäyttäjät ja muut kuin tekniset osallistujat voivat helpommin seurata suunnitteluprosessia. PowerMockup iteroi ja määrittelee uudelleen malleja reaaliajassa, mutta keskittyy lopputuotteen käytettävyyteen.

myna

Myna tuo pöydälle A / B-testin muodon, joka oppii reaaliajassa. Se optimoi testit lennolla, jolloin asiakkaat tai potentiaaliset asiakkaat voivat nähdä parhaat mallit. Testit suoritetaan yksittäisten kävijöiden, ei yksittäisten sivun näyttökertojen perusteella. Testitulokset ovat nopeasti saatavilla, ja Myna mahdollistaa myös muutosten tekemisen suunnitteluun, kun testaus on käynnissä.

Käytettävyystyökalut

Käytettävyystyökalut tarjoaa kaksi hyödyllistä työkalua sovelluksen käytettävyyden testaamiseen. Yksi sarja määrittää lentokelpoisuusongelmat ja kertoo, mitkä sovelluksen ominaisuudet kiinnittävät kävijöiden huomion ja mitä ominaisuuksia ei oteta huomioon. Toinen sarja tarjoaa käyttäjälle palautetta sovelluksen ulkoasusta ja tuntemuksesta. Molemmat sarjat tarjoavat erilaisia testausvaihtoehtoja.

Antetype

Antennityyppiä kehitti UI-suunnittelijat ja tarjoaa kaikki työkalut, joita tarvitset rikkaiden, hämmästyttävien prototyyppien suunnitteluun. Kaikille tärkeimmille alustoille on saatavilla yli 400 widgetiä, mutta sinulla on edelleen mahdollisuus lisätä muita widgetejä, myös omia. Integroidut vuorovaikutus- ja huomautusominaisuudet mahdollistavat käynnissä olevan suunnittelutyön näyttämisen ja kommenttien ja palautteen antamisen tiimin jäsenille ja sidosryhmille.

Toimittajan huomautus: Tämä viesti on kirjoittanut Kate Dagli varten Hongkiat.com. Kate nauttii pyöreiden kirjoitusten tekemisestä verkko- ja teknologia-sivustoille. Hän on tällä hetkellä henkilöstön jäsenenä -webdesigner.co.