Ontwerp en test mock-ups voor iPhone-webapps met Mokk.me

click fraud protection

Mockup Builder was een onlangs herziene webapp die hielp bij het maken van ontwerpmodellen voor websites; Mokk.me is een vergelijkbare webapp waarmee u mock-ups voor mobiele apps kunt bouwen met een extra testfunctie om het ontwerp en de stroom van de app op uw apparaat te testen. Met de drag & drop-interface kunt u verschillende pagina's maken door widgets naar een iPhone-interface te slepen en neer te zetten. De site heeft widgets voor tekst, afbeeldingen, formulieren, kaarten en knoppen. De knoppen kunnen worden toegewezen om door te verwijzen naar een van de pagina's die u heeft gemaakt of naar externe links en zullen dienovereenkomstig functioneren wanneer u deze test. De app werkt momenteel in Chrome en Safari; apps kunnen worden getest vanuit zowel deze browsers als vanaf een iPhone of Android-apparaat.

mokk

De app gebruiken is eenvoudig; begin gewoon met het slepen van widgets naar de iPhone-interface. U kunt alle velden bewerken om te lezen wat u maar wilt en paginanamen rechtstreeks vanuit de interface bewerken. U kunt een hele pagina kopiëren, de pagina's slepen om ze opnieuw te ordenen, zoveel pagina's toevoegen als u wilt en bestaande verwijderen.

instagram viewer

Om twee pagina's aan elkaar te koppelen, moet u een actie definiëren die doorverwijst naar een andere doelpagina. Acties zijn alleen toegewezen aan knoppen; knoppen kunnen worden omgeleid naar een andere pagina in de app of naar een externe URL. Om te zien welke aanvullende bedieningselementen beschikbaar zijn voor een widget, selecteert u deze en vinkt u de aan Eigendommen gebied in de linker benedenhoek.

mokk test app

Het opslaan van de mock-up is een beetje lastig; aangezien u zich niet aanmeldt om deze app te gebruiken, kunt u alleen op uw mock-up klikken door op te klikken Opslaan en een bladwijzer voor de URL. Als je de bladwijzer verliest, verlies je je mock-up. Klik op om de mock-up te testen Test en u krijgt een URL en QR-code om toegang te krijgen vanaf uw apparaat en uw app te testen, of u kunt deze rechtstreeks vanuit uw browser testen. Apps kunnen worden getest op zowel iPhone als Android. U kunt het bewerken van de app op elk gewenst moment hervatten, zolang de URL is opgeslagen.

Bezoek Mokk..me

watch instagram story