Delen via


Huisstijl van software

Notitie

Deze ontwerphandleiding is gemaakt voor Windows 7 en is niet bijgewerkt voor nieuwere versies van Windows. Veel van de richtlijnen zijn in principe nog steeds van toepassing, maar de presentatie en voorbeelden weerspiegelen niet onze huidige ontwerprichtlijnen.

Branding is de emotionele positionering van een product zoals waargenomen door haar klanten. Een succesvolle huisstijl vereist een vaardigheid bij het maken van een productafbeelding en wordt niet alleen bereikt via productlogo's en kleurenschema's.

Branding is de emotionele positionering van een product zoals waargenomen door haar klanten. Productstijl wordt bereikt door een combinatie van factoren, waaronder de productnaam en het logo, het gebruik van kleur, tekst, afbeeldingen en geluid, de stijl van verschillende andere ontwerpelementen, marketing en het belangrijkste, de kenmerken van de productervaring zelf.

Een succesvolle huisstijl vereist vaardigheid bij het maken van een productafbeelding en wordt niet alleen bereikt door een productlogo op elk oppervlak te gipsen en het kleurenschema van het product bij elke gelegenheid te gebruiken. In plaats daarvan zullen zinvolle en hoogwaardige huisstijlen die de ervaring van gebruikers verbeteren veel succesvoller zijn.

Opmerking: richtlijnen met betrekking tot pictogrammen, lettertypen, kleur, animatie-, geluiden vensterframes worden in afzonderlijke artikelen weergegeven.

Ontwerpconcepten

In een concurrerende marketplace merken bedrijven hun producten om ze te onderscheiden van de concurrentie. Het zou naïef zijn om aan te geven dat de huisstijl van producten in het algemeen onjuist is of moet worden vermeden, maar het is eerlijk om te zeggen dat software-huisstijl te vaak slecht wordt uitgevoerd. Het doel van softwarebranding is om het merk te koppelen aan de stijl en kwaliteit van het product en de ervaring ervan. Te vaak proberen ontwikkelaars dit te bereiken door de aandacht te vestigen op het programma zelf. Het resultaat is om gebruikers af te leiden in plaats van hen te verrukken.

Kenmerken van een goede huisstijl van software

Wanneer u klaar bent, heeft de huisstijl van software de volgende kenmerken:

  • Hiermee wordt een duidelijke, afzonderlijke stijl en persoonlijkheid tot stand brengt.
  • Creëert een emotionele verbinding.
  • Heeft een hoge kwaliteit.
  • Wordt strategisch geplaatst en consistent uitgevoerd.
  • Is afgestemd op de algehele merkstrategie.
  • Is langdurig... zo aangenaam de duizendste keer als het de eerste was.

Slechte pogingen om de huisstijl van software te gebruiken, hebben daarentegen de volgende kenmerken:

  • Heeft geen duidelijk thema of punt.
  • Staat in het gezicht van de gebruiker.
  • Vervelend.
  • Is overal.
  • Heeft een aangepast uiterlijk zonder enig gebruikersvoordeel.
  • Wordt snel vermoeiend.

Beginnen met het product zelf

Succesvolle softwarebranding begint met het ontwerp van het product zelf. Een goed ontworpen programma heeft zorgvuldig ontworpen functionaliteit gericht op een geschikte doelgroep. Unieke functionaliteit en buitengewone aandacht voor detail maken krachtige huisstijlinstructies. Zie Een geweldige gebruikerservaring ontwerpenvoor meer informatie.

Kies zorgvuldig de naam van het product

Geweldige productnamen stimuleren sterke merken. Een geweldige softwareproductnaam is gedenkwaardig en beknopt over het voordeel van het product, waardoor onderscheid wordt gemaakt in een drukke markt. Huur een huisstijlprofessional in om u te helpen de juiste productnaam te kiezen. Op de lange termijn is een goed gekozen naam veel belangrijker voor uw huisstijlinspanning dan details zoals logo's, kleurenschema's en het beheren van thema's.

Wat merk ik?

Elementen van softwarebrandmerken kunnen als volgt worden gecategoriseerd:

primaire

  • Productnaam
  • Productlogo
  • Kleurenschema van product
  • Productspecifieke geluiden

schermafbeelding van windows-logo schermafbeelding van Windows-thema's

Enkele primaire huisstijlelementen van Windows Vista.

