February 2008 - posts - Microsoft User Experience Blog

February 2008 - posts

WorldWide Telescope ... wow!

WWTEen blogpost van Robert Scoble zorgde al voor geruchten en speculaties. TechCrunch had al een idee dat het om dit project zou gaan. Op TED is dit product voor het eerst gepresenteerd en het is inderdaad om er tranen van in je ogen te krijgen, zo mooi.

Microsoft Research heeft WorldWide Telescope gemaakt en laat aan de hand van foto-materiaal uit allerlei bronnen, waaronder de Hubble telescope, de gebruiker door het universum reizen. Je kan eens kijken naar een sterrenstelsel op miljoenen lichtjaren! Je kan de pracht van het universum ontdekken op je eigen PC. Je kan zelfs een soort 'tours' vastleggen om met andere te delen of naar 'tours' van anderen kijken. Vervolgens kan er ook nog gedetaileerde informatie worden getoond van het object waar je naar kijkt.

Misschien zal niet iedereen even overweldigd zijn met de applicatie, vooral als sterren je niets zeggen. Maar voor iedereen die maar een beetje bewondering kan opbrengen voor een mooie sterrenhemel zal dit zeker ook een WOW ervaring zijn.

In de lente komt WorldWide Telescope beschikbaar op www.worldwidetelescope.org. Ik kan bijna niet wachten tot het lente is ...

Technisch nieuws over Silverlight 2

BigWhite Eind vorige week is op de blog van Scott Guthrie meer technische details gepost over Silverlight 2 (dit wordt de naam van de nieuwe versie). Hierdoor wordt voor iedereen meer duidelijkheid gegeven wat er nu eigenlijk verwacht kan worden van de nieuwe versie van Silverlight 2, waarvan binnenkort een eerste beta uitkomt.

De belangrijkste verandering ten opzicht van Silverlight 1.0 is de toevoeging van een browser-versie van het .NET Framework. Hierdoor wordt het maken van Silverlight 2 applicaties veel eenvoudiger en krachtiger dan zijn voorganger (nu alleen JavaScript). Als programmeertaal kan C# of VB.NET worden gebruikt. Maar ook dynamic languages als IronPython en IronRuby zullen ondersteund worden. Uiteraard blijft ook JavaScript ondersteund.

Voor designers wordt Silverlight 2 ook veel aantrekkelijker dan 1.0. Met 1.0 moet er nog veel met JavaScript worden gedaan en voelt het nog erg 'developer-georienteerd' aan. Silverlight 2 krijgt de karakteristieken van WPF (voor Windows). Dit houdt in dat zaken als controls, layout management, data-binding, styles en template skinning ondersteund worden. Ook vanuit Expression Blend. Hierdoor kan een designer veel meer in Blend bereiken zonder een letter code nodig te hebben. Ook komt dit de samenwerking met developers ten goede, want die kunnen uitgebreide (user) controls ter beschikking stellen met gedrag waarna de designer die kan gebruiken en kan gaan stylen/skinnen.

Heeft de huidige versie van Silverlight acht controls, komt Silverlight 2 met een collectie aan controls. Hieronder vallen de voor de hand liggende controls als button, combobox, listbox, maar ook meer geavanceerde controls als calendar, datepicker en datagrid. Al deze controls kunnen vormgegeven worden door de designer, waarbij de default aangepast of overschreven kan worden.

Ook biedt de nieuwe versie uitgebreide ondersteuning voor netwerk-protocollen over het web, zodat er gecommuniceerd kan worden met veel voorkomende web-bronnen als RSS-feeds, webservices, enzovoort.

Het .NET Framework dat in Silverlight 2 wordt meegeleverd is een beperkte set van het .NET Framework voor Windows. Maar het bevat wel allerlei functionaliteiten die het maken van rijke user experiences voor het web enorm vereenvoudigen. Denk hierbij aan LINQ, generics, threading, globalization, XML support, access naar de DOM van de hosting web pagina, en meer.

Voor de goede orde: het .NET Framework is een web-browser specifieke versie die op alle platformen ondersteund wordt (Windows, Mac OSen later ook Linux). Het .NET Framework voor Windows staat hier los van en hoeft ook niet geinstalleerd te zijn. Door de toevoeging is Silverlight 2 wel iets groter geworden dan zijn voorganger, maar nog steeds een kleine download: 4.3 MB (beta 1).

Silverlight 2 wordt echt een rijk platform voor het bouwen van RIA's. Het is een zeer aantrekkelijk platform voor designers, zodat zij echt met design/interactie bezig kunnen zijn zonder direct code nodig te hebben. Tevens kan er gebruik worden gemaakt van de grote community aan .NET developers.

