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

Tasti di scelta rapida per Microsoft Office 2007 - dummies

Tasti di scelta rapida per Microsoft Office 2007 - dummies

Microsoft Office 2007 è pieno di scorciatoie da tastiera per risparmiare tempo. Comprimi i componenti di Office 2007 - Word, Excel, Outlook, PowerPoint e Access - utilizzando i tasti di scelta rapida utili della seguente tabella. Con poco sforzo, puoi aprire file, trovare contenuti, modificare quel contenuto e altro! Funzione Ctrl Copia Ctrl + C Taglia Ctrl + X Trova Ctrl + F Vai ...

Vantaggi di Lync Online - dummies

Vantaggi di Lync Online - dummies

Lync Online è disponibile sia in ambito professionale sia in piccole imprese (P) e aziendali (E ) piani in Office 365. Le funzionalità includono messaggistica istantanea (IM), chiamate audio e video, presenza, riunioni online, presentazioni online e la possibilità di connettersi con i contatti di Windows Live Messenger e altri utenti esterni che eseguono Lync. La tecnologia è integrata in tutto ...

Come avviare una conversazione con Lync Online - dummies

Come avviare una conversazione con Lync Online - dummies

La scheda di contatto di Lync Online è un ottimo modo per avviare una conversazione con un collega o i membri del tuo team. Oltre alle note personali, alla presenza e alla posizione, vengono visualizzate anche le informazioni sulla tua organizzazione come il titolo e i numeri di telefono. Per visualizzare la scheda di contatto, passa con il mouse sopra l'immagine di una persona e fai clic sul gallone ...

Scelta dell'editore

Come scegliere un'immagine di sfondo Twitter per Visual Social Marketing - dummies

Come scegliere un'immagine di sfondo Twitter per Visual Social Marketing - dummies

Quando si imposta su un account Twitter per il social marketing visivo, un tipo di immagine che è richiesto per il tuo profilo è l'immagine di sfondo - viene visualizzata dietro il profilo Twitter. Nella parte superiore della schermata Impostazioni disegno, Twitter ti consente di scegliere tra una serie di temi premade. Un tema premade applica un ...

Come scegliere un buon nome utente Twitter - dummy

Come scegliere un buon nome utente Twitter - dummy

Su Twitter, il tuo nome utente, o handle, è il tuo identità. Se puoi, iscriviti a Twitter usando il tuo nome o una variante di esso come nome utente (supponendo che qualcun altro non lo stia già utilizzando). Ad esempio, se il tuo nome è John Ira, potresti scegliere un nome utente Twitter come @johnira o ...

Come personalizzare il tuo profilo Twitter - dummies

Come personalizzare il tuo profilo Twitter - dummies

La tua pagina pubblica su Twitter, noto anche come profilo, è la prima impressione che gli altri utenti di Twitter hanno di te, e può fare una grande differenza nel decidere se seguirti. Personalizzare la tua pagina del profilo Twitter in modo che rifletta te o la tua azienda fa la differenza quando si tratta di persone ...

Scelta dell'editore

Perché avresti bisogno di più profili utente per Dragon Professional Individuale - manichini

Perché avresti bisogno di più profili utente per Dragon Professional Individuale - manichini

Drago Individuo professionale capisce solo quelli che si sono presentati ufficialmente come utenti e hanno creato un profilo utente. Ecco quattro motivi per cui potresti voler creare più di un profilo utente: usi diversi vocabolari o stili di scrittura per compiti diversi. Si utilizzano diversi microfoni per compiti diversi. Volete ...

Lavorare con fogli di calcolo Usare NaturallySpeaking - dummies

Lavorare con fogli di calcolo Usare NaturallySpeaking - dummies

Utilizzando fogli di calcolo con versioni precedenti di NaturallySpeaking era difficile perché non si poteva indirizzare direttamente i nomi delle celle. Volevi dire qualcosa come "Cella A5" o "Seleziona Colonna C." Ma (sospiro), niente dado. Il tuo assistente non aveva idea di cosa stavi parlando. Bene, il tuo assistente ha "up-leveled" le sue abilità! Ora è possibile ...

Su Evernote's Passcode Lock - dummies

Su Evernote's Passcode Lock - dummies

Abbonati premium e business che utilizzano determinati dispositivi ora possono bloccare l'app Evernote con un blocco Passcode . Ogni volta che torni all'app, ti viene chiesto di inserire il tuo codice. Un blocco passcode è un'ottima opzione se condividi il tuo telefono o tablet con altre persone e vuoi impedire loro di accedere a ...