Discussion about Design, Technologies and User eXperience

In diretta da MIX10: Windows Phone 7 Series, Silverlight 4 ed Expression Blend 4 Beta

2010-03-16T07:35:00Z

2 ore cariche di emozioni... Tante le novità che hanno caratterizzato la keynote di MIX di oggi : Silverlight 4 RC (release candidate) , Windows Phone 7 Series e l'ambiente di sviluppo, Expression Blend 4 Beta ; il tutto accompagnato da una carrellata di demo che hanno coinvolto alcuni dei principali partner e clienti che stanno adottando le tecnologie presentate. Per citarne uno fra tutti, Netflix che ha annunciato che svilupperà un'applicazione Silverlight Smooth Straming per la fruizione della...(read more)

Update Project Rosetta [UI tutorial per il design di applicazioni in Silverlight]

2010-03-03T22:21:00Z

Vi segnalo una serie di interessanti e utili risorse appena pubblicate all'interno del portale Project Rosetta. Una raccolta di nuovi articoli ed esempi sul design e lo sviluppo di applicazioni Silverlight attraverso Expression Blend, il tutto caratterizzato dalla peculiarità di avere dei suggerimenti pratici di come replicare comandi e proprietà da applicazioni Flash in Silverlight. Vi riporto i riferimenti ai singoli tutorial: - Setting up the Tools - The Beginning - Storyboard Animation - Procedural...(read more)

Windows Phone 7 Series: riflessioni "design & ux" con Albert Shum

2010-02-25T14:30:00Z

Come credo abbiate avuto modo di intuire dopo il mio articolo di settimana scorsa, da qualche settimana sto seguendo in particolare molte tematiche inerenti allo sviluppo "mobile" e alla nuova piattaforma Windows Phone 7 Series. Lo sviluppo di interfacce utente "mobile" richiede una particolare sensibilità ed attenzione soprattutto in merito alla modalità in cui vengono fruiti i contenuti in completa mobilità e di conseguenza anche il paradigma di interazione deve essere adattato a queste esigenze...(read more)

Silverlight Template :-: free download on SilverZine

2010-02-19T17:45:00Z

Vi segnalo un interessante esempio su SilverZine in cui viene descritto come creare in pochi semplici step un minisito in Silverlight. Su questa pagina trovate la descrizione del progetto , mentre a questo link è disponibile il progetto modificabile in Blend. >> In questa pagina la preview dell'esempio. Se date un occhio al progetto, le animazioni che visualizzano i contenuti delle 3 diverse aree sono gestite attraverso il caricamento di 3 States diversi: "view1, view2, view3". All'interno...(read more)

Windows Phone 7 Series [Anteprima UX & UI]

2010-02-18T18:00:00Z

Concedetemi qualche attimo di tregua sul percorso formativo dedicato a SketchFlow, ma credo che un lancio così importante non possa e non debba passare inosservato. Windows Phone Series 7 – presentato in anteprima lunedì scorso al Mobile World Congress di Barcellona in solo pochi giorni di vita sta generando un bel po’ di entusiasmo. Non si ha ancor nessun dettaglio in merito all’ambiente di sviluppo, il tutto verrà presentato tra poco mese di un mese a MIX10 di Las Vegas , ma sono stato piacevolmente...(read more)

SketchFlow: uso di fonte dati di esempio e "conditional navigation" (parte 2)

2010-02-08T23:25:00Z

Prima di entrare nel vivo con la seconda parte del post dedicato alla visualizzazione della fonte dati di esempio, vi invito a guardare con attenzione gli screen che caratterizzano il nostro prototipo. La HomePage è collegata ad uno screen di dettaglio “Scheda Film” a cui sono collegati altri tre component screen: in programma, piùvisti e coming . In questo caso ho scelto di gestire il caricamento del component screen corrispondente a seconda dell’interazione che l’utente avrà sui contenuti presenti...(read more)

SketchFlow: uso di fonte dati di esempio e "conditional navigation" (parte 1).

2010-02-01T22:35:00Z

L’impiego di fonte dati di esempio – SampleData – funzionalità implementabile sia in progetti reali sia in prototipi può essere molto utile in entrambi i contesti: - in un “progetto reale” - permette di poter utilizzare una serie di fonte dati di esempio per definire gli styles ed i data template dei controlli a cui verranno associati e visualizzati i dati. In questo modo, con delle semplice operazioni di “data binding” in design time è possibile associare ai controlli la fonte dati personalizzandone...(read more)

SketchFlow: uso avanzato dei VisualStates

2010-01-27T16:00:00Z