Tip voor .NET developers: heb je affiniteit met UI? Verdiep je dan in het toepassen van .NET voor WPF en Silverlight. Leer te communiceren met designers. Ik denk dat hier een hele nieuwe beroepsgroep zal ontstaan die vanuit de techniek designers kan ondersteunen, zonder hen met dingen te belasten die ze niet (willen/hoeven te) begrijpen.

Meer informatie is te vinden in de blogpost van Scott. Meer informatie zal ook volgende week komen tijdens de MIX. Houd dan ook deze blog in de gaten.

.NET 3.5 Client Product Roadmap

Op de blog van Scott Guthrie zijn details gegeven met betrekking tot de roadmap van het .NET Framework 3.5. In deze posting wordt vooral veel verteld over ontwikkelingen rond Windows Presentation Foundation (WPF). Het gaat dan met name om updates die er dit jaar al gaan komen.

ms_net_cDe update maakt bijvoorbeeld mogelijk om een betere install ervaring te krijgen voor WPF-gebaseerde applicaties. Als iemand bijvoorbeeld al .NET Framework 2.0 heeft geinstalleerd, worden alleen de benodigde updates gedownload.

Voor WPF zijn er in 3.5 al allerlei performance verbeteringen doorgevoerd, maar er zullen nog meer vormen. Zo zullen een aantal bitmap-effecten hardware-matig gaan gebeuren in plaats van software-matig. Maar ook zullen er performance verbeteringen komen op het vlak van media en video.

Er komen ook nieuwe controls voor WPF, waaronder een datagrid, date/time picker en een Office Ribbon control. Daarbij wordt ook de functionaliteit van de designer in Visual Studio uitgebreid voor WPF. Er komt bijvoorbeeld betere ondersteuning voor het werken met events op WPF-controls.

Ook hiermee wordt weer getoond dat ook WPF en Silverlight veel aandacht krijgen binnen Microsoft en dat er hard aan gewerkt wordt om de platformen en tools steeds beter te maken. Dat maakt het dan ook weer eenvoudiger om rijke user experiences te leveren in applicaties. Aan de software hoeft het niet meer te liggen ....

Express Yourself evenement van Promate op 14 maart 2008

express_yourself Promate organiseert een gratis evenement op vrijdag 14 maart 2008 in het Nieuwegein's Business Center in, hoe kan het ook anders, Nieuwegein. Iedere deelnemer krijgt de gratis training DVD en maakt kans om een gratis Expression Studio te winnen ter waarde van € 679,-.

Op dit evenement geef ik zelf een overzicht van Windows Presentation Foundation, Silverlight en Expression Studio. Patricia Bosselaar gaat dieper in op de Expression producten. Kortom, een goede manier voor een eerste kennismaking met de platformen en tools die Microsoft biedt voor met name creatieven.

Ga nu naar de website van Promate en schrijft je in!

Showcase - Nieuwe campagne voor ImagineCup met Silverlight

Voor het zesde jaar wordt weer de ImagineCup gehouden. Dit is een competitie voor studenten met verschillende categorieen. Eerst is er een landelijke competitie gehouden, daarna gaan de landelijke winnaars nog tegen elkaar strijden in een finale. Dit jaar is de finale in Parijs. Vorig jaar deden zo'n 100.000 studenten mee uit meer dan 100 landen.

imaginecup

Elk jaar heeft de competitie een thema. Dit jaar is dat Sustainable Environment. Voor de Nederlandse competitie heeft Ganda een website gebouwd met Silverlight. Een leuk startpunt als je wilt kijken wat het is of zelfs mee wilt doen.

Voor meer informatie ga je naar http://www.watdoejijin2058.nl.

Video-player Jeroen Wijering met Silverlight

[ UPDATE juni 2010 ]

De player van Jeroen is nog steeds te gebruiken, maar is helaas nog steeds een Silverlight 1.0 player van 3 jaar oud. Kijk ook eens naar mijn nieuwe post over meer up-to-date mogelijkheden op deze blog.

[ UPDATE juni 2010 ]

JW-WMV-PlayerBij veel is Jeroen Wijering bekend voor zijn Flash-gebaseerde video-player voor websites. Door de opzet van die player, de geringe kosten voor commercieel gebruik en de eenvoudige manier van configureren zijn er veel websites wereldwijd die zijn player gebruiken.

