Het is geweldig om te zien dat er steeds meer Silverlight toegepast wordt voor allerlei doelen. Vooral voor media is het steeds meer in gebruik. En gelukkig zijn er daardoor steeds meer mensen die Silverlight geinstalleerd hebben.
Maar wat nu als de gebruiker geen Silverlight heeft? Als de standaard Silverlight.js javascript file wordt gebruikt zoals Blend of Visual Studio die genereert, wordt er het standaard “Install Microsoft Silverlight” logo getoond:
De ervaring leert echter dat gebruikers dit beangstigend vinden of niet begrijpen. Ze hadden immers op een link geklikt om naar bepaalde content te gaan? En waarom zouden ze iets wat ze niet hebben eigenlijk installeren? En wat is dat Silverlight eigenlijk?
Om dit voor de gebruiker goed op te lossen moet toch wat meer worden uitgelegd. Waarom Microsoft dit niet gelijk doet? Wij kunnen niet een uitleg geven die voor iedereen de lading dekt. Bovendien wil je in de meeste gevallen een uiting laten zien die bij de look-and-feel van de website past.
Waar het op neerkomt is dat je de standaard afbeelding zoals hierboven is getoond vervangt door een afbeelding met tekst die uitlegt wat de gebruiker moet doen en waarom. Soms kan het gepast zijn die alleen op de plek van de Silverlight applicatie te doen, maar soms kan het ook gepast zijn om een zogenaamde page gate te maken die de hele pagina beslaat. Ook hierbij moet er weer goed over de beste beleving voor de gebruiker worden nagedacht. Hieronder twee voorbeelden hoe het opgelost kan worden:
Dit kan zowel worden opgelost als de Silverlight applicatie door middel van Javascript functies uit de Silverlight.js wordt geladen, als dat de OBJECT-tag wordt gebruikt.
Heb je een mooi plaatje, maar dan? Het is niet zo’n goed idee om allen maar naar www.microsoft.com/silverlight te verwijzen en de gebruiker aan zijn lot over te laten om daar de installatie te doen. De gebruiker is daarmee namelijk direct van je eigen website verdwenen, en dat wil je niet. Het is beter om direct naar de juiste link te verwijzen die de installatie start. Hierdoor blijft de gebruiker op de website terwijl Silverlight wordt geinstalleerd. Bovendien is in de meeste gevallen een eenvoudige refresh van de pagina vereist om de website vervolgens met Silverlight te zien.
Maar hoe zit het dan bijvoorbeeld op Windows met die hele reeks aan schermen die de gebruiker nog door moet? “Wil je dit uitvoeren of installeren?”, “Vertrouw je dit programma wel”? en dan nog het blauwe Installeer Silverlight scherm. De eerste twee zijn het gevolg van de beveiligingsmaatregelen in Windows die helaas steeds meer noodzakelijk is geworden. Het blauwe Silverlight scherm komt daar nog tussendoor omdat de gebruiker daar geattendeerd wordt op het feit dat Silverlight standaard automatisch een update ontvangt als er een nieuwe versie of patch is. Dat is nu eenmaal een wettelijk vereiste. Dus daar is helaas niets aan te doen.
Hieronder een aantal links naar artikelen die uitleggen hoe je zelf in je eigen website de installatie kan verwerken. Hier staat ook een whitepaper vermeldt die het uitlegt. Het whitepaper is geschreven voor Silverlight 2, maar werkt zeker nog steeds met Silverlight 3. Binnenkort wordt dit whitepaper geupdate.
Microsoft Silverlight Installation Experience White Paper and Sample Code
How to: Add Silverlight to a Web Page by Using HTML (aanbevolen manier)
How to: Add Silverlight to a Web Page by Using JavaScript
Silverlight.js Reference
Heb je zelf websites die Silverlight gebruiken en heb je hier nog nooit naar gekeken? Het is meestal eenvoudig te testen door de plugin tijdelijk op Disabled te zetten en dan naar de pagina te gaan (In Internet Explorer onder Tools, Manage Add-ons). Daarna kan je de plugin weer op dezelfde manier op Enabled zetten. Kom je websites van anderen tegen met Silverlight die dit niet hebben aangepast? Verwijs hen dan eens naar deze artikelen. Zo kunnen we elkaar helpen om de ervaring voor de gebruiker steeds prettiger te maken.