Consigli per lo sviluppo di siti Web orientati al touchscreen per piattaforme non Microsoft

Question

Attualmente stiamo progettando un sito Web a cui si accederà dai chioschi di un museo. Gli utenti dovranno essere in grado di navigare attraverso un numero di diverse pagine Web che conterranno attualmente contenuto HTML statico e di passare attraverso varie presentazioni interattive che saranno basate su Flash ed eseguite in Flash Player. Gli utenti potrebbero dover inserire alcune informazioni in un semplice modulo di registrazione dal chiosco.

Uno dei motivi per cui stiamo progettando di eseguirlo in un browser è perché lo stesso sito e le stesse presentazioni interattive a cui si accede dai chioschi saranno disponibili anche sul Web.

Qualcuno ha dei consigli sul fatto che questo progetto funzionerà o se dovremmo semplicemente creare due versioni del contenuto, una per il web e una per il chiosco? Quali esperienze ha avuto qualcuno con la creazione di un sito Web disponibile sul touchscreen e via web?

Questo è uno sforzo per la prima volta sia per me che per la mia azienda, quindi eventuali avvertimenti, suggerimenti, raccomandazioni sarebbero apprezzati.

Nota: stiamo attualmente lavorando con Flash per creare i nostri contenuti interattivi e uno stack LAMPP per tutto il lato server, quindi SilverLight non è un'opzione.

Answer 1

Puoi avere lo stesso contenuto, ma dovresti avere file CSS diversi. La versione touchscreen dovrà impiegare caratteri molto più grandi, e in alcuni casi una tastiera touchscreen, mentre gli utenti domestici non ne avranno bisogno.

Inoltre, potresti voler promuovere eventi museali nella barra laterale della versione home per far entrare le persone nel museo, mentre ciò sarebbe una distrazione inutile nei chioschi.

Inoltre, potresti voler collegare a siti Web esterni e risorse per l'utente domestico, ma impedire la navigazione web esterna dall'interno del museo, quindi il foglio di stile può anche essere usato per disattivare i collegamenti a risorse esterne, senza rimuovere il testo.

Tienili separati utilizzando i fogli di stile e / o JavaScript, ma cerca di mantenere le pagine dei contenuti uguali in modo da non dover mantenere due serie di contenuti.

-Adam

Answer 2

La progettazione per i chioschi è un'ottimizzazione dell'interfaccia utente del 90%. Leggi questo

http: // www.voltagecreative.com/blog/2008/05/best-practices-of-touch-screen-interface-design/

Answer 3

L'uso di un browser per l'interfaccia utente sembra una buona decisione, le cose di cui sarei preoccupato sarebbero altre app o persino i pop-up del browser che interferirebbero con l'usabilità del tuo chiosco. Una possibile soluzione per questo è creare la propria app del browser utilizzando il controllo Microsoft WebBrowser per assicurarsi che non ci siano popup e archiviare tutti i file localmente sul computer del chiosco in modo che finché sarà in grado sarà in grado di funzionare (e non dovrai preoccuparti che gli errori di accessibilità della rete vengano visualizzati all'utente).