Al diseñar un sitio web, se debe tener siempre en mente los objetivos básicos que se persiguen al implementar una página web, así como las reglas básicas y pasos necesarios para obtener los resultados esperados.
Reglas de diseño web: Existen una gran cantidad de de reglas a seguir para el diseño de un sitio web, algunas de estas reglas son fácil de entender y pueden aplicarse con gran facilidad, pero hay otras mas complejas tal ves porque su aplicación necesita un poco mas de experiencia y conocimiento en cuanto a programación se refiera, también suele suceder que se ignore la existencia de estas y esto conlleve a un mal diseño. Esto no debe alarmar a nadie siempre hay un as bajo la manga “Google”, si se sabe hacer buen uso de esta herramienta la investigación no tiene por que ser de mala calidad siempre y cuando este actualizada, aplicando los criterios adecuados servirá de mucha ayuda.
Al momento de diseñar o modificar un sitio web hay cuatro reglas básicas que el diseñador web debería seguir para lograr que el sitio sea más efectivo y funcional y tenga más éxito.
1. Que sea fácil de leer: Cuando diseñas un sitio web lo primero es asegurarte que sea fácil de leer. Cuando escribas contenidos recuerda que la mayoría de los visitantes de sitios web no leen cada palabra de una página, de hecho solo 'escanean' la página buscando lo que quieren.
2. Simplifica la navegación: Los menús y enlaces componen la navegación, el visitante los usa para ir de una página a otra y moverse dentro de un sitio. Planifica siempre el sitio en cuanto a como pasará la gente de una página a otra. Un visitante de tu sitio debería ser capaz de llegar a donde quiere en tan solo tres clicks de ratón.
3. Diseño de contenidos: Has uso de una o dos estructuras diferentes en el diseño de un sitio web. Cuando un lector navega por tu web debería poder acostumbrarse a mirar en los mismos sitios para tus direcciones, tus subdirecciones y tus contenidos.
4. Aligerar el peso de las páginas: El peso de la página es el tamaño total de una página en tu sitio, medida en bytes, el código, el texto y las imágenes. Lo que tu sitio web pesa marca una diferencia para tus espectadores. Una página que pesa poco es mejor porque se carga más rápido.
Al diseñar se debe de tener encueta los siguientes puntos.
Diseñar sitios ágiles y dinámicos. Los diseños se enfocan en el alto impacto visual, e intentan ser agradables al navegante manteniendo una estética uniforme que represente a su empresa, proyecto o persona.
Diseñar sitios web buscando no solamente un aspecto estético agradable (impacto visual) sino haciendo hincapié en otros factores de calidad de importancia. Acción de Marketing orientada a objetivos propuestos: captura de clientes, comunicación efectiva, etc.
Marketing: Una buena campaña de Marketing ayuda a que su proyecto se haga grande y cumpla el objetivo.
Estándar Web: Para el diseño de los sitios web se debe seguir un estándar, es importante trabajar con la imagen corporativa, así como también la instalación de sistemas de gestión de contenidos y otras herramientas de información, comunicación y colaboración. Todo debe depender de lo que uno quiera y la audiencia necesite. Nos debemos preocupar que los diseños sean amigables con las personas y los motores de búsqueda, que carguen rápido y sean fáciles de administrar.
Identidad corporativa: Si una empresa quiere ser exitosa hoy día, debe tener completamente claro ¿a dónde quiere llegar? y lo que debe hacer para alcanzar sus metas.
La identidad corporativa es la estrategia de comunicar un mensaje común. Una imagen corporativa fuerte es la que refuerza el reconocimiento de una marca entre su público.
Visualización en navegadores web: Como sabemos el navegador web es el puente de nuestro acceso a Internet no es ninguna novedad. Sin él, no podríamos acceder a los sitios publicados ni interactuar con ellos. Un software vital que merece toda nuestra atención.
No, no vamos a caer en lugares comunes y recomendarle el uso de uno en particular ni felicitarlo por cuán inteligente es usted por su elección. Claro, para elegir hay que informarse porque "optar" es otra cosa.
Todo aquel que diseña sitios Web se habrá llevado una gran desilusión al comprobar que la página Web realizada no se ve bien en la versión x del navegador x. Para testear correctamente tendríamos que tener todos los navegadores en todas sus versiones instaladas en nuestro ordenador, lo cual es inviable. Para comprobar el aspecto que tendrá la página web en los diferentes navegadores pueden hacer uso de las siguientes herramientas las cuales resultan ser muy útiles para dichas cuestiones.
IE NetRenderer: Esta página Web permite visualizar el aspecto de nuestras páginas sólo en Explorer.
Browsershots.org: Esta herramienta es mucho más completa que la anterior ya que nos permite ver el aspecto de nuestra Web bajo diferentes sistenas operativos (Windows, Linux, Mac OS, BSD) y diferentes navegadores Web como Explorer, Firefox, Safari, Dillo, Galeón, Opera, etc. Y no sólo eso sino que lo comprueba en las distintas versiones de estos navegadores.
Resolución en pantalla: Las aplicaciones encargadas de presentar las páginas web son los navegadores (browsers), entre los que cabe destacar por su importancia y difusión Internet Explorer, Netscape Navigator y Opera.
La interfaz de un navegador, en su modo estándar, presenta al usuario una o más barras superiores (de menús, de dirección, etc.), una barra inferior (la barra de estado) y un espacio principal, la ventana, en el que son presentadas las páginas web.
La forma de esta ventana es siempre rectangular, pero su tamaño varía, dependiendo del monitor y de la tarjeta gráfica. Podemos hablar de dos tamaños de pantalla diferentes:
Tamaño absoluto: es el tamaño "real" de la ventana del monitor, medido generalmente en pulgadas. Depende del monitor.
Resolución o tamaño relativo: viene determinada por el número de pixels que se muestran en la ventana del monitor, siendo el píxel la unidad mínima de información que se puede presentar en pantalla, de forma generalmente rectangular. Depende de la tarjeta gráfica.
Las posibles resoluciones de trabajo de un equipo dependen sobre todo de la calidad del monitor y de la tarjeta gráfica del ordenador, y se configuran, en sistemas operativos Windows, bien haciendo click con el botón derecho del ratón sobre el escritorio, seleccionando la opción Propiedades y accediendo a la pestaña Configuración, bien desde Inicio > Panel de control > Pantalla.
La importancia de la resolución de pantalla sobre la forma de ser visualizadas las páginas web en la ventana del navegador es muy importante. A mayor resolución se dispone de más puntos de información para presentar los elementos en pantalla, pero estos puntos son más pequeños, con lo que los elementos de la interfaz (textos, imágenes, objetos de formulario, etc.) se ven más pequeños.
Tipos de audiencia: Antes de lanzarnos a editar una página web debemos dedicar un tiempo a planificar nuestro trabajo para asegurarnos de qué vamos a incluir en la web, de dónde lo vamos a obtener y qué aspecto externo le vamos a dar. Un minucioso trabajo de planificación reducirá los errores que se producen cuando nos ponemos a editar una página. Si queremos evitar borrar y repetir las cosas una y otra vez, convendrá que sigamos los siguientes pasos:
Definir la audiencia destino. Al crear una web desearemos que comunique adecuadamente el mensaje y contenidos que quiere transmitir: publicar los resultados de una investigación, describir una situación o la inclusión de contenidos diversos. En función de la audiencia destino el diseño de la web será diferente, por ejemplo si queremos publicar un artículo los visitantes visitarán la página para leerlo por lo que todo elemento que adorne excesivamente la página y ralentice su carga será negativo para nosotros
Usabilidad y accesibilidad: Cuando se habla del término Usabilidad en el Diseño Web, se esta hablando de la facilidad o nivel de uso de un sitio web.
Accesibilidad es ya casi un sinónimo para Diseño Web sin barreras, la accesibilidad web se refiere a la capacidad de acceso a Internet y a sus contenidos por todas las personas independientemente de la discapacidad física, intelectual o técnica que puedan presentar.
Las limitaciones en la accesibilidad de los sitios Web pueden ser:
· Visuales: En sus distintos grados, desde la baja visión a la ceguera total, además de problemas para distinguir colores (Daltonismo).
· Motrices: Dificultad o la imposibilidad de usar las manos, incluidos temblores, lentitud muscular, etc., debido a enfermedades como el Parkinson, distrofia muscular, parálisis cerebral, amputaciones...
· Auditivas: Sordera o deficiencias auditivas.
· Cognitivas: Dificultades de aprendizaje (dislexia, dyscalculia, etc.) o discapacidades cognitivas que afecten a la memoria, la atención, las habilidades lógicas, etc.
Uso eficiente de elementos multimedia: El término Multimedia en el mundo de la computación es la forma de presentar información que emplea una combinación de texto, sonido, imágenes, vídeo y animación.
Entre las aplicaciones informáticas multimedia más comunes podemos mencionar juegos, programas de aprendizaje y material de referencia.
La mayoría de las aplicaciones multimedia incluyen asociaciones predefinidasconocidas como hipervínculos o enlaces, que permiten a los usuarios moversepor la información de modo intuitivo.
La conectividad que proporcionan los hipertextos hace que los programas multimediano sean presentaciones estáticas con imágenes y sonido, sino una experiencia interactiva infinitamente variada e informativa.
Referencias Web:
http://www.sukialogic.com/diseno-y-desarollo-web/57?task=view&6de52aed1121303eed42707161c702d4=ltetsjtj
http://notigen.blogspot.com/2009/05/navegadores-web-cual-elegir.html
http://ciberconta.unizar.es/Leccion/frontpage/100.HTM
http://www.desarrolloweb.com/articulos/1286.php
http://www.hidrasolutions.net/diseno-web/usabilidad-y-accesibilidad.html
http://www.maestrosdelweb.com/editorial/multime/
http://www.wikilearning.com/curso_gratis/introduccion_al_diseno_web-resolucion_de_pantalla/4463-5
http://www.lukor.com/webmasters/08040950.htm
http://conceptomarketing.com/2008/07/trucos-y-consejos-de-diseno-web/10-reglas-de-oro-en-diseno-web.htmlhttp://www.madboxpc.com/adobe-trabaja-con-google-y-yahoo-para-indexar-flash/
No hay comentarios:
Publicar un comentario