Le pagine Web mobili sono un animale unico. A differenza delle pagine Web desktop-friendly, progettate per schermi di grandi dimensioni e con un clic preciso del mouse, le pagine Web mobili sono dimensionate per schermi più piccoli e imprecise finger tap. Inoltre, i siti Web moderni sono obbligati a pubblicare in entrambi i formati desktop e mobile, richiedendo in modo efficace che ogni pagina Web venga creata due volte.
01 di 08Dimensioni dello schermo e 'Real Estate' sono diversi
Questa è la differenza più evidente tra le pagine Web desktop e mobili. Mentre la maggior parte dei monitor da scrivania ha dimensioni diagonali da 19 pollici a 24 pollici, i tablet sono comunemente 10 pollici di diagonale. Gli smartphone hanno una diagonale di 4 pollici. Lo zoomaggio semplificato non converte correttamente una pagina Web in un dispositivo mobile, in quanto ciò rende il testo illeggibile. Allo stesso modo, toccare con il dito diventa impossibile da eseguire con precisione su una pagina Web ingrandita. I web designer mobili in realtà hanno bisogno di cambiare il loro intero approccio al layout di pagina. Comunemente, i progettisti devono rimuovere barre laterali e immagini non necessarie, scegliere immagini più piccole, aumentare la dimensione del carattere e comprimere il contenuto in widget espandibili. Questa limitazione immobiliare ha guidato un modo completamente diverso di pensare tra i web designer.
Sono presenti i widget e i "cursori"; Sidebars e Whitespace sono fuori
Puoi aspettarti che la maggior parte delle pagine ottimizzate per dispositivi mobili rimuoverà alcuni o tutti i link di navigazione della sidebar e li sostituirà con widget di menu espandibili o espandibili. Allo stesso modo, ci si aspetta che non ci sia spazio vuoto a sinistra ea destra del contenuto, e molto meno spazio bianco mentre i progettisti si sforzano di massimizzare l'uso del tablet e dello smartphone.
Toccare con il dito è meno preciso del clic del mouse
A differenza di un preciso puntatore del mouse sul desktop, il dito umano è un blob e il tocco delle dita richiede grandi obiettivi sullo schermo per i collegamenti ipertestuali. Aspettiamo di vedere più target di tocco rettangolari di grandi dimensioni ("tile") su pagine Web mobili e meno collegamenti ipertestuali basati su testo. Inoltre, i menu vengono spesso sostituiti con pulsanti grandi e schede di grandi dimensioni per consentire l'imprecisione dei colpetti delle dita.
04 di 08L'URL della pagina mobile è diverso
Le pagine web ottimizzate per i dispositivi mobili includono comunemente la lettera "m" come parte significativa del suo indirizzo. L'URL per dispositivi mobili viene in genere scelto automaticamente quando navighi con un tablet o uno smartphone. In alcuni casi, vedrai un collegamento toccabile che ti consente di passare alla versione desktop normale della pagina.
05 di 08La pubblicità è ridotta o rimossa
Sì, questo è meraviglioso per i lettori ma un vero punto dolente per gli inserzionisti web. Dato che c'è spazio ridotto su un tablet o uno smartphone, il posizionamento di una folla di link sponsorizzati e di banner di grandi dimensioni non funziona. Invece, aspettati di vedere annunci speciali di tipo pop-up più piccoli su pagine web mobili, spesso in basso al centro dello schermo. Altri tipi intelligenti di pubblicità di piccole dimensioni vengono ideati mentre i dispositivi mobili maturano.
06 di 08Le caselle di controllo e gli Small Links saranno frustranti
Quando gli editori web non eseguono una riprogettazione completa dei loro contenuti per gli schermi di piccole dimensioni, spesso ti costringono a usare le nostre dita di tipo blob per fare clic su piccole e minuscole checkbox. Questo costringe gli utenti ad impiegare trial-and-error o pinch-zoom per toccare con precisione le checkbox.
07 di 08Gli accessi alle password possono diventare oscurati o troppo piccoli
Sì, questo è un fastidio moderno con molte pagine Web mobili. Dato che molti web publisher pensano ancora in termini di schermi da 22 pollici, ti metteranno su due noiose esperienze mobili: i tuoi campi di login e password saranno piccoli e difficili da toccare e la tua tastiera mobile scorrevole coprirà i tuoi campi di login e password . Sarà necessario adattarsi utilizzando lo zoom con pinch per rendere visibili i campi di accesso e sarà necessario scorrere lo schermo e spegnere la tastiera per scoprire i pulsanti di accesso nascosti. Spero che i moderni editori web trovino presto un modo intelligente per risolvere questo fastidio.
08 di 08Le foto diventano più prominenti
Comunemente, le foto vengono ridotte in modo che si adattino agli schermi più piccoli. In alcuni rari casi, le foto vengono effettivamente espanse per riempire la larghezza del display del tablet o dello smartphone.
