Linee guida .mobi per la creazione di un sito Web mobile

• Potrebbe 11, 2024

Linee guida .mobi

La prima linea guida dovrebbe essere il comportamento generale del sito. Il profilo mobile deve seguire l'URI (identificatore di risorsa uniforme) per un'esperienza coerente quando vi si accede da diversi telefoni cellulari. Usa e sfrutta le capacità del PDA. Non prendere scorciatoie e assicurati di testare sempre su dispositivi reali e emulatori. Inoltre, non utilizzare i frame (standard o in linea), a meno che non sia noto che il client di destinazione li supporti.

In secondo luogo, devi essere sicuro che il contenuto della pagina sia adatto all'uso in un ambiente mobile. Mantieni l'URL breve e fornisci una navigazione minima nella parte superiore della pagina. Considera la tua struttura e valuta numerosi link su una pagina. La coerenza è la chiave durante la progettazione della navigazione e dei collegamenti per un sito .mobi. Utilizzare le risorse del telefono invece di aggiungere sempre pulsanti o collegamenti a uno schermo. Di seguito sono riportati alcuni altri punti chiave da ricordare.
* Identificazione target link - Identifica chiaramente il target di ciascun link.
* Nota il formato del file di destinazione a meno che non si sappia che il dispositivo lo supporta.
* Mappe di immagini: non utilizzare mappe di immagini a meno che non si sappia che il client di destinazione le supporta efficacemente.
* Aggiornamento, reindirizzamento e finestre generate - Non far apparire pop-up o altre finestre e non cambiare la finestra corrente senza informare l'utente.
* Non creare pagine con aggiornamento automatico periodico, a meno che tu non abbia informato l'utente e fornito un modo per fermarlo.
* Non utilizzare il markup per reindirizzare le pagine automaticamente. Invece, configura il server per eseguire i reindirizzamenti tramite i codici HTTP 3xx.
* Risorse collegate esternamente: riduce al minimo il numero di risorse collegate esternamente.

In terzo luogo, il layout e il contenuto della pagina dovrebbero essere attentamente considerati. Ti consigliamo di usare un linguaggio chiaro, conciso e semplice. Le dimensioni della pagina devono essere divise in porzioni utilizzabili, ma limitate. Ricorda, ci sono limiti di memoria sui dispositivi. Lo scorrimento è necessario ma dovrebbe essere limitato a una direzione (su e giù) a meno che non sia inevitabile. Desideri assicurarti di utilizzare elementi grafici che possono essere riprodotti correttamente dai dispositivi evitando immagini di grandi o alte risoluzioni, a meno che l'immagine non sia di natura critica. Contrasto e colore devono essere studiati. Alcuni dispositivi potrebbero essere visualizzati solo in bianco e nero, quindi assicurati che ciò che pubblichi funzionerà bene a colori o in bianco e nero.


Il quarto è la definizione della pagina. I titoli dovrebbero essere brevi ma descrittivi. Le tabelle (o tabelle nidificate) non devono essere utilizzate. Non devi fare affidamento su oggetti o script incorporati per eseguire le tue pagine. Non si desidera utilizzare le misure di pixel né le unioni assolute nel linguaggio di markup, ma invece i valori degli attributi e delle proprietà del foglio di stile. I fogli di stile dovrebbero essere usati per controllare il layout e la definizione della pagina, ma tenerli piccoli. Il contenuto deve essere inviato in un formato noto per essere supportato sui dispositivi mobili. Il contenuto deve essere codificato con una codifica dei caratteri supportata dai dispositivi mobili. Non si deve fare affidamento sui cookie, né lo stile relativo ai caratteri. I messaggi di errore devono fornire informazioni accurate e un modo per allontanarsi dallo schermo.

In quinto luogo, l'input dell'utente dovrebbe essere limitato a un numero minimo di sequenze di tasti. Ove possibile, evitare immissioni di testo libero ma fornire valori predefiniti preselezionati. Assicurarsi che tutti i collegamenti e le pagine siano in un ordine logico ed etichettare tutti i controlli in modo appropriato.


Fonti: dotMobi Switch On Guides & Mobile Web Best Practices - da W3C

Fonti: Mobinomy fornisce informazioni, dati, directory e risorse di collegamenti web per le aree mobili, cellulari e correlate. È inteso per essere utile per le persone che desiderano ottenere siti Web relativi al settore della telefonia mobile, informazioni, notizie, tendenze, recensioni, collegamenti Web e risorse del sito Web e altro ancora. Si adopererà per fornire risorse su fornitori e produttori di cellulari e accessori, informazioni commerciali come prezzi, grandi offerte e informazioni sui prezzi per l'acquirente / acquirenti, esercitazioni / esercitazioni sui telefoni cellulari, guide / guide sulla tecnologia mobile, suggerimenti su dispositivi mobili e wireless, faq / faq su questi argomenti.

Istruzioni Video: HTML 5. Un codice per fare tutto. Corso per editori e giornalisti (Potrebbe 2024).