Está en la página 1de 17

Características básicas de un sitio

web bien desarrollado


Por Quadrato

Existen ciertos elementos de usabilidad con los que debe contar tu página web
para que tus visitantes puedan encontrar la información de forma fácil y rápida.
En este artículo describimos cuáles son y qué ventajas ofrece cada uno.

Características básicas de un sitio web bien desarrollado


La estructura del sitio web debe ser visualmente intuitiva y fácil
de utilizar
Es importante que, de un simple vistazo, se puedan identificar los siguientes
elementos de una forma clara y consistente a lo largo del sitio:

 Encabezado
 Logotipo (no borroso, no mal recortado, no pixeleado)
 Bajo el logotipo, una frase corta que indique exactamente a qué se
dedica tu empresa. Por ejemplo bajo nuestro logotipo dice “Diseño y
desarrollo de páginas y aplicaciones web”.
 Barra de navegación.
Debe permanecer en el mismo lugar en todas las páginas interiores,
aunque puede estar en otro lugar en la portada si hay una buena
justificación. Al estar siempre en el mismo lugar el visitante sabe en todo
momento donde buscar las demás opciones. Los diferentes niveles de
opciones deben indicarse visualmente con tipos de letra, negritas, colores
o menús desplegables. Los textos de cada opción deben ser claros y
concisos. Si tu sitio web tiene muchas secciones y tienes que crear dos o
tres niveles de menú, no dudes en hacerlo, siempre y cuando crees un
camino fácil de intuir.
 Área de contenido principal.
Es el área donde la vista del visitante va después de ojear rápidamente el
encabezado. Aquí debes poner tu información.
 Barra lateral de contenido (opcional).
En algunos casos es muy útil tener una barra lateral, en la cual se puede
colocar información de fácil acceso, como números telefónicos o una liga
a nuestro formulario de cotizaciones.
 Pie de página.
Debe contener un menú alterno en puro texto, con las opciones de primer
nivel. También úsalo para colocar información de contacto u otra
información importante. El contenido del pie debe aparecer en todas las
páginas.

Características que hacen placentera y útil la visita a un sitio


web
Deben utilizarse de forma correcta las diferentes herramientas (HTML, CSS,
ASP.NET o algún otro lenguaje de servidor, AJAX, etc.) para lograr una
navegación que cuente con las siguientes características:

 Páginas ligeras que descarguen rápidamente.


 El formato y estilo de los diferentes elementos están centralizados en un
solo archivo, de tal forma que el navegador solamente lo tiene que leer
una vez.
 Elementos técnicos que facilitan la indexación en buscadores de Internet:
 Inclusión de Metatags “Description” y “Keywords”.
 Información bien redactada sin intentos de engañar a los
buscadores de Internet.
 Uso de etiquetas H1 a H6 para títulos.
 Imágenes optimizadas para que pesen menos.
 No utilizar marcos (frames). Esto evita algunos posibles errores de
visualización en el navegador y facilita la impresión.
 No utilizar Flash cuando no agregue valor. Los buscadores de Internet y
algunos smartphones y tabletas no pueden leer el texto en Flash.
 En la mayoría de los casos es recomendable utilizar un ancho fijo (no
expandible a todo lo ancho de la pantalla) porque facilita la lectura.
 Utilización de tipos de letra fácilmente legibles y una herramienta para
permitir crecer el texto. Existe una estimación de que el 75% de los
adultos utiliza algún tipo de anteojos para corregir la visión.
 Todas las páginas contarán con un URL absoluto. Esto es, cada página
tendrá una dirección distinta y única en la barra de direcciones de tu
navegador (puede parecer obvio, pero hay sitios web que no funcionan
así). Haciéndolo correctamente, es posible para el visitante añadir tu
página a favoritos o enviar una liga a un producto determinado por e-mail.
 De manera opcional se puede utilizar la migaja (breadcrumb) en todas las
páginas. Ejemplo: “Usted está en: Inicio –> Servicios –> Consultoría”.
 Apegarse a estándares de desarrollo para garantizar que el sitio web