Deze week heeft Jeroen een nieuwe versie uitgebracht gebaseerd op Silverlight. Hij noemt het de JW WMV Player. Ook deze player kent dezelfde principes, eenvoud, lage kosten voor commercieel gebruik en een handige wizard om de player te configureren. De eerste versie ondersteund alleen nog geen playlists. De player kan door het gebruik van Silverlight zowel progress download gebruiken voor de videos als streaming oplossingen.

Alle informatie over de Silverlight player is te vinden op zijn website. Daar is ook de download te vinden en eveneens de wizard om de instellingen te genereren. Ook de documentatie is daar te vinden.

Succesvolle User Experience & Silverlight MSDN InTrack

UX_intrack 004 Afgelopen dinsdag is de eerste MSDN InTrack gehouden rond User Experience en Silverlight. De presentatie werd verzorgd door Robert Kuunders van Opatel.

Robert heeft veel ervaring op het gebied van design en het was erg leuk te zien hoe hij dat wist over te brengen op het gemengde publiek. De verdeling tussen designers en developers was ongeveer 50%-50%.

In deze sessie werd ingegaan op het belang van User Experience, maar ook wat het nu precies betekend om je daar druk over te maken in een project. User Experience is niet alleen de user interface of alleen het 'opleuken' van je applicatie. Nee, het is iets wat in het hele proces verweven moet zijn, van begin tot eind. Daarnaast werd er ingegaan op Silverlight en het gebruik van Expression Design en Expression Blend voor het maken van rijke toepassingen.

Ik vond het erg leuk om te zien dat er een goede interactie, waarbij veel vanuit eigen ervaring deelden hoe het in hun situatie werd toegepast of tegen welke problemen werd aangelopen. We gaan dan ook zeker kijken of we deze InTrack wellicht nog een keer kunnen herhalen.

Nuttige links naar aanleiding van deze track zijn:

  • www.opatel.nl voor trainingen op Expression producten
  • www.microsoft.nl/expression voor informatie over de Expression producten, inclusief de mogelijkheid voor het aanvragen van een gratis training DVD.

Vragen over deze InTrack? laat het me weten via deze blog, de mail mogelijkheid of een response.

[foto: Peter Kassenaar]

MIX08 heeft speciale User Experience track

160x600_mixuxLos van de tracks die op de MIX08 (5-7 maart, Las Vegas) worden gehouden die meer software- of  development/design-gerelateerd zijn, is er ook een speciale User Experience track. Deze track richt zich meer op User Experience zonder naar platform of technologie te kijken. Per dag zal er in deze track een thema besproken worden, en wel Discover, Explore en Inspire.

Het thema Discover richt zich vooral op het algemene thema van User Experience. Door de sessies wordt er meer bekendheid gekregen met dat onderwerp. Deze dag zullen personen als Lou Carbone, Dave Armano en Dan Roam hun opwachting maken.

Het thema Explore gaat meer de diepte in rond User Experience. Het is een workshop waarbij Adaptive Path laat zien hoe je een goede User Experience toe kan passen in een project.

Het thema Inspire tenslotte, laat meer zien rond de Microsoft visie op User Experience. In het bijzonder komen personen van de productgroepen van Office, Zune en Surface aan het woord.

Kortom, een bijzondere track met voor ieder wat wils. Vorig jaar was bijvoorbeeld Lou Carbone al op de MIX, en zijn sessie "The Emotion of Customer Experience" werd bijzonder goed gewaardeerd.

mix08ux-speakers

We zijn nu al aan het kijken hoe we ook een gedeelte van deze track naar de (beperkte) redelivery van de MIX in Nederland kunnen halen. Stay tuned ....

Je eigen video website op basis van Video.Show

VideoShowHome Silverlight 1.0 biedt uitstekende ondersteuning voor hoge kwaliteit videos. Daar willen veel wel gebruik van maken, maar waar begin je? Er zij veel zaken waar je rekening mee wilt houden: look and feel (de user experience), functionaliteit, uploaden van videos, encoderen van videoformaten naar een gewenst formaat, enzovoort, enzovoort. Misschien heb je nog niet zo veel gedaan met ASP.NET, dus kan dat ook nog een drempel zijn.

Vertigo Software heeft voor ons een basis applicatie gemaakt waarvan alles wordt verstrekt, inclusief de sources. Deze applicatie heet Video.Show en wordt aangeboden op CodePlex. De applicatie is zo opgezet dat je heel snel een website op basis van ASP.NET, Silverlight en Expression Encoder opzet. De applicatie is gebouwd op basis van de nieuwste technieken, waaronder Linq. Ook wordt de AJAX Control Toolkit gebruikt voor interactiviteit. Silverlight Streaming is gebruikt voor het hosten van de videos.

