Een nieuw app ontwerp voor bestaande apps? Dat doe je zo

App Design, Bouw je app Jerry Lieveld 12 nov 2015

Een nieuwe huisstijl, een nieuw seizoen of een andere trend in app design: het is tijd om je app een heel nieuw ontwerp geven. Hoe doe je dat? Volg deze tips voor een soepel ontwerpproces.

Hoewel het wijzigen en updaten van apps heel eenvoudig is, kan het het maken van een nieuw app ontwerp voor een bestaande app een iets grotere uitdaging lijken. Je kunt een bestaande app nu eenmaal niet vervangen door een andere. Als je dat in de app stores zou doen, ben je al je licenties, je gebruikers en je gebruikersdata kwijt. Dat is dus geen optie. In het AppMachine CMS kun je een app ook niet door een andere vervangen, maar er zijn gelukkig twee opties om je app te restylen:

Twee opties voor een nieuw app ontwerp

1. Bewerk de ‘offline’ kopie van je app

Kopieer je live app eerst en bewaar de kopie in het app dashboard onder een andere naam. Deze kopie, die dus niet live is en niet in de app stores staat, ga je voorzien van een nieuw app ontwerp. Je kunt je live app zo blijven aanpassen en updaten als dat nodig is.

Begin met ontwerpen in de kopie en documenteer alle stappen van je nieuwe app ontwerp goed, want je voert die stappen aan het eind nog een keer uit. Dat lijkt misschien omslachtig, maar het is de beste truc om je app ontwerp eerst te maken en straks snel te implementeren.

Maak je ontwerp en bekijk je app met de app previewer. Je kunt zo meerdere ontwerpvoorstellen maken en die aan je klant of collega´s laten zien. Is je ontwerp klaar? Klant tevreden? Ga dan naar je live app en voer alle ontwerpstappen uit in de echte app. Dit kost je natuurlijk lang zoveel tijd niet, want je hebt alle stappen en wijzigingen goed vastgelegd, toch?

Denk er wel aan om je live app niet te updaten terwijl je het nieuwe ontwerp in de live app doorvoert. Dan zouden alle gebruikers het nieuwe ontwerp deels al te zien krijgen. En je wilt je gebruikers natuurlijk geen half ontworpen app voorschotelen. Update je app pas als het ontwerp van de app helemaal klaar is.

Als het tijd is om je app te updaten, ga je naar het Publiceren tabblad in het CMS. Maak nieuwe screenshots van je app en zet die klaar. Verwijder de oude screenshots. Upload hier ook je nieuwe app icoon als dat nodig is. Je hoeft overigens alleen de screenshots van je eigen smartphone te uploaden, AppMachine doet de rest automatisch, maar alleen als je de oude hebt verwijderd. Verander nu ook de app info als dat van toepassing is. Hier kun je bijvoorbeeld de naam “Congres 2015” wijzigen in “Congres 2016”.

Een kopie van de live app restylen
+ je live app blijft leven
+ makkelijke opnieuw beginnen
+ meerdere ontwerpvoorstellen
– extra uitvoering in je live app
– alles zorgvuldig documenteren

Als je alleen styling en content wijzigingen doorvoert dan is een content update nodig om je aanpassingen live te zetten. Als je naast de restyling van je app ook nieuwe functionaliteit toevoegt betekent dit vrijwel altijd een store update. Dat kan 8-10 dagen duren voor iOS en 2 dagen voor Android en Windows.

Redesign app 2 ways

2. Bewerk je live app

Als je het niet ziet zitten om je nieuwe ontwerp eerst in een kopie te maken en dan nog eens uit te voeren in je live app, kun je ook alleen de live app ombouwen. Dit kan heel goed als je weinig updates hebt, of als je wel even de tijd hebt omdat updates bijvoorbeeld tijdelijk stil liggen in een rustige periode.

Maak ook nu eerst een kopie van de live app. Je wilt de oude app wel veilig stellen voor je begint met je nieuwe ontwerp. Bewaar de oude daarom als backup. Je kunt een backup alleen niet automatisch terugzetten. Valt je nieuwe ontwerp niet in de smaak of gaat de restyling toch niet door om wat voor reden dan ook? Dan kun je alle instellingen in de live app handmatig terugzetten. Documenteer daarom alles van de oude app goed.

Bewerk je de live app en wil je toch meerdere ontwerpvoorstellen tegelijkertijd laten zien? Dan kun je meerdere kopieën maken en die via de app previewer presenteren. Kies jij of kiest je klant een ontwerp uit een van de kopieën? Dan zet je die instellingen handmatig in je live app.

Onthoud goed dat je een live app beter niet kunt updaten zolang je het ontwerp stap voor stap doorvoert in de live app. Zodra je op ‘Update’ klikt stuur je alle wijzigingen immers direct naar al je gebruikers. Als je een app hebt die je wekelijks updatet, zou je nieuwe ontwerp dus ook binnen een week af moeten zijn. Of je kunt de updates even uitstellen tot je ontwerp helemaal klaar is.

Heb je een restaurantapp met een wisselend dagmenu? Of een nieuwsapp met dagelijkse updates? Dan kun je beter kiezen voor het bewerken van een kopie waarbij je alle definitieve wijzigingen in een paar uur in een keer doorvoert in je live app. Bij een evenementenapp die je pas volgende maand of volgend jaar weer gebruikt, heb je ruim de tijd om het nieuwe ontwerp in de live app door te voeren. Denk er aan dat je niet updatet zolang je nog aan het ontwerpen bent.

Voor je het nieuwe ontwerp updatet, ga je naar het Publiceren tabblad in het CMS. Upload de nieuwe screenshots van je app en verwijder alle oude screenshots. Nieuwe screenshots uploaden hoeft alleen voor het besturingssysteem van je eigen smartphone. AppMachine vult de ontbrekende screenshots automatisch aan als je de oude hebt verwijderd. Zet ook je nieuwe app icoon klaar en pas de informatiegegevens van je app  aan als dat van toepassing is.

Je nieuwe ontwerp is nu klaar om te lanceren!

Een live app restylen
+ kan sneller: één keer ontwerpen
– tijdelijk geen updates
– backup handmatig terugzetten
– extra ontwerpvoorstellen alsnog via kopie

Als je alleen styling en content wijzigingen doorvoert dan is een content update nodig om je aanpassingen live te zetten. Als je naast de restyling van je app ook nieuwe functionaliteit toevoegt betekent dit vrijwel altijd een store update. Dat kan 8-10 dagen duren voor iOS en 2 dagen voor Android en Windows.

Start nu met het redesignen van je app! Log hier in.

Lees je liever eerst meer? Lees hier een tips en tricks hoor het ontwerpen van je app.