Casa Finanza personale Dati Visualizzazione: progettazione per dispositivi mobili - manichini

Dati Visualizzazione: progettazione per dispositivi mobili - manichini

Sommario:

Video: Sviluppo e Realizzazione App Android e IOS 2025

Video: Sviluppo e Realizzazione App Android e IOS 2025
Anonim

Fino a qualche anno fa, quando un designer creava un annuncio o un opuscolo cartaceo, lei potrebbe pianificare esattamente come dovrebbe apparire dopo che è stato stampato. Il progettista conosceva il formato e il modo in cui i clienti lo vedevano. Tuttavia, la popolarità dei dispositivi mobili è aumentata ei progettisti hanno dovuto affrontare due nuovi problemi di progettazione:

  • Progettazione di interfacce di dispositivi mobili

  • Creazione di app per dispositivi mobili

Con l'avvento di Internet, i progettisti online hanno utilizzato i pochi browser Web disponibili per pianificare l'aspetto dei loro progetti sullo schermo. Gli strumenti disponibili erano piuttosto grezzi, ma il design era piuttosto semplice. Se ha testato ciascun browser Web, un progettista potrebbe determinare ciò di cui aveva bisogno per risolvere in modo che il progetto risultasse corretto online.

Ora i progettisti devono progettare una serie di dispositivi mobili, ognuno dei quali ha le sue esigenze particolari. Di conseguenza, la complessità della progettazione delle visualizzazioni è cresciuta.

Abbracciare il design reattivo

Per affrontare il problema delle dimensioni di schermi multipli e dei sistemi operativi, i progettisti usano il principio di responsive design (RD). RD fa riferimento a un'interfaccia o un layout che può riconfigurarsi in base a dove viene visualizzato. Il termine è stato coniato da Ethan Marcotte in un articolo del 2010 che riconosceva la necessità per i progettisti di affrontare il problema dei requisiti di schermi multipli.

Il design di un sito web reattivo sembra ancora bello se lo si visualizza sul computer desktop o sullo smartphone. I bordi arrotondati e le icone comuni su dispositivi più piccoli si posizionano automaticamente.

Nel suo articolo, Marcotte ha citato le tre aree in cui RD può avere il maggior effetto nel web design:

  • Griglie fluide: La griglia è lo strumento che i progettisti usano per disegnare i loro disegni, indipendentemente dal fatto che quelli i disegni saranno visualizzati online o offline. Nella figura seguente, un disegno a griglia è stato trasformato per tre forme di schermo.

    Il design della griglia è stato tradotto in diversi schermi.
  • Immagini flessibili: Quando hai immagini in un post del blog o sul tuo sito web, devi assicurarti che non siano troncate o distorte. Assicurarti che le tue immagini possano riformattarsi è importante.

  • Media query: Quando inserisci un termine di ricerca in un motore di ricerca come Google o Bing, vuoi essere in grado di visualizzare i risultati su uno qualsiasi dei tuoi schermi. Questo è un principio chiave di RD. Il contenuto deve essere visualizzato su qualsiasi dispositivo mobile che un utente potrebbe avere. Ciò che rende la visualizzazione su una varietà di dispositivi una sfida è che il progettista non ha modo di sapere quale sarà il risultato restituito.

Queste idee si applicano anche alle visualizzazioni dei dati. Volete assicurarvi che la vostra griglia non sia distorta quando la visualizzazione dei dati viene visualizzata su un dispositivo mobile. Le immagini devono essere chiare e le proporzioni (lunghezza su larghezza) devono essere allineate indipendentemente dal dispositivo con cui l'utente sta lavorando.

Seguendo gli standard di progettazione delle app

I progettisti non vogliono solo un'interfaccia per avere un bell'aspetto, ma vogliono anche che facciano tutti i tipi di trucchi. Di conseguenza, il design delle app è diventato una disciplina a sé stante.

Potresti chiederti perché ti dovrebbe interessare il design delle app. Chiunque debba visualizzare qualcosa online è soggetto agli stessi standard di qualsiasi progettista di app.

Nel suo articolo "Le 6 regole semplici di Apple per progettare un'app per iOS Killer", Pete Pachal descrive cosa doveva fare per ottenere la sua app per le notizie Spun certificata per l'App Store di Apple. (Al momento della stesura, l'app non è disponibile nell'App Store S.). Il team di Pachal ha dovuto collaborare con Apple per cinque mesi per perfezionare tutto. Durante quel periodo, Pachal ha codificato sei regole per la sua squadra, quattro delle quali si applicano alla progettazione di dati:

  • La semplicità è forza. Questa regola è probabilmente la regola più importante per la visualizzazione dei dati. L'obiettivo è quello di spiegare o scoprire nuove informazioni che possono essere utilizzate per sviluppare approfondimenti. Se ti concentri su troppi punti dati, la trama andrà persa. Se stai creando un dashboard, questa regola è particolarmente importante perché ogni porzione di dati deve supportare il tutto.

  • Non sacrificare la qualità per il tempo. Questa regola è importante per la visualizzazione dei dati. Se assorbi una visualizzazione difficile da decifrare o semplicemente sciatta, nessuno vorrà usarla. Prenditi il ​​tempo per sviluppare qualcosa di eccezionale e continua a perfezionarlo nel tempo.

  • Premia l'utente ad ogni tocco. Ogni voce di menu dovrebbe fare qualcosa di utile. Il link di stampa dovrebbe funzionare, per esempio. Inoltre, ogni clic dovrebbe fornire informazioni.

  • I dettagli contano. Prima che l'utente faccia clic su un collegamento in una visualizzazione dei dati, dovrebbe essere evidente dove quel collegamento la porterà o quale tipo di dati vedrà.

