Indice delle linee guida per l'esperienza utente nelle app di Windows Store

Esempio di interfaccia utente di app di Windows Store

Con questo indice potrai trovare rapidamente le linee guida per l'esperienza utente che possono aiutarti a creare una straordinaria app di Windows Store. Se ancora non l'hai fatto, ti consigliamo di leggere Presentazione delle app di Windows Store e Pianificazione delle app di Windows Store.

Per un'esercitazione sulla progettazione e l'implementazione dell'interfaccia utente, vedi Interfaccia utente delle app di Windows Store, dall'inizio alla fine (JavaScript o C#/C++/VB).

Fai clic per scaricare le linee guida

Progettazione Microsoft

Dettaglio dell'interfaccia utente di app di Windows Store

Le app di Windows Store sono il punto focale dell'esperienza utente in Windows 8.1 e, se ben realizzate, hanno in comune un importante insieme di tratti che garantisce un'esperienza utente uniforme, elegante e accattivante.

 

Interazioni tramite tocco

Interazioni tramite tocco delle app di Windows Store

Scegli interazioni che consentano all'utente di avere la situazione sotto controllo e lo facciano sentire sicuro. Usa il bordo dello schermo o del dispositivo in modo che gli utenti trovino agevolmente i comandi. Vedi Progettazione delle interazioni tramite tocco.

 

Ridimensionamento

App di Windows Store ridimensionata alla larghezza minima

Queste funzionalità ti consentono di garantire esperienze coinvolgenti per qualunque fattore di formato o opzione di visualizzazione scelta dagli utenti:

 

  • Layout flessibili: nella tua progettazione tieni in considerazione fattori di forma diversi e consenti agli utenti di manipolare il contenuto in base alle proprie esigenze e preferenze. Pensa innanzitutto alla visualizzazione orizzontale in modo che l'app venga eseguita con tutti i fattori di forma. Non dimenticare però che alcuni schermi ruotano, e che gli utenti possono ridimensionare le finestre e posizionare sullo schermo più app contemporaneamente. Progetta la tua app in modo che si adatti e funzioni regolarmente anche con dimensioni e orientamenti diversi. Vedi le linee guida per il ridimensionamento.
  • Ridimensionamento delle finestre: progetta la tua app in base alle esigenze di multitasking degli utenti. Questi vogliono usare l'app mentre chattano, esplorano il Web, guardano un video o sono impegnati in altro modo, perciò assicurati che la tua app sia utile e mantenga il contesto quando viene ridimensionata o affiancata ad altre app. Vedi le linee guida per il ridimensionamento per i layout stretti.
  • Ridimensionamento in base allo schermo:  progetta l'interfaccia utente della tua app in modo che sia compatibile con dispositivi di diversi formati,—dal piccolo schermo di un tablet, a quello medio di un laptop, fino ai desktop grandi e agli schermi all-in-one. Vedi le linee guida per il ridimensionamento in base allo schermo.
  • Ridimensionamento in base alla densità in pixel: assicurati che le immagini usate abbiano un aspetto gradevole anche se l'app è ridimensionata. Windows ridimensiona l'app per garantire dimensioni fisiche coerenti indipendentemente dalla densità in pixel del dispositivo. Vedi le linee guida per il ridimensionamento in base alla densità in pixel.

Contratti, pulsanti di accesso rapido e funzionalità

Esempio di interfaccia utente di un'app meteo di Windows Store

I contratti sono il collante che lega le applicazioni di Windows Store tra loro e con l'interfaccia utente del sistema. Due app che hanno implementato lo stesso contratto possono lavorare insieme per completare uno scenario ampio o complesso. Alcuni contratti sono rappresentati da pulsanti di accesso rapido. Vedi l'elenco completo dei contratti delle applicazioni.

Le funzionalità identificano le funzioni del dispositivo usate dall'app.

 

Riquadri e notifiche

Riquadri nella schermata Start

Il riquadro è la porta principale da cui si accede a un'app. Collocato nella schermata Start, è un'estensione dell'applicazione e può fornire informazioni molto più personali e coinvolgenti di un'icona tradizionale. Progettare un riquadro di qualità eccellente è un investimento che attirerà gli utenti verso la tua applicazione.

Fornisci contenuti aggiornati mediante riquadri animati e notifiche, in modo che gli utenti si sentano sempre connessi con l'app. Assicurati di aiutare gli utenti a connettersi con le persone e i dispositivi a cui sono interessati.

 

Controlli

App di riproduzione video con controlli

Progetta l'interfaccia dell'app come una vetrina per i contenuti. Riduci al minimo gli elementi di distrazione e aiuta gli utenti a immergersi completamente nei contenuti lasciando sullo schermo solo gli elementi indispensabili. Seguendo queste linee guida potrai fornire un'esperienza utente coerente, elegante e accattivante.

 

Comandi
Esplorazione
Interfaccia utente temporanea
Immagini
Testo e input

 

Roaming nel cloud

Più dispositivi che eseguono Windows 8: portatile, tablet, monitor per desktop

Crea un'esperienza continua tra diversi dispositivi mediante il roaming dei dati e delle impostazioni che consente agli utenti di riprendere un'attività esattamente da dove l'hanno interrotta salvaguardando l'esperienza utente più rilevante indipendentemente dal dispositivo usato.

 

Elementi fondamentali

Interfaccia utente di Windows Store con offerte di app

Ogni app deve basarsi su fondamenta solide per poter raggiungere il maggior numero di utenti possibile.

 

  • Schermata iniziale:  usa la schermata iniziale per rendere graduale il passaggio tra l'avvio dell'app e il momento in cui è pronta per l'uso. La schermata iniziale deve mettere in dovuto risalto il tuo marchio presso gli utenti, senza distrarli o inondarli di pubblicità. Vedi le linee guida per la schermata iniziale.
  • Stato di sospensione e ripresa dell'app:  gli utenti avvieranno e chiuderanno l'app e Windows l'arresterà se resta inutilizzata o in background. Devi salvare e riprendere lo stato dell'app quando possibile per mantenere il contesto. Vedi le linee guida per la sospensione e la ripresa di un'app.
  • Avvio automatico e opzione Apri con: avvia l'app predefinita per un tipo di file o protocollo dalla tua app. Vedi le linee guida per tipi di file e protocolli.
  • Globalizzazione, localizzazione e risorse dell'app: Windows è usato in tutto il mondo, quindi devi progettare l'app in modo che le risorse, quali stringhe e immagini, siano separate dal codice, per agevolarne la localizzazione. Vedi le linee guida per la globalizzazione dell'app e le linee guida per le risorse dell'app.
  • Accessibilità:  rendi l'app accessibile per tutti gli utenti, indipendentemente dalle loro capacità, disabilità o preferenze. Se usi i controlli integrati nell'interfaccia utente, l'accessibilità sarà gratuita. Se vuoi creare controlli personalizzati, vedi Pianificare per l'accessibilità.
  • Guida dell'app: offri agli utenti la Guida o suggerimenti utili per la risoluzione dei problemi. Vedi le linee guida per la Guida dell'app.
  • Categorie di Windows Store: Scopri come creare applicazioni efficaci per categorie specifiche di Windows Store, come i giochi o le app dedicate all'intrattenimento. Vedi Idee sulle categorie.

 

 

Mostra:
© 2014 Microsoft. Tutti i diritti riservati.