Onderste Navigatie en Éénhandig Gebruik van Sky Tonight

Star Walk 2 is een van de populairste sterrenkijk-apps op de markt, geliefd bij miljoenen gebruikers. Toen we het maakten, hebben we ons best gedaan, maar nu, bijna tien jaar na de lancering, weten we dat we het nog beter hadden kunnen doen. In plaats van de app die al goed werkt voor veel mensen opnieuw te ontwerpen, besloten we een nieuwe te maken waarin we al onze ideeën zouden vrijgeven — Sky Tonight. Bij het ontwikkelen van Sky Tonight was ons doel om een uiterst handige sterrenkijk-app te maken. Om dat doel te bereiken, hebben we het ontworpen voor éénhandig gebruik en hebben we onderste navigatie geïmplementeerd; in dit artikel leggen we uit waarom deze functies zo belangrijk zijn en hoe ze de gebruikerservaring daadwerkelijk beïnvloeden.

Wie we zijn: Vito Technology is een bedrijf voor mobiele app-ontwikkeling dat al meer dan 20 jaar geweldige digitale producten van hoge kwaliteit maakt. Onze belangrijkste gebieden zijn astronomie en educatie.

Wat betekent éénhandig gebruik?

Éénhandig gebruik is de mogelijkheid om je apparaat met slechts één hand te bedienen. Dit concept kreeg populariteit met de trend naar grotere schermen rond 2015. Toen telefoons kleine schermen hadden, was alles gemakkelijk bereikbaar; maar zodra de schermen groter werden, werd de bovenkant bijna onmogelijk om moeiteloos aan te raken als je de telefoon met één hand vasthield.

Waarom is éénhandig gebruik belangrijk?

Éénhandig gebruik is handig voor de meeste gebruikers. Hier zijn de cijfers:

• 49% van de gebruikers houdt en bedient hun telefoon met één hand;
• 36% houdt de telefoon met één hand en tikt met de andere hand of duim;
• 15% houdt de telefoon met beide handen vast en tikt met beide duimen.

Naast cijfers zijn er ook use cases. Er zijn verschillende situaties waarin Star Walk 2-gebruikers ten minste één vrije hand nodig hebben. Eén daarvan is een romantische avond — stel je voor dat je samen onder een warm deken ligt en naar de sterren kijkt en bekende sterrenpatronen zoekt! Maar om je geliefde vast te houden, heb je ten minste één hand nodig — je telefoon vasthouden in plaats van te knuffelen zou het moment zeker verpesten.

Use cases zijn individueel voor verschillende apps. Denk eraan dat als de gebruikers van de app de neiging hebben om het vaak in afleidende scenario's te gebruiken, je je moet concentreren op het ontwikkelen van een app die is ontworpen voor éénhandig gebruik.

Wat is onderste navigatie?

De onderste navigatie is een standaard navigatiebalk in een applicatie aan de onderkant van het scherm. Dergelijke navigatiebalken tonen meestal drie tot vijf bestemmingen, die elk worden vertegenwoordigd door een pictogram en een optioneel tekstlabel. Het tikken op dit pictogram brengt de gebruiker naar de navigatiebestemming die aan dat pictogram is gekoppeld.

Waarom is onderste navigatie belangrijk?

Onderste navigatiebalken maken het gemakkelijk voor gebruikers om een app te verkennen en tussen verschillende weergaven te schakelen met één tik.

Denk hieraan: 75% van de gebruikers raakt het scherm alleen met één duim. Door zijn anatomie heeft de duim een beperkt bereik. Aangezien de meeste gebruikers hun telefoon met één hand vasthouden, moeten ontwikkelaars de vaak gebruikte tools in een gemakkelijk bereikbare zone plaatsen. Volgens onderzoek bevindt deze zone zich onderaan het scherm.

Dit onderzoek leidde het team van Spotify in 2016 om het menu naar beneden te trekken en de belangrijkste functies (Home, Browse, Search, Radio en Library) onderaan te plaatsen. Dit resulteerde in een toename van 9% in het totale aantal klikken en een toename van 30% in klikken op menu-items.

