admin

De eerste stap in vrijwel elk proces is het in kaart brengen ervan en het bedenken van een aanvalsplan. Denk er maar eens over na. Voordat je een huis bouwt, maak je een blauwdruk. Voordat je een voetbalwedstrijd speelt, bedenk je samen met je team een strijdplan. Voordat je een opstel schrijft voor je Engelse les, maak je een gedetailleerde schets. Hetzelfde geldt voor het maken van een mobiele app. In feite is een van de belangrijkste stappen in het ontwikkelingsproces van een mobiele app het creëren van een structuur voor je app. En als ik structuur zeg, bedoel ik georganiseerde en vereenvoudigde inhoud en elementen.

Het maken van een structuur voor je app kan echter veel tijd en energie kosten, tenzij je natuurlijk het juiste gereedschap in huis hebt. Dat is de reden waarom veel mobiele ontwikkelaars beginnen met een mobiele app wireframing of mockup tool. Mobile app wireframes kunnen niet alleen helpen kostbare tijd (en geld!) te besparen, maar ook ontwikkelaars helpen zich te concentreren op de gebruikerservaring.

Wat maakt een goede wireframe of mockup tool?

Hier is het moeilijke deel. Er is niet echt een one-size-fits-all oplossing als het gaat om wireframen. Elk ontwerpteam heeft een uniek ontwerpproces en mobiele app. Dus waar kun je op letten? Om te beginnen is het belangrijk dat je een up-to-date software gebruikt (maak je geen zorgen – alle onderstaande tools zijn up-to-date en stabiel). Vervolgens is het belangrijk om te zoeken naar een software die een UI-kit of uploadoptie bevat, wat betekent dat het ofwel een ingebouwde UI-componentenbibliotheek heeft of dat je UI-kits kunt uploaden.

Gratis whitepaper: Optimising the Mobile Experience with In-App Feedback

Een gids voor in-app feedback voor mobiele producteigenaren
en mobiele marketeers.

Dat gezegd hebbende, voel je vrij om een kijkje te nemen in onze top 15 favoriete Mobile App Wireframing & Mockup Tools en te zien welke het beste voor jou werkt.

Justinmind


Justinmind is een alles-in-één-tool voor het maken van high-fidelity wireframes en prototypen voor apps. Het is exclusiever voor het ontwerpen van mobiele apps dan de huidige mainstream ontwerptools, dankzij de goede ondersteuning voor gebaren, overgangen en interactieve effecten. U kunt interactieve wireframes maken met behulp van animaties en interacties zonder dat er code aan te pas komt. Ga snel aan de slag met een aantal aanpasbare sjablonen met behulp van de drag-and-drop interface. De tool biedt ook ondersteuning voor online presentaties, zodat gebruikers wireframes op afstand kunnen delen.
Prijzen: Vanaf $19/maand
Website: www.justinmind.com

Mockplus


Met een desktopgebaseerde applicatie als Mockplus kunt u eenvoudig en snel prototypes maken voor uw mobiele app. Mockplus heeft hun applicatie zeer eenvoudig in gebruik gemaakt, zodat je geen gegevens of technische expertise nodig hebt om het uit te voeren. U kunt Android, iPad, en iPhone sjablonen vinden in elk formaat volgens uw specifieke behoeften. Mockplus heeft ook meer dan 200 componenten en meer dan 3000 pictogrammen. Met een eenvoudige drag-and-drop bouwt u moeiteloos interactieve prototypen.
Prijs: $199 (Pro) per jaar/ $399 (onbeperkt) per gebruiker voor het leven
Website: www.mockplus.com

Balsamiq


Balsamiq Wireframes is een populaire wireframing-tool voor mobiele apps die eenvoudig te gebruiken is dankzij de drag-and-drop-functionaliteit. Het heeft ook een schetsmodus voor brainstormen en een schone wireframe-modus voor presentatie, en je kunt gemakkelijk tussen beide schakelen. Een ander geweldig ding is dat het een 30-dagen gratis proefversie biedt om het uit te proberen voordat u zich vastlegt. Als u op zoek bent naar een flexibel, handig en snel wireframe-hulpprogramma, zou dit het wel eens kunnen zijn.
Prijs: $ 9 (2 projecten) / $ 49 (20 projecten) / $ 199 (200 projecten) per maand
Website: www.balsamiq.com

Proto.io