Je kan de applicatie gebruiken om vervolgens je eigen functionaliteit toe te voegen, je eigen identiteit aan de site te geven, enzovoort.

De Video.Show applicatie maakt deel uit van de Windows Live Quick Apps met meer van deze "starter"-kits. Kijk maar eens op http://codeplex.com/WLQuickApps voor een overzicht.

Expression Design, Adobe Illustrator en XAML

ExpDesignEN_3DS Een belangrijk onderdeel van de workflow voor het maken van interactieve applicaties of animaties zijn de graphics. Het maken van goede graphics voor gebruik in zulke toepassingen is een vak apart. Het samenvoegen van creativiteit, fantasie met technieken als vectoren, airburshes en effecten is niet aan iedereen toevertrouwd. De Expression Studio bevat een tool die dit werk ondersteund, en dat is Expression Design.

Waarom zou je eigenlijk Expression Design willen gebruiken? Vooral omdat het een tool is die deel uitmaakt van de ondersteuning van de workflow tussen designers en developers. Expression Design is de tool om graphics mee te maken, inclusief layers, vectoren, images, effecten, enzovoort. Wat Expression Design vooral uniek maakt is de ingebouwde kennis van XAML (XAML is de XML-gebaseerde taal voor het beschrijven van UI voor Silverlight en WPF). Dus als je een illustratie hebt gemaakt in Design, is het eenvoudig te exporteren naar XAML. In XAML blijven de vectoren behouden, zodat deze gebruikt kunnen worden in animaties of gewoon om scherpe graphics te houden. Expression Design kan ook Photoshop PSD files en Illustrator AI files (PDF-compatible) importeren, zodat ze daarna ook via de export-functie naar XAML-formaat kunnen worden weggeschreven.

IllustratorXamlPlugin Maar veel grafische designers lopen al wat langer mee dan vandaag en hebben al tools waar zij mee gewend zijn te werken. Vaak wordt Adobe Illustrator gebruikt. Zo maar even overstappen naar een andere tool kan dan best een drempel zijn, zelfs als zijn er voordelen.

Nu heeft Mike Swanson van Microsoft een plugin geschreven voor Adobe Illustrator waarmee je ook vanuit Illustrator kan exporteren naar XAML. De export heeft niet altijd dezelfde kwaliteit als Expression Design, aangezien daar een team heeft gewerkt aan allerlei optimalisaties. Maar het resultaat is toch wel erg goed te noemen. Dit kan designers helpen om ook eenvoudig onderdeel te zijn van de workflow op het Microsoft platform.

Als je nog nooit gewerkt hebt met Expression Design, kan je de trial versie eens proberen. Overigens bevat de gratis Designer Training DVD waar ik eerder over blogde ook een uitgebreide basis training voor Expression Design. Dus wil je een snelle start maken, vraag die dan snel aan. Expression Design 1.0 is overigens niet als los product te koop, maar wordt standaard meegeleverd met Expression Studio.

Zune Software

Zune softwareNog niet gehoord van de Zune? Deze portable media player is dan ook nog niet in Europa op de markt. Maar zoals bij elk zichzelf respecterende media player hoort natuurlijk ook software om te synchroniseren. Voor de Zune is ook zulke software geschreven. De user interface is vrijwel hetzelfde op de Zune en op de PC. Die software is ook te gebruiken zonder dat een Zune gebruikt wordt.

De Zune software heeft een hele eigen type user interface gekregen. Ik was aangenaam verrast over versie 2.0 die een tijdje geleden is uitgekomen.ZuneMarketplace Overigens is deze update ook voor de Zune-spelers ter beschikking gekomen en standaard op de nieuwe devices.

Wat opvalt is dat het niet een standaard Windows applicatie is. Er is veel aandacht besteed aan de vormgeving en performance. Snel zijn er allerlei views te kiezen waarmee door de media collectie genavigeerd kan worden. Uiteraard kunnen ook playlists worden aangemaakt en is er een  'Playing Now' scherm.

Maar niet alleen media op de eigen PC kan daarmee bekeken of gesynchroniseerd worden. Er is ook een Zune Marketplace waar je online allerlei content kan kopen en beluisteren.

Kortom: het bekijken waard. Kies een van de links uit de tekst of ga naar http://www.zune.net

News Reader Starter Kit

