Web site detallado que planea extremidades y notas útiles en cómo diseñar un Web site

Share

|

El storyboard es el modelo para su sitio, pero hay muchos pasos a tomar antes de que usted pueda comenzar la construcción. En el desarrollo del Web, la mayoría del tiempo debe estar pasada en el planeamiento.

• . El planeamiento detallado de su sitio antes de una línea del código se escribe siempre
• . Pautas contentas
• . Pautas del texto
• . Pautas del color
• . Pautas de la navegación
• . Pautas de los gráficos
• . Pautas visuales
• . Otras pautas.

Planeamiento De Sitio Detallado Del Web

. Usted (sí, usted) desarrollará generalmente el primer bosquejo del texto para cada página. Usted sabe que su mercado de blanco best.you sabe qué le hace la compra, usted sabe lo que él desea, usted sabe las palabras del zumbido para su industria lejos mejor que su revelador del Web.

El paso siguiente es hacer que este texto sea repasado y corrige un copywriter en línea. Los copywriters en línea tienen generalmente un fondo en la publicidad, donde aprenden conseguir el mensaje a través en como pocas palabras como sea posible. Saben asir la atención de reader.s. Los usuarios don.t del Internet desean leer las páginas y pages.they desean conseguir lo que they.re que busca rápidamente. El texto debe ser corto, al punto, y escrito así que puede ser explorado fácilmente.

Una vez que el copywriter en línea haya hecho su magia, usted repasará y aprobará. Usted desea cerciorarse de que solamente se haya cambiado el form.not la sustancia.

El paso siguiente es hacer el contenido repasar y ser corregido por un Internet marketer.someone que tenga maestría en motores de búsqueda y sus criterios de la graduación así como los generadores del tráfico de la repetición y la comercialización viral y del permiso. El vendedor del Internet repasará y corregirá el texto y los gráficos, cerciorándose de otra vez que las palabras claves están utilizadas en los lugares apropiados para la alta graduación del Search Engine. Hay una ciencia verdadera a esto. La palabra clave asignada a una página particular se debe utilizar apropiadamente en el título de la página, el texto a través de la página, las meta-etiquetas para la palabra clave y la descripción, los jefes, las etiquetas del Alt, y las etiquetas de los comentarios. El vendedor del Internet desarrolla generalmente el contenido para estas etiquetas, títulos, y jefes a este punto. La comercialización del Internet es manejada a veces por su equipo del Web developer.s y es a veces una separada outsourced actividad.

El vendedor del Internet también se asegura de que usted haya utilizado los generadores apropiados del tráfico de la repetición, técnicas apropiadas de la comercialización del permiso, y se apropie de técnicas virales de la comercialización. Una vez más usted necesita repasar y aprobar los cambios para cerciorarse de su mensaje todavía se presenta apropiadamente para su mercado de blanco.

El paso siguiente es diseño gráfico. El diseñador gráfico es parte a veces de su equipo del desarrollo del Web y esta actividad está a veces outsourced. El diseñador gráfico desarrolla el look y la sensación para su barra de la navegación de site.the, el fondo, y las barras del separador. El diseñador gráfico sabe que su identidad corporativa en línea y fuera de línea debe ser constante. Una vez más usted repasa y aprueba el diseño gráfico. Una vez que todo el se haga esto, y se ha repasado y se ha aprobado todo, usted es listo para la programación a comenzar.

Notas Contentas

Haga su información del contacto fácilmente disponible. Considere el incluir de la información del contacto en cada página. Esto incluye su dirección, los números del teléfono y de fax, y especialmente su dirección del E-mail. Haga fácil para que la gente le consiga en tacto con.

Evite las páginas de la construcción del Under en su sitio; están de ningún valor al visitante. Cuando usted tiene información, fíjela. Hasta entonces, mención de don.t construcción del Under puede obstaculizar realmente su colocación del Search Engine con algunos de los motores y de los directorios populares de búsqueda. Incluya la información de la seguridad. Explique a sus clientes cuando las transacciones o los intercambios de la información sobre su sitio del Web son seguros. Esto es importante si su sitio acepta órdenes de la tarjeta de crédito.

Incluya su política de aislamiento. Diga a gente cómo su información personal (e.g., su nombre, dirección del E-mail, etc.) la voluntad y no será utilizada. Esto hace los visitantes investigaciones que someten más cómodas a su sitio o a ensamblar su lista del correo.

Reduzca al mínimo el uso de los sonidos del fondo y de los sonidos autoplay. Alguna gente practica surf el Web de su oficina en el trabajo y el deseo discreto para ir a partir de un sitio al siguiente. Los sonidos del fondo y los sonidos que cargan automáticamente pueden comprometer su discreción. Dé a sus visitantes la opción de escuchar un sonido, pero no la fuerce sobre ellos.

Notas Del Texto

El tono de su texto y del diseño de sus gráficos transporta su imagen prevista. Al determinar el contenido del texto de su sitio, sea ful de la mente del hecho de que sus propios diagonales pueden imposibilitar le de poner la información en su sitio que sea segunda naturaleza a usted, solamente importante para sus visitantes. Repase todo el contenido del texto en su sitio para asegurarse de que usted no ha omitido cualquier cosa crucial.

