10 erros dos deseñadores web novatos
Pelexei co título deste artigo. Debería ser: «10 erros comúns feitos polos artistas gráficos que pensan que son os deseñadores Web creando un arquivo de Photoshop sen ningunha comprensión do medio. » Non é moi conciso, pero é o que quixen dicir.
Non importa se es deseñador ou desenvolvedor, os mesmos erros son cometidos por persoas que se etiquetan como «Os deseñadores Web. » Así que aquí está a miña lista de manías…
1. Ningunha consideración para a ventá do navegador
O problema coas maquetas de photoshop é que son unha altura e anchura fixa, pero nun navegador hai unha ventá de dimensións variables. Este é un concepto particularmente problemático para as persoas con antecedentes no deseño de impresión.
Un programador HTML / CSS necesita saber o que sucede cando o navegador se amplía ou se reduce máis alá das dimensións da maqueta. O azulexo de fondo? Esvaécense a espazos en branco? Non cambiar o tamaño dos elementos? É a variable de ancho, pero só dentro de certos límites? O seu deseño non está completo ata que haxa respostas a estas preguntas.
Fagas o que fagas, non trates de constrinxir o comportamento do navegador. Un deseñador unha vez pediume que abrise unha nova ventá fixa dimensión navegador para o seu deseño. O explorador non era o problema…
2. Execución de alturas e anchos fixos
Nun mundo perfecto, todo o contido debería ser escrito antes de que o deseño fose creado. Iso non acontece e, aínda que o fixese, sen dúbida o texto ía cambiar. Desafortunadamente, os deseñadores noveis non adoitan ter en conta o impacto dos textos son engadidos ou eliminados. As súas 5 liñas de «Lorem Ipsum» liñas de texto á perfección e están felices.
As estruturas de navegación son especialmente importantes. Consideremos o que acontece cando as páxinas se engaden ou eliminan da web – Hai espazo para os elementos de menú adicionais?
3. Facer suposicións sobre a experiencia do usuario
Só porque vostede ten unha de 24 polgadas de 1920 × 1080 monitor, non se considera que todos os usuarios teñen o mesmo equipamento. É mesmo peor no mundo móbil – os deseñadores e desenvolvedores rara vez pensamos en produtos que non sexan os seus propios teléfonos intelixentes.
4. Maquetas Sub-Pixel
A súa maqueta 300 DPI gráfica nunca se verá igual nunha pantalla de 72 DPI. Os navegadores mostran pixeis conxunto.
5. Sen a comprensión das pilas de fonte
A tipografía é cada vez máis doada na web pero aínda non é posible utilizar calquera fonte que desexe. Non todos os SO / navegador son compatible coa fonte que desexa utilizar. Algunhas fontes comerciais non poden ser distribuídas. Algúns non funcionan ben na pantalla, aínda que se ve moi ben en 10.5 pt sostido en PhotoShop.
6. Non ter en conta aspectos prácticos do desenvolvemento
Un exemplo típico: os deseños con fontes e gráficos ou flash especiais e efectos que só se pode lograr usando unha gráfica. Iso está ben se o seu sitio ten 5 páxinas, pero o que se ten 500? Que hai de 5.000? Deseñadores de pronto decátanse cando se lle pide do seu erro que crear 57 títulos únicos cada día.
A consistencia é outro factor. Se estás a utilizar iconas que se 96 px 2 en tamaño, non de súpeto cambiar a 98 px 2 noutra maqueta, xa que non podería conseguir unha icona para buscar a dereita.
7. Esquecéndoselle enlaces
Os enlaces son os alicerces da web. Se non está a diferenciar enlaces pola cor e / ou estilo, vostede está a causar problemas serios para a navegación dos usuarios.
Moitos expertos sosteñen que a usabilidade texto azul subliñado debe utilizarse en todas as situacións. Eu non estou necesariamente de acordo con esa restrición, pero, fagas o que fagas, nunca, nunca, nunca utilizes o texto azul subliñado por algo que non é un enlace!
8. Non hai pensamentos de animación ou efectos
Un dos aspectos máis negativos sobre a maquetación en PhotoShop é que non poden mostrar típicas HTML, CSS ou JavaScript, como efectos rollovers ou animación. É un bo argumento para non utilizar un paquete de gráficos na presentación das súas ideas: un prototipo de navegador de traballo proporcionarán expectativas máis realistas.
9. Controis inaccesibles
Os controis de formulario son aburridos. Por que non facemos ese cadro de texto nunha cenoria?!
Os controis de formulario non pode ser interesante; os navegadores debén entendelos doadamente para ser útiles para os usuarios. Hai ocasións en que a súa aplicación require un control único que non está dispoñible en HTML estándar, pero as situacións son a excepción e non a norma.
Os afeccionados á mellora progresiva diralle que deslizador fantasía ou recolledores da cor son grandes, pero asegúrese de HTML estándar úsase debaixo da superficie. A súa solicitude de seguir traballando se un usuario ten JavaScript desactivado.
10. Pouco aprecio das tecnoloxías
HTML e Flash son os mesmos – que están nun navegador, verdade?
Vostede pode facer cousas con Flash que son case imposibles en HTML (aínda que HTML5 espera cambiar iso). Do mesmo modo, pódense facer cousas en HTML que non son prácticos en Flash. Estás a buscar problemas se non se discutiu a tecnoloxía co cliente e o desenvolvedor.
Rematei con todos os meus irritantes reproches nas páxinas web Que aspectos dos deseñadores web novatos che molestan máis?
Fonte: www.sitepoint.com
