diseño página ganadora 1

para tener una

PÁGINA WEB GANADORA

10 TIPS DE DISEÑO

Si lo que busca es lograr el mayor número de visitas posible y posicionar su página en los motores de búsqueda, la recomendación es tener en cuenta los siguientes consejos que le permitirán estar a la vanguardia en materia de diseño web.

Una de las características que más predomina en los sitios de Internet más referenciados por los expertos es la sencillez. Un contenido saturado puede resultar poco atractivo y lento en términos de navegación. Sea sobrio en el uso del color y recurra a imágenes y a videos que le generen una conexión emocional con sus clientes.

Guber Zora HernándezPeriodista y Ms. en Gestión de Contenidos.@guberzora

Introduccion´Compartir este eBook

https://www.facebook.com/sharer/sharer.php?u=http%3A%2F%2Fwww.publicar.com%2Ftips-diseno-web%3Futm_medium%3Dsocial%26utm_source%3Dfacebook

https://twitter.com/intent/tweet?original_referer=http%3A%2F%2Fwww.publicar.com%2Ftips-diseno-web%3Futm_medium%3Dsocial%26utm_source%3Dtwitter&url=http%3A%2F%2Fwww.publicar.com%2Ftips-diseno-web%3Futm_medium%3Dsocial%26utm_source%3Dtwitter&source=tweetbutton&text=Ebook+Tips+Dise%C3%B1o+Web

https://www.linkedin.com/shareArticle?url=http%3A%2F%2Fwww%2Epublicar%2Ecom%2Ftips-diseno-web%3Futm_medium%3Dsocial%26utm_source%3Dlinkedin&mini=true

Iindice´10 Claves para estar a tono con las tendencias en 2014:

1. El video se impone.

2. Fotografías con estilo propio.

3. Diseño intuitivo.

4. Sencillez y simplicidad.

5. Tipografías Universales.

6. Aumente el número de visitas con HTML5.

7. Manejo inteligente del color.

8. Más clicks con Responsive Design.

9. Mejore la navegación con gráficos sobrios.

10. One Page Design.

Compartir este eBook


https://twitter.com/intent/tweet?original_referer=http%3A%2F%2Fwww.publicar.com%2Ftips-diseno-web%3Futm_medium%3Dsocial%26utm_source%3Dtwitter&url=http%3A%2F%2Fwww.publicar.com%2Ftips-diseno-web%3Futm_medium%3Dsocial%26utm_source%3Dtwitter&source=tweetbutton&


Iindice´

Casos de éxito:

1. USA Today.

2. Hive Storage.

3. Create Pilates.

4. Crop the Block.

5. Cultural Solutions UK.

6. Jlern Design.





10 Claves para estar a tono con las tendencias en 2014.





1. El video se impone:

Si lo que busca es un sitio web vendedor y dinámico, la recomendación es utilizar videos en su página

de Internet. Además de brindar movimiento y elegancia, impulsan las ventas, permiten atraer y fidelizar clientes, ayudan a incrementar el número de páginas vistas y son ideales para compartir conocimiento. Cisco, empresa de redes y

telecomunicaciones, estima que para el 2015, el 85% del tráfico en internet se concentrará en

la reproducción de videos en línea.





Otra manera de dar una valor agregado a su producto o servicio es publicar en su sitio web videos sobre temas relacionados con el sector industrial o económico en el que se enmarca su organización. La opinión o el análisis de un experto puede ser altamente valorado y le puede generar un mayor número de visitas en su página.

Algunos de los que más suelen emplear las empresas son los videos que enseñan a utilizar su producto, los que realizan una demostración con el propósito no sólo de educar a sus clientes sino también para ahorrar tiempo y dinero en el servicio postventa.





En el caso de las imágenes la recomendación es evitar el uso de fotografías genéricas. Lo más aconsejable es contratar un fotógrafo profesional que capte las mejores postales de su organización, haciendo énfasis en lo que se pretende comunicar a través del sitio web. Un texto acompañado de buenas fotografías genera una conexión emocional con sus clientes.

2. Fotografías con estilo propio:

Si lo que busca es darle a su producto mayor notoriedad en su sitio web puede ser adecuado usar el efecto Parallax, una técnica que permite incluir imágenes por capas para dar mayor movimiento, volumen y profundidad a la composición. Es una manera de crear una experiencia de inmersión más envolvente y atractiva, pero asegúrese de que la navegación en su sitio sea ágil en todo tipo de dispositivo. Esta condición será la que determinará qué tan

conveniente será usar diseños más o menos complejos.





