Donner un style moderne à votre application grâce à la suite Expression

Donnez un style

moderne à votre

application avec la

suite Expression

Blog

blog.devndesign.fr

Twitter

@nbelval

Nathalie BELVAL

Soat Experte C#/XAML

WPF

Silverlight

Windows Phone

Windows 8

Agenda

Des outils pour bien démarrer

Cas d’étude : SmartShopping

Phases préalables

Phase de prototypage avec Expression

Design

Phase de réalisation avec Expression Blend

Légende je suis un mot clé important

3

LES OUTILS POUR BIEN

DÉMARRER

Outils pour le prototypage

Powerpoint

Expression Blend avec Sketchflow

Expression Design (gratuit)

5

Prototyper avec PowerPoint

Installer Visual Studio 2012 sur

votre PC

Lancez PowerPoint

…un nouveau menu

« Storyboarding » apparaît:

Cliquez sur « Storyboard

Shapes »

Voici des formes pour Windows

8 et Windows Phone

6http://www.url.com/

Outils pour la conception

Mémo sur les

guidelines modernUI

Site web officiel : www.design.windows.com

Pour aller plus loin,

guidelines détaillées au

format PDF: http://go.microsoft.com/fwli

nk/p/?linkid=258743

7

Outils pour le développement

Visual Studio 2012

■ choisissez votre langage préféré :

◾VB/C++/C# et XAML

◾HTML et JavaScript

■ Template de projet, permettant d’accélérer le

développement de vos applications.

Expression Blend for

VisualStudio

8

DÉMO

SMARTSHOPPING

http://app-smartshopping.com/

SMART SHOPPINGUNE ENVIE D’ACHETER UN PRODUIT ? RECHERCHEZ CE DERNIER DANS L’APPLICATION QUI VOUS DIRA OÙ VOUS LE PROCURER AU MEILLEUR PRIX.

PHASES

PRÉALABLES

Phases préalables

Phase de découverte =■Stratégie

■Recherche sur les utilisateurs

■Inventaire du contenu

Phase de définition =■Structuration de l’information

■Design d’interaction

■Système de navigation

■Design d’interface (mise en forme à l’écran)

■Design d’information (présentation, hiérarchie)

11

PHASE DE

PROTOTYPAGE

DÉMOEXPRESSION DESIGN

PHASE DE

RÉALISATION

DÉMOEXPRESSION BLEND

ConclusionPour améliorer votre productivité à consommer

sans modération :Expression Design

Expression Blend

Pour aller plus loin avec Blend, ■Rendez-vous toutes les semaines sur mon blog :

blog.devndesign.fr

Pour aller plus loin avec « le savant mélange d’une image de marque et du style moderne »■Rendez-vous aux Techdays, le mercredi

13 février à 11h : http://tinyurl.com/bj7p9lf

16

DES QUESTIONS ?