Share
Web-apps, Android-apps, iPhone- en iPad-apps en nu, met de release van Mac-apps, lijkt de wereld gek te worden! Het lijkt erop dat er een app is voor bijna elke situatie? maar in een digitale marktplaats, hoe promoten deze apps zichzelf? Met webdesign natuurlijk!
Er zijn tienduizenden apps beschikbaar (en dat aantal groeit elke dag). Uiteraard moeten al deze verschillende toepassingen verschillende methoden gebruiken om zichzelf te promoten en het gebruik van een website is een van de meest essentiële strategieën. App-websites zijn enkele van de best ontworpen en er lopen veel trends door deze specifieke niche van de site. In dit artikel zullen we een aantal van die technieken die momenteel worden gebruikt, van naderbij bekijken en bekijken.
"Waar zouden we zijn zonder Angry Birds, waardoor we wat stoom af kunnen blazen door kleine, gevederde dieren rond de plaats te gooien?"
Sommige mensen konden eenvoudigweg niet zonder Evernote leven voor al hun behoeften aan notities en hoe kunnen we mogelijk weten waar iedereen is zonder Foursquare? Waar zouden we zijn zonder Angry Birds, waardoor we wat stoom af kunnen geven door kleine, gevederde dieren rond de plaats te gooien? Apps zijn bijna essentieel geworden voor het werk en het sociale leven van veel mensen.
De populariteit van apps heeft ertoe geleid dat er vele duizenden op de verschillende markten zijn uitgebracht en om een specifieke te kunnen herkennen, moet deze zich van de massa onderscheiden en is een goed ontworpen website een manier om dit te bereiken..
App-websites moeten verschillende verschillende taken effectief uitvoeren. Allereerst is het absoluut cruciaal dat app-websites goed zijn ontworpen, net als elke website die producten online verkoopt; aangezien de perceptie van een potentiële koper van de waarde en kwaliteit van het product zal worden beïnvloed door de omgeving waarin het zich bevindt. Naast het er goed uitzien, zullen app-websites naar verwachting de app op de markt brengen, het doel ervan communiceren, de mogelijkheden ervan demonstreren en de koper zelfs informeren over het gebruik ervan. Sommigen moeten zelfs e-commerce-functies integreren als de app niet via een marktplaats wordt verkocht.
Het is onnodig om te zeggen dat het een hele uitdaging kan zijn om aan al deze vereisten te voldoen, en ontwerpers moeten creatieve manieren vinden om dit te doen. Vervolgens zullen we een aantal veelvoorkomende functies bekijken die te vinden zijn onder app-sites die eraan bijdragen dat ze een succes worden. Laten we beginnen.
De EpicWin App-website bootst het thema van hun app na op hun site? tot het maximale. Alles van achtergrondstructuren tot typografie benadrukken de stijl en de toon van de app.
Een grote meerderheid van de toepassingswebsites kiest ervoor om het thema na te bootsen van de applicatie die ze promoten. Door creatief gebruik van afbeeldingen, kleur, textuur en vele andere elementen kan het onderwerp van de app de app zelf overstijgen en de website in staat stellen om er een verlengstuk van te worden. Er zijn veel voorbeelden van deze methode in actie, een voor de hand liggende zou de website voor de Tea Round-app zijn.
De Tea Round-app, in hun eigen woorden; ? rekent snel dorst-gebaseerde argumenten af door te beslissen wie de thee maakt ?. Uit het ontwerp van de website is het overduidelijk dat het doel van de app draait om thee?
Gebruik van beelden zoals de ketel, de bekervlek op het briefje en het theekopje in het logo zijn allemaal zeer indicatief voor het doel van de app. Zoals eerder vermeld, is dit een zeer duidelijk gebruik van deze techniek, maar het kan ook subtieler worden gebruikt, zoals in de onderstaande website..
Dit is de website voor de Get Galleried-app, die voorbeelden van hoogwaardige webontwerpen weergeeft om de gebruiker inspiratie te bieden. Van de site zelf -? We vullen inspirerende sites van zorgvuldig geselecteerde ontwerpgalerieën voor u in een snelle, betegelde interface ?. Merk op hoe de website een tegelpatroon gebruikt voor de achtergrond - wat een suggestie is voor de betegelde galerij die de app presenteert.
Deze techniek om het thema van de applicatie uit te breiden naar de site is een uitstekende manier om de aard van de app zelf te communiceren. Natuurlijk, hoewel het nog steeds nodig is om een uitleg te geven over hoe de app precies werkt, biedt deze methode de gebruiker meteen een algemeen gevoel van zijn doel.
Een bijkomend voordeel van het gebruik van dezelfde texturen, kleuren en ontwerpelementen voor zowel de site als de app, is dat het continuïteit creëert tussen de twee platforms, waardoor de gebruiker bekend kan raken met het merk en comfortabeler kan werken met de app.
U zult merken dat, net zoals de websites die rond thema's worden ontworpen, ze ook zijn ontworpen om er zelf uit te zien als een app. Elementen die vaak worden aangetroffen in apps zoals pictogrammen en knoppen, worden ook vaak gebruikt bij het ontwerpen van de websites.
Er zijn twee belangrijke voordelen aan het ontwerp van de website in de stijl van een app. Het eerste voordeel heeft te maken met het eerder gemaakte punt, namelijk dat het de continuïteit tussen de website en de app bevordert. Ten tweede is het verstandig om te denken dat een groot aantal bezoekers van deze sites touchgevoelige apparaten zoals iPhones en iPads zullen gebruiken.
Apps maken gebruik van grote en visuele interface-elementen, zoals pictogrammen en knoppen, omdat deze veel gemakkelijker te gebruiken zijn bij gebruik van aanraakgevoelige apparaten. Het is daarom een goede gewoonte om dergelijke functies ook op de website te gebruiken..
Je kunt alles vertellen wat je wilt, elke superlatief in het woordenboek gebruiken en beweren dat het alle problemen van het leven zal oplossen, maar tenzij mensen echt kunnen zien wat ze kopen, zullen ze zeer terughoudend zijn om iets te doen. Het is een van de vele problemen die sommige mensen hebben bij de aankoop van producten via internet, met name voor elektronische informatie zoals eBooks en digitale muziek.
Om dit probleem op te lossen, worden afbeeldingen gebruikt om de koper te helpen visualiseren wat hij koopt, zoals afbeeldingen van albumhoezen op iTunes of eBooks weergegeven als echte boeken. Het is vrijwel hetzelfde met apps; websites zullen vaak schermafbeeldingen tonen van de app die wordt weergegeven op apparaten zoals iPhones, iPads en computermonitoren. Deze techniek stelt de gebruiker niet alleen in staat bekend te raken met hoe de app eruit zal zien, maar het zal hen ook helpen de app op hun eigen apparaat te visualiseren, wat hun aankoopbeslissing kan beïnvloeden..
Als het gezegde 'een foto zegt meer dan duizend woorden' waar is, moet een video meer informatie over uw product bevatten dan u ooit met tekst kon gebruiken. Veel app-websites hebben video's gebruikt om hun app en de mogelijkheden ervan aan potentiële kopers te demonstreren.
De videodemonstratie voor de Concentrate-app is een uitstekend voorbeeld. De video kan alle functies van de app in relatief korte tijd volledig demonstreren. Met de toevoeging van aangename achtergrondmuziek en korte kopjes; de video is leuker en de informatie is veel gemakkelijker te verteren dan de vele tekstregels die nodig zijn om dezelfde informatie te communiceren.
Zoals we hebben besproken, hebben app-websites veel doelen die ze moeten bereiken, maar hun primaire doel is om bezoekers ertoe te brengen de app zelf te kopen. Alle websites bevatten een vorm van koppeling waarmee u de app kunt downloaden, hetzij via een app store, hetzij rechtstreeks van de site zelf.
Om de website hierbij te helpen, zullen ontwerpers vaak een eenvoudige, maar effectieve lay-out maken die de gebruiker door de belangrijkste punten van de site leidt en uiteindelijk naar het call-to-actie-element (de downloadkoppeling). Velen kiezen ervoor de lay-out 'Z' te gebruiken. Webdesign + editor Brandon Jones heeft eerder de lay-out 'Z' hier uitgebreid besproken - het is een uitstekend artikel en zal u helpen de punten die we hier bespreken beter te begrijpen.
Laten we eens kijken hoe zo'n lay-out wordt geïmplementeerd op een app-website. We zullen de website gebruiken voor de Leaflet-app. Nogmaals, er is een uitstekende handleiding over Webdesign + over hoe dit specifieke ontwerp werd bereikt. Een ruwe 'Z'-vorm is op de website gelegd om onze punten verder te demonstreren.
U zult opmerken dat de 'Z'-vorm verschillende punten op de website omvat in de volgende volgorde:
De ontwerper heeft er bewust voor gekozen om deze punten langs het pad te plaatsen dat hij van plan is door de gebruiker te volgen. Als de bezoeker van de site inderdaad het beoogde pad zou volgen, zouden ze eerst een vroege indicatie krijgen van het doel van de site door het gebruik van iPhone-beelden met schermafbeeldingen van de app. De gebruiker zou dan het logo van de app snel opmerken gevolgd door een paragraaf die in het kort beschrijft wat de app doet.
Nu de gebruiker is geïnformeerd over de vele voordelen van de app, gekoppeld aan verleidelijke beelden, komen ze op een handig geplaatste knop (naast een verleidelijk lage prijs) waarmee ze de app zelf kunnen kopen.
Er zijn ongelofelijk veel apps beschikbaar en het is een zeer competitieve marktplaats, dus het is essentieel dat je de aandacht van je gebruikers kunt trekken, de voordelen van de app kunt pitchen en het voor hen gemakkelijk kunt maken om alles in een korte tijd te kopen en de lay-out 'Z' is hiervoor perfect. Uiteraard is het onmogelijk om alle informatie in deze ruimte in te passen, dus je zult vaak merken dat sites die deze lay-out implementeren veel gedetailleerder ingaan op hoe de app verder werkt..
De lay-out 'Z' is bepaald niet de enige lay-out die door app-websites wordt gebruikt, omdat er veel andere zijn om uit te kiezen, maar het is zeer effectief als het op de juiste manier wordt gebruikt. Hier zijn nog enkele voorbeelden van de 'Z'-lay-out in actie.
De app-marktplaats is verzadigd en als een potentiële koper niet snel overtuigd is door je app, kun je garanderen dat ze iets kunnen vinden dat ergens anders zal zijn. Daarom is het essentieel dat u op een duidelijke en beknopte manier kunt communiceren hoe uw app werkt en wat de voordelen zijn.
Het gebruik van opsommingstekens en genummerde stappen is een effectieve methode voor het opsplitsen van informatie, omdat gebruikers mogelijk niet bereid zijn hele alinea's met informatie te lezen over hoe het werkt.
De website voor de Gallerytopia-app gebruikt zowel opsommingstekens als genummerde stappen om informatie over de app te communiceren. Alle voordelen worden samengevat met behulp van een kleine hoeveelheid korte, gemakkelijk te verwerken bulletpoints. De voordelen van deze opsommingstekens worden verder verbeterd door visuele 'tick'-symbolen te gebruiken, bijna alsof ze uw lijst met vereisten nakijken.
Verderop op de pagina zijn instructies over het gebruik van de app opgesplitst in drie genummerde stappen. Het is heel gebruikelijk dat app-websites informatie over de werking van de app verdelen of deze in een klein aantal genummerde stappen gebruiken. Deze stappen geven aan dat de app heel eenvoudig en gebruiksvriendelijk is, omdat niemand iets wil kopen dat gecompliceerd is?
Nu we enkele functies van app-websites hebben gezien, laten we eens kijken hoe sommige van de beste app-websites dit doen. Hieronder staan enkele geweldige voorbeelden van prachtig ontworpen app-websites.
We hebben veel verschillende functies en technieken besproken die vaak worden aangetroffen op app-websites en er lijkt een gemeenschappelijk doel te zijn dat in veel van deze functies wordt gebruikt; en dat is om informatie snel en efficiënt te communiceren. Onlangs werd bekendgemaakt dat de Apple-app store tien miljard downloads heeft bereikt en de markt groeit de hele tijd. De website van een app moet de aandacht van de gebruiker trekken, de voordelen communiceren en deze gemakkelijk in een korte tijd beschikbaar stellen; anders zijn er tal van andere opties voor een app-shopper om uit te kiezen.
Ten slotte is het vermeldenswaard dat hoewel deze websites veel technieken gebruiken om hun doelen te bereiken, deze functies niet zo effectief zijn als ze niet vervat zitten in zulke prachtig vormgegeven websiteontwerpen..
In dit artikel zijn enkele functies en technieken besproken die app-websites effectief maken. Zijn er nog andere functies die u hebt opgemerkt bij dit soort websites? Bestaat er een bijzonder goede app-website die u kent? Deel hieronder je gedachten en opmerkingen!
Accentsconagua