sito web mobile ………. come renderlo “visibile”, “nitido” e “accattivante”.
Design per sito web mobile. Progettare sito web mobile
Siamo a Salerno ma i ns. Clienti sono in tutta Italia ed in Svizzera.
Premessa:
Le vendite di smartphone e Tablet PC sono in costante aumento e la necessità di progettare siti web mobile specifici è essenziale. Per seguire questa evoluzione, nuovi principi di progettazione sono emersi e stanno emergendo. La sfida é quella di soddisfare gli utenti sempre più esigenti.
Analizziamo il perché per fare business é necessario affiancare al sito web tradizionale un sito web mobile.
Ormai i possessori di Smartphone, tablet ecc., con gli abbonamenti telefonici ad un costo contenuto, stanno sempre più crescendo, come il design per browser su cellulari e dispositivi tattili ha ora raggiunto una quota dominante.
Il tempo di progettare schermi o display destinati solo a desktop e notebook sembra ormai lontano.
I dispositivi mobile, dai cellulari, ai tablet, hanno preso il loro posto nel mercato e guadagnano popolarità sempre di più. Le vendite di Tablet supereranno quelle dei PC e gli smartphone schiacceranno la vendita dei telefoni tradizionali.
Chiamaci al 329 185 1630 anche di domenica e nei giorni festivi.
Ecco, pertanto, alcune considerazioni valide quando si comincia a progettare siti web per mobile.
1. Usare markup semantico.
Sappiamo tutti che dobbiamo sempre cercare di separare il contenuto dalla forma.
Ma anche nel design per il Web mobile, si deve andare oltre. Semantic markup in sintesi significa mettere in evidenza, con alcuni accorgimenti, parole, immagini e contenuti sì che possano essere recepite in modo veloce ed immediato dal lettore del sito web mobile.
Semantic markup crea una segmentazione migliore tra la formattazione e il contenuto. Offre una maggiore flessibilità, meno codice (ad esempio file di piccole dimensioni) e permette anche di interpretare meglio le informazioni nel tuo sito web mobile.
Raccomandazioni:
Le immagini rafforzano la comprensione, ma non sono di per sé sufficienti a significare un qualcosa, mentre lo spazio sul mobile é davvero poco!
2. Definire con chiarezza il tuo messaggio.
Dal momento che si hanno nei confronti di un sito web tradizionale fino all’ 80% in meno di spazio, c’é il problema di come accantonare questo spazio e di cosa mettere in quel rimanente 20%. Quindi bisogna fare delle scelte su cosa visualizzare e come dare “enfasi” a tutto ciò!
Ne consegue che su un sito web tradizionale gli utenti mobile non saranno in grado di accedere fisicamente a tutte le pagine del sito “normale” da uno schermo di queste dimensioni.
Ad esempio su un grande schermo, può essere facile per gli utenti visualizzare i più recenti prodotti, compilare un semplice modulo di contatto, controllare le ultime voci RSS e visualizzare gli ultimi tweets.
Ma su uno smartphone con uno schermo piccolo, tutto questo non è possibile, dovresti guardare con una lente di ingrandimento.
Uno schermo di dimensioni limitate, però, non vuol dire che è necessario rimuovere le caratteristiche peculiari del tuo business, ma è solo necessario semplificare la funzionalità e l’adattabilità del testo su uno schermo.
Raccomandazioni:
Invece di pensare al tuo sito web mobile come a delle pagine, consideralo, invece, in termini di “vedute” di schermi.
3. Evitare “l’imbottitura”.
Non cercare di riempire spazi vuoti. Poiché non tutti hanno la stessa potenza o la stessa velocità di connessione, fai attenzione al peso del tuo sito mobile.
Troppe immagini, testo, codice, spesso sono non solo elementi inutili, ma aumentano il tempo di caricamento: esso è un fattore critico per i dispositivi mobile, poiché gli utenti in genere non sono seduti al loro computer quando visitano il tuo sito in versione mobile. Non hanno particolarmente voglia di aspettare, anche solo per visualizzare una bellissima immagine fosse anche la “Monna Lisa”.
Ciò che serve é una navigazione veloce, gradevole, semplificata e ben segmentata.
Raccomandazioni::
– Non utilizzare immagini non necessarie e ottimizzare al meglio quelle necessarie.
– Sbarazzarsi di lunghi paragrafi di “riempimento”.
– Ridurre fogli di stile ed allegati.
– Usare HTML5 per l’interattività e l’animazione.
4. Font grandi, semplici e ben visibili.
Se si desidera che gli utenti non siano costretti a strizzare gli occhi, con conseguente mal di testa, quando usano il tuo sito, utilizza un font più grande.
L’altezza usuale per una lettura confortevole può essere di circa 14px per uno schermo grande, ma su un telefono cellulare deve essere il doppio, anche se ciò su un piccolo schermo significa meno spazio per l’informazione.
Bisogna capire che l’utente in mobilità vuole “tutto e subito e andare al sodo”.
Raccomandazioni:
– Rimuovere le informazioni non pertinenti dal vostro sito web mobile.
– Scegliere un testo nitido, parole e frasi semplici.
– Evitare interruzioni di linea, utilizzare gli elenchi puntati per semplificare la lettura, riformulare le frasi se necessario.
– Considerare l’utilizzo di un pulsante “Ulteriori informazioni” che permetta all’utente di accedere a un’altra schermata con le informazioni aggiuntive.
5. I contenuti e la navigazione su dispositivi touch.
Una delle cose più interessanti su dispositivi touch è che l’utente può interagire direttamente con lo schermo.
Non ha bisogno di strumenti diversi delle dita: tutto ciò che è sullo schermo può essere toccato, spinto o spostato.
Raccomandazioni:
– Un elenco di menu può essere usato per spostarsi ad altri sottomenu o ad altre schermate.
– Pensa al tuo sito mobile come una galleria di contenuti ed immagina come gli utenti si muovono in questa galleria.
6. Controlla il colore.
Il dispositivo mobile, essendo più piccolo rispetto ad un monitor PC o laptop, costringe le persone, spesso, ad avvivinarsi molto allo schermo del cellulare quando guardano.
Per non infastidire é preferibile abbassare l’intensità del colore.
Raccomandazioni:
– Evitare i colori sgargianti e fluorescenti (se non per evidenziare).
– Evitare l’uso eccessivo di colori.
– Usa colori più piacevoli alla vista e meno stancanti per gli occhi.
– Un numero ridotto di colori e di forti contrasti offre una navigazione efficace.
Infine utilizzare il vocabolario più comune, quello che tutti conosciamo.
torna alla pagina sito web mobile (clicca quì)
Agenziasitiweb.eu é a Salerno ma opera in tutta Italia ed in Svizzera.