Onze ervaringen met Windows 8



Vanaf nu heeft Microsoft ook een vinger in de pap van tablettechnologie. De lancering van de eerste Windows 8 tablet op 25 oktober 2012 is de kroon op hun werk. Hiermee wordt een Windows 8 applicatie op menig verlanglijstje gezet. Wij ontwikkelden een aantal van deze apps en delen graag onze ervaringen en inzichten.

Content before chrome
Anders dan we gewend zijn, is content belangrijker dan navigatietools. Content is dus King en navigeert de gebruiker door de applicatie.

Hoe werkt de tablet?
Voordat er een ontwerp op tafel ligt, is het handig om te weten hoe je door de tablet heen struint.
- Tik op het scherm om te navigeren
- Pinch voor semantic zoom
- Houd je vinger op een button om te weten wat de functie is
- Selecteer een item door naar beneden te swipen
- Scrol horizontaal
- Side gestures:
Top –> afsluiten app
Top/bottom –> appears oproepen
Rechts –> windowsspecifieke crossplatform acties
Links –> schakel tussen apps/snapmode
- Houd de interface navigatie binnen duimbereik

Windows 8 leest als een boek
Je scrolt namelijk horizontaal, niet verticaal. Dit heeft een paar consequenties die het vermelden waard zijn:
- De appbeleving is volledig horizontaal
- De visuele content wordt breed uitgemeten
- De tekst wordt afgesneden en naar een nieuwe kolom verplaatst

Wat doe je met tekst
- Zet tekst in kolommen
- Gebruik kleine kolombreedtes. Smalle kolommen zijn sneller gevuld, het risico dat je een kolom overhoudt met slechts een paar woorden is daardoor kleiner.
- Gebruik native fonts voor de platte tekst

Ontwerpen voor een liquid lay-out
De Windows 8 applicaties worden toegepast op diverse schermformaten. Het ontwerp verandert mee met het formaat, vandaar dat we spreken van een liquid lay-out. Hou hier wel rekening mee:
- Kies een schaalbaar grid
- Schaal de content als geheel in één keer op en doe dit stapsgewijs. Zo voorkom je dat content blokken buiten het grid vallen.
- Werk vanuit het centrum, daar ligt de focus van de gebruiker
- Schaal verticaal. De lengte van het device is belangrijk.
- Gebruik gerust witruimtes, dat is niet lelijk, maar geeft rust
- Herschik je content om lege plaatsen op te vullen
- Beelden niet opschalen, denk aan het verband
- Werk met een vector based interface programma

Een Windows 8 grid creëren
Het blijft terugkomen, de basis van een Windows 8 grid is horizontaal. Baseer je ontwerp daar dus op. Een andere tip; definieer de kleinste eenheid kolommen en neem dat als uitgangspunt voor je ontwerp. Vandaaruit kun je verder bouwen.

Full screen view en beelden
Het gebruik van beeldvullend materiaal raad ik af. Door de liquid lay-out verandert het beeld mee met de grootte van het scherm. Vervormingen zijn daarom niet uitgesloten. Schaal je beeld in proporties of baseer je het op de kleinste Windows 8 resolutie (1024 x 768).

De HUB inrichten
En dan hebben we nog de HUB. Een goed ingerichte HUB verhoogt het gebruikersgemak en navigeert de gebruiker door de app. Bij deze een aantal tips:
- Plaats de belangrijkste content altijd vooraan, dat wordt als eerste gezien
- Vorm content groepen. Laat alleen relevante informatie zien, de rest kun je plaatsen op vervolgpagina’s.
- Maak zo veel mogelijk gebruik van visuele uitingen
- Plaats minder relevante content in de top appbar

Dit is slechts een greep uit onze inzichtenbak. Volgende week volgen er meer tips and tricks voor de Windows 8 tablet…..

Reageren


Naam 

E-mail

Reactie

versturen


Resoluut
Fred. Roeskestraat 99
1076 EE Amsterdam
Nederland
info@resoluut.com


Resoluut is onderdeel van Makerstreet
 

De browser die u gebruikt is achterhaald

Het heeft bekende veiligheidslekken en nadelen en beperkte mogelijkheden.
Sommige websites kunnen daardoor minder goed werken.

Veiligheid

Nieuwere browsers kunnen beter beschermen tegen scams, virussen, trojans, phishing en andere bedreigingen.

Snelheid

Nieuwere browsers werken veel sneller

Betere werking

Websites die gebruik maken van nieuwe technieken werken (beter)

Comfort & betere beleving

Met nieuwe mogelijkheden, uitbreidingen, etc. gaat het internetten een stuk aangenamer
Updaten is makkelijk, neemt slechts een paar minuten in beslag en kost niets.



Hieronder vind je de browsers die wij aanbevelen

Google Chrome Mozilla Firefox Safari