pueda ser visualizado en todos los navegadores, como Internet Explorer,
Firefox, Safari, Chrome y Opera tanto en computadoras Windows como
Mac.
 Establecer contacto con el visitante mediante formularios y una
herramienta de chat en línea.
 Para romper la monotonía de grandes cantidades de texto, utilizar
fotografías propias o de stock.
 Utilización de Google Analytics o alguna otra herramienta para medir los
ingresos al sitio web.
 El copy del sitio web, es decir, la información que contiene, debe tener
estas características:
 Textos bien redactados, que contengan información relevante a lo
que queremos destacar.
 No tratar de engañar a los buscadores de Internet mediante
repeticiones exageradas de palabras, utilización del mismo color de
texto y fondo, o alguna otra táctica indeseable.
 No utilizar un lenguaje muy técnico ya que nuestros posibles
clientes no son necesariamente expertos en el tema.
 Mantener los textos breves y concisos.
 Incluir alguna sección (o blog) en la que se publiquen artículos
generados por tu empresa sobre el tema que domina. Esto ayuda a
que tu página sea más relevante para los buscadores, además de
que te conviertes en una fuente de información confiable para tus
clientes y posibles clientes.

Conclusión
Estas características son las básicas que un sitio web debe tener, pero se debe
hacer una evaluación de acuerdo al proyecto y los requerimientos del cliente
para ofrecer herramientas adicionales como Flipping Books, campañas de
AdWords, utilización de redes sociales (Facebook, Twitter, Flickr o Youtube),
desarrollo de aplicaciones, paneles de control para administrar bases de datos,
administradores de contenido para modificar la información de la página web
automáticamente, desarrollo de herramientas Intranet, acceso optimizado para
dispositivos móviles, blogs, o alguna otra.

Categorías: Los más consultados, Para tu sitio webTags: diseño, página web, usabilidad

12 ELEMENTOS QUE TODA PAGINA DE


INICIO DEBE TENER
Publicado por Marketing Communications
19/02/13 15:24


 Compartir

Si usted está considerando realizar un rediseño de su Sitio Web o se está preguntando


cómo generar más Leads de su sitio, hay varios elementos críticos que nunca se debe
olvidar incluir.
Lo que primero aconsejamos es revisar la página de inicio. Esta es sin duda, una de las
zonas más importantes de un sitio web. Es la puerta de entrada de una empresa frente al
mundo virtual, y, en muchos casos, es donde se genera la mayor parte del tráfico.
Sin embargo, dada la importancia de la página de inicio, resulta sorprendente que muchos
hacen un pobre trabajo de generación de Leads o ventas en este lugar. Con tanta
dedicación y atención, ¿por qué el rendimiento de estas páginas tan mediocre?
La respuesta es simple. Una página de inicio tiene que usar muchos sombreros y servir
muchas audiencias que vienen de muchos lugares diferentes. Es diferente a un Landing
Page (página de destino) específica, donde se genera tráfico de un canal específico dado
un mensaje específico para tomar una acción específica. Los Landing Pages tienen una
mayor tasa de conversión, ya que están dirigidos y son más relevantes para el visitante.
Pero ¿cómo se puede aumentar la tasa de conversión de una página de inicio si no
esta dirigida a un público específico como es el caso de un Landing Page?
Para que una página de inicio trabaje bien tiene que cumplir con su propósito y contener
elementos claves que atraigan tráfico, eduquen a sus visitantes, y conviertan a
navegadores en compradores. Los 12 elementos esenciales que voy a discutir le ayudará
a hacer precisamente eso.
12 Elementos que debe tener su Página
de Inicio
1. Titular

En 3 segundos un Sitio Web debe responder necesariamente la pregunta ¿Qué ofrece


este sitio? ¿Y qué hay para mi (beneficio)? Cree titulares claros y simples.

2. Subtitulares
Sus subtitulares deben ofrecer una breve descripción de lo que usted hace y vende. Evite
palabras técnicas o complicadas. Sea diferente y demuestre valor. No hable sólo de usted
y empresa.