También, escrito del texto de la subsistencia. Casi 80 por ciento de usuarios del Web exploran el texto en línea en comparación con realmente la lectura de él. Por lo tanto, haga sus puntos dominantes rápidamente y sucinto, y utilice las porciones de listas bulleted, de jefes, y de reglas horizontales para crear roturas de la representación visual en el contenido. Esto guarda a visitantes interesados bastantes para leer la información en su sitio. Si los hacen frente con los bloques del texto enormes, la cantidad de la información abruman y se intimidan también a la mayoría de los visitantes para leer su mensaje. Escriba para el scannability.

Don.t fijó su tamaño del texto demasiado pequeño, como esto es demasiado duro de leer. Pero don.t lo fijó demasiado grande, como está gritando éste parece usted. También, evite de usar TODOS LOS CASQUILLOS, QUE TAMBIÉN VIENE A TRAVÉS COMO GRITANDO.

Coloree Las Notas

Guarde su imagen en línea y fuera de línea constante. Sea constante con su uso de las insignias, de los colores corporativos, y del otro asociado colateral de la comercialización con su compañía.

Elija sus colores del fondo y de la fuente cuidadosamente. Con los fondos que están demasiado ocupados obscurezca su texto y no proporcione una experiencia agradable de la visión para sus visitantes. Solamente ciertos colores demuestran para arriba correctamente en ciertos fondos. Un fondo ligero con el texto oscuro es el más fácil en los ojos.

El texto blanco exhibe lo más mejor posible en fondos negros, y el texto del negro es el más legible en los fondos blancos. Por supuesto, usted puede utilizar otros esquemas de color, pero elige su esquema cuidadosamente, según lo mencionado. No hay nada peor que un sitio del Web que sea ilegible. También, sea atento que alguna gente pudo imprimir las páginas de su sitio. Si usted incorpora una cantidad grande de su texto en los gráficos reales en su sitio, el texto pudo ser difícil de leer cuando estaba impreso. También, los sitios gra'fico-intensivos cargan más lentamente. Si usted tiene que incorporar el contenido del texto en sus gráficos, sea seguro que es sensible hacer tan.

Utilice los colores del defecto para los acoplamientos siempre que sea posible. El texto azul indica generalmente que unvisited acoplamiento. Púrpura, marrón, o un azul más oscuro representa generalmente un acoplamiento que usted ha visitado, y rojo es el color de un acoplamiento activo. No debe ser difícil que los visitantes identifiquen sus acoplamientos. Si usted decide no utilizar los colores del defecto, sus acoplamientos se deben acentuar de una manera constante a través del tamaño de fuente, del estilo de fuente, o de rayas.

Notas De la Navegación

La facilidad de la navegación es muy importante para su sitio. Proporcione una barra de la navegación en una localización constante en cada página esa los acoplamientos a todas las páginas principales de su sitio. Haga fácil conseguir a partir de una página a cualquier otra. Los motores de búsqueda pueden poner en un índice cualquier página de su sitio, así que su Home Page no pudo ser los primeros visitantes de la página venidos a. Nunca tenga callejones sin salida donde los espectadores enrollan abajo de una pantalla o de dos de información para encontrar solamente que deben enrollar toda la manera de nuevo a la tapa de moverse encendido (porque usted no tiene ningún acoplamiento en el fondo de la página). El constante-mirar y wellpositioned la barra de la navegación con acoplamientos de funcionamiento es la llave a la navegación eficiente del sitio.

Sus visitantes deben poder conseguirlos dondequiera desean ir en su sitio en tres tecleos o menos. Desarrolle una barra eficaz de la navegación según lo descrito previamente. Para los sitios muy grandes (es decir, sitios que consisten en más de ocho a diez secciones importantes), es una buena idea incluir un mapa de sitio a que los usuarios puedan tener acceso de cualquier página en su sitio. Los mapas de sitio, según lo demostrado en mapas de sitio hacen fácil para que los usuarios tengan acceso a la información que están buscando sin causarles mucha frustración. Incluya un acoplamiento de su barra principal de la navegación al mapa de sitio para la referencia posible más fácil. Los mapas de sitio son grandes para la sumisión a los motores de búsqueda como proporcionan acoplamientos a cada página de su sitio del Web asegurándose, tanto como sea posible, que cada página de su sitio consigue incluida en la base de datos de los motores de búsqueda.

Una característica adicional que usted puede ser que desee para incluir es una herramienta interna de la búsqueda. Esto permite que los usuarios incorporen su pregunta y que hagan todos los fósforos relevantes volver, basado en su pregunta. Esto es una característica particularmente útil si usted vende muchos productos directamente en su sitio del Web o si su sitio contiene muchas páginas del contenido. Permite que el usuario busque rápidamente para el artículo o la información deseado usando el nombre de product.s o una palabra clave relevante. Intel, el fabricante de viruta de computadora, funciona sitios múltiples y ofrece muchos productos y servicios. Para ayudar a usuarios a encontrar la información they.re que buscaba, Intel ha integrado una herramienta útil de la búsqueda. Mantenga el diseño de su sitio constante. Los tipos de la fuente, jefes, pies, barras navegacionales, botones, balas, colores, etcétera, deben ser constantes a través del sitio mantener una mirada pulida, profesional.

