¿Cuáles son los requisitos básicos para la producción de un sitio web?
Los 65 principios esenciales del diseño de sitios web
01. Aclara el contenido
Si quieres ser diseñador de sitios web y quieres crear un sitio web, deberías hacerlo. Primero considere el contenido de su sitio web, incluida su funcionalidad y lo que sus usuarios necesitan. Todo su diseño debe centrarse en estos aspectos.
02. Captar usuarios
Si los usuarios no pueden ingresar rápidamente a su sitio web, o la operación no es conveniente, el diseño del sitio web fallará. No decepciones a los usuarios cambiándote al sitio web de tu competencia.
03. Optimizar el contenido
El contenido es el núcleo. Hace unos dos años, un sitio web corporativo parecía un folleto publicitario. Para empeorar las cosas, el sitio web utilizaba muchas imágenes que parecían tardar siglos en descargarse.
El sitio web de Chanels (www.emju.com) tiene éxito en algunos aspectos del diseño, pero el contenido es demasiado escaso y lleva mucho tiempo encontrar lo que buscas, por lo que no se puede considerar. un sitio web de éxito.
04. Descargas rápidas
No hay nada peor que una página que tarda mucho en descargarse. Como regla general, una página web estándar no debe tener más de 60 K y debería tardar 30 segundos en cargarse con un módem de 56 K. Algunos diseñadores dicen que las páginas web deberían cargarse en 15 segundos.
05. Actualización del sitio web
Preste siempre atención al estado operativo del sitio web. Un anfitrión con buen desempeño puede funcionar lentamente a medida que aumenta el número de visitantes. Sin embargo, si no quiere perder visitantes, asegúrese de planificar cuidadosamente sus actualizaciones.
06. Cíñete a lo básico
Incluso si no entiendes HTML, solo necesitas comprar una herramienta de diseño web WYSIWYG con derechos de autor, como Adobe PageMill o Microsoft FrontPage Express. puede crear un sitio web que parezca razonable. Sin embargo, por diseño, estos paquetes ralentizaban el sitio aunque no requerían HTML.
Para diseñar con éxito un sitio web, debes comprender cómo funciona HTML. La mayoría de los diseñadores de sitios web sugieren que los principiantes en Internet busquen respuestas en libros sobre HTML y utilicen el Bloc de notas para crear páginas web.
07. Aprender HTML
Usar HTML para diseñar sitios web puede controlar todo el proceso de diseño. Sin embargo, si eres nuevo en el diseño de sitios web, debes buscar un paquete de software que te permita modificar HTML. HomeSite4 es una gran herramienta de diseño web. Durante el proceso de diseño, HomeSite4 puede ayudarle a aprender HTML. También le permite cambiar al modo WYSIWYG para que pueda obtener una vista previa de su sitio antes de enviarlo a la web.
08. Usa un bolígrafo para dibujar el marco de un sitio web
El sabio dijo: La pluma es más poderosa que la espada. Antes de usar una computadora, use un bolígrafo para dibujar el marco de un sitio web, mostrando la interrelación de todas las páginas web. Planifique cómo sus usuarios navegarán por su sitio en el menor tiempo posible.
09. "Nunca se puede encontrar una buena solución en un ordenador." ——Consejos de expertos
10. Mapa del sitio
Muchos diseñadores colocan su mapa del sitio en el sitio web, pero este enfoque hace más daño que bien. La gran mayoría de los visitantes se conectan a Internet en busca de información específica y no tienen ningún interés en cómo funciona su sitio web. Si cree que su sitio web necesita un mapa, es probable que necesite mejorar la navegación y las barras de herramientas.
11. “Mantén los ojos abiertos y observa todo.
La mejor inspiración puede provenir de observar las cosas más irrelevantes. Observa la estructura y el diseño de un sitio. de la estructura del sitio y asegúrese de que su diseño se centre en la navegación del sitio". - Consejo de experto
12. Regla de clic ¿Alguna vez has oído hablar de la regla de los 3 clics? Para sitios web pequeños, ningún dato de su página de inicio requiere más de 3 clics. Para sitios grandes, utilice la navegación y las barras de herramientas para mejorar el funcionamiento.
13. Uso de fuentes especiales
Aunque puedes usar fuentes especiales en tu HTML, es imposible predecir qué verán tus visitantes en sus computadoras y qué.
Una página que se ve muy bien en su computadora puede verse terrible en una plataforma diferente. A algunos diseñadores de sitios web les gusta usar fuentes personalizadas, que le permiten usar fuentes especiales, pero aún requieren algunas soluciones en caso de que la fuente que elija no se muestre en las computadoras de sus visitantes. Las hojas de estilos en cascada (CSS) ayudan a resolver estos problemas, pero sólo los navegadores más recientes admiten CSS.
14. “Usa reglas de nomenclatura prácticas y sencillas”. ——Consejos de expertos
15. La buena ortografía es lo más importante en la vida de las personas. vidas. Pero, lamentablemente, muchos diseñadores carecen de esta habilidad. Asegúrate de escribir correctamente y presta especial atención a los errores tipográficos comunes.
16. Evite páginas de texto largas
Tener muchas páginas de sólo texto en un sitio es tedioso y desperdicia el potencial de la Web. Si tiene una gran cantidad de documentos de texto, debe colocarlos como archivos en formato Adobe Acrobat para que sus visitantes puedan leerlos sin conexión.
17. No uses barras de desplazamiento
La gente odia usar barras de desplazamiento en línea. El sitio web de Trouble (www.Trouble.co.uk) es un ejemplo clásico de un sitio web mal diseñado. Se basa en una arquitectura flotante y, para leer todo el texto, el espectador debe utilizar la barra de desplazamiento.
18. Las herramientas de diseño web favoritas de los expertos
1.Adobe Photoshop
2.Macromedia Flash
3.Adobe Illustrator
p>
4.Adobe ImageRead
5.Dreamweaver
6.Macromedia Fireworks
7 Allaire Homesites
8. Bloc de notas de Microsoft
9. Director de Macromedia
10. Lightwave
11. Otros: Adobe Acrobat Exchange, Allaire ColdFusion, BBEdit, HTMLValidator, etc.
19. Introducción del sitio web
Debe tener una introducción del sitio web muy clara, indicando a los visitantes lo que su sitio web puede ofrecer, para que los visitantes puedan encontrar lo que buscan. Sin embargo, muchos diseñadores no logran hacer esto. Las herramientas efectivas de navegación y búsqueda facilitan que las personas encuentren información útil, que es importante para los visitantes. Dígales a sus visitantes que tiene exactamente la información que desean.
20. “Una vez que se lanza un sitio web, las fortalezas y debilidades del diseño se hacen públicas al mundo.
No hay mejor manera de aprender de tus propios errores, escucha a las sugerencias de otras personas y aprender mucho de los comentarios de los usuarios”. - Consejos de expertos
21. Flashear es un dolor de cabeza
Atraer la atención de los visitantes a partes específicas de su página de inicio. mediante el uso de logotipos, pero también crea un dolor de cabeza para sus visitantes. Si desea que los visitantes sigan regresando a su sitio, utilice este método con moderación.
22. Color de fondo
El color de fondo también puede causar algunos problemas y dificultar la lectura de la página web. Debes ceñirte a fondos blancos y texto negro, y también debes ceñirte a fuentes universales.
23. Botones Adelante y Atrás
Se debe evitar obligar a los usuarios a utilizar los botones Adelante y Atrás. Su diseño debe permitir a los usuarios encontrar rápidamente lo que buscan. La mayoría de los buenos sitios tienen la misma barra de navegación en la misma ubicación en cada página, lo que permite a los visitantes acceder a cualquier parte del sitio desde cada página.
24. "Cíñete a tus creencias. Sigue estrictamente las reglas. Evita dar las cosas por sentado. Nunca dejes de aprender" - Consejos de expertos
25. >No caiga en la tentación de considerar la posibilidad de colocar un contador de clics destacado en su sitio web. Usted diseña su sitio web para brindar un servicio a sus visitantes, no para vender algo que cree que es importante.
La mayoría de los espectadores piensan que los contadores no tienen sentido, que pueden falsificarse fácilmente y que no quieren ver anuncios. Si muestra cuán popular es su sitio, será mejor que proporcione un enlace que muestre los registros de acceso.
26. No utilices marcos
Al igual que los contadores, los marcos son cada vez más populares en las páginas web. En la mayoría de los sitios web, hay un marco en el lado izquierdo de la pantalla. Pero el diseñador descubrió inmediatamente que surgían muchos problemas al utilizar el marco. Es casi imposible mostrar todo el sitio web sin una pantalla de 17 pulgadas cuando se utilizan marcos. Los marcos también hacen imposible marcar páginas de inicio personales dentro del sitio. Quizás lo más importante es que los motores de búsqueda a menudo se confunden con los marcos y no incluyen su sitio.
27. Eliminar imágenes
Incluso si eliminas la función de imágenes en el navegador, debes asegurarte de que los visitantes puedan obtener resultados satisfactorios en tu sitio web. Los visitantes que utilicen una conexión RDSI y desactiven los gráficos también obtendrán un buen rendimiento de carga de páginas. Puede satisfacer a sus visitantes proporcionando enlaces adicionales en la parte inferior de la página y utilizando texto alternativo en lugar de imágenes.
28. Reutilizar imágenes
Algunos sitios web pierden la oportunidad de utilizar mejores técnicas al utilizar muchas imágenes que no se repiten. Al crear un logotipo, es una buena idea utilizar las mismas imágenes varias veces en una página web y, una vez cargadas, las recargas futuras serán rápidas.
29. Evite el uso de imágenes que sean demasiado grandes
No utilice imágenes que ocupen toda la pantalla. Evite que los visitantes se desplacen hacia la derecha. Ocupar el 75% del ancho de la pantalla es una buena sugerencia.
30. "Evita el uso de técnicas de alarde". - Consejos de expertos
31. Elige utilizar animación Flash
Muchos visitantes utilizan ordenadores más lentos. que los íconos animados pueden agotar fácilmente los recursos del sistema y dificultar el funcionamiento del sitio web, por lo que a los usuarios se les debe dar la opción de omitir el uso de animaciones Flash.
32. Utilice complementos de Flash lo menos posible
Aunque muchos diseñadores web creen que Flash es muy potente y que Netscape 5.0 admitirá Flash, no es necesario descargarlo. cualquier complemento al usarlo.
Sin embargo, lo mejor es descartar la idea de utilizar Flash para cada interfaz.
33. Permita que los usuarios obtengan una vista previa de las imágenes pequeñas primero
Si tiene que colocar una imagen grande en el sitio web, es mejor utilizar el software Miniaturas para mostrar una vista previa de una versión reducida de la imagen, para que los usuarios no tengan que perder dinero y tiempo descargando imágenes grandes que no quieren ver.
34. La animación y el contenido deben combinarse orgánicamente
Asegúrate de que la animación y el contenido estén relacionados. Deben quedar integrados con la página, no secos. La animación no es sólo una simple acumulación de cosas producidas por Macromedia Director y otros.
35. Utilizar el sonido con precaución
El uso del sonido también debe ser vigilante. El sonido en línea es otra área prohibida para los diseñadores web. Porque el uso excesivo de sonido hará que la velocidad de descarga sea muy lenta y no traerá muchos beneficios al espectador. Escuchar el ruido del mouse puede ser divertido la primera vez, pero definitivamente se volverá molesto después de muchas veces. Antes de utilizar el sonido, debes considerar cuidadosamente lo que te hará.
36. Usar menos Java y AxtiveX
Java y AxtiveX deben usarse lo menos posible en las páginas web. Porque no todos los navegadores necesitan usarlo, solo los usuarios de las primeras versiones de Netscape y Explorer lo necesitan. Además, Mac también tiene problemas al procesar Java. El uso excesivo de Java provocará que Mac falle.
37. Diseñar un sitio web exitoso
www.emju.com
www.bmw.co.uk
www.yugop. es
www.comicrelief.org.uk
www.dreamcast-europe.com
www.newsunlimited.co.uk
www.newbeetle.com
www.swoon.com
www.viaduct.co.uk
38. Utilice complementos con precaución
En diseño web, si confía en algunos complementos especiales, reducirá el atractivo del sitio web. Si el visitante no tiene el complemento solicitado, tendrá que ir a otro sitio para descargarlo, por lo que es posible que el visitante no regrese.
39. Utilice complementos conocidos
Si hay sonido o vídeo en el sitio web, asegúrese de que los usuarios puedan escucharlo o verlo utilizando un complemento conocido. en. Muchos sitios utilizan complementos QuickTime, RealPlay y Shockwave. Porque muchos visitantes no están dispuestos a perder mucho tiempo y dinero para descargar complementos que solo se pueden usar una vez.
40. Utilizar tecnología avanzada
Mantenerse al día con las nuevas tecnologías. Los avances en la tecnología web nunca se detendrán, así que tómate un tiempo para investigar nuevos productos y desarrollar tecnologías.
41. Crea tus propias imágenes y sonidos
Utiliza imágenes y sonidos que crees tú mismo o descargues de un sitio web comercial. Al crear un sitio web comercial, se debe gastar suficiente dinero en la creación de gráficos para mejorar la promoción de la empresa. ——Consejos de expertos
43. Compatibilidad de plataformas
Por el bien de los usuarios, debes probar tu sitio web en al menos una PC y una Mac para ver qué tan compatible es.
44. Utilizar herramientas de análisis de software para encontrar errores
Utilizar herramientas de análisis de software para comprobar HTML. La herramienta de análisis de software Doctor HTML puede ayudar a comprobar si hay problemas en HTML. Si tiene muchas páginas web para verificar, puede utilizar herramientas de análisis de software. Puede encontrar herramientas HTML más efectivas en www.weblint.org/validation.html.
45. Evite enlaces incorrectos
El sitio web puede contener enlaces a otros sitios útiles. Sin embargo, si tiene enlaces en sus páginas, asegúrese de revisarlos con frecuencia para asegurarse de que sean válidos. Puede haber muchos sitios a los que vincular, pero no enlace a sitios que no tengan nada que ver con su contenido.
46. Dale a tu audiencia algo maduro
Si el sitio no está terminado, no lo envíes a la Web. Todos los buenos sitios web se crean entre bastidores antes de publicarse.
47. Registre su sitio web en un motor de búsqueda
Las posibilidades de que alguien descubra su sitio web son escasas a menos que registre su sitio web en un motor de búsqueda importante.
48. Diseñar un tablero de mensajes
Los visitantes están dispuestos a pasar tiempo en un buen sitio web, por lo que es mejor tener un tablero de mensajes, que pueda animar a los visitantes a regresar a su sitio web. nuevo sitio web, también ayuda a ampliar el contenido del sitio web.
49. Pruebe el sitio web
Antes de que su sitio web se lance oficialmente, se deben realizar pruebas útiles. Utilice el software más reciente al diseñar su sitio web, pero no olvide que la gente no utiliza los navegadores más recientes, así que cuide los navegadores más antiguos. Pruebe también todos los enlaces y barras de herramientas de navegación cuando cargue su sitio.
50. "Prueba el sitio web que diseñas tantas veces como puedas hasta que no descubras nada nuevo" - consejo de experto
51. p> p>
Pídale a alguien que haga una demostración del sitio antes de que esté disponible. Durante la demostración, la gente le dirá si el sitio web que diseñó es fácil de usar.
52. Embellecimiento de animaciones Utilice únicamente una animación como máximo en la página web.
53. “Los botones inclinados no quedan bien, así que es mejor no usarlos.” - Consejos de expertos
54. comienzo Antes de crear una nueva página web, considere cuidadosamente la organización del contenido de su sitio. Decida qué contenido desea que exploren sus visitantes y luego diseñe el sistema de navegación.
55. “Viva el espacio en blanco”
Ojo con dejar espacios en blanco. No llenes tu página web con imágenes, texto y GIF animados innecesarios. Incluso si hay suficiente espacio, evítalos al diseñar.
56. “Usa espacios en blanco para atraer la atención.
Para atraer la atención, los diseñadores web utilizan varios métodos, como parpadear, rotar, etc., pero usar espacios en blanco atraerá más " - Consejo de experto
57. Compresión de imágenes
Para mantener sus imágenes pequeñas, utilice un programa como GIF Wizard, que las comprime automáticamente. Declare primero el tamaño de la imagen
Es mejor especificar el atributo de tamaño de la imagen en detalle antes de que se muestre la imagen. Puede guardar este atributo en la etiqueta IMG. Esto puede hacer que las páginas web parezcan fluidas porque el navegador puede mostrar la página web completa en la pantalla antes de descargar la imagen.
58. Fallo en el diseño del sitio web
-Se tarda una hora en encontrar una camiseta;
-El servicio prometido a los clientes es demasiado bajo. Hay muchos. , pero muy pocos se realizan realmente;
——El nivel de diseño de hace dos años ignoró las necesidades de los clientes;
——No es atractivo y la página de inicio es demasiado similar
——El diseño es demasiado pobre
.
——No hay ideas nuevas
——La navegación no es clara
59. El atributo de tamaño de imagen puede guardar este atributo en la etiqueta IMG. Esto puede hacer que las páginas web parezcan fluidas porque el navegador puede mostrar la página web completa en la pantalla antes de descargar la imagen.
60. Registro de usuarios
Si puedes saber quién navega por el sitio web y cómo navega por el sitio web, podrás obtener mucha información útil. Sin embargo, exigir a los visitantes que se registren antes de navegar por el sitio corre el riesgo de ahuyentar a las personas que no estén dispuestas a registrarse. Otra forma de obtener información es realizar concursos de premios o recompensas monetarias para que los usuarios puedan completar activamente algunos formularios de comentarios de información.
61. Hacer que el sitio web sea interactivo. Proporcionar algunas herramientas para responder preguntas en el sitio web para que los visitantes puedan obtener información interactiva del sitio web.
62. Actualizaciones de imágenes
Cambie las imágenes de su sitio web con la mayor frecuencia posible. Es más probable que las personas hagan clic en las imágenes que en el texto.
63. Ofrezca juegos en su sitio web
Los juegos son excelentes herramientas interactivas y una excelente manera de hacer que los visitantes regresen a su sitio web.
64. Seleccionar software de herramientas
Elige las herramientas de diseño web con cuidado. Asegúrese de utilizar el software que más desee y de sentirse mejor consigo mismo.
65. Utiliza la última versión del software
Intenta utilizar la última versión del software de diseño web.
Si te gusta, recuerda dejar un mensaje.
Fuente: Second Life
Referencia: /article.asp?id=237