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.
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.
In 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 !
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.
RispondiEliminaSe 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
JP, il feedback è utilissimo e le idee che proponi sono molto interessanti.
RispondiEliminaIl 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!
Grazie a te: quesot genere di post mi piace moltissimo e resto in attesa dei prossimi.
RispondiEliminaLieto 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). :)
ciao, non mi è chiaro nella prima pagina se -e come- puoi cambiare il mese corrente
RispondiElimina@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