Voor het samenwerken met vormgevers van onze opdrachtgevers hebben we enkele richtlijnen opgesteld. Deze richtlijnen maken het mogelijk om de samenwerking goed op elkaar af te stemmen en zo voor de opdrachtgever de meest efficiënte werkwijze te kiezen.
Indien Cipix de wireframes heeft ontwikkeld dan zijn die in overleg met opdrachtgever en in overeenstemming met het budget uitgewerkt. Om die reden is het belangrijk om de weergave (zoals b.v. de elementen, de functionaliteiten, positie van afbeeldingen en content in een pagina) in een wireframe nauwkeurig aan te houden (de wireframe is een impressie en dus nog niet pixelperfect).
De vertaling van de ontwerpen naar een website voor onze opdrachtgever vraagt om een kwalitatief design dat geschikt is voor gebruik voor dynamische responsive websites. Dit houdt onder meer in dat:
Vanwege de veelzijdigheid in het gebruik en weergave in verschillende browsers wordt bij voorkeur gebruik gemaakt van Google Fonts. Als alternatief kan een vergelijkbaar webfont worden gekozen dat zonder kosten beschikbaar is. Alleen op uitdrukkelijk verzoek van opdrachtgever kan gebruik gemaakt worden van een betaald font. Indien in het ontwerp een betaald font wordt gebruikt, gaat Cipix ervan uit dat de vormgever dit met de opdrachtgever heeft afgestemd en dat het volledige font wordt meegeleverd met het ontwerp.
Indien opdrachtgever nog geen beeldmateriaal heeft aangeleverd dan graag uitsluitend gebruik maken van rechtenvrije dummy afbeeldingen voor in het ontwerp.
Indien opdrachtgever niet beschikt over eigen iconen (d.w.z. iconen waarover zij het auteursrecht hebben) dan uitsluitend gebruik maken van rechtenvrije iconen en een link meesturen naar de bron van deze iconen set.
Iconen worden aangeleverd in .svg bestandsformaat.
Gebruikers kunnen eenvoudig navigeren, content vinden en bepalen waar ze zich in de website bevinden.
Content wordt steeds op een herkenbare wijze gepresenteerd en werkt op verschillende pagina's op dezelfde manier.
Het ontwerp houdt onder meer rekening met het volgende:
De contrastratio gaat over de kleur van tekst of component in combinatie met de achtergrondkleur. De mate van contrast wordt in cijfers uitgedrukt, deze geven de contrastverhouding aan.
Contrastratio's voor tekst zijn:
Contrastratio's voor grafische objecten en user interface componenten is 3:1
Gebruik Tanaguru Contrast Finder als controletool voor de juiste contrasten.
De contrastratio voor tekst is eenvoudig te checken via deze tool.
Meer info over toegankelijkheid vind je op de website van W3C.
Naast de ontwerpen van afzonderlijke schermen ontvangen we graag de volgende style elementen:.