Op basis van WPF zijn er al verschillende newsreaders verschenen. Zo werd al ruim anderhalf jaar geleden de New York Times Reader uitgebracht. Maar ook kranten als de Seattle PI en Daily Mail hebben van dezelfde technologie gebruik gemaakt. Ook forbes.com heeft de reader gebruikt.

eReader by The New York TimeDe New York Times zag dit als extra kanaal waarbij een rijke reader wordt geboden om zowel online als offline een rijke experience te hebben, inclusief advertenties. Resultaat: de eerste gratis download is niet meer beschikbaar en je kan het nu alleen krijgen via een abonnement van US$ 160,- per jaar. Het moet dus genoeg voor ze opbrengen. Gebleken is dat met de reader mensen 23 minuten per dag besteden, tegenover 1 uur per maand op de website en 48 minuten per dag voor de papieren uitgave. Ook hebben ze ongeveer 7x meer pageviews dan op de website. Een erg goed model voor hun adverteerders dus.

De algemene functie van de reader is een homepage per katern, een viewer voor artikelen inclusief plaatjes en een zoekmechanisme. WPF biedt de technologie voor de fonts (vector-gebaseerd) en een zeer slimme layout-engine. De reader bevat ook een advertentie engine om dynamisch te bepalen welke advertenties getoond worden. Daarbij synchroniseert de reader met een backend voor de edities, artikelen en advertenties. De reader kan ook offline gebruikt worden.

MSDN ReaderVoor de genoemde readers was een basis reader gebruikt die door Microsoft ontwikkeld is. Deze kit is nu ook publiek ter beschikking gesteld in de vorm van een beta SDK. Deze bevat de sources, zodat de reader ook waar gewenst aangepast of uitgebreid kan worden. De naam van de kit is volgens goed Microsoft gebruik erg ingewikkeld: Syndicated Client Experience Start Kit Beta & Reader Beta SDK. Op de WindowsClient.NET portal is de informatie en de download te vinden (of voorgaande link aanklikken; waarschijnlijk eenvoudiger).

We hebben ook gelijk een MSDN reader met deze kit ontwikkeld. Hiermee kunnen MSDN Magazine artikelen gelezen worden. Deze reader is te downloaden op de genoemde portal. De sources van die reader zijn ook gewoon beschikbaar.

De look-and-feel kan aangepast worden met behulp van Expression Blend. De code is in C# geschreven. De communicatie is gebaseerd op RSS. Kortom, allemaal standaarden. En met de software development kit heb je een snelle start om een eigen reader te ontwikkelen.

Overigens zijn de advertenties dynamisch, ook de grootte ervan. Het kan een vierkant blokje zijn. Het kan ook een kolom zijn. Dit wil je niet een plaatje laten zijn dat gescaled wordt, want dan is het niet meer leesbaar. Er zijn al advertentiebedrijven op dit soort dynamische advertenties gedoken.

Op de MIX07 is er een sessie gehouden over de technologie, maar ook met een verhaal van een mediabedrijf en de New York Times zelf. Zie hiervoor de presentatie van Kevin Gjerstad (een van de makers van de kit).

Gratis MSDN Intrack over User Experience en Silverlight

msdnintrack

Op dinsdag 19 februari 2008 wordt in het Microsoft Innovation Center in Barneveld een sessie gegeven over user experience en Silverlight. Er wordt een overzicht gegeven waarom user experience steeds belangrijker is, maar ook hoe Silverlight ingezet kan worden op het web om een goede user experience te kunnen bieden.

De sessie wordt gegeven door Robert Kuunders van Opatel. Opatel is een opleidingsinstituut dat zich al jaren richt op designers. Zij hebben dus al veel ervaring met het onderwerp.

Toegang is voor de sessie gratis (normaal 50 euro) en is een dagdeel ('s ochtends). Ga naar de link en schrijf je nu in; vol is vol.

Design jezelf naar Vegas

clip_image001

Net als vorig jaar is er ook dit jaar weer een competitie opgestart rond de Expression producten. De hoofdprijs is een geheel verzorgde reis naar de MIX in Las Vegas. 2e en 3e prijs is een Xbox Elite.

Op dit moment loopt de design contest. Design een logo met Expression Design. De deadline is vrijdag 22 februari 23:59. Op 27 februari wordt de winnaar bekend gemaakt.

De volgende stap is voor web developers. Vanaf 28 februari kan je meedoen met de contest voor de beste implementatie van het design.

Ga naar www.dekickoff.nl en vind alle informatie. En succes!

Zoek

Go

Dit weblog

Nieuws

Selecteren