In un post precedente del blog , Ho descritto i nostri obiettivi per i report interattivi HTML JMP 12, per supportare:
Bubble PlotsprofilersDispositivi mobiliIn questo post del blog descriverò in dettaglio la nostra interfaccia utente per i report HTML interattivi sui dispositivi mobili.
Primo cellulare
Molti clienti desiderano condividere rapporti JMP con colleghi su tablet iPad o Android. Tuttavia, questi dispositivi hanno requisiti diversi rispetto ai desktop.
Ad esempio, su un desktop, facendo clic con il mouse si seleziona un oggetto e premendo il tasto Ctrl o Shift si selezionano più oggetti. Sui dispositivi mobili, non c'è il mouse e nessun tasto Ctrl o Shift.
Non sappiamo se i nostri clienti intendono visualizzare i loro report HTML interattivi su desktop o dispositivi mobili. Potrebbero voler usare entrambi. Quindi, produciamo report HTML che funzionano bene su qualsiasi dispositivo.
Per ottenere ciò, impieghiamo un Primo cellulare progettazione dell'interfaccia utente. Cioè, ci assicuriamo che i nostri report funzionino bene sui dispositivi mobili e quindi aggiungiamo le funzionalità necessarie per migliorare le prestazioni sui desktop.
Selezione singola e multipla
Per controllare la selezione, c'è una coppia di pulsanti di commutazione nella parte superiore del report. Quando viene premuto, il pulsante sinistro fornisce selezione singola . In questa modalità, fare clic o toccare su un oggetto seleziona quell'oggetto e deseleziona tutti gli altri.
Quando viene premuto, il pulsante destro fornisce selezione multipla . In questa modalità, facendo clic o toccando un oggetto si seleziona quell'oggetto e non si deselezionano gli altri. Per deselezionare oggetti, fare clic o toccare in un'area vuota del report.
Su un desktop, puoi ancora usare il tasto Ctrl o Shift per avviare temporaneamente selezioni multiple.
Identificazione e spazzolatura
L'identificazione e la spazzolatura sono tecniche importanti nell'analisi esplorativa dei dati. Forniamo un'altra coppia di pulsanti per alternare tra queste tecniche.
Quando il identificazione il pulsante è disattivato, su un desktop, puoi passare con il mouse su qualsiasi oggetto e visualizzare una descrizione di tale oggetto.
Sui dispositivi mobili, non hai mouse, quindi non puoi passare il mouse. Ma puoi toccare qualsiasi oggetto, selezionare l'oggetto e visualizzare la stessa descrizione.
Nei grafici, l'identificazione viene in genere utilizzata per identificare i punti. Nelle tabelle, questa funzione visualizza descrizioni utili delle statistiche.
Quando il rettangolo pulsante è premuto, è possibile trascinare un rettangolo o spazzola , in qualsiasi grafico per selezionare righe di dati.
Le righe selezionate sono evidenziate in tutti i grafici.
Il pennello è persistente. Rimane visualizzato finché non si fa clic o si tocca un'area vuota del report. Perché persiste, è possibile modificare le dimensioni e la forma del pennello semplicemente trascinando gli angoli.
Quando entrambi i pulsanti di selezione e selezione multipla vengono spostati verso il basso, è possibile eseguire il pennello additivo o sottrattivo. Questa tecnica esplorativa può essere molto efficace, per "dipingere" i grafici con dati selezionati o deselezionati.
Contorni e menu
Un eccellente esempio di design "Mobile First" previsione , il sito web di previsioni del tempo. È possibile utilizzare questa applicazione Web sul telefono, sul tablet o sul desktop; funziona bene su qualsiasi dispositivo.
Abbiamo utilizzato un approccio simile nell'organizzazione dei report JMP. I nostri pulsanti di contorno sono grandi obiettivi semplici, che puoi facilmente colpire con il mouse o il dito.
Il nostro sistema di menu è completo, inclusi sottomenu, caselle di controllo e stati radio, abilitazione e disabilitazione.
Questo sistema di menu offre ai clienti più potenza per interagire con i nostri nuovi Bubble Plots HTML e Profiler. Ci offre anche un percorso di crescita per supportare ancora più interattività nelle versioni future.
Prova tu stesso!
Ci auguriamo che la nostra nuova interfaccia utente ottimizzata per i dispositivi mobili sia divertente ed efficiente da utilizzare. Per esplorare alcuni report HTML interattivi, prova il nostro Esempi , che abbiamo costruito con il nuovo Auto pubblica aggiungere.
Fateci sapere cosa ne pensate. Grazie!