Publicar imágenes de gran calidad en su sitio web es fundamental porque las pantallas de los dispositivos móviles que se comercializan actualmente en el mercado son en alta definición, lo que brinda una experiencia similar a la que ofrece el material impreso. Por tal motivo, asegúrese de que sus fotografías no se vean borrosas en ninguna plataforma y luzcan siempre bien en todo tipo de pantalla.





Un diseño intuitivo significa que un usuario sabe exactamente qué hacer cuando visita el sitio, sabe cómo funciona y encuentra lo que busca sin dificultades. Una recomendación – sobre todo para páginas de gran envergadura – es incluir una barra de búsqueda en un lugar visible. Estos son algunos consejos para que el diseño de su página sea intuitivo:

3. Diseño intuitivo:

En el logo incluya un enlace a la página de inicio.

Procure que el scroll sea visible, en caso de que lo tenga.

El texto alineado a la izquierda es más fácil de leer que el que está alineado a la derecha.





Incluya la opción de ‘Contacto’ en el menú horizontal y en el vertical. Además se recomienda poner la información de contacto en parte de abajo del sitio web.

Los botones y otros elementos importantes deben estar en el mismo lugar en todo el sitio web, para no confundir al usuario.

En el menú, use un lenguaje común que el usuario reconozca. Por ejemplo, use la palabra ‘Contacto’ en vez de ‘Comunicaciones’. Ser original en este sentido puede ser un arma de doble filo. Remítase a las convenciones estandarizadas.





Evite el uso de brillos o sombras que pueden recargar el diseño. Es recomendable dejar espacios en blanco que

faciliten la comprensión y le den orden al contenido.

4. Sencillez y simplicidad:

Los espacios en blanco van a mejorar la experiencia del usuario y van a aumentar las posibilidades de tener visitas posteriormente. Entre menos saturado el sitio, mucho mejor. Paul Novoa, fundador y CEO de la firma Novoa Media.





Con relación a las tipografías es recomendable no usar más de dos tipos de fuente con el fin de que el sitio sea más ágil y no tarde en cargar.

5. Tipografías universales:

Asegúrese de que la letra que emplee contraste con el fondo y de que sea lo más clara y legible posible.

Piense en todo tipo de dispositivos. Algunas muy grandes pueden verse bien en un computador, pero no en un Smartphone. Lo más aconsejable es que el tamaño no sea inferior a 11 puntos.

AAA

AA

ABC





Este es el código más reciente en el que se programan los sitios web. Es recomendable usarlo por ser más amigable con los motores de búsqueda y porque funciona mejor en todos los navegadores (Google Chrome, Safari y Mozilla Firefox) y en sistemas operativos móviles como Android, iOS, Windows Phone, entre otros. Además permite incluir sonido y video sin necesidad de utilizar flash, un programa que está perdiendo vigencia porque no cuenta con estas mismas ventajas.

6. Aumente el número devisitas con HTML5:





7. Manejo inteligente del color:

Mark Hoben, Director de Diseño web en Egencia, la division de Viajes de Negocios de Expedia group,

sostiene que el uso de colores neutros (blanco, gris y negro en diferentes tonos) puede ayudar a su

sitio a proyectar una apariencia elegante, limpia y moderna. Mientras que para

destacar los titulares, los gráficos y otros temas importantes recomienda el uso

de colores más llamativos, que estén en sintonía con el logo y con la imagen corporativa.





Para este tipo de trazos, la firma Pantone, especializada en el uso del color, recomienda los siguientes tonos: Placid blue, violet tulip, hemlock, sand, paloma, cayenne, freesia, celosia orange, radiant orchid y Dazzling blue.

Placid Blue

Violet Tulip Dazzling Blue

Celosia Orange

Cayenne

Radiant Orchid

Fresia

PalomaSand





La página debe estar diseñada en el lenguaje Responsive Web Design, es decir en una tecnología que permita que el sitio se adapte cualquier dispositivo, bien sean un portátil, una tableta o un smartphone.

8. Más clicks con Responsive Design:

Ver ¿Por qué debo adaptar mi página web a cualquier dispositivo?





Esta tecnología mejora la experiencia de usuario, reduce costos porque la versión móvil ya no es necesaria; aumenta el tráfico en su sitio y prolonga el tiempo de permanencia de los usuarios en su página web. Además garantiza que sus clientes lo encuentren fácilmente en los motores de búsqueda.

Una página sin responsive design, además de transmitir una pésima imagen, entorpece la navegación y hace que la gente abandone al cabo de unos pocos segundos.

Diego Anderiz, partner y director de la oficina en Madrid de GTO Europe.





Este año se impone el uso de gráficos planos, donde prima la sencillez, la limpieza y la sobriedad en el uso de color. Se pasó de un concepto recargado y rimbombante a uno más simple, geométrico y pragmático que facilite una navegación ágil en cualquier tipo de dispositivo.

