Sito Web tecnico - Devo presumere che i miei visitatori utilizzeranno un browser moderno?


18

Sto creando il mio sito Web, che includerà un blog tecnico. Voglio costruire il mio sito Web utilizzando tecnologie moderne come HTML5 e CSS3.

Dal momento che il mio sito Web sarà indirizzato ai programmatori e agli utenti più esperti di tecnologia , dovrei dare per scontato che queste persone useranno un browser moderno? O dovrei rendere il mio sito compatibile con i browser più vecchi per ogni evenienza?

Non voglio affrontare il problema di adattare il mio sito Web in modo che sia compatibile con i browser che presumo non verranno utilizzati.

AGGIORNAMENTO: Finora ho letto le risposte e sembra che tu abbia perso un dettaglio importante sulla domanda. Quindi, nel caso in cui non fosse chiaro, ti preghiamo di focalizzare le tue risposte tenendo conto della natura del sito:

il mio sito web sarà indirizzato ai programmatori e principalmente agli utenti esperti di tecnologia

Considerando questo, dovrei dare per scontato che queste persone useranno un browser moderno?


1
La maggior parte delle aziende con cui lavoro richiedono che i siti Web funzionino con IE7 +. Se gli utenti hanno ancora IE6-, è perché hanno poco interesse per la tecnologia.
Evik James,

Quindi se questi utenti hanno scarso interesse per la tecnologia, allora perché dovrebbero venire sul mio sito Web?
marco-fiset,

4
Mi sentirei al sicuro supponendo che il 99% delle persone che leggono blog tecnologici siano nel settore tecnologico e abbiano un browser moderno e sappiano esattamente come usarlo.
Evik James,

Se sono davvero dei fanatici della tecnologia, potrebbero navigare sul tuo sito usando lynx:)
Ken Liu,

Risposte:


12

Aggiungi Google Analytics al tuo sito e traccia i tuoi utenti

L'unico modo per scoprirlo è raccogliere un ragionevole campione di statistiche sulla tua base di utenti. Nulla di meno è solo un presupposto infondato.

Fortunatamente, Google Analytics tiene traccia di tutto ciò che riguarda il browser, le dimensioni dello schermo, le funzionalità abilitate, ecc ...

Targeting di Internet Explorer come "marchio basso" perché le versioni sono supportate molto più a lungo. Ad esempio, il ciclo di vita del supporto di Windows XP non scadrà fino all'8 aprile 2014, quindi IE 6 non scomparirà fino a quel momento.

Se le statistiche mostrano che solo una percentuale molto piccola di utenti utilizza IE 6 (o IE 7) potrebbe non giustificare lo sforzo necessario per supportare il proprio browser.

Per quanto riguarda il più recente HTML5, potresti aggiungere uno shiv HTML5 al tuo sito per ottenere una copertura di miglioramento progressivo gratuita ma limitando le funzionalità più avanzate (ex API di file HTML5) alle sezioni private del tuo sito fino a quando i browser non raggiungono.


2
Tutte buone idee Dev'esserci però un punto ~ con cui so che sei d'accordo ~ che lo sviluppo di una piccola percentuale AND delle persone è una perdita di tempo.
Evik James,

@EvikJames Sì, questo è il senso. L'ho lasciato intenzionalmente aperto perché dipende dal contesto. Per un enorme sito multimediale come Google, hanno un sacco di risorse e una vasta base di utenti, quindi trascurare di fornire il supporto del browser anche al 5,5% della loro base di utenti avrà un impatto enorme. Al contrario, se gestisci un sito di piccole dimensioni e solo lo 0,5% di 1000 visitatori unici utilizza un browser legacy, probabilmente non vale la pena supportare le risorse. Per citare Kanye West, "Come i vecchi pissin, immagino che tutto dipenda, ohhhhh"
Evan Plaice,

Sì, come un altro esempio, il mio sito web personale che ha un blog focalizzato sulla tecnologia, insieme ad alcune foto di famiglia ha ancora il 24% del suo traffico come IE8 con post abbastanza tecnologici come i più popolari, seguiti da Firefox e poi Chrome (che ora entrambi con aggiornamento automatico)
Zhaph - Ben Duguid,

14

Il 90% o più degli americani ha immagini attivate, JavaScript abilitato, supporto CSS e una connessione ragionevole.

Trascorrere il 90% del tuo tempo a caccia del 10% del mondo che ha fatto di tutto per non sperimentare la rete moderna è una perdita di tempo.


1
La domanda dell'utente riguarda l'uso ragionevole di CSS, JavaScript e immagini. Non si tratta di costruire un sito Web che nasconda tutto il suo testo in immagini e carichi pigri di JavaScript.
Evik James,

