Test per dispositivi mobili: interfaccia utente

Supponiamo di utilizzare un'applicazione mobile e, cosa interessante, si verifica la seguente situazione:

  • Manca l'allineamento dei pulsanti.
  • Il testo viene tagliato.
  • Il controllo del calendario sta per essere interrotto.

In effetti questa è un'esperienza spiacevole per qualsiasi utente. Per assicurarci di fornire un'esperienza eccellente ai nostri utenti, il test dell'interfaccia utente mobile è altamente raccomandato.

La prima area da esplorare nel tuo piano di test è l'interfaccia utente. È tuo compito come tester confermare che la tua applicazione soddisfa determinate aspettative, come:

  • Combinazione di colori / tema generale del dispositivo
  • Stile e colore delle icone
  • Indicatori di avanzamento durante il caricamento delle pagine
  • Menu e come vengono richiamati e gli elementi tipici che contengono
  • Reattività complessiva delle applicazioni su questo dispositivo

Discutiamo di più sulle basi del test dell'interfaccia utente mobile.

Orientamento / risoluzione dello schermo

I contenuti Web devono avere un aspetto e una sensazione ottimali su un'ampia varietà di dispositivi e condizioni di rete. In genere è una buona idea testare la tua pagina web con le risoluzioni dello schermo comunemente utilizzate in modo da essere sicuro che la tua pagina sia utilizzabile.

Se hai un layout a più colonne, potresti anche voler controllare che le tue colonne siano allineate correttamente e siano ancora visualizzabili quando il tuo visitatore ha una risoluzione inferiore. È anche importante conoscere le risoluzioni dello schermo standard:

  • 640 × 480
  • 800 × 600
  • 1024 × 768
  • 1280 × 800
  • 1366 × 768
  • 1400 × 900
  • 1680 × 1050

Strumenti disponibili

Ci sono parecchi strumenti disponibili sul mercato per rendere il test dell'interfaccia utente mobile più fluido e semplice. Ad esempio:

  • Estensione di Google Chrome
  • Screenfly
  • Stack del browser

Comprendiamo un po 'di più su questi strumenti e sulla loro utilità.

Estensione di Google Chrome

È una funzionalità gratuita disponibile con il browser Web Google Chrome. Abbiamo fornito qui una spiegazione dettagliata di come testare il Web mobile con l'estensione di Google Chrome -

Step 1 - Aprire il sito Web in prova in "browser Web Google Chrome".

Step 2- Premi F12. Si aprirà la finestra degli strumenti per sviluppatori, come mostrato nello screenshot seguente.

Step 3- Fare clic sull'icona del dispositivo mobile come. Fare riferimento alla seguente schermata.

Step 4- Seleziona il dispositivo mobile con cui desideri testare il sito web. Puoi scegliere i diversi dispositivi disponibili per eseguire la verifica dell'interfaccia utente.

Screenfly

Screenfly è uno strumento gratuito e facile da usare. Per usarlo, devi solo digitare Quirktools nel tuo browser web. Vedrai la seguente schermata.

Accedi al sito web in prova e fai clic su Go. Seleziona il dispositivo mobile in cui desideri visualizzare il sito web.

BrowserStack

È un altro ottimo strumento per eseguire test dell'interfaccia utente mobile. Fornisce risultati meravigliosi. Sebbene sia uno strumento a pagamento, puoi usufruire di un percorso gratuito registrandoti su BrowserStack con un indirizzo email valido.

Touch Screen

Schermi multi-touch e single-touch

Se il dispositivo e l'applicazione supportano le funzionalità multi-touch, come l'effetto pinch-to-zoom su iPhone, assicurati di includere molti casi di test che coinvolgono il tocco dello schermo in più di un punto contemporaneamente, specialmente durante la digitazione sulla tastiera morbida.

Tocco lungo vs tocco breve

Sebbene non esista il concetto di doppio clic sui dispositivi touch screen (sebbene potrebbe esserci, se implementato specificamente nella tua applicazione), alcuni dispositivi, come gli smartphone Android, distinguono tra tocchi lunghi e tocchi brevi. Premendo e tenendo premuto un elemento verrà visualizzato un menu contestuale al centro dello schermo, mentre un breve clic sullo stesso elemento eseguirà automaticamente la prima azione in quel menu contestuale.

Dimensioni e posizione dei pulsanti

Assicurati che i pulsanti e le icone siano abbastanza grandi e sufficientemente lontani dai bordi dello schermo per essere facilmente cliccati con un grande dito.

Tasti morbidi e duri

Tastiere morbide

Spesso ci sono vari casi speciali e casi d'angolo che sono importanti per gli utenti finali.

  • La tastiera virtuale appare automaticamente se l'azione principale dell'utente è inserire del testo?

  • Il primo livello della tastiera virtuale include i tasti di scelta rapida "@" e ".com" se il campo evidenziato è per l'immissione di indirizzi e-mail?

  • È possibile chiudere e visualizzare nuovamente la tastiera virtuale facilmente?

  • Le tastiere soft e hard possono essere usate in modo intercambiabile (se il dispositivo le ha entrambe)?

Tasti duri

Assicurati di includere molti test sull'uso dei tasti rigidi disponibili del dispositivo come Start, Home, Menu e Indietro. Tutti dovrebbero interagire con la tua applicazione in modo simile a come interagiscono con le applicazioni native del dispositivo.

Trackball, rotelline e touchpad

Se il tuo dispositivo non ha un touch screen, è ancora più importante verificare che la navigazione sullo schermo sia il più indolore possibile per l'utente. In questi casi, l'utente può fare affidamento su una trackball, una rotellina o un touchpad per spostarsi da un oggetto all'altro.