3. Beneficios
No es importante solamente describir lo que hace, sino que porqué vale la pena, porqué
importa. Los prospectos desean saber acerca de sus beneficios y ventajas.
4. Llamado(s) a la Acción principal(es)
Incluya múltiples llamados a la acción (CTA) sobre la primera pantalla (antes de mover el
scroll) con el objetivo de lograr conversiones.

5. Funcionalidades
Adicionalmente a los beneficios, liste las funcionalidades claves, esto entrega a las
personas una mejor idea de lo que tratan sus productos y servicios.

6. Testimoniales (Prueba de clientes)


Los testimoniales son una prueba poderosa de confianza. En Internet todo se basa en la
confianza. Incluya lo que sus clientes opinan de su empresa. Incorpore fotos y datos del
cliente.

7. Indicadores de éxito
Adicionalmente a los testimoniales, premios y reconocimientos son importantes de incluir.
Generan una primera buena impresión además de reforzar confianza.

8. Navegadores
Para minimizar las tasas de rebotes, sus visitas necesitan crear un camino claro hacia su
sitio desde la página de inicio. Asegúrese de que sus navegadores estén visibles en la
parte superior de su sitio. Y manténgalos simples.

9. Imágenes de soporte
Muchas personas son principalmente visuales. Asegúrese de utilizar imágenes que
claramente refuercen lo que usted ofrece. Videos cortos son importantes también. No
utilice fotos de stock de gente de negocio tipo, eso pierde credibilidad.

10. Ofrezca contenido


Para generar más Leads de su Sitio y Página de Inicio específicamente, entregue
contenido que sea valorado como un ebook, guía, artículo, suscripción a un Newsletter,
entre otros.

11. Recursos
Más del 70% de las visitas a su sitio no están listas para comprar. Asegúrese de ofrecer un
vínculo a su centro de aprendizaje, recursos o biblioteca donde puedan aprender más de
lo que usted hace o vende.
12. Llamados a la Acción secundarios
Cuando las visitas terminan en la última de su página de inicio, no olvide incorporar un
nuevo llamado a la acción (CTA). Esto aumenta la probabilidad de conversión. Los CTA no
son exclusivos de la parte superior.

Diseño web: el buen uso de


espacio en blanco
POR LUIGGI SANTA MARÍA · 28 DICIEMBRE, 2016

El diseño web se trata, entre otras cosas, de saber distribuir los


elementos en el espacio de maniobra de la página web correctamente.
Para lograr este cometido, y proporcionar una excelente experiencia
de usuario que genere conversiones, es importante manejar
correctamente el espacio negativo o espacio en blanco.
Los elementos deben respirar y tener suficiente espacio para la interacción con
otros elementos. Aquí sabrás, mediante varios ejemplos, cómo utilizar
correctamente estos espacios y emplearlo en tus proyectos de diseño web.
El espacio en blanco como estrategia
en diseño web
Cuando los clientes solicitan colocar tanta información en una página web
como sea posible, los diseñadores experimentados saben que esto puede llevar
a una pesadilla en cuanto a funcionalidad.
Los ejemplos que colocaremos más adelante funcionan porque todo lo que el
visitante necesita está allí en la página; todo lo que está parece estar ausente
simplemente sería un desorden. En un lugar de ese desorden, el espacio en
blanco ayuda a crear balance, y una interfaz fácil de navegar que te permita
encontrar lo que necesitas sin ser abrumador.

01. Made by Sofa

Pudo haber sido tentador para esta compañía de diseño de interacciones usar
unas magnífica y colorida imagen en su página web en un intento de llamar la
atención. Irónicamente, para mantener las cosas simples, es un diseño fashion
y minimalista que en realidad capta mejor la atención del ojo. El uso limitado
del espacio en blanco expresa una sensación de confianza, mientras un
fragmento sutil de espacio negativo en el ícono del sofá le da un toque extra
de clase.
02.Apple

Si Apple se mantiene por algo, es por la importancia que le dan al diseño en