1
Anche se i motori di ricerca indirizzano il 90% del tuo traffico, la stragrande maggioranza di quegli utenti utilizzerà comunque un browser moderno e avrà JavaScript abilitato.
Stoj,

1
Se non può essere classificato perché i motori di ricerca non riescono a leggere i suoi contenuti o lo classificano male, non avrà visitatori di cui preoccuparsi.
John Conde

3
@JohnConde Perché il motore di ricerca non sarebbe in grado di classificare il mio sito? Non è che sto usando il flash ...
marco-fiset,

1
@JohnConde ha un'opinione, proprio come tutti gli altri qui. È estremamente ben informato e disponibile e offre un ottimo servizio essendo su StackExchange. Penso che la sua risposta sia TOTALMENTE appropriata per le aziende con un team di sviluppatori web esperti. È TOTALMENTE inappropriato per un singolo blog e codice su cose geek.
Evik James,

12

Assumere:

  • JavaScript verrà disattivato
  • CSS3 non sarà supportato
  • Le immagini saranno disabilitate
  • La connessione degli utenti sarà lenta

So che non è quello che vuoi sentire, ma come web designer e sviluppatori questa è la realtà che affrontiamo. Non solo ci saranno utenti che utilizzano browser meno recenti, ma alcuni modificheranno le impostazioni del proprio browser per modificarne il comportamento predefinito (ad es. Disattivare JavaScript).

Inoltre, non puoi dimenticare robot come i motori di ricerca che avranno supporto variabile e limitato per CSS e JavaScript. Inoltre alcuni utenti useranno screen reader che sono notoriamente in ritardo nel supportare le ultime tecnologie.

Supportare tutto quanto sopra è in realtà molto più facile da fare, quindi sembra. Il miglioramento progressivo è un principio di base della progettazione e dello sviluppo web e ti consentirà di utilizzare le funzionalità più recenti e avanzate del tuo sito pur supportando browser e utenti che non riescono ancora a gestirli completamente.


6
Si potrebbe anche dire che i siti Web dovrebbero essere progettati per le persone senza accesso a Internet o computer.
Evik James,

4
@Evik Non penso che sia questo il punto della risposta. Il punto è che dovresti iniziare con qualcosa di semplice e accessibile che il tuo <10% sarà almeno in grado di consumare i tuoi contenuti. Quindi costruiscilo in modo che il 90% veda qualcosa di eccezionale.
DisgruntledGoat

1
@WernerCD, il post originale riguarda un singolo utente che scrive un blog. Stai suggerendo che segua la stessa traccia che StackOverflow prende e assume un team di persone o che impara le sfumature di ogni browser? Dovrebbe passare il suo tempo a bloggare e meno tempo a scrivere codice.
Evik James,

1
@WernerCD I programmatori hanno più probabilità di avere plug-in come NoScript installato, che disattivano Javascript, per evitare pagine "pesanti".
SconcertatoGoat

1
@Werner Penso che "non assumere CSS / JS" sia probabilmente il modo sbagliato di spiegarlo. Si tratta più di iniziare con una solida base di HTML che di costruire con CSS e JS. Se si verificano alcuni bug con CSS / JS in un browser meno recente, il sito rimarrebbe comunque funzionale. In questo senso ora puoi assumere un browser moderno e rinunciare ai test nei browser più vecchi, sapendo che probabilmente non si romperà male per quel 5% di utenti.
DisgruntledGoat

5

Assicurati che almeno la tua home page funzioni bene in ogni ambiente che puoi ragionevolmente supportare. Se pagine specifiche richiedono tecnologie non ampiamente supportate, dichiaralo chiaramente nei link che le portano (non è necessario utilizzare nulla di fastidioso titlee i alttesti su link e immagini potrebbero essere sufficienti) e nelle pagine stesse (ad esempio, aggiungendo un piccolo header - che potrebbe essere nascosto quando / se si è in grado di rilevare la presenza delle funzionalità).

Inoltre, cerca di assicurarti che le pagine si degradino correttamente quando le tecnologie richieste non sono presenti / abilitate. Anche se i tuoi visitatori sono esperti di tecnologia, se qualcosa nella tua pagina non funziona ma non c'è alcuna indicazione di ciò che manca, potrebbero non preoccuparsi di cercarlo (a meno che non siano davvero interessati, che non è qualcosa che può essere presunto). OTOH non devi dare istruzioni dettagliate su come abilitare ciò che manca, solo affermare ciò che deve essere abilitato dovrebbe essere sufficiente per questo pubblico.