Dati Visualizzazione: progettazione per dispositivi mobili - manichini

Scelta dell'editore

Vantaggi di base della rete - manichini

Vantaggi di base della rete - manichini

Se la verità viene detta, le reti di computer sono un problema da impostare. Perché i vantaggi di avere una rete rendono la pena di crearne uno utile. Non è necessario essere un dottorato di ricerca per comprendere i vantaggi del networking. Le reti riguardano esclusivamente la condivisione. Nello specifico, le reti riguardano la condivisione di tre elementi: informazioni, risorse, ...

Biometria L'accettazione, la privacy e la legge - manichini

Biometria L'accettazione, la privacy e la legge - manichini

La tecnologia biometrica non è affatto universalmente accettata da tutti gli utenti. Ci sono una serie di considerazioni sociali e legali che danno ad ogni organizzazione una pausa prima di fare il salto a capofitto nell'implementazione di un sistema biometrico. Le persone sono più a loro agio con i sistemi di raccolta biometrici che sono i meno intrusivi. Scanner per retina e nasi elettronici sono ...

Biometria Nozioni di base - manichini

Biometria Nozioni di base - manichini

La biometria non è roba da fantascienza. Puoi trovare una dozzina di modi più o meno efficaci per utilizzare la biometria per identificare qualcuno, ognuno dei quali si divide in due classi: la biometria fisiologica misura una parte specifica della struttura o della forma di una porzione del corpo di un soggetto. La biometria comportamentale è più interessata a come ...

Scelta dell'editore

Come creare un nuovo dizionario personalizzato in Excel 2007 - dummies

Come creare un nuovo dizionario personalizzato in Excel 2007 - dummies

In Excel 2007, è possibile creare dizionari personalizzati da utilizzare quando si esegue il controllo ortografico dei fogli di lavoro. Utilizzare il pulsante Aggiungi al dizionario nella finestra di dialogo Controllo ortografico per aggiungere parole sconosciute a un dizionario personalizzato. Per impostazione predefinita, Excel aggiunge queste parole a un file dizionario personalizzato denominato CUSTOM. DIC, ma è possibile creare una nuova personalizzazione ...

Come creare un componente aggiuntivo da un file di cartella di lavoro Excel Excel normale in VBA - modi di dire

Come creare un componente aggiuntivo da un file di cartella di lavoro Excel Excel normale in VBA - modi di dire

Sebbene sia possibile convertire qualsiasi cartella di lavoro di Excel in un componente aggiuntivo, non tutte le cartelle di lavoro traggono vantaggio da questa conversione. Una cartella di lavoro senza macro rende un componente aggiuntivo inutile. In effetti, gli unici tipi di cartelle di lavoro che traggono vantaggio dall'essere convertiti in un componente aggiuntivo sono quelli con macro. Ad esempio, una cartella di lavoro costituita da macro generiche (Sub ...

Come creare una nuova cartella di lavoro in Excel 2010 - dummy

Come creare una nuova cartella di lavoro in Excel 2010 - dummy

Se si lavora in Microsoft Excel 2010 e vuoi iniziare a lavorare in un nuovo file di cartella di lavoro di Excel, puoi facilmente creare una nuova cartella di lavoro. Per fare ciò, puoi usare un comando nella scheda File o una scorciatoia da tastiera. Fare clic sulla scheda File. Excel visualizza la visualizzazione Backstage, in cui è possibile accedere ai comandi relativi ai file. ...

Scelta dell'editore

Usa lo strumento Gomma in Adobe Illustrator CS5 - manichini

Usa lo strumento Gomma in Adobe Illustrator CS5 - manichini

Adobe Illustrator Creative Suite 5 (Adobe CS5) Illustrator è utilizzato per rimuovere rapidamente aree di grafica con la stessa facilità con cui si cancellano i pixel in Photoshop, accarezzando con il mouse su qualsiasi forma o gruppo di forme. Facendo doppio clic sullo strumento Gomma, è possibile definire il diametro, l'angolo e la rotondità della gomma. Se stai usando un ...

Trasforma gli strumenti in Adobe Illustrator CS5 - dummies

Trasforma gli strumenti in Adobe Illustrator CS5 - dummies

I più popolari strumenti di trasformazione in Adobe Creative Suite 5 (Adobe CS5) Illustrator - Rifletti, scala, inclina, rimodella e Trasformazione libera: sono facili da usare e modificano rapidamente la tua illustrazione. Lo strumento Rifletti Niente è simmetrico, giusto? Forse no, ma gli oggetti non creati simmetricamente in Illustrator possono sembrare off-kilter. Utilizzando lo strumento Rifletti, si ...

Quando utilizzare Adobe CS5 Illustrator - dummies

Quando utilizzare Adobe CS5 Illustrator - dummies

Utilizzando Adobe Creative Suite 5 (Adobe CS5) Illustrator anziché Photoshop , ottieni diversi benefici. Potresti aver sentito che Illustrator è migliore per la grafica vettoriale, ma perché e che altro porta? Illustrator può salvare ed esportare immagini nella maggior parte dei formati di file. Scegliendo di salvare o esportare, è possibile creare un ...