OpenWave heeft met de release van 1.30 een opfrisbeurt gekregen. Er is voortgeborduurd op de bestaande kleurthema’s (blauw, groen, magenta, rood en oranje), een nieuw iconen systeem gebouwd en de bekende doch ouderwetse Arial heeft plaats gemaakt voor een nieuw lettertype: Inter.
Kleurenpalet OpenWave
Voorheen bestond ieder kleurthema uit één kleur met daarbij gepaard het iconische oranje verticale balkje. Onderstaande afbeelding weerspiegeld het nieuwe kleurenpalet: de eerder genoemde bestaande primaire themakleuren zijn minimaal aangepast en uitgebreid met een drietal tinten, oftewel lichtere kleuren, uit hetzelfde pallet. Daarnaast is het oranje balkje gesneuveld – hoewel oranje wel de highlight kleur blijft.
Eén van de doelen van dit project was om meer rust en diepte geven aan de UI van OpenWave. Met de verschillende tinten is ook nadruk gelegd op het creëren van een visuele informatie hiërarchie, iets wat door de nieuwe letterdiktes zoals hieronder omschreven wordt versterkt. Al met al begint hiermee de OpenWave stijlgids gestaag vorm te krijgen.
SVG iconensysteem, échte buttons en ander lettertype
Niet alleen de kleuren zijn anders! Er is ook een nieuw iconensysteem gebouwd en de knoppen van OpenWave zijn nu daadwerkelijk buttons die mee kleuren met het gekozen thema (in plaats van .png afbeeldingen).
Net als de knoppen waren voorheen alle (meer dan 160!) iconen statische .png’s. Deze zijn in het nieuwe iconensysteem overgezet naar dynamische svg elementen die ook, net als andere elementen, van kleur kunnen veranderen. Het mooie van svg’s is dat ze zonder kwaliteitsverlies zo klein als een punaise of zo groot als een gebouw kunnen worden geschaald.
Als kers op de taart: het nieuwe lettertype ‘Inter’.
De drie pijlers aan de hand waarvan deze keuze tot stand is gekomen, zijn: leesbaarheid, strakheid en modernheid. De ronde apertuur en grote x-hoogte geeft de letters van Inter ruimte en rust. De verschillende letterdiktes geeft geschreven informatie, op bijvoorbeeld de tegels, meer variatie waarmee het mogelijk is een heldere, intuïtieve, visuele hiërarchie toe te passen wat op haar beurt de leesbaarheid en daarbij de productiviteit hopelijk ten goede komt.
Meer weten?
Zoals stiekem tijdens het vorige event in Tiel, op 11 april jongstleden, is aangekondigd zijn wij ook bezig met een grotere, integrale, OpenWave vernieuwingsslag. Wil je hier meer over weten, of deel uitmaken van onze UI-UX feedbackcyclus? Stuur dan een mail naar ux@rem.nl.