In questo articolo vedremo come utilizzare le principali potenzialità dei VisualStates per la rappresentazione dell’interazione utente/applicazione in un prototipo. In generale, le funzionalità che andrò a descrivere possono essere replicate anche in progetti di applicazioni reali Silverlight e WPF . Partiamo come sempre da un esempio, l’idea è quella di rappresentare alcune funzionalità di base per l’acquisto dei ticket e quindi simulare l’interazione dell’utente con l'applicativo nel semplice processo...(read more)

SketchFlow: funzionalità avanzate per la gestione dei menu attraverso l’uso dei “VisualState”.

2010-01-26T16:00:00Z

In questo post vedremo come è possibile attraverso gli “states” gestire lo stato di un “button” all’interno di un menù di navigazione – component screen. Mi spiego meglio, nel post precedente ho descritto come attraverso i component screen sia possibile creare e gestire in modo centralizzato la navigazione di un prototipo. Nello specifico, attraverso il controllo component screen – “MainMenu”, si gestiva in modo centralizzato la navigazione all’interno delle aree che caratterizzavano il prototipo....(read more)

SketchFlow: gestire l'interazione e la navigazione del prototipo

2010-01-25T18:25:00Z

Dopo questa prima serie di post introduttivi dedicati ad una veloce overview dell’ambiente di lavoro e degli strumenti per la condivisione del prototipo, entriamo finalmente nel vivo di SketchFlow! Quale modo migliore per descrivere ed affrontare le potenzialità dello strumento se non con un esempio reale? Ecco il link al prototipo che andremo a realizzare nel corso dei prossimi post. >> Contoso MyMovies (Sketch Flow Dynamic Prototype) (alcune funzionalità e pagine non sono ancora visibili...(read more)

Overview “SketchStyles” ed “import” degli asset del prototipo.

2010-01-19T09:30:00Z

Come descritto nel precedente post, una volta progettata la logica di massima – definito le principali schermate che caratterizzeranno la nostra applicazione all’interno della SketchFlow Map – si può quindi procedere a lavorare sulle funzionalità che caratterizzano l’applicazione: sui controlli, gli sketch e le animazioni che rappresentano l’interazione dell’utente con l’applicativo. Nello specifico, come già anticipato in precedenza, un’applicazione SketchFlow (Silverlight o WPF) è una vera e propria...(read more)

SketchFlow Map: gestire il flusso, la logica del prototipo progettuale.

2010-01-14T16:10:00Z

In questo articolo, vedremo in dettaglio le principali funzionalità introdotte e supportate dalla SketchFlow Map nella realizzazione di un prototipo dinamico attraverso SketchFlow ed Expression Blend 3. Altri tre miei precedenti contributi trattano queste tematiche e sono disponibili sul blog di team MSDN . Vi riporto i riferimenti ai precedenti post: - “Design, User eXperience e tecnologia: sinergia in un progetto digitale.” (published 07 Gennaio 2010) - Sketching & Dynamic Prototyping: "dal...(read more)

MIX Community 2.0 & "early bird"

2009-12-23T15:05:00Z

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 è in programma un'iniziativa di "early bird" sulla registrazione davvero interessante. Per maggiori dettagli trovate tutto a questo link . Ma non solo...come potete notare, nella toolbar di destra è apparso un altro banner sempre inerente a MIX......(read more)

Visualizzare la preview di pagine web PHP attraverso Expression Web 3

2009-12-14T21:30:00Z

Una delle interessanti funzionalità disponibili in Expression Web è la possibilità di usufruire di un “server di testing” virtuale che permetta di testare e debuggare le pagine senza dover utilizzare un server web o pubblicare le pagine su un ambiente di “staging” da cui verrà erogato il sito. Questa funzionalità permette quindi anche la preview di pagine dinamiche in ASP.NET e PHP . Proprio grazie a questa caratteristica, nello specifico per le pagine in cui sono presenti contenuti dinamici (pagine...(read more)

Expression Blend & Visual State Manager (VSM): alcuni suggerimenti e considerazioni per il design di applicazioni Silverlight e WPF.

2009-12-09T13:30:00Z

Una delle principali difficoltà che ho riscontrato personalmente le prime volte che mi sono cimentato ad utilizzare le funzionalità introdotte dal Visual State Manager (VSM) è stata quella di aver ben chiaro la differenza tra “States” e “Visual State Groups” in modo da capirne le potenzialità e soprattutto come e quando applicarli. In situazione abbastanza “entry level”, quali ad esempio la definizione dell’interazione e del comportamento di un semplice button, il tutto risulta abbastanza immediato....(read more)