Aggiornamento: vorrei porre maggiormente l'accento sull'ultimo punto con un anedocte personale: come utente attento alla sicurezza, navigo sempre con NoScript abilitato. Quando vado a un sito Web che ha un video, ad esempio, accade una delle cose seguenti:

  • C'è un segnaposto per il video e fare clic su di esso è sufficiente per sbloccarlo;
  • C'è un segnaposto, ma il clic non è sufficiente: c'è un altro dominio che deve essere sbloccato (di solito un CDN), spesso nominato in modo appropriato ma in modo incoerente (dailymotion.com/dmcdn.net, youtube.com/ytimg.com, metacafe.com /mcstatic.com);
  • Non c'è segnaposto, viene aggiunto il video tramite JavaScript o non hanno widthe heightimpostare staticamente, e, talvolta, non c'è traccia della pagina ha un video a tutti. Può andare completamente perso;
  • Il video dipende da alcuni ad server casuali, quindi non è sufficiente sbloccare i domini più ovvi per mostrarlo. Se sono davvero interessato, posso continuare a sbloccare tutti i domini rimanenti (nell'ordine di un nome dall'aspetto meno ombroso), a volte con l'effetto di più domini che prima non apparivano, fino a quando il video funziona o Mi arrendo.

Questo è solo per illustrare alcuni problemi che possono verificarsi anche quando si assume un browser moderno e un utente esperto di tecnologia. Non è necessario fare del proprio meglio per assicurarsi che il sito funzioni per ogni possibile configurazione, ma è importante che alcuni elementi a prova di guasto siano presenti anche in questo caso.


2
"Assicurati che almeno la tua home page funzioni bene in ogni ambiente che puoi ragionevolmente supportare." Questo ha senso.
Evik James,

4

Penso che il punto sollevato da John Conde sia che solo perché sono tecnici non si può presumere che stiano utilizzando un browser moderno. Detto questo, tendo a concordare con Evik James sul fatto che l'OP deve trovare l'equilibrio tra la codifica del sito per un pubblico più ampio o invece passare ai blog. Se vuole monetizzare questo sito ad un certo punto, allora direi che dovrebbe seguire le filosofie Progressive Enhancement e Responsive Design, in quanto è molto più facile migliorare progressivamente se inizi con il mobile (e friggin IE6!) E costruisci la tua strada su. Ma almeno l'OP dovrebbe far funzionare il suo sito attraverso un browser Lynxper vedere come appare il suo sito su uno screen reader o uno spider dei motori di ricerca e assicurarsi che tutto possa essere visualizzato con immagini, CSS e javascript disattivati. Quindi lascia tutte le bellissime campane e fischietti per i browser moderni e non preoccuparti così tanto di ciò che sembra un po 'fuori posto o dall'aspetto noioso in IE6.


3
Se io sono al prompt dei comandi sono suscettibili di uso w3m, lynxo qualsiasi browser testuale è disponibile.
BillThor,

3

Penso che dovresti presumere che stiano utilizzando browser moderni basati sul tuo mercato di riferimento. Tieni d'occhio l'utilizzo del browser e se un numero significativo di persone utilizza browser meno recenti, apporta modifiche alla compatibilità.


Mi sembra una buona idea ed è il modo in cui lo farei.
Evik James,

che sembra Graceful Degradation, dovresti leggere questo articolo: dev.opera.com/articles/view/…
Tomás Ramírez,

3

Dovresti leggere il miglioramento progressivo per supportare la maggior parte degli utenti e sfruttare le funzionalità del browser. Il responsive design è un altro argomento importante per supportare la maggior parte dei dispositivi (oggigiorno molte persone usano dispositivi mobili). D'altra parte, ci sono molte biblioteche come Modernizr , boilerplate , explorercanvas per aiutarti in questa materia.


2
Fai buoni punti ed è abbastanza facile rendere un sito compatibile al 95% ~ se non fantastico ~ per tutti. Il punto che sto sottolineando è che ci vuole MOLTO tempo a svilupparsi per il minimo comune denominatore.
Evik James,

Vedo il tuo punto ... ma tutte le persone dovrebbero saperlo: D
Tomás Ramírez,

0

Il fatto che il tuo pubblico di destinazione diventerà programmatore, ecc., Non presumo ancora che, poiché hanno una mentalità più tecnica, avranno le ultime cose sui loro computer. È il ragionamento personale piuttosto che il pensiero professionale che determina ciò che un programmatore / persona tecnica utilizza sul proprio computer.

Ad esempio, un programmatore può essere paranoico e non consentirà l'abilitazione di Java sul proprio computer.

In ogni caso, Internet è aperto a tutti, non legato a diverse sezioni. Costruisci il sito Web in modo che sia accessibile a chiunque. Non si sa mai, un programmatore esperto di tecnologia potrebbe avere il computer rotto, quindi sono bloccati utilizzando il PC della madre che eseguirà Windows XP con Internet Explorer 7.

Utilizzando il nostro sito, riconosci di aver letto e compreso le nostre Informativa sui cookie e Informativa sulla privacy.
Licensed under cc by-sa 3.0 with attribution required.