La portata del Responsive Design è da prendere in considerazione per IE8 a partire dal 2013?

Question

Continuo a vedere qui le domande relative al lavoro di progettazione reattivo per IE8, o Dio non voglia, IE7.

Per mancanza di conoscenza dei dispositivi connessi a Windows, il mio pensiero immediato è che, non sarebbe opportuno implementare la progettazione reattiva per IE8 a causa della quantità insignificante di dispositivi mobili che ancora oggi eseguirà IE8. E lasciate siti come 1024x768 statici per questo particolare browser, poiché non vi è alcun motivo per la progettazione reattiva, con gli sforzi extra dolorosi che richiede e la limitazione dei polifondidi query media, se oltre il 95% della quota browser rimanente di IE8 è Esegui solo su desktop con una larghezza dello schermo pari a 1024+ sicura.

Se il volume è ancora rilevante, quale piattaforma mobile utilizza ancora i browser IE8, ciò richiederebbe o giustificherebbe un approccio di progettazione reattivo per loro. Si prega di condividere link utili utili.

PS: il contesto utilizza solo la modalità standard, escluso l'utilizzo di IE in modalità di compatibilità o in modalità quirk.

Answer 1

Così, dopo indagini, ho intenzione di rispondere alla mia domanda con alcune statistiche rilevanti che è quello che cercavo:

compresse attive Non sono noti o l'uso del telefono cellulare IE8 per quanto posso dire. Evento i primi Windows Phone utilizza il motore IE9. Pertanto, esclusi i laptop, IE8 non viene utilizzato dai dispositivi mobili "intelligenti".

Secondo w3counter, statcounter e analytics da 3 siti client, la quota del browser IE8 a marzo 2013, basata sui siti statunitensi, è compresa tra il 5% e l'11%. Una media dell'8%.

Il numero di utenti IE8 che utilizzano risoluzioni dello schermo di 800x600 pixel o meno oggi, come per i 3 diversi siti basati negli Stati Uniti che ho studiato, è compreso tra lo 0,6% e l'1% della base utenti totale di IE8. Essere in linea con le tendenze osservate da Jakob Nielsen l'anno scorso che "piccoli schermi per computer desktop e portatili stanno diventando rari" scendendo all'1%: http://www.nngroup.com/articles/computer-screens-getting-bigger/

A partire da oggi, ciò porta un'aspettativa media che gli utenti complessivi di IE8 con una dimensione dello schermo di 800x600 o inferiore, è circa lo 0,05%, con un massimo dello 0,1% se includiamo IE7; che è inferiore all'utilizzo complessivo di IE6 negli Stati Uniti, essendo allo 0,2% secondo ie6countdown.com

Quindi, il requisito di compatibilità del design reattivo sotto IE9 per gli utenti di IE7 e IE8 vale solo se non richiede alcuna conseguenza sforzo.

Se includere un polyfill di media query o l'utilizzo di Bootstrap lo fa funzionare subito, quindi ottimo. Ma sicuramente non vale più di un paio d'ore di tempo per gestire i numerosi potenziali bug (una ricerca su Google per "bootstrap ie8" parla del suo volume), così come non vale più la pena rendere i siti completamente compatibili con IE6.

Finché il sito funziona in IE8 con un design fisso, che potrebbe essere più semplice da implementare piuttosto che tentare di renderlo reattivo per IE8/IE7, è sufficiente fino ad oggi.

Answer 2

Vorrei sì, ma solo a malapena. Non so quali siano i numeri, ma sono sicuro che ci siano ancora un bel po 'di laptop con piccoli display in circolazione che eseguono ancora Windows XP o che utilizzano IE7/8. Una semplice soluzione al problema di far funzionare le query multimediali con il vecchio IE è css3-mediaqueries.js. È un polyfill che fa funzionare le media query con tutti i browser. Puoi utilizzare i commenti condizionali per includerlo nel tuo sito.

Answer 3

Risposta breve: dipende dai requisiti

Risposta lunga: Come ho letto molto su responsive design e anche i due libri citati nei commenti. Risponderei alla tua domanda in questo modo .. Il design reattivo (a mio avviso) non ha praticamente nulla a che fare con il cellulare in sé. In realtà è più come se la tua pagina "rispondesse" a ciò che il tuo utente/cliente usa per sfogliare la tua pagina. So che alcuni di questi aspetti hanno radici profonde nell'idea che sta dietro internet come lo scambio di informazioni. Anche i non vedenti meritano una rete accessibile e anche se ciò non ha nulla a che fare con i CSS, ha ancora qualcosa a che fare con la risposta web secondo me.

Quindi la domanda dovrebbe essere più simile - quanto lontano dovremmo andare con l'adattamento quando si tratta di siti Web reattivi - e probabilmente non c'è una risposta reale. Il modo migliore per iniziare con una nuova pagina web reattivo (mobile per primo) - se lo ricordo correttamente - è costruire una pagina che lavori sulla risoluzione più bassa possibile con il peggior set di funzionalità che è probabile supportare. Nel tuo caso, direi IE8 su uno schermo 320x240 (ahi .. un'altra domanda .. è lo scopo del design reattivo che vale la pena considerare per i telefoni cellulari con risoluzioni dello schermo di 320x240 a partire dal 2015 ad esempio). Nel caso del fanblog di uber nerd, il set di funzionalità più basso potrebbe essere un terminale con supporto solo per il testo (come i buoni vecchi giorni;) - CSS? Cos'è quello? Cross-Shell-Scripting ?! Whahoo ..) .. Anche se una pagina video html5 può richiedere di non utilizzare affatto IE perché non esiste un percorso clip e il tuo design dipende totalmente da questo. Inoltre, c'è l'aspetto della connessione, ad es. sito web offline/diverse velocità che possono svolgere un ruolo .. Il design reattivo non è solo una cosa di frontend che direi, ma anche per il backend. Per esempio. il demone http uber nerd fanblog che invia testo normale senza alcun codice/markup quando non esiste un'intestazione http valida.

Felice di aver già risposto alla tua domanda e capito che tutto dipende dalla tua base di utenti/requisiti.

Questo non è inteso come una risposta alla domanda di ops più un suggerimento per i visitatori a venire.

@chriz "anche se il design responsivo punta davvero ai dispositivi mobili". - non pensatemi .. qualche settimana fa ho dovuto adattare il mio css solo per 4k + smart tv .. anche se pensate all'attuale best practice con mobile-first progressivamente migliorando .. la maggior parte del design reattivo prende piede quando voi riottenere più spazio sul display e migliorare la tua pagina con cose che non funzionano su piccoli schermi mobili. Il responsive design è il risultato del fatto che questi dispositivi mobili cercano di utilizzare tutte quelle pagine desktop scadenti con zoom in/out e tutte queste delusioni di non funziona ...