Interfaccia grafica

L’interfaccia grafica di Tizen offre all’utente vari aspetti e funzionalit`a. Ana- lizzando questa interfaccia grafica che viene adottata da Tizen, si pu`o de- notare una serie di elementi riguardanti l’interazione, il design e stili di visualizzazione scelti per questa piattaforma. Buona parte di questi pu`o essere ritrovata in altri sistemi operativi pi`u utilizzati, ma comunque si de- notano anche interessanti novit`a e dal punto di vista architetturale, quindi risulta essere una piattaforma molto ben progettata ed intuitiva.

3.2.1.1 L’interazione

Ogni sistema operativo per dispositivi mobile deve dedicare particolare at- tenzione alla progettazione di questo caratteristica, poich´e gli utenti basano le proprie valutazioni sull’impatto che questo aspetto fornisce alla loro user experience. Tizen implementa questa caratteristica attraverso l’utilizzo di architetture, componenti e funzionalit`a che sono pensate per dare all’utente una user experience di alto livello.

Struttura delle applicazioni

Le applicazioni possono suddividere le proprie interfaccie grafiche in 2 livelli, Top e Lower Level. Il Top Level racchiude le interfaccie principali, che possiamo chiamare main view, mentre nel Lower Level troviamo tutte le interfaccie secondarie che possiamo chiamare detail view.

Queste interfaccie possono essere utilizzate in due modalit`a, Normal Mode ed Edit Mode. In Normal Mode, le main view di ogni applicazione

permettono all’utente di visualizzare, di creare e di gestire gli elementi con- tenuti nel’applicazione, mentre le detail view visualizzano i contenuti e gli elementi dell’applicazione come testo o immagini, al fine di esegure rapi- damente le funzioni offerte e navigare attraverso le view dell’applicazione. In Edit Mode, le main view di ogni applicazione permettono all’utente di gestire pi`u elementi ed esegure pi`u funzioni contemporaneamente, invece le detail view permetteno di creare, di eliminare e di modificare contenuti presenti nell’applicazione e le impostazioni della stessa.

Visualizzazione

Tizen permette di gestire la visualizzazione del display seguendo tre di- verse modalit`a.

• Portrait and landscape view, classico cambio da una visualizza- zione verticale ad una orrizzontale.

• Portrait with a split view, quando il dispositivo si dispone in or- rizzontale, si andranno a formare due schermate verticali affiancate, come pagine di un libro.

• Full landscape view, la schermata rimane sempre orrizzontale. Per quanto riguarda la split view, l’utente pu`o utilizzare due tipi di split view, Fixed pane e Adjustable pane. Il Fixed pane impone la larghezza delle due aree prefissata, di default quella di sinistra mantine la stessa larghezza che si aveva nella portrait view. L’Adjustable pane permette all’utente di modificare la dimensione di queste aree a proprio piacimento.

Dynamic Box

Questo componente `e un elemento presente nelle applicazioni, che mo- stra dinamicamente dati di applicazioni, informazioni prese dalla rete, no- me e dettagli dell’applicazione, immagini, icone. La Dynamic Box risulta essere un componente utilizzabile dalle applicazioni, con un certo livello di indipendenza, infatti possiamo vedere questo componente come un’applet dell’applicazione, l’unico legame `e rappresentato dalla chiusura dell’appli- cazione che porta alla chiusura stessa della Dynamic Box. La funzione

interessante di questo componente `e che permette durante l’interazione di visualizzare una drop view, che prima era nascosta, dove possiamo trovare sia ulteriori informazioni, che funzioni legate alla Dynamic Box.

Multi-window

Tizen permette di visualizzare le interfaccie delle applicazioni, sia in mo- dalit`a full window che in modalit`a mini window. La prima `e la classica visualizzazione full screen che viene adottata di solito, la seconda permette di visualizzare l’interfaccia delle applicazioni in una finestra di dimensioni ri- dotte rispetto allo schermo, con la possibilit`a di utilizzare varie funzionalit`a. Queste finestre devono essere dotate di bottoni che permettono di chiudere l’applicazione o di passare alla modalit`a full window, inoltre la finestra pu`o avere un nome, ma quando non `e presente pu`o essere inserito un bottone mostra/nascondi. Altre funzionalit`a che possiamo includere riguardano lo spostamento, il ridimensionamento della finestra.

In altre parole queste funzioni sono le tipiche modalit`a di gestione delle finestre nei sistemi operativi per computer, sicuramente un aspetto molto innovativo per i sistemi operativi smartphone.

Accessibilit`a

Tizen viene incontro anche ad utenti disabili offrendo funzioni per facili- tare l’utilizzo. Le funzioni in questione sono rappresentate da uno Screen reader e un Font size adjustment. Il primo permette di aiutare gli uten- ti non vedenti traducendo tutte le scritte e i componenti grafici presenti in un’applicazione, in un contributo vocale servendosi di un innovativo compo- nente, il TTS (Text-to-Speech). Il secondo permette di ingrandire o ridurre le dimensioni delle scritte rispetto a quelle impostate di default.

3.2.1.2 Componenti di interfaccia

L’interfaccia si divide principalmente in tre aree, un Header, un Body e un Footer. L’Header risiede nella parte superiore dell’interfaccia e contiene i titoli relativi all’applicazione, si pu`o dotare anche di bottoni per eseguire funzioni associate all’applicazione, in pi`u pu`o essere suddiviso in sezioni attraverso dei tab. Il Body `e la sezione riguardante la visualizzazione di tutti

i contenuti dell’applicazione, inoltre in questa sezione si possono utilizzare diversi tipi di liste e men`u.

• List.

• Grouped List. • Index List. • Expandable List. • Grid List.

Il Footer risiede nella parte pi`u bassa dell’interfaccia e permette di inseri- re fino a 3 bottoni per l’utilizzo di funzioni base per l’applicazione. A questi bottoni possono essere associati anche dei men`u Pop-Up per aumentare le funzionalit`a offerte.

Esistono poi una serie di componenti che possono essere integrati nelle interfaccie grafiche, tra i quali troviamo:

• Scroll, come scroll bar, jump to top button, screen handler, fast scroll. • Controls, come bottoni, bottoni radio, check box e bottoni on/off. • Slider, barre per regolare impostazioni come volume, luminosit`a, ecc

. . .

• Progress, barre che visualizzano lo stato di un processo.

• Pop-Up, che sono centrati sullo schermo o relativi gli elementi gene- ranti.

• Search, campi di ricerca inseribili sia nell’Header che in cima alle liste nel Body.