Notas De los Gráficos

Los gráficos que toman demasiado tiempo para descargar pueden hacer a visitantes salir de su sitio antes de que consigan una ocasión de verla. El tamaño combinado del texto y de los gráficos en ninguna página del Web no debe exceder 50 KB. Alguna gente da vuelta a gráficos apagado en sus browsers al tiempo de ahorro, así que usted debe proporcionar toda su información en texto así como gráficos. Las cualidades descriptivas del Alt del uso en su imagen marcan con etiqueta. El texto del Alt cargará en lugar de las imágenes cuando el gráfico no exhibe por ninguna razón. Los visitantes que eligen no hojear con los gráficos girados tendrán un rato más fácil que navegan su sitio. También, el texto del Alt es spidered y puso en un índice por muchos de los motores de búsqueda principales. Usar palabras claves en su texto del Alt en sus etiquetas de la imagen mejorará su graduación en motores de búsqueda y proporcionará una descripción de las imágenes en caso que no se carguen. Si usted utiliza algunos archivos grandes para los gráficos, el audio, o el vídeo, advierta a sus visitantes proporcionando un poco de texto que indican el tamaño de los archivos.

Utilice los gráficos del thumbnail cuando sea aplicable. Cuando usted tiene una página con muchos de las imágenes grandes (e.g., una colección en línea de la foto), cree las versiones pequeñas del thumbnail. de los visitantes de cada imagen y de la elasticidad la opción de chascar a través a las versiones más grandes. Esto es lejos superior a hacer sus visitantes la espera para una serie de imágenes grandes para cargar.

Usted debe tener cuidado con su uso de los mapas de imagen también. Los mapas de imagen son gráficos grandes con los puntos clickable del hot. Los mapas de imagen se utilizan típicamente para la navegación y tienen generalmente texto encajado en el gráfico. Los motores de búsqueda no pueden leer el texto encajado en un gráfico, tan del punto de vista de la amistad del Search Engine, si usted utiliza mapas de imagen se asegura siempre de que usted proporciona su texto apropiado y las etiquetas del Alt para el Search Engine.

Muy a menudo, cuando un gráfico grande se utiliza para un mapa de imagen, los visitantes deben esperar la imagen entera para cargar antes de que sea evidente donde deben chascar para comenzar a navegar un sitio. En vez de usar un mapa de imagen grande, rompa la imagen en imágenes más pequeñas de modo que los visitantes reciban una regeneración más rápida de su sitio sin tener que esperar un gráfico enorme para cargar. También, proporcione siempre un sistema de navegación alterno del acoplamiento del texto a la gente de la ayuda que practica surf con sus gráficos dados vuelta apagado.

Notas Visuales

Compruebe su sitio usando diversos browsers. Qué espectadores ven cuando se descarga su sitio depende de qué browser están utilizando. Diversos browsers exhiben el mismo sitio del Web diferentemente. Antes de usted fije su sitio en línea, comprueban su sitio con los browsers más populares:

• . Netscape Navigator 7.x
• . Netscape Navigator 6.x
• . Netscape Navigator 4.x
• . Browser De la Ópera
• . Mozilla Firefox
• . Microsoft Internet Explorer 7.x
• . Microsoft Internet Explorer 6.x
• . Microsoft Internet Explorer 5.x
• . Microsoft Internet Explorer 4.x
• . America Online 9.x
• . America Online 8.x.

También cerciórese de que usted repase su sitio en un mac y una PC como a veces sus miradas del sitio del Web diferentes dependiendo de la plataforma. Diseñe su sitio para las varias anchuras de la pantalla. Intente acomodar a visitantes sin importar la resolución de la pantalla que utilizan. Algunos usuarios del Web todavía funcionan sus sistemas en 640 pixeles por 480 pixeles; tenga esto presente al diseñar su sitio. Utilice su software del análisis de tráfico del Web para determinar las preferencias de la resolución de la pantalla de sus visitantes. Su sitio del Web debe dirigir claramente del texto del marquee del movimiento en sentido vertical. Los marquees del movimiento en sentido vertical son difíciles de leer y no son compatibles con todos los browsers. Fije simplemente el texto directamente en sus páginas si usted tiene algo importante decir.

Otras Notas

Su Home Page debe ser 50 KB o menos y se debe exhibir en no más de una o dos pantallas. Los estudios han demostrado que los visitantes esperan raramente más allá de 15 segundos para descargar un sitio. Pruebe la época de la transferencia directa de su sitio usando diversas velocidades de la conexión para asegurarse de que es razonable para todos los usuarios. También evite los acoplamientos muertos. Éstos son acoplamientos que van don.t dondequiera y el espectador recibe generalmente un mensaje de error no encontrado del 404.File del servidor del Web después de chascar en un acoplamiento muerto. Verifique periódicamente que todos sus acoplamientos sigan siendo activos.