31 luglio 2009

[userinterfaccia] design aperto – parte 2

Approfitto del venerdì per tornare alla prima parte del design di un’interfaccia utente per una agenda di eventi.

Lo sviluppo in questione è stato posticipato. E’ un peccato perché non posso allocare tanto tempo su questa attività, ma si tratta anche di un’occasione per studiare bene (senza fretta e con qualche esperimento gratuito) la possibile soluzione ottimale.

Tornando al nostro ‘oggetto’, ho avuto modo di seguire il feedback su questo blog (grazie JP e luxluxlux !) oltre a diverse segnalazioni in forma privata.

Ecco lo stato attuale del progetto, che si riassume in due ‘schermate’ stilizzate, che propongo di seguito.

BAM frame - eventi - 1

La prima schermata identifica la pagina di ingresso nella nostra agenda: un calendario che parte dal mese corrente in cui il giorno corrente è evidenziato.

In una zona immediatamente al di sotto del calendario sono presentati le prime <N> azioni che verranno eseguite nell’immediato futuro. La selezione di una di queste azioni permette anche la modifica o la rimozione dell’azione stessa.

Da notare che si parla di risoluzione 800x600 su uno schermo a 8 pollici da controllare con le dita, quindi i controlli diventano necessariamente grandi. Le zone grigie sono aree interdette perché utilizzate da controlli standard dell’applicazione in cui si integrerà questa agenda.

Anche i bottoni quadrati posti nella parte bassa dello schermo sono una soluzione standard coerente con il resto dell’applicazione.

Tornando alle schermate, quando si seleziona un evento o se ne crea uno nuovo, si accede alla pagina seguente.

BAM frame - eventi - 2In questo caso stiamo modificando un singolo evento o azione. Questa è descritta nella parte alta della pagina, nel modo più friendly possibile, mentre la modifica avviene tramite due zone separate di controlli: una zona relativa al ‘cosa fare’ (evidenziata in arancione) e una zona relativa al ‘quando fare’ (evidenziata in verde).

La selezione del ‘cosa’, fortunatamente, è molto semplice: ci sono diverse azioni preconfigurate o modificabili del tipo ‘accendi tutte le luci del soggiorno’ o ‘spegni il riscaldamento’ o ‘accendi l’irrigazione’.

La zona del ‘quando’ si divide in alcuni campi di editing standard che si potrebbero abilitare o disabilitare a seconda del tipo di azione scelta o della combinazione di impostazioni selezionate. In teoria tutta la configurazione del ‘quando’ potrebbe limitarsi ad una selezione del’orario di inizio e di fine dell’azione, della data di inizio e del tipo di ripetizione richiesta.

 

Questo è il primo abbozzo di idea, spero sia sufficientemente chiaro.

Con la prossima analisi proverò a simulare una interazione con l’utente, ma nel frattempo accoglierò con estremo piacere ogni tipo di feedback che vorrete proporre.

Nel frattempo, buon week end !

5 commenti:

  1. Devo dire che i tuoi mockup mi piacciono molto: in effetti una seconda form per "progettare" l'evento mi pare una soluzione interessante e per come l'hai progettata è pure bella. Ottima idea i pulsantoni enormi: comodi anche per le persone con le dita grosse.

    Se posso permettermi la pignoleria superflua, per esperienza suggerirei che la form-definizione-evento quando è visibile, nasconda totalmente la prima per evitare confusione e fraintendimenti (...)...

    Infine, visto che si tratta di una cosa da usare facilmente (almeno da quanto ho capito io), va fatta provare al primo che passa ("hallway testing"), meglio se è una persona anziana e/o che ci capisce poco di informatica.

    Ciau!

    jp

    PS: casomai interessasse ho fatto un test-intuitività. Ho guardato i mockup senza leggere il post e ho capito quello che serve l'interfaccia. Poi ho letto il tuo post per confronto. Hai passato il mio test-intuitività: bravo! :D

    RispondiElimina
  2. JP, il feedback è utilissimo e le idee che proponi sono molto interessanti.

    Il form di definizione-evento nasconderà sicuramente il precedente, ogni pagina infatti occupa sempre tutto lo schermo.

    L'idea dell'hallway testing è assolutamente azzeccata, visto che stiamo parlando di una applicazione che deve essere alla portata di tutti e che 'la signora maria' è uno dei nostri 'attori' preferiti.

    Infine, il tuo test-intuitività mi fa pensare che potrei separare il prossimo post/analisi in due parti. Prima le immagini, da sole, e poi la spiegazione..

    Grazie!

    RispondiElimina
  3. Grazie a te: quesot genere di post mi piace moltissimo e resto in attesa dei prossimi.

    Lieto di esserti stato d'aiuto.

    Ciau!

    jp

    PS: in realtà avrei qualcosina da aggiungere anche io su test-intuitività & hallway testing... Magari fra un po' scrivo qualcosa anche io (al momento la mia TODO klist è piena). :)

    RispondiElimina
  4. ciao, non mi è chiaro nella prima pagina se -e come- puoi cambiare il mese corrente

    RispondiElimina
  5. @luxluxlux - Commento appropriato. Scorrendo la lista degli eventi futuri (quella al di sotto del calendario) il mese corrente dovrebbe spostarsi adattandosi all'evento selezionato.

    RispondiElimina

Perchè non lasciare un commento intelligente ? Si accetta di tutto a parte lo spam e le volgarità ..