Discussion about Design, Technologies and User eXperience : Link utili

MIX Community 2.0 & "early bird"

Roberto Cavallini — Wed, 23 Dec 2009 15:05:00 GMT

Il 2009 è stato caratterizzato da una serie di importanti novità e rilasci! Ma prima di chiudere prima di una breve pausa natalizia... Ne approfitto per segnalarvi che da qualche giorno sono aperte le iscrizioni a MIX10 e fino al prossimo 15 Gennaio 2010...(read more)

Disponibile un nuovo percorso formativo su Expression Studio 3 in italiano

Roberto Cavallini — Tue, 22 Sep 2009 16:01:00 GMT

Volete scoprire tutti i segreti sui tool della famiglia Expression Studio 3: novità funzionali, esempi, tutorial e molto altro...
Come vi avevo anticipato prima delle vacanze estive, sono da pochi giorni disponibili i primi 7 webcast che illustrano le principali novità funzionali disponibili in Expression Studio 3 e Silverlight 3.

Potete accedere al percorso formativo completo dalla seguente pagina:
http://tinyurl.com/expression-studio-3

Per semplicità, vi riporto anche i riferimenti ad ogni singolo video tutorial:

- Expression Studio 3: "Overview & proposal scenarios" (16' min.)

- Expression Blend 3 SketchFlow: "Dal prototipo al progetto reale" (24' min.)

- Expression Blend 3: "Sample Data & oltre…" (12' min.)

- Expression Blend 3: "Behavior - building block of interacivity" (29' min.)

- SuperPreview: ottimizzazione nella visualizzazione di un sito Web su più browser (27' min.)

- Expression Encoder 3: novità encoding e ottimizzazione dei video (24' min.)

- Deep Zoom Composer: overview sulle nuove funzionalità (50' min.)

Questa serie di webcast, vogliono essere i primi di una serie che andrò a realizzare nelle prossime settimane. Se avete suggerimenti su particolari funzionalità/esempi su cui volete avere approfondimenti o dettagli, vi invito ancora una volta a segnalarmi direttamente l'argomento al mio indirizzo di posta elettronica: roberto.cavallini@microsoft.com

Vi ricordo infine che è da qualche giorno online, la nuova versione del portale dedicato ai prodotti Expression Studio in italiano.

"Expression Blend Sample" disponibili nella Community Expression

Roberto Cavallini — Wed, 26 Aug 2009 17:29:00 GMT

Buon rientro a tutti!
Spero che anche voi abbiate avuto modo di riposarvi e ricaricare un po' le pile...pronti per le nuove "avventure" autunnali ;)
A poche ore dal rientro in ufficio, devo dire che queste vacanze hanno portato una serie di interessanti novità che credo valga la pena riassumervi brevemente.

Per prima cosa vi segnalo che sulla Community ufficiale dei prodotti Expression sono stati resi disponibili i progetti ed il codice sorgente degli esempi di Blend.
Direttamente da questo link, potrete accedere alla Gallery della community e procedere con il download degli esempi.
Attualmente non sono ancora disponibili i primi esempi che erano stati distribuiti in pacchetto con la prima versione di "Expression Interactive Designer", vi invito quindi a visitare periodicamente la gallery in modo da trovare i vari aggiornamenti.

La gran parte di questi esempi, hanno una caratteristica comune, sono state realizzati dal mio collega Celso Gomes; tra l'altro autore del portale Nibbles Tutorial. Proprio all'interno di questo portale potete trovare degli utili tutorial, che descrivono "step by step", come sono stati realizzati alcuni di questi esempi.
Una buona palestra per prendere dimestichezza con Blend e per riempire, nel caso, questi ultimi caldi giorni di meritate vacanze.

Sempre in questi giorni, vi segnalo che è stata rilasciata su MSDN la documentazione in italiano su Silverlight 3. Il taglio di questi articoli è abbastanza tecnico, ma credo possa sempre valerne la pena darne una lettura. La raccolta degli articoli è anche disponibile al download al seguente link.

::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::

Infine, vi segnalo un altro interessante progetto che è stato presentato ad inizio di agosto: "Mess with Silverlight", si tratta di un blog in cui è stata coinvolta un'agenzia creativa di Chicago "Mess Marketing" abitualmente autrice di progetti in ambiente MAC in Flash e tecnologia "competitive" a cui è stato chiesto di raccontare le loro esperienze nell'adottare e nello sviluppare progetti in Silverlight attraverso Expression Studio 3. Day by day troverete descritte e raccolte le esperienze sui progetti dal team creativo coinvolto.

Come avrete avuto più volte modo di apprendere, una delle potenzialità offerte da Expression Studio 3 è la capacità di lavorare in piena interoperabilità con gli strumenti della famiglia Adobe (Photoshop ed Illustrator) in modo da ottimizzare e ridurre drasticamente le tempistiche di realizzazione di un progetto.

Nelle prossime settimane, pubblicherò una serie di webcast - registrati durante la pausa estiva ;) - che descriveranno ed illustreranno tali potenzialità.
Stay tuned e buon lavoro ancora a tutti!

Expression Studio 3: now is live!

Roberto Cavallini — Wed, 22 Jul 2009 19:59:00 GMT

Cosa state aspettando!

A pochi giorni dal rilascio ufficiale della nuova versione di Silverlight 3 è ora disponibile al download la nuova versione di Expression Studio 3.

Tante le novità correlate ad ogni singolo prodotto, Web 3 e SuperPreview, Blend 3 e SketchFlow, Encoder 3 e il supporto per l'encoding video erogabili attraverso Smooth Streaming, nell'ottica di offrire un prodotto sempre più completo e che si integri perfettamente nel workflow di lavoro di design e progettazione dell'interfaccia utente di applicazioni Silverlight, WPF e portali Web in ASP.NET, PHP ed X/HTML conformi agli ultimi standard di mercato.

Vi invito ad accedere alla pagina di download per scaricare la nuova versione di Expression Studio 3.

Nei prossimi giorni vi segnalerò una serie di materiali in merito.
Stay tuned!

Deep Zoom Composer: un po' di risorse utili per sperimentarne le nuove funzionalità

Roberto Cavallini — Thu, 16 Jul 2009 12:04:00 GMT

Come già accennato in un mio precedente post, la nuova versione di Deep Zoom Composer supporta una serie di interessanti funzionalità che vi permettono di creare in pochi semplici step le gallery Deep Zoom da inserire all'interno di un'applicazione Silverlight.

In merito a queste nuove funzionalità, vi segnalo una serie di articoli che affrontano in dettaglio come poter impiegare queste nuove funzionalità:

Creating a menu in Deep Zoom Composer

SlideShow Support in Deep Zoom Composer

Adding link in Deep Zoom Composer

Vi ricordo inoltre che l'ultima versione di Deep Zoom Composer è disponibile al download a questo link.

Silverlight 3 ed Expression Blend 3 SketchFlow: una serie di risorse utili per iniziare a sperimentare.

Roberto Cavallini — Wed, 15 Jul 2009 13:53:00 GMT

Mea culpa! J Il taglio dei miei ultimi post sono stati decisamente monopolizzati dagli importanti annunci che hanno scandito questi ultimi giorni, le novità correlate a Silverlight 3, Expression Studio 3 e Blend 3 sicuramente meritano le dovute attenzioni.
Credo sia però fondamentale cercare di sperimentare e provare nel minor tempo possibile le nuove funzionalità disponibili in Silverlight 3 ed Expression Blend 3. Vi anticipo che sto lavorando sulla redazione di una serie di mini video in pillole dove cercherò di darvi una completa overview sulle nuove funzionalità disponibili con le nuove versioni dei prodotti.
Nel frattempo, l’idea è quella di segnalarvi una serie di riferimenti e link utili che vi potranno dare un aiuto nell’iniziare a sperimentare lo sviluppo di applicazioni Silverlight 3 attraverso Expression Blend 3 Sketch Flow. (Le risorse riportate di seguito, sono tutte in lingua inglese.)

Expression Community
In parallelo all’uscita di Silverlight 3 e Blend 3 è stata anche lanciata ufficialmente la nuova Community ufficiale dei prodotti Expression. All’interno potete trovare una serie di materiali e white paper dedicati ai singoli prodotti.
Nello specifico in concomitanza con il lancio di Silverlight 3, sono usciti una serie di video introduttivi su Blend 3 ed Expression Web 3. Per accedere all’area dedicata alla formazione della community potete usare il seguente link.

All’interno della Community trovate uno spazio dedicato alla Gallery, dove sono raccolti una serie di materiali condivisi dalla communityutenti Expression: Web Template, Behavior, Themes, etc.

Nibbles Tutorials
Grandi novità anche all’interno di Nibbles Tutorial, è stata inserita una nuova sezione dedicata a degli esercizi “step by step”, attualmente sono disponibili due esercitazioni, una dedicata allo sviluppo dell’applicazione “Zune 3D”, contenuta tra gli esempi di Expression Blend 3 e una sulla realizzazione di un prototipo attraverso le funzionalità di Blend & SketchFlow. All’interno dell’area dedicata agli esempi, trovate disponibili anche alcuni behavior downlodabili.

Electric Beach by Christian Schormann
Negli scorsi giorni il mio collega di Corp di Christian ha pubblicato un interessante ed esaustivo post su Blend e SketchFlow, vi invito a darle una lettura. Punto per punto vengono descritte le principali funzionalità per creare in pochi minuti il prototipo della vostra applicazione e dare forma velocemente alle vostre idee. Il blog di Christian merita sicuramente una visita quotidiana troverete raccolti utili esempi e tutorial.

Dynamic Prototyping with Expression Blend 3
Due miei colleghi UXe di Corporation, hanno appena pubblicato il primo capitolo dedicato alle teorie di SketchFlow attraverso Expression Blend 3. Il tutto è disponibile sul sito dedicato al libro, a questo link.

Expression Blend Sample – Raccolta di Behaviors/Effects
Sempre in merito ai behaviors e a come gestire l’interazione all’interno di Blend 3 senza scrivere codice, vi segnalo una raccolta di behaviors disponibile su Codeplex – il file per l’installazione si trova su questa pagina. Una volta installati sul vostro PC, dovete aggiungere le DLL al vostro progetto Silverlight 3 (C:\Program Files\Microsoft Expression\Blend 3 Samples\Silverlight) e fatto ciò compariranno all’interno dell’asset library nella categoria “behaviors” ed “effects”.

Nei prossimi giorni pubblicherò ulteriori riferimenti, stay tuned! J

Expression Blend 3 & SketchFlow: efficacia nella prototipizzazione

Roberto Cavallini — Wed, 03 Jun 2009 13:44:00 GMT

Al rientro in ufficio dopo un lungo ponte... :)
vi segnalo un interessante video in merito alle nuove funzionalità "SketchFlow" - utili per la prototipizzazione e progettazione di un'applicazione e, disponibili con la nuova versioe di Expression Blend 3.

Una delle principali esigenze nella fase di progettazione e ideazione di un prodotto digitale è identificare un processo rappresentativo efficace in grado di supporttarci per prototipizzare e simulare le funzionalità del prodotto su cui stiamo lavorando ancor prima di iniziare a "vestire" e "disegnare" gli elementi che caratterizzeranno l'interfaccia utente. Partendo dalle classiche "bozze" e "schizzi" su carta, fino al classico documento progettuale in "power point" riuscire a trovare un modo efficace per rappresentare e simulare l'interazione che sarà implementata nel progetto finale risulta sempre complesso.Sia in contesti interni all'agenzia, in cui dobbiamo presentare il progetto al team che sarà coinvolto per lo sviluppo e ancor più nella presentazione con il cliente, aver un buon metodo che ti permetta di "simulare" in fase di prototipo, l'interazione prevista e raccogliere gli eventuali feedback sul progetto potrebbe essere sicuramente un valore aggiunto.
Proprio per soddisfare e semplificare queste esigenze sono state inserite una serie di funzionalità in Blend 3 denominate "SketchFlow"; partendo dai vostri "schizzi" cartacei e con una serie di funzionalità che vi permetteranno di rendere dinamico ed interattivo il progetto sarete in grado di progettare e definire l'architettura e l'interazione dell'applicativo.

Partendo da questo presupposto, vi segnalo questo interessante video introduttivo su Blend 3 e Sketch Flow disponibile sul nuovo blog di team di Silverlight.

Inoltre, ne approfitto, ricordandovi l'appuntamento con Remix, il prossimo 17 Giugno a Milano - dove presenterò, in una sessione dedicata, tutte le funzionalità disponibili con SketchFlow ed Expression Blend 3.
Iscrizioni a questo link >>

@roberto

"Rooler": un'interessante utility per misurare i tuoi pixel

Roberto Cavallini — Thu, 28 May 2009 00:07:00 GMT

Quante volte vi siete trovati nella condizione di dover "misurare" le dimensioni di un'immagine, di un elemento grafico o "catturare" il colore Web da uno specifico particolare di una foto. Ci sono veramente molti modi per fare queste semplici attività, Photoshop è sicuramente uno degli strumenti più utili a fare attività di questo tipo, ma a volte potrebbe essere utile avere un semplice strumento che permetta di effettuare operazioni di questo tipo senza passare dai tool di grafica. Per ovviare queste situazioni, Peter Blois, un mio collega del team di Expression in Corp, ha realizzato "Rooler". Una semplice e leggera applicazione che permette di effettuare tutte queste semplici attività che tendenzialmente siamo abituati a fare in altri modi. Potete scaricare la versione in Beta dello strumento da "questo link".

Come anticipato, l'applicazione è molto semplice e leggera, i comandi di base disponibili sono i classici: "misura", "limita", "ispeziona/analizza", "cattura" (ho cercato di tradurre la terminologia utilizzata nel tool in italiano :), ma credo sia abbastanza di per se intuitiva).

Ma vediamone velocemente il funzionamento, una volta installato sul proprio PC, vi apparirà, sempre in primo piano all'area di lavoro una "toolbar" che contenente tutti gli strumenti base di Rooler.

Le semplici funzionalità, possono essere veramente utili, vi invito a provarlo all'opera. Quante volte avete cercato di catturare un colore Web da utilizzare per un particolare testo definito all'interno di un foglio di stile, o banalmente scontornare e/o misurare "on the fly" le dimensioni di un'immagine o di un elemento grafico. Rooler va proprio in questa direzione, un'applicazione, semplice, leggera e molto utile nel lavoro quotidiano.

Se volete avere maggiori dettagli, esemi e informazioni sull'applicazione, vi rimando al blog del mio collega Peter.

Windows 7: disponibili le "UX Interaction Guidelines"

Roberto Cavallini — Wed, 27 May 2009 19:10:00 GMT

A pochi giorni dalla presentazione ufficiale della versione "release candidate" di Windows 7, - disponibile al download sul sito ufficiale del prodotto - vi segnalo la disponibilità della versione aggiornata del "white paper" contenente le linee guida sulla "user experience" per la progettazione e il design di applicazioni per Windows 7.

Le novità principali che caratterizzano questo aggiornamento della guida sono le seguenti:
- Windows UX Design Principles
- Touch
- Desktop
- Taskbar
- Notification Area
- Windows Desktop Gadget
- Start Menu
- Layout

Trovate la versione completa della guida su questa pagina all'interno del portale MSDN.

Sono inoltre disponibili un'altra serie di video che spiegano i criteri adottati per la definizione e la progettazione della user interface del nuovo sistema operativo, vi riporto qui sotto i dettagli.

"Designing the Windows 7 Desktop Experience"

"Design principles for Windows 7"

Creativity Day'09: vi segnalo il materiale delle sessioni

Roberto Cavallini — Thu, 05 Mar 2009 13:08:00 GMT

Vi segnalo la disponibilità al download delle slides presentate la scorsa settimana al Creativity Day di Milano.

"Design & User Experience for Innovation"

"Silverlight ed Expression Studio 2"

Se volete avere maggiori dettagli e approfondimenti in merito, vi ricordo il mio indirizzo di posta elettronica roberto.cavallini@microsoft.com
Sono a completa disposizione ;-)

In ultimo colgo inoltre l'occasione per ringraziarvi dell'interesse dimostrato durante le sessioni e vi ricordo il tradizionale appuntamento con MIX'09 di Las Vegas
dal 18 al 20 Marzo, dove saranno presentate una serie di novità sulla piattaforma e i tool per lo sviluppo.

MIX'09: design e ux in prima fila!

Roberto Cavallini — Thu, 29 Jan 2009 14:56:00 GMT

A poco più di un mese dal consueto appuntamento di marzo con MIX'09, la conferenza sulle nuove tendenze del Web organizzata da Microsoft; è stato annunciato la partecipazione alla keynote di Bill Buxton - Principal Researcher presso Microsoft Research - importante attore in ambiti inerenti al design e alla user experience nonchè autore del libro "Sketching User Experience". Trovate tutti i dettagli in merito alle sue precedenti esperienze e alle sue pubblicazioni sulla biografia disponibile a questo link.
Ancora una volta notizie di questo tipo, non possono che confermare come il ruolo del design e della user experience continuano a diventare elementi fondamentali nello sviluppo di un applicativo multimediale e contribuiscono ad incrementare l'effettivo "valore percepito" dall'utente. Non credo ci sia bisogno poi di sottolineare come una efficace esperienza utente sia convertibile come raggiungimento degli obiettivi definiti e prefissati nelle fasi di strategia e progettazione dell'applicativo.

La seconda parte della keynote, più di impronta tecnologica, sarà invece tenuta da "Scott Guthrie, Corporate Vice President, .NET Developer Division, Microsoft Corporation"; ormai veterano a MIX.

Oltre all'intervento di Bill, vi sono comunque una serie di sessioni dedicate alla ux e al design molto interessanti sia in ambito concettuale che sull'utilizzo delle nuove tecnologie e dei tool. Per citarne una su tutti:"Go Beyond Best Practices: Evolving Next Practices to Prosper in the 21st Century" di Lewis Carbone.

Potete trovare l'elenco aggiornato con tutte le sessioni al seguente link.

Stay tuned!

Partita la nuova sfida...Phizzpop Design Challenge 3

Roberto Cavallini — Fri, 23 Jan 2009 01:36:00 GMT

Cosa aspettate nel cimentarvi?
Volete sperimentare i primi progetti su Silverlight e sulle nuove tecnologie Microsoft, Phizzpop Design Challenge vi offre questa opportunità.
La seconda edizione del concorso estende la partecipazione anche in ambito internazionale e prevede la candidatura online dei progetti.

All'interno del portale potete trovare tutto ciò che vi serve per partecipare: brief sul progetto da realizzare, materiali di training, software e macchine virtuali con tutti i tool.

Da ieri è online il brief di progetto per la "Challenge 3" intitolata "Run-4-Power 5K Race Lil’ Monsta’ Souvenir Site", nel documento di brief trovate tutte le info sulla "nuova sfida", downlodabile in formato word o pdf a questo link. E all'interno dell'area training una serie di risorse e video tutorial specifici al concorso.
Sempre dal portale potrete anche downlodare un progetto di base da cui partire per lo studio della nuova interfaccia utente.
Il concorso dispone anche di un proprio forum dove potrete inviare le vostre richieste di supporto.

Tutti i riferimenti su come partecipare e candidare i vostri progetti al seguente link le info sul montepremi su questa pagina.

In bocca al lupo!

Mooncake Viewer: nuove "forme" di photogallery

Roberto Cavallini — Fri, 16 Jan 2009 18:32:00 GMT

"Sfido chiunque a dire di non aver utilizzato servizi quali Flickr per condividere le proprie foto con gli amici... ;)"

Ok, confesso...anch'io ne faccio uso e devo dire che i servizi di repositoring gratuiti per le immagini e video sono veramente utili e contribuiscono ad incrementare i contenuti online generati dagli utenti. In un articolo di qualche mese fa, vi segnalavo l'integrazione in Deep Zoom Composer di una nuova funzionalità che abilitava il tool all'upload delle proprie collezioni di immagini su PhotoZoom come piattaforma di "sharing" per le immagini visualizzate attraverso un player Silverlight 2 e Deep Zoom.

Sempre in merito a queste sperimentazioni, vi segnalo Mooncake Viewer, a mio parere estremamente "rivoluzionario".

Un applicativo che permette "letteralmente" di stravolgere la modalità di interazione e visualizzazione delle vostre immagini sul web.
L'esperienza utente proposta è sicuramente interessante, l'utente è portato a "modificare" il classico modello d'interazione ed è guidato in una nuova esperienza, con nuove dinamiche e modelli d'interazione.
Attratto nello scoprire e cercare all'interno del "film" - proposto dalle immagini - immedesimandosi come "attore" - personaggio attivo all'interno di questa nuova esperienza utente.

Paradossalmente ho provato a caricare, una serie di scatti, rubati dalle mie scorse vacanze in Corsica e devo dire che l'esperienza nel rivederle attraverso Mooncake è sicuramente "nuova e rivoluzionaria".

Per curiosità vi riporto un semplice esempio...

Ma entriamo nel vivo...una volta caricate le immagini su Flickr, molto semplice, potrete accedere a Mooncake Viewer inserendo il vostro "account" di Flickr e in tre semplici "click", uplodare le immagini.
L'applicativo vi restituirà una semplice "stringa" di codice (embeddato all'interno di un <div>) che vi basterà incollare all'interno della vostra pagina HTML. Tutto qui!

Dietro le quinte, Mooncake Viewer utilizza Deep Zoom e Silverlight 2 per la visualizzazione delle photo-gallery, ed è quindi necessario aver installato l'ultima versione del plugin Silverlight sul proprio PC; vi ricordo inoltre che il servizio è attualmente in Beta.

Cosa aspettate a cimentarvi!

Disponibile la nuova versione di Silverlight Streaming Plugin per Expression Encoder 2

Roberto Cavallini — Fri, 16 Jan 2009 16:30:00 GMT

Vi segnalo la disponibilità di una nuova versione di Silverlight Streming Plugin per Expression Encoder 2.
Potete accedere al download dal seguente link.

Il plugin abilità Expression Encoder all'upload delle applicazioni Silverlight 2 sulla piattaforma di streaming Silverlight Streaming
offerta dai servizi Live Services.

In uno dei miei precedenti post, ho spiegato in dettaglio le funzionalità disponibili, lo trovate a questo link.

Vi riporto inoltre una serie di link utili con info aggiuntive e approfondimenti:

- Expression Encoder Blog Team
- Tim Heuer Blog, articolo di approfondimento
- Silverlight Streaming
- Expression Encoder 2, riferimenti sul prodotto

Oxite: un engine open source per lo sviluppo di community, blog e web site

Roberto Cavallini — Tue, 09 Dec 2008 17:51:00 GMT

Oxite, vi segnalo questa interessante piattaforma/engine di gestione e management per lo sviluppo di blog e web site conformi agli ultimi standard sviluppata in ASP.NET MVC (Model View Controller).
Trovate il download dell'applicativo e tutte le informazioni in merito all'impiego della piattaforma su CodePlex, il portale di Microsoft dedicato ai progetti del mondo open source e allo shared source.

Un esempio di un portale Web che utilizza e sposa questo engine, la nuova commuity MIX Online dove potrete trovare materiali, articoli e post relativi a MIX09, l'annuale appuntamento di Microsoft sulle nuove tendenze del Web che si terrà il prossimo marzo a Las Vegas.

Attraverso Oxite, sarete in grado di gestire blog post, commenti, pingbacks, trackbacks, etc.

Ma non solo...

interi portali Web completamente "personalizzabili", creare nuove pagine e sotto sezioni con l'immediatezza di editare una semplice pagina Web e con i soli diritti abilitati a voi amministratori del portale.
A questo link trovate tutti i rifermenti per l'installazione e i riferimenti e i dettagli sul "modello di license" in merito all'impiego.