Hoe kiest u het formaat voor uw Kop?

Written by Muriel Santoni on Vrijdag 18 Juni 2021

Zoals u hebt gezien, zijn er 2 nieuwe Sjablonen beschikbaar voor het Ontwerp van uw Kop (Navigatiebalk). U kunt nu kiezen uit 3 verschillende hoogtes:

Klein
Medium
Groot

Maar hoe kiest u tussen deze drie hoogten? En vooral, waar worden ze voor gebruikt? In dit artikel bekijken we een paar voorbeelden die u ongetwijfeld zullen inspireren, en die u in uw App kunt reproduceren om aan uw behoeften te voldoen.

I. Het Sjabloon Klein: de klassieke Opties

Het Sjabloon Klein is het sjabloon dat u altijd al hebt gekend. Naast het Logo of de Titel van de toepassing zijn er Actieknoppen, en de Kop is zo klein mogelijk. De Kop neemt weinig ruimte in beslag en is relatief onopvallend vergeleken met de andere elementen van de toepassing.

Hier volgen drie voorbeelden van hoe het Sjabloon Klein gebruikt kan worden:

De applicatie van Dali Corp is een interne bedrijfsapplicatie. De applicatie heeft geen commerciële of merkdoeleinden, aangezien het doelpubliek al bekend is met het merk, namelijk de werknemers van het bedrijf. De applicatie moet duidelijk en effectief zijn, en de nadruk moet liggen op de informatie die in de app wordt overgebracht en op de contactmogelijkheden die het de werknemers biedt om contact op te nemen met de personeelsdienst of de ondernemingsraad. Daarom is voor de Kop van de app het formaat Klein gekozen. Hiermee kanhet Logo van het bedrijf worden weergegeven zonder dat het de aandacht van de gebruiker trekt. Er is ook een actieknop geïntegreerd die verwijst naar de sectie Contact om het doel van de app te benadrukken: het bevorderen van de communicatie tussen het management en de werknemers.
De applicatie voor de Paraigua school heeft min of meer dezelfde behoeften als het vorige voorbeeld. Het publiek is al bekend met de identiteit van de school, maar de applicatie is ook gericht op nieuwe of toekomstige leerlingen. Daarom wordt de Kleine sjabloon gebruikt, naast een Kleur die de visuele identiteit van de school weerspiegelt. De koptekst blijft onopvallend, maar met zijn scherpe Kleur kan de toepassing sterker worden geprofileerd. Leerlingen kunnen zich concentreren op de informatie die door de app wordt gepresenteerd, maar in welke sectie ze zich ook bevinden, de kleuren van hun school worden weergegeven, wat het saamhorigheidsgevoel bevordert.
Hier is een heel andere context met de Metek decoratiewinkel app. Als online winkel is het primaire doel van Mijn App natuurlijk om de getoonde Producten te verkopen. Maar dit is een decoratiewinkel waar veel belang wordt gehecht aan de werelden die in de verschillende afdelingen worden gepresenteerd. Het doel is echt om potentiële klanten onder te dompelen in de verschillende werelden van het seizoen, zodat ze zich de verschillende kamers in hun interieur kunnen voorstellen. Daarom is de Kleur van de Kop relatief neutraal gekozen en is de Kop zo klein mogelijk. Het logo is aanwezig en identificeert de Winkel duidelijk, maar de zwarte Achtergrond Kleur en de kleine hoogte van de header geven de verschillende werelden die door de Winkel belicht worden een prominente plaats.

II. Het sjabloon Medium: een ontwerpvariant

Het sjabloon Medium heeft slechts één verschil met het sjabloon Small: de hoogte van de Kop. In feite biedt deze sjabloon geen nieuwe opties, behalve een visueel effect dat totaal anders is dan wat u gewend bent, en dat u een aantal Ontwerp-mogelijkheden biedt.

Hier volgen drie voorbeelden van hoe het sjabloon Medium gebruikt kan worden:

De Leonie Apparel app is de app van een Winkel met een zeer strakke stijl, zowel wat betreft het Ontwerp als de materialen die gebruikt worden om de kleding te maken. De app ziet er heel duidelijk uit en dit gevoel wordt benadrukt door de keuze van een Medium Sjabloon voor de Kop. Met zijn grotere hoogte biedt deze zwart-op-wit header een gevoel van ruimte en puurheid dat kenmerkend is voor het merk. Het bewust slanke Logo draagt ook bij aan dit gevoel.
Het Edaname Restaurant heeft een zeer sterke visuele identiteit. Erg donker, zoals Overige sushizaken vaak kunnen zijn, onderscheidt dit restaurant zich door te kiezen voor een kleurrijk, bijna kawaii Logo. We wilden dit benadrukken door een Sjabloon Medium te kiezen voor de Kop. Het Logo wordt benadrukt en valt op tegen de zeer donkere Kleur van de Achtergrond, die hetzelfde is op de kop als op de Achtergrond van Mijn App, wat een indruk van continuïteit geeft die de algehele visuele weergave van Mijn App verlicht. Omdat het Logo een illustratie en tekst bevat, is het bovendien veel beter zichtbaar op een iets hogere hoogte dan op een meer traditionele Kop.
Tot slot is de Maison de Launey app de online winkel van een Parijse delicatessenwinkel. De fysieke winkel is bij de vaste klanten vooral bekend vanwege de wijnkleurige voorkant. Voor de eigenaars van het merk was het van vitaal belang dat deze emblematische kleur aanwezig was in hun Mijn App. Om de achtergrond van de app niet te donker te maken, werd de Kleur toegepast op de Achtergrond van de Kop, met behulp van een Medium sjabloon, zodat deze in alle secties van de app echt aanwezig was.

III. DE GROTE SJABLOON Het grote sjabloon: de Omschrijving Opties

Het Grote Sjabloon, dat nog hoger is dan het Medium, biedt een belangrijk verschil met zijn twee Kleinere broers: de mogelijkheid om een korte Omschrijving toe te voegen onder de Titel van uw app of uw Logo. Deze kleine nieuwigheid heeft een enorme kracht, en zal uw ontwerpen en de ervaring die u uw Klanten biedt door elkaar schudden. Vergeet in dit specifieke geval niet dat u de kopteksten voor elke sectie kunt "loshaken", zodat u naar wens verschillende Teksten voor elke sectie kunt toevoegen.

Hier zijn drie voorbeelden van hoe het Sjabloon Big gebruikt kan worden:

Urban Shango is een bijzonder geëngageerd merk van trainers. Het promoot sterke waarden en is nauw betrokken bij de strijd tegen ongelijkheid en uitsluiting. Het merk wil niet alleen zijn Producten verkopen, maar ook zijn boodschap overbrengen aan Klanten en prospects. Daarom is er een Big-sjabloon toegepast op de header, zodatde slogan van het merkcontinu kan worden weergegeven en de waarden die het merk vertegenwoordigen luid en duidelijk kunnen worden gehoord.
De Portland-toepassing is een uitgebreide Toerisme. De uitdaging bij het maken van deze applicatie was om een zeer duidelijk Ontwerp en UX te behouden ondanks de grote hoeveelheid inhoud. Het Grote sjabloon in de header is een integraal onderdeel van de architectuur van de app, aangezien de Omschrijving wordt gebruikt om de gebruiker door de Navigatie te leiden, waarbij in een paar woorden wordt uitgelegd wat het doel is van de Inhoud in de sectie waar ze zich bevinden. Dit is een effectieve manier om bijvoorbeeld het Menu te stroomlijnen, dat in dit geval uit Icoons zonder Tekst bestaat, waardoor de algehele visuele impact van Mijn App aanzienlijk wordt verminderd.
Tot slot gebruikt Freyja Spa haar app om met klanten te communiceren, zodat zij behandelingen kunnen boeken en ook gebruik kunnen maken van het loyaliteitsprogramma. De app is het favoriete communicatiemiddel geworden tussen klanten en de salon. De Big header template wordt gebruikt om belangrijke informatie weer te geven die klanten niet willen missen. De Tekst verandert regelmatig, afhankelijk van de behoeften van de manager. Hier staat bijvoorbeeld belangrijke informatie over de organisatie van de salon tijdens de Covid-19 epidemie.

Zoals u kunt zien, zijn er vele, vele manieren om de verschillende sjablonen voor Navigatiebalken te gebruiken, dus aarzel niet om ze in uw backoffice te testen en het formaat of de formaten te kiezen die het beste bij u passen!