9. Mejore la navegación con gráficos sobrios:

Algunos diseñadores se inclinan por retomar las tendencias que predominaron en los años 70 y 80, donde el minimalismo y la sencillez eran las principales características en materia de diseño. En esta línea, en los gráficos será cada vez más frecuente ver imágenes retro con filtro, muy similar al concepto que maneja Instagram. Este estilo despertó gran interés en la web durante el 2013 y se espera que la tendencia en 2014 sea la misma.





El diseño web varía de acuerdo al país y a la cultura. En Francia, por ejemplo, predomina el blanco y el negro, mientras que en la China se imponen los colores pastel. En el Reino Unido se utilizan las infografías y en Estados Unidos priman los gráficos relacionados con ciencia y tecnología. En México prima el concepto de familia y en Brasil son las figuras geométricas lo que está en furor. En Canadá son los íconos conceptuales lo que predomina y en Suecia todo lo que esté relacionado con la salud.





Este diseño presenta toda la información de forma ágil en una sola página. Se usa cuando el contenido no es muy extenso. Además de que carga rápidamente, es una página que se puede navegar fácilmente de forma vertical u horizontal, por lo que se reducen las posibilidades de que el usuario se pierda.

Se usa generalmente para presentar portafolios, promociones de algún producto, anuncios cortos y para otros fines muy específicos. Lo más recomendable es usar un lenguaje directo en el que prime la calidad sobre la

cantidad. Su mantenimiento es sencillo.

10. One Page Design:





Casos de éxito.






1. USA Today.

Una tendencia en materia de diseño es el pragmatismo, es decir publicar el contenido de la forma más simple y práctica posible. El ejemplo del periódico más grande de Estados Unidos refleja cómo la simplicidad es la base de la sofisticación. Su diseño responde al interés por garantizar una descarga y una visita ágil a través de cualquier dispositivo.




2. Hive Storage.

En el diseño web este año se están usando imágenes retro con filtro, muy similar al concepto que maneja Instagram.





3. Create Pilates.

Para dar una buena impresión al usuario, en el home se están utilizando grandes imágenes, textos y también vídeos.





Para lograr un diseño atrayente, dinámico y elegante, poner un vídeo de fondo con textos o elementos superpuestos puede ser una buena opción.

4. Crop the Block.Compartir este eBook




El efecto Parallax en el diseño web es una composición con imágenes que al organizarlas por capas dan la sensación de profundidad y crean un efecto 3D.

5. Cultural Solutions UK.Compartir este eBook





6. Jlern Design.

Este diseño se conoce como ́ One page design’ y presenta toda la información de forma ágil en una sola página.





http://www.cio.com/article/734408/13_Simple_Tips_for_Improving_Your_Web_Design?page=2&taxonomyId=600028

http://conversionxl.com/intuitive-web-design-how-to-make-your-website-intuitive-to-use/#/

http://www.shutterstock.com/blog/infographic-shutterstocks-global-design-trends-2014

http://www.lean-labs.com/blog/infographic-trends

http://99designs.com/designer-blog/2014/02/25/5-graphic-design-trends-watch-2014/

http://www.creativebloq.com/design/visual-trends-2014-11410446

http://www.puromarketing.com/42/18259/moda-tendencias-marketing-llevaran-2014.html

http://www.jhonurbano.com/2014/02/tendencias-diseno-web-2014.html

http://desktopvideo.about.com/od/webvideosforbusiness/tp/use-video.htm

http://www.getelastic.com/the-pros-and-cons-of-parallax-scrolling-for-ecommerce/

http://www.hostdime.com.co/blog/4-maneras-para-adaptar-su-sitio-retina/

http://naldzgraphics.net/tips/single-page-website-benefits/

http://www.guioteca.com/internet/%C2%BFque-es-html5-y-que-cambios-introduce/

Fuentes:Compartir este eBook




Gracias por Descargar nuestro ebook.

suscribirse a blog.publicar.com

Ahora lo invitamos a suscribirse a nuestro blog para recibir el mejor contenido de Marketing Digital.

http://blog.publicar.com/blog

Contáctenos

En Publicar le brindamos la asesoría y el acompañamiento que su negocio necesita para tener Presencia Digital:

Desarrollo de Páginas web con altos estándares de diseño, calidad y seguridad.

Posicionamiento en buscadores para que lo encuentren los usuarios de su interés.

Dominio propio, Hosting, Estadísticas, Visualización en móviles y presencia en paginasamarillas.com

Amplio portafolio de Soluciones Web que se adapta a diferentes tipos de negocio.

http://www.publicar.com/

diseño página ganadora 1

Documents