20/02/2013

Consejos para diseñar una buena página de inicio

Consejos para diseñar una buena página de inicio

La página de inicio del sitio web de una empresa es el punto de partida para navegar por él y la puerta de bienvenida hacia el universo de la marca: sus valores, sus productos y servicios, su equipo de trabajo. Por lo tanto, se trata de la página más importante de todas, ya que puede definir en cuestión de segundos la impresión que tendrá el usuario. Una imagen que influirá de manera terminante en su decisión de cerrar o no un trato con la empresa.

Entonces, ¿cómo diseñar una página de inicio atractiva, que invite al usuario a realizar una compra o interesarse en un acuerdo comercial con nuestro negocio?

  • La página de inicio debe expresar sin interferencias la propuesta de la empresa. Existen varios elementos que asisten a este objetivo: un slogan en tipografía llamativa, un slider con los productos más destacados (por ejemplo, los más vendidos), un muestrario resumido de testimonios de clientes satisfechos, un buscador interno con una buena cantidad de opciones, etc. No se trata de sobrecargar la página principal, pero sí de usar inteligentemente todos los elementos que nos ayuden a comunicar nuestra identidad fácilmente. La página de inicio es tanto una tarjeta de presentación como una vidriera.
  • Por motivos similares, la página de inicio no debe ser difícil de navegar. Para desplazarse verticalmente hay que utilizar lo menos posible la función de scroll del navegador. En las páginas internas esta regla no es tan estricta, porque una disposición vertical de las listas de productos suele ser incluso conveniente.
  • Por último, si bien puede destinarse una sección apartada a proveer medios de contacto (formularios, cuentas en redes sociales, teléfonos, etc.), no está de más repetir esa información en la página principal, y de manera visible, con íconos o imágenes que sirvan de apoyo visual.

El diseño de las páginas internas es tan importante como el de la página principal, pero es la homepage la que invita al usuario a recorrer el sitio.

0

angularjs Aplicaciones en Facebook aplicaciones mobile behavioral targeting Botones Call-to-action breadcrumbs breadcrumbs web búsqueda de personal búsqueda facetada Call-to-action buttons Client-side cliente-destacado cms a medida coding comercio electrónico content marketing CSS3 PIE cuanto debe pesar un sitio data-driven web design Datos estructurados Defacement Denegación de servicio Desarrollar una aplicación web desventajas de PhoneGap diseñar newsletters diseño web diseño web argentina diseño web esqueuomórfico Diseño web responsive Diseño web responsivo diseño web santa fe diseño web Smart TV diseño web televisores DOM desde PHP enlaces rotos filtros de búsqueda flash flat web design formularios sitio web fragmentos enriquecidos función de autocompletar futuro de la realidad aumentada html HTML5 html5shiv inbound marketing Initializr interfaces Web para televisores javascript jobs jQuery Mobile Mapbox maquetado html/css maquetador web masonry layout menú de navegación menú desplegable Metodologías ágiles Modernizr MVC Navegación por teclado oferta laboral OpenStreetMap paginas de Facebook Paper js Paper js framework personas Phishing plan de QA Polyfills polymer portfolio-destacados portfolio-inicio programacion de CMS Programadores WordPress página de contacto página de error 404 que es Backbone.js Realidad aumentada Resultados instantáneos server-side skeuomorphic design sliders y usabilidad soporte Internet Explorer Storytelling Underscores usabilidad usabilidad buscadores user-centered design ux velocidad de carga web Vendor prefixes ventajas jQuery Mobile Ventanas integradas versiones antiguas de Internet Explorer WAI-ARIA web components web imprimible Web Semántica WordPress para ecommerce