Blog

Geef uw App een nieuwe dimensie met onze nieuwe Sjablonen voor Navigatiebalken

  Bijgewerkt op   2 min leestijd

Het Ontwerp van uw applicatie speelt een essentiële rol bij het creëren van een aangename ervaring voor uw gebruikers.
Bij GoodBarber doen we er altijd alles aan om een product te leveren dat altijd in de voorhoede van de mobiele gebruikerservaring staat.
Daarom was het tijd om nieuwe NavBar-sjablonen toe te voegen (voor de applicaties Classic en Shopping). De Navigatiebalk is een belangrijk onderdeel van de identiteit van een app, waarmee u uw merk kunt laten zien.

U kunt nu kiezen uit 3 verschillende hoogtes: Klein, Medium en Groot.

Hoe werkt het in uw GoodBarber backoffice?

In uw backoffice, onder het menu Mijn App > Ontwerp > Algemeen ontwerp > Logo en titel, ziet u nu een nieuw Blok"Hoogte titelzone".

Hier kunt u kiezen tussen 3 verschillende hoogtes:
  • Klein : toont de afbeelding van de titel of het Logo
  • Medium: geeft de titel of afbeelding van Uw logo weer (alleen beschikbaar voor secties in de hoofdnavigatie op het rechterpaneel van uw backoffice)
  • Groot: geeft de titel of afbeelding van het Logo + een korte beschrijving weer (alleen beschikbaar voor secties in de hoofdnavigatie aan de rechterkant van uw backoffice). Deze korte beschrijving wordt weergegeven in uw titel, onder het Logo van uw app.
U kunt natuurlijk het Lettertype en de Kleur van de Tekst aanpassen.

Waarom verschillende hoogte Opties

Met deze 3 modellen kunt u gemakkelijker ontwerpen en hebt u meer flexibiliteit om de verschillende Secties van uw toepassing te benadrukken. U kunt de headers ook loskoppelen volgens de Secties en zo verschillende groottes hebben.

Ga naar het menu Mijn toepassing > Ontwerp > Ontwerp van de sectie en klik op "Koptekst". U kunt dan de hoogte voor deze specifieke sectie selecteren.
U kunt ook een andere Omschrijving toevoegen voor de Secties met de hoogte Groot.


Mis ons vervolgartikel niet, waarin de verschillende gebruikssituaties voor deze Sjablonen worden gepresenteerd en u inspiratie kunt opdoen voor uw toepassingen.

Lees verder

  6 min leestijd

AI Extension Builder: de agent test uw secties en kan de database van uw app maken

Neem een sportclub die zijn leden de datum van zijn toernooi wil laten kiezen. In zijn sectie Create with AI schrijft hij: “Voeg een peiling toe om de datum van het toernooi te kiezen, met de resultaten.”De agent leest eerst de context van de app: het kleurenpalet, de lettertypen, het logo, de bestanden die al zijn toegevoegd. Hij raadpleegt het designsysteem van GoodBarber, geschreven door onze designers. Daarna schrijft hij de bestanden van de sectie.De stemmen moeten tussen alle leden gedeeld worden. De agent merkt dat op en stelt de vraag, met drie antwoorden:Create the app's database: één database, beheerd door GoodBarber. De tabellen beginnen leeg.Connect my Supabase: de gegevens gaan naar het Supabase-project van de club.Cancel: de agent maakt de sectie zonder database, en elke telefoon ziet alleen zijn eigen stemmen.De club kiest de GoodBarber-database. De agent opent de sectie dan in een browser, op de breedte van een telefoon, en probeert de knoppen uit. Hij zoekt naar fouten: een script dat vastloopt, een kapotte afbeelding, een tekst die buiten het scherm valt. Hij herstelt wat hij vindt en slaat de sectie daarna op.De leden stemmen, iedereen ziet de resultaten. Elk lid wijzigt alleen zijn eigen stem.