su tecnología, y su propia página web lo demuestra con maestría. Cuando
tienes productos con excelente imagen como estos, debes enfocar la atención
en ellos, y el uso del espacio en blanco alrededor de ellos permite exactamente
eso.
03. Built by Buffalo
El espacio en blanco no es sólo el uso de vistas ultra-mínimas, y aquí hay un
gran ejemplo. La agencia Brighton coloca en la página de inicio de Buffalo
sus elementos de navegación en hexágonos coloridos, agrupados juntos en un
entramado y rodeados por una generosa cantidad de relajante espacio en
blanco. Es un diseño web sorprendentemente original que contiene un
caleidoscopio de color y enlaces y, al mismo tiempo, proporciona una
sensación relajada y libre de estrés a la experiencia del desplazamiento.
04. Dropbox
Uno de los más grandes éxitos del mundo tecnológico es Dropbox, que
combina ilustraciones que parecen hechas por niños con un uso confidente del
espacio en blanco en su página principal para un gran efecto. La sensación
general es relajada y accesible, haciendo lo que podría ser, para los no
iniciados, una proposición muy compleja que parece una cosa divertida y útil
para probar.
05. Fell Swoop
El espacio en blanco siempre ha sido una herramienta de buen uso en una
revista de diseño, y este es un eco de esas sensibilidad en el diseño web de la
página del Fell Shop de Seattle. Las fuentes ligeramentes más largas de lo
usual y contenido en el espacio en blanco, prestan un poco de rara
sofisticación para eso que de otro modo sería un sitio bastante estándar de la
empresa.
06. UX Myths
Un sitio que te enseña sobre cómo proporcionar una buena experiencia de
usuario necesita practicar eso que predica. UX Myths, una página que
recolecta los errores más frecuentes, ciertamente lo hace. Es clara la tendencia
de enfoque en el texto del inicio de la página, que al mismo tiempo se remonta
a los primeros días de Internet, y también evita la fealdad de la pantalla de esa
época. En realidad hay un montón de información en esta página, pero el uso
inteligente de los espacios en blanco da la sensación de que no es así en
absoluto.
07. Something Splendid
Something Splendid es un estudio de diseño australiano que ya no existe,
luego de fusionarse con otra agencia, Liquorice, en 2013. La naturaleza de
Internet, sin embargo, permite que la gente todavía haga clic a través de
antiguos enlaces en su URL anterior. Lo que sorprende a estos visitantes ahora
es la adorable colección de su trabajo anterior. Los títulos hacen un uso
brillante del espacio blanco al darle un sentido de distancia y transmite ser un
tributo adorable en lugar de una página web de trabajo. Es mucho mejor que
una página 404 o una inexplicable transferencia a la nueva compañía.
08. Chanel
La industria del fashion es sobre verse bien, y tener un gran entendimiento del
potencial del espacio en blanco para crear una atmósfera y ratificada
sofisticación. Chanel no ha estado en el negocio por 107 años y contando por
accidente, y su elegante diseño web resalta como un ejemplo para cualquiera
que desee el éxito en ecommerce.
09. Lionel Durimel
Como dijimos antes, no sólo el diseño web minimalista emplea el espacio en
blanco. Pero si estás experimentando con el ultra-minimalismo, esto podría ser
algo hecho a mano, de hecho. La página web del maravilloso portafolio del
director de arte Lionel Durimel combina texto transparente, efectos de
scrolling y la atención que llaman los colores, para realmente vender sus
servicios, y el uso atrevido y aventurero de los espacios en blanco ayuda a
colocar a todos juntos muy bien.
10. Google
Google permanece como el gran Rey del espacio en blanco en la web. Sólo un
pequeño cuadro en tu página de inicio puede atraer mucho de un valor
monetario inimaginable. Pero el gigante de las búsquedas ha permanecido sin
cambios prácticamente desde 1990. Si alguien critica tu uso del espacio en
blanco en diseño web como “espacio desperdiciado” , señálales esto y
pregúntales si piensan si la empresa más exitosa del mundo sabe o no lo que
está haciendo…
Artículo traducido y adaptado de CreativeBlog. En Staff Digital nos encanta
encontrar y compartir información de alta calidad de diversas fuentes. Si
encuentras un artículo interesante en inglés sobre Diseño Web, Marketing
Digital o Redes Sociales, ponte en contacto con nosotros y uno de nuestros
editores se encargará de traducirlo y publicarlo. Gracias por visitarnos!

También podría gustarte