Onderste navigatie was in de vroege jaren 2010 nog geen groot onderwerp, dus we hebben dit concept niet geïmplementeerd in Star Walk 2. De belangrijkste navigatiepictogrammen daar zijn in de vier hoeken van het hoofdscherm geplaatst. Dit is geweldig om zoveel mogelijk van de lucht weer te geven, omdat de navigatiebalk de onderkant niet bedekt, maar het is bijna onmogelijk om een van de bovenste hoeken te bereiken als je het apparaat met één hand vasthoudt.

Het andere probleem waar we mee te maken kregen, is dat in Star Walk 2 gebruikers het scherm bedekken met hun vingers wanneer ze proberen de bovenste pictogrammen op het hoofdscherm aan te tikken. We wilden zoveel mogelijk ruimte vrijmaken voor de hemelkaart op het hoofdscherm, maar we eindigden met het plaatsen van navigatieknoppen op een manier die gebruikers dwong deze hemelkaart te bedekken.

Waarom zijn deze functies belangrijk voor Sky Tonight?

Hopelijk begrijp je nu waarom we onderste navigatie en éénhandig gebruik hebben geïmplementeerd in onze nieuwe sterrenkijk-app. Laten we het samenvatten:

• Om de bruikbaarheid van de app te verbeteren door pictogrammen voor de meest gebruikte acties in één gemakkelijk bereikbare zone op het scherm te groeperen;
• Om de bediening sneller te maken zonder steeds de manier van het vasthouden van de telefoon te veranderen;
• Om één hand van de gebruiker vrij te maken (voor wat ze ook nodig hebben — het vasthouden van een verrekijker of het omarmen van hun geliefde);
• Om te voorkomen dat gebruikers de hemelkaart bedekken tijdens het gebruik van de app.

De onderste navigatiebalk en éénhandig gebruik van Sky Tonight

Laten we kijken naar welke elementen betrekking hebben op onderste navigatie en éénhandig gebruik in Sky Tonight:

1. Vier knoppen op het hoofdscherm: Zoeken, Astronomische Kalender, Vanavond Zichtbaar en Menu. Deze geven gebruikers toegang tot het menu van de app en de drie belangrijkste vensters. We beschouwen ze als "hoofd" omdat deze vensters gebruikers helpen de drie meest gestelde vragen over sterrenkijken te beantwoorden:

• Wat is dat heldere stipje aan de hemel?
• Welke astronomische evenementen kan ik vanavond zien?
• Hoe kan ik het object vinden waarin ik geïnteresseerd ben?

2. Snelinstellingenpaneel waar we de meest gebruikte instellingen hebben geplaatst, zodat je niet door het Menu hoeft te gaan om ze te wijzigen.

3. Blauw rond pictogram voor de belangrijkste acties.

4. Knoppen waarmee je terug kunt naar een vorig venster. Elk van deze knoppen toont een specifiek venster, zodat wanneer je bijvoorbeeld van het hoofdscherm naar het zoekvenster gaat en vervolgens een gebeurtenis aanraakt, er twee knoppen onderaan verschijnen. Een toont het zoekvenster (vergrootglas-pictogram) en het hoofdscherm (huis-pictogram). Zo kun je kiezen naar welk venster je direct wilt terugkeren — of naar de zoekfunctie of naar het hoofdscherm. Dit maakt de navigatie door de app gemakkelijker en sneller.

5. Een geminimaliseerd venster op het hoofdscherm. Bijvoorbeeld, wanneer je het doelpictogram aanraakt in het informatievenster, gaat de app terug naar het hoofdscherm en toont het geminimaliseerde informatievenster onderaan. Zo hoef je niet van het ene venster naar het andere te springen voor informatie. Het is genoeg om het geminimaliseerde venster uit te vouwen en te zien wat je nodig hebt.

Conclusie: We hebben Sky Tonight ontworpen voor éénhandig gebruik met onderste navigatie om het handig, gemakkelijk en snel te gebruiken te maken. Het heeft ons ook geholpen om de fouten te vermijden die we hebben gemaakt in een van de populairste sterrenkijk-apps, Star Walk 2.