Proto.io is een tool voor wireframing en prototypering die is gericht op het testen van gebruikerservaringen. Als wireframing tool kun je er niet alleen interactieve wireframes mee maken, maar ook testen hoe gebruikers met je wireframes omgaan en vroege gebruikersfeedback verzamelen. Het is een geweldige software voor mobiele wireframing en prototyping, omdat het gebruikers ook toestaat om de prototypes offline te bekijken en wordt geleverd met veel mobiele widgets. Je kunt je wireframes direct insluiten in een website of ze indienen bij platforms voor gebruikerstesten. Proto.io is beschikbaar op Android, iOS, desktop, of de webbrowser. Het biedt ook een risicovrije, 15-dagen gratis trial.
Prijs: $ 24 (Freelance)/ $ 40 (Startup)/ $ 80 (Agency)/ $ 160 (Corporate) per maand, jaarlijks gefactureerd
Website: www.proto.io

Moqups


Moqups is een puur webgebaseerd platform dat wordt gebruikt om een wireframe voor web- en mobiele applicaties te maken. Het grootste voordeel van webgebaseerde platforms is dat je overal kunt werken. Moqups is gratis beschikbaar gesteld aan de ontwikkelaarsgemeenschap over de hele wereld. U kunt eenvoudige wireframe, solid model en UI concepten maken door gebruik te maken van deze online mockup en de ingebouwde sjablonen kunnen direct worden gebruikt. De betaalde plannen beginnen bij $13 tot $20 per maand met een bepaald aantal gebruikers.
Prijzen: $20 (trio, $7 per extra gebruiker)/ $13 (enkele gebruiker)/ Aangepast (onderneming) per maand, jaarlijks gefactureerd
Website: www.moqups.com

InVision


InVision is een geweldige tool die is gemaakt door ontwerpers voor ontwerpers. Maak je je wireframes liever op een whiteboard waar iedereen kan bijdragen en herzien? Dan is dit misschien de tool voor jou. Met InVision maakt u interactieve mockups en deelt u die met uw team, dat dan direct op het scherm commentaar kan achterlaten. U hebt ook toegang tot realtime To Do-lijsten, zodat anderen kunnen bijdragen aan de discussie.
Prijs: Gratis
Website: www.invisionapp.com

Fluid UI


Fluid UI is een andere toonaangevende en populaire tool voor wireframing en mock-ups. Fluid UI maakt gebruik van de nieuwste technologieën zoals HTML5, JavaScript en CSS. U kunt eenvoudig lay-outs maken door elementen uit deze bibliotheken te slepen. Fluid UI biedt u een geweldige manier om uw projecten visueel in kaart te brengen door links te maken naar schermen en zo een diagram te vormen van hoe alles in elkaar past. Fluid UI heeft een unieke functie waarmee een gebruiker kan interageren met het UI-ontwerp via verschillende apparaten zoals Mobiles, Tablets en Desktops.
Prijs: $8,25 (solo) / $19,08 (pro) / $41,58 (team) per maand
Website: www.fluidui.com

Pidoco


Pidoco is een cloud-hosted mockup-software die wordt geleverd met aangepaste sjablonen, interactieve elementen en eenvoudige schetsen voor snelle en efficiënte wireframing. Op het gebied van samenwerking kunnen gebruikers samen met andere gebruikers schermen delen en bewerken en in realtime commentaar verzamelen. U kunt ook aangepaste bouwstenen maken en deze hergebruiken. Het is mogelijk om Pidoco te integreren met verschillende andere software zoals Jira, Planio en meer via hun API.
Prijsstelling: Gratis met beperkte functies/ $9,99 (Basic)/ $59 (Pro)/ $199 (onbeperkt) per maand
Website: www.pidoco.com

Protoshare


ProtoShare is een webgebaseerde wireframing- en mockuptool waarmee je interactieve wireframes kunt maken voor mobiele apps (maar ook websites). Het bevat een bibliotheek van drag-and-drop elementen, een sitemap, en de mogelijkheid om aangepaste CSS te gebruiken en je eigen elementen in te voegen. Stroomlijn uw werk door vanuit het niets masters en sjablonen te maken en deze te hergebruiken voor meerdere pagina’s of projecten.
Prijs: $29 (standaard) / $49 (professioneel) / $59 (zakelijk) per persoon per maand
Website: www.protoshare.com

Wireframe.cc


Wireframe.cc is een eenvoudige en ongecompliceerde wireframe-tool die ideaal is voor wie net begint. Je kunt ook annotaties toevoegen aan specifieke markup-gebieden voor opmerkingen en beoordelingen. Het is echter misschien niet zo rijk aan functies als andere tools. Er is een beperkt kleurenpalet om u te helpen dat bepaalde laan van uitstel te vermijden, en UI-elementen zijn contextgevoelig en verschijnen alleen wanneer u ze nodig hebt.
Prijsstelling: Gratis / $ 16 (solo) / $ 39 (trio) / $ 99 (onbeperkt) per maand
Website: www.wireframe.cc

Axure


Axure is een enterprise-grade wireframing- en mockuptool die wordt geleverd met animatie, adaptieve weergaven en conditionele flow-functies waarmee u de gebruikerservaringsflow kunt instellen. Gebruikers kunnen annotaties toevoegen aan wireframes om projectnotities op te slaan. Als u op zoek bent naar wireframing, prototyping en diagramming in één tool, is Axure een geweldige keuze.
Prijs: $29 (pro) / $49 (team) $99 (enterprise) per gebruiker per maand
Website: www.axure.com

UXPin


UXPin is een tool voor wireframing, UX-ontwerp en mock-ups met functies voor delen, becommentariëren en beoordelen, evenals functies zoals goedkeuringsverzoeken, taaktoewijzingen en Slack-/emailmeldingen, waarmee gebruikers workflows kunnen stroomlijnen. Met de eenvoudige functionaliteit voor slepen en neerzetten kunt u pictogrammen, aangepaste UI-elementen en afbeeldingen slepen om een wireframe te verbeteren.
Administrators kunnen team- en rolgebaseerde permissietoegang instellen en belangrijke projecten vergrendelen.
Prijsstelling: Gratis/ $29 (Pro)/ $49 (Team)/ Aangepast (Enterprise, maandelijks gefactureerd)
Website: www.uxpin.com

Figma


Figma is de eerste alles-in-één ontwerptool die in de browser is gebaseerd. Ontwerpers kunnen georganiseerd blijven met behulp van het lagenpaneel, dat alle artboards en UI-elementen op één plaats bewaart. Naast het feit dat het een uitstekende tool is voor standalone ontwerpers, biedt Figma real-time samenwerking voor uw team. Figma biedt het voordeel dat meerdere gebruikers tegelijkertijd aan één project kunnen werken, en alle wijzigingen worden opgeslagen in één project. De teamgenoten communiceren door commentaar te geven op de elementen.
Prijsstelling: Gratis (starter)/ $12 (professional)/ $45 (organisatie)
Website: www.figma.com

Sketch


Sketch is een geweldige app-ontwerptool voor vectorbewerking, prototyping en samenwerking. De tool biedt een digitale ontwerptoolkit voor het bouwen van apps die tal van ontwerpsymbolen bevat die herbruikbaar en deelbaar zijn binnen de ontwerpcommunity. U kunt zelfs gegevens aan uw ontwerpen toevoegen en ze omzetten in user flow diagrams.
Prijsstelling: Voor een persoonlijke licentie betalen gebruikers $99/jaar. Sketch biedt ook een pakket per apparaat (volumelicentie) voor $89/jaar/device.
Website: www.sketch.com

MarvelApp


Last but not least is er MarvelApp. MarvelApp is een echt cool multifunctioneel ontwerpplatform dat kan worden gebruikt om wireframing voor mobiele apps te maken voor meerdere apparaten. Deze applicatie stelt haar gebruikers in staat om ontwerpen snel en efficiënt samen te stellen via haar drag-and-drop functie. MarvelApp laat gebruikers ook hun prototypes tot leven brengen met realistische schermovergangen (met behulp van triggers, d.w.z. hover, swipe of click).
Prijzen: De prijs begint bij $12/maand (Pro-pakket).
Website: www.marvelapp.com

Start vandaag nog met wireframen!

Bij het ontwerpen van een mobiele app moet gebruikerservaring altijd bovenaan de lijst staan. Zonder gebruikerservaring zal uw app zich voegen bij miljoenen mobiele apps die verloren zijn gegaan in de zee van de onontdekte. Dat zou je nu toch niet willen? Daarom moet je je bewust zijn van de processen die nodig zijn bij het maken van wireframes voor apps. U kunt een combinatie van de tools op deze lijst gebruiken om wireframes te maken; begin met een webgebaseerde app en stap over op een cloudgebaseerde app voor een meer gedetailleerde iteratie van uw wireframe.

Klaar om Mopinion in actie te zien?

Wilt u meer weten over het alles-in-1 gebruikersfeedbackplatform van Mopinion? Wees niet verlegen en neem een kijkje in onze software! Heeft u het liever iets persoonlijker? Boek dan gewoon een demo. Een van onze feedback-professionals leidt u door de software en beantwoordt al uw vragen.

admin

Geef een antwoord

Het e-mailadres wordt niet gepubliceerd.

lg