Primaire huisstijlelementen trekken vaak veel aandacht, dus ze moeten met beperking worden gebruikt. Beperk uw gebruik van primaire huisstijlelementen tot enkele strategische ervaringen. Productspecifieke geluiden worden niet aanbevolen voor de meeste programma's.

secundaire

  • Elementshapes
  • Pictogram- en afbeeldingsstijlen
  • Secundaire grafische elementen
  • Accentkleuren
  • Animaties
  • Overgangen
  • Schaduwen
  • Achtergronden en transparantie

afbeeldingen van stempels en kalenders die worden gebruikt voor huisstijl

afbeelding van ontwerp in effen, primaire kleuren afbeelding van blauw en groen lintachtig ontwerp

Enkele secundaire huisstijlelementen van Windows Vista.

Secundaire huisstijlelementen zijn meestal subtieler en daarom kunnen ze vaker worden gebruikt. Hoewel sommige van deze secundaire huisstijlelementen mogelijk niet veel impact afzonderlijk hebben, kunnen ze uw product karakter en stijl geven wanneer ze samen worden genomen. Overgangen kunnen meer impact hebben dan vaste afbeeldingen, die gebruikers in de loop van de tijd leren negeren. Geef de voorkeur aan het secundaire niveau van huisstijl boven het primaire niveau.

tertiaire

Ten slotte is er nog een categorie huisstijlelementen waar u rekening mee moet houden.

  • Aangepaste vensterframes
  • Aangepaste besturingselementen

Hoewel het geschikt is voor bepaalde soorten programma's (zoals games) om een volledig unieke, meeslepende ervaring te creëren op basis van aangepaste besturingselementen en vensters, moeten de meeste programma's de standaardvarianten gebruiken. Als je programma's er raar uitzien en handelen, is dat niet voor een sterke merkidentiteit. In plaats daarvan moet uw doel zijn om een programma te maken met karakter, een product dat opvalt terwijl het past.

Waar merk ik?

Niet alles moet worden voorzien van een merk. Een paar strategisch geplaatste huisstijlelementen kunnen een krachtigere indruk maken dan overal ongecoördinaateerde huisstijlelementen te slaan.

Richt uw huisstijl op de speciale ervaringen in uw programma. Dit zijn de plaatsen die de meest emotionele impact hebben, zoals:

  • De eerste ervaringen, vooral wanneer het programma voor het eerst wordt gebruikt.
  • Het hoofdvenster of de startpagina.
  • Het begin en de voltooiing van belangrijke taken.
  • Belangrijke overgangen tussen taken of programmagebieden.
  • Wachttijd tijdens langlopende taken.
  • Meld u aan en meld u af.

Waar moet ik niet merkeren

Hoewel u mogelijk elk element in uw programma kunt gebruiken als huisstijlkans, gebruikt u het Windows-bureaublad (inclusief het werkgebied, balk Snel startenof systeemvak) niet voor huisstijl.

Het bureaublad is het toegangspunt van de gebruiker naar Windows. Laat de gebruiker in de controle. Gebruik deze toegangspunten op de juiste manier. Bekijk ze nooit als manieren om de bekendheid van uw programma of het merk ervan te bevorderen. Zie Desktopvoor meer informatie.

Huisstijlprofessionals gebruiken

Branding is een gespecialiseerde vaardigheid die het beste wordt gedaan door ervaren professionals. Het is veel beter om uw gebruikers bloot te stellen aan minimale huisstijl dan om uitgebreide huisstijl te gebruiken die vervelend en ineffectief is. Werk samen met uw huisstijl- en marketingteam om een goede end-to-end huisstijlervaring te creëren.

Als u slechts vijf dingen doet...

  1. Begin met het productontwerp. De krachtigste huisstijlverklaring is om te voldoen aan de behoeften van uw klanten, met name goed.
  2. Kies een goede productnaam die memorabel, onderscheidend en beknopt het voordeel van het product overbrengt.
  3. Denk aan huisstijl in termen van ervaringen en het maken van een emotionele verbinding, niet productlogo's en kleurenschema's.
  4. Geef de voorkeur aan secundaire huisstijlelementen. Beperk uw gebruik van primaire huisstijlelementen tot enkele strategische ervaringen.
  5. Hulp krijgen van een huisstijlprofessional.

Richtsnoeren

Algemeen

  • Kies een goede productnaam die memorabel, onderscheidend en beknopt het voordeel van het product overbrengt. Dit is de basis van uw merk.

  • richt u uw huisstijl op de speciale ervaringen in uw programma, zoals:

    • De eerste ervaringen, vooral tijdens de installatie en wanneer het programma voor het eerst wordt gebruikt.
    • Het hoofdvenster of de startpagina.
    • Het begin en de voltooiing van belangrijke taken.
    • Belangrijke overgangen tussen taken of programmagebieden.
    • Meld u aan en meld u af.
  • Geef de voorkeur aan secundaire huisstijlelementen. Beperk uw gebruik van primaire huisstijlelementen tot enkele strategische ervaringen. U kunt bijvoorbeeld secundaire afbeeldingen, overgangen en kleur gebruiken in plaats van logo's. Vermijd ook prominente primaire huisstijlelementen op plaatsen waar gebruikers veel tijd doorbrengen, omdat ze kunnen worden gezien als onbelangrijke e-mail.

    aanvaardbaar:

    schermafbeelding van het configuratiescherm met windows-logo

    Beter:

    schermafbeelding van het configuratiescherm zonder logo

    In het betere voorbeeld wordt een secundair grafisch element gebruikt in plaats van het productlogo voor Windows-configuratieschermitems.

  • Gebruik geen huisstijl die de bruikbaarheid of prestaties afleidt of beschadigt.

  • Gebruik het Windows-bureaublad niet voor huisstijl. Zie Desktopvoor meer informatie.

Namen en logo's

  • Beperk het gebruik van product- en bedrijfslogo's in de gebruikersinterface. Gebruik geen gipsbedrijf of productlogo's op elk UI-oppervlak.

    • Beperk product- en bedrijfslogo's tot maximaal twee verschillende oppervlakken, zoals het hoofdvenster of de startpagina en het vak Info.
    • Beperk product- en bedrijfslogo's maximaal tweemaal op één oppervlak.
    • Beperk product- en bedrijfsnamen maximaal drie keer op elk oppervlak.

    Onjuist:

    schermafbeelding van schermafbeelding van overschrijding van bedrijfsnaam

    In dit voorbeeld wordt de bedrijfsnaam te veel gebruikt.

    Onjuist:

    schermafbeelding van vensters met verschillende logo's

    In dit voorbeeld is het algehele effect overweldigend, terwijl individueel het gebruik van de logo's acceptabel is.

  • Gebruik kleine product- en bedrijfslogo's. Plaats het logo uit de werkstroom van de gebruiker en kies een grootte die geschikt is voor de locatie.

  • Gebruik grafische logo's. Grafische logo's zijn stabieler dan tekstlogo's, omdat deze niet worden beïnvloed door lettertype-, tekstgrootte-, taalpakket- of themawijzigingen.

  • Gebruik geen logo's met animatie.

Besturingselementen

  • Gebruik geen aangepaste besturingselementen voor huisstijl. Gebruik in plaats daarvan aangepaste besturingselementen wanneer dat nodig is om een speciale insluitende ervaring te creëren of wanneer speciale functionaliteit nodig is.

    Onjuist:

    schermafbeelding van de aanmeldingsknop met huisstijl

    In dit voorbeeld ziet u een aangepast besturingselement dat onjuist wordt gebruikt voor huisstijl.

Welkomstschermen

  • Gebruik geen welkomstschermen voor huisstijl. Vermijd het gebruik van welkomstschermen omdat ze ervoor kunnen zorgen dat gebruikers uw programma aan slechte prestaties koppelen. Gebruik ze alleen om feedback te geven en de perceptie van tijd te verminderen voor programma's die ongebruikelijk lange laadtijden hebben.
  • Gebruik geen welkomstschermen met animatie. Gebruikers gaan er vaak van uit dat het welkomstscherm met animatie de reden is voor een lange laadtijd. Te vaak is die aanname juist.

Geluid

  • Over het algemeen wordt geluid niet alleen aanbevolen voor huisstijl. Als u geluid gebruikt voor huisstijl:
    • Een geluid alleen afspelen bij het opstarten van het programma, maar alleen als het programma door de gebruiker is gestart.
    • het geluid synchroniseren met een visuele gebeurtenis, zoals een ui-overgang, zoals de weergave van een programmavenster.

Zie Soundvoor meer informatie.