Seleccionar página
Responsivo vs Móvil

Responsivo vs Móvil

Con la reciente actualización de Google y su anuncio sobre la penalización de los sitios webs que no tengan su contenido “adaptado para móvil, hoy más que nunca, debes considerar; si aún no lo has hecho;  el diseño o la adaptación de tu sitio web ya sea  al móvil o responsivo.

Además son cada vez más las personas en el mundo que utilizan Smartphones  o teléfonos inteligentes  y  tabletas para acceder a Internet, por lo tanto tiene mucho sentido pensar en cómo vas a llegar a este nuevo tipo de público y para que este, te encuentre y visualice tu Website adecuadamente.

Pero, ¿cuál es el mejor método? ¿Crear un sitio web  de diseño responsivo o crear un sitio móvil? A continuación vamos a tratar de evaluar  y  entender los pros y los contras de cada uno.

DISEÑO RESPONSIVO

El diseño responsivo ( Responsive Web Design) responde al tamaño de la pantalla que se está viendo la web. Por lo tanto el contenido cambia de tamaño para ajustarse a la pantalla adecuada, este cambio debe responder además tanto a la adaptación de las imágenes, como el contenido y la navegación, haciendo un sitio amigable y fácil de usar tanto para usuarios de teléfonos móviles, cómo los PCs de escritorio.

Pros

  • Un solo sitio web, esto hace fácil administración.
  • Una sola URL, útil para las conexiones más lentas.
  • SEO, el contenido es el mismo independientemente del dispositivo, por lo que SEO se hace simple.
  • Comercialización fácil, sólo tiene que comercializar en un sitio.
  • Costos más bajos, un solo sitio significa, un solo costo.

Contras

  • La nueva tecnología puede ser lenta en los navegadores antiguos.
  • Tratar de complacer a todos a la vez con un solo sitio puede llegar a complacer a nadie.

DISEÑO MÓVIL

Un sitio web móvil es un sitio web diseñado específicamente para dispositivos móviles, utilizando la interacción táctil, teniendo en cuenta las pequeñas pantallas y conexiones lentas.

Pros

  • La experiencia de usuario, su sitio está optimizado para móviles por lo que tiene una gran interfaz de usuario.
  • Velocidad, construido para conexión más lenta, el sitio se carga rápido.
  • SEO local, usted puede centrarse en SEO local para aumentar su rango de SERP.

Contras

  • Mantenimiento, tienes que ejecutar y mantener dos sitios web.
  • Diferentes pantallas, con la gran cantidad de dispositivos, no todas las pantallas son lo mismo.

Recuerda, la opción que elija siempre se debe tener en cuenta a los usuarios finales. Encuentre la solución que funciona mejor para ellos.

Entonces, ¿qué solución es la mejor para mi negocio?

Para responder a esta pregunta debe tener en cuenta sus objetivos de negocio. Por supuesto, no hay ninguna razón para que un negocio no pueda tener tanto un sitio web para móviles y una aplicación nativa.

O puedes optar por tener un sitio web responsivo para PC escritorio y tabletas, un sitio web móvil para los teléfonos móviles y también se presentará con una aplicación móvil nativa en cada una de las tiendas de aplicaciones del sistema operativo. Esto depende, básicamente, en la escala de su negocio y el presupuesto que está dispuesto a destinar para el proyecto.

Si se actualiza el contenido con frecuencia, con un sitio web diseñado sensible se puede actualizar y administrar fácilmente.

Así que la hora de tomar una decisión final sobre cuál de los métodos de optimización móviles elegir, ten en cuenta tres factores más importantes:

  • Objetivos de negocio.
  • Presupuesto disponible.
  • Tipo de industria o mercado.

Todas estas soluciones pueden muy bien trabajar juntas y complementarse. Pero una cosa está clara:

 ¡La mejor solución es la que funciona mejor para el usuario!

http://marketingenredesociales.com/version-movil-vs-diseno-responsivo-cual-es-el-adecuado.html/

12 tendencias Web 2015

12 tendencias Web 2015

Las páginas web, como todo, evoluciona con el paso del tiempo. Vemos como se van adaptando a los cambios sociales y tecnológicos. Si te detienes  a pensarlo, hoy en día, cuando vemos una página antigua de 800x600px hecha con tablas o con interminables intros en flash, la primera sensación que dan es de rechazo. Una web limpia bien montada y ordenada, con fotos y estilos, invita a seguir navegando e ir descubriendo que nos ofrece. Por eso es recomendable actualizar el diseño de nuestra web cada pocos años, o hacerlo bastante neutro de manera que nos sirva el mayor tiempo posible. Aunque siempre habrá algo que se pueda mejorar y las modas irán cambiando.

Si te gusta que tu web tenga un estilo actual y destaque sobre las demás, aquí te dejamos 10 tendencias que, aunque algunas ya son algo conocidas, irán creciendo en popularidad durante este año:

  1. IMÁGENES Y VÍDEOS DE ANCHO COMPLETO: Antes teníamos limitaciones con los anchos de las páginas que han ido desapareciendo, dando paso a un estilo de imágenes de cabecera de ancho completo que nos encanta y nos parece de un impacto visual tremendo. Ejemplo: http://heathlife.co.uk/
  2. DISEÑO RESPONSIVE O ADAPTATIVO: Ya hemos hablado en algún post anterior sobre el diseño responsive(http://bit.ly/1twnmze) y lo importante que es adaptar la web a los dispositivos móviles en estos tiempos donde un gran porcentaje de la navegación se hace ya desde smartphones y tablets. Por ello también es importante adaptar el menú de la web a lo que se llama menu mobile (las rayitas que aparecen, normalmente, en la parte superior izquierda para acceder al menú). Ejemplo web responsive: http://www.zara.com/es
  3. MENÚ FIJO: Un menú superior sencillo y que se mantenga siempre visible, facilitará la navegación y hará la web más accesible. Una tendencia en alza. Ejemplo: http://www.ascensionlatorre.com/es/home
  4. MENOS CLICK Y MÁS SCROLL: Hace tiempo, el tener que usar el scroll para ver entera una página parecía un pecado mortal. Siempre te pedían que se viera toda la información tal cual en la pantalla y, para ver el resto, navegando por el menú. Mucha gente sigue pensando así aún. La tendencia actual rompe con este sistema ofreciéndonos páginas interminables en las que tienes casi toda la información en la primera pantalla, utilizando el scroll y, desde ahí puedes acceder a los puntos más importantes a través de fotos o iconos. Simplificamos el menú y la navegación. Un ejemplo de una original tienda rusa de novias: http://marytrufel.ru/
  5. ICONOS EVERYWHERE: Algo que nos encanta, el protagonismo de los iconos. Ya sean pictogramas sencillos u originales dibujos, nos ayudan a identificar las categorías visualmente de una manera rápida y amena. Por ejemplo: http://www.bluegg.co.uk/
  6. PARALLAX: Seguramente las webs más impresionantes que se pueden ver ahora mismo. Se trata de un efecto que, al hacer scroll, ves como el fondo se mueve a diferente velocidad que el contenido, como en capas. Suelen ser páginas de navegación sencilla y que le dan importancia a la fotografía para dar esa sensación de profundidad. Seguramente habréis visto muchas con “dos capas”, pero hay trabajos espectaculares realmente complejos como este: Atentos a este efecto porque cada vez vais a verlo más. Nuestro favorito sin duda. Fijaros en esta divertida partida de Tetris jugada con el scroll del parallax, que se publicó por el 25 aniversario de la Game Boy:https://ihatetomatoes.net/happy-25th-birthday-game-boy/
  7. BOTONES FANTASMA: Los botones fantasma o ghost buttons son formas planas sin relleno que se suelen usar para el call to action (llamada a la acción). Suelen ser botones simples, con un trazo tirando a fino, sin relleno, con textos simples y algo más grandes que el resto de botones. Suelen “camuflarse” sobre fotografías y en la parte centras de la pantalla. Un ejemplo: http://www.iuvo.si/
  8. ÉNFASIS EN LA TIPOGRAFÍA: Cada vez vemos más diseño tipográfico en las páginas web, lo cual nos parece un toque muy elegante y diferenciador. Si no, ¿Qué os parece esta web canina tan divertida?http://packdog.com/preview?hasdog=true
  9. CARD DESIGN: Dos estilos de diseño que hay que empezar a tener muy en cuenta. El mejor ejemplo de card design lo tenemos en Pinterest. Coloca la información en tarjetas, aparentemente desordenadas, rompiendo las alineaciones horizontales y verticales que resultan más aburridas y más vistas. Nos evocan los míticos cromos de cambiar y, a la vez, es una manera fácil de colocar la información. Muy válida para el e-commerce. Un ejemplo que vemos en dribble http://bit.ly/1A1grAa.
  10. FLAT DESIGN: El flat design o diseño plano es la alternativa a la tendencia de las webs que basan su imagen en grandes fotografías. Es la vuelta a lo básico, las formas geométricas, los iconos y el dibujo vectorial. Todo en una presentación, eso sí, con mucho scroll. Por ejemplo: http://www.themeskingdom.com/
  11. MICROINTERACCIONES: Os habréis dado cuenta que, cada vez más, os saltan en la pantalla mensajes para interaccionar con la página que estáis viendo, ya sea suscribiéndote al newsletter, pulsando algún botón, o contestando alguna pregunta. Eso incrementa el look&feel del usuario, que se siente parte de la página, no sólo un espectador como antaño. Por ejemplo: http://emptystat.es/
  12. COOKIES: El camino hacia la web 3.0 va de la mano con el creciente “acoso” de las cookies y los consejos en la publicidad de las páginas de que compres esto o veas lo otro porque has estado navegando por esos lugares. Esta tendencia, que puede gustar más o menos, irá en aumento por el avance de la web semántica y la inteligencia artificial que tenderán a dirigir la navegación. Donde más lo notamos por ahora es en las webs con más publicidad y las tiendas online. Podemos ver ejemplos en la publicidad de Facebook, de Amazon, etc.

 

Fuente: http://www.hazhistoria.net/blog/12-tendencias-en-dise%C3%B1o-web-para-2015

El Brief Web

El Brief Web

En muchas ocasiones nos hemos atravesado con proyectos web que parecen

Cuando estás con un cliente, intentando explicarle la importancia de una planificación para el proyecto web que estás a punto de realizar, muchas veces nos encontraremos con señales que nos dicen que tu cliente no tiene mucha idea sobre lo que realmente quiere:

  • “Ay, pues es que me dijeron que si mi empresa no está en internet, no existe para el mundo.”
  • “Pues no hemos pensado en la información que queremos que haya en la página, pero tú checa la página de la competencia y saca lo que necesites de ahi”

Y la lista sigue.

Por eso mismo, la implementación de un Brief Web es algo muy recomendable. En él puedes incluir desde preguntas tan básicas como “¿A qué se dedica la empresa?”, hasta dudas más específicas como “¿Cuántas cuentas de correo en promedio serán necesarias en tu proyecto web?”. Preguntas como estas pueden ahorrarte dinero y tiempo al momento de contratar un servicio de hosting, ya que algunos paquetes incluyen cuentas limitadas o poco espacio web.

Hoy en día existen muchos recursos para guiarte en la redacción de un Brief Web. Sin embargo, nunca es recomendable hacer tal cual un copy-paste a cualquiera de los recursos que nos topamos en internet. Toma referencias, compara las preguntas más frecuentes que encuentres en los ejemplos que hay en internet, y aplica tu propia experiencia con clientes para cubrir esos huecos que no llenen los briefs que te topes en internet.

Aqui hay algunos ejemplos que te podrán ayudar a darte una idea sobre lo que necesitas saber sobre un cliente antes de realizar un proyecto web:

http://es.slideshare.net/luti82/brief-para-una-web

http://wocon.es/blog/como-hacer-un-brief-para-pagina-web

http://www.arturogarcia.com/2013/11/el-briefing-creativo-que-es-y-como-hacer-uno/

Epic Exit

Epic Exit

Más de una vez nos ha pasado por la cabeza dejar ese trabajo aburridísimo y decirle “hasta nunca” a nuestro horrible jefe. Hacer una salida ÉPICA de ese odioso cubículo, mientras tus ex-compañeros de trabajo te miran con cara de “no-ma-meeeees” es tal vez algo que inevitablemente pensamos, pero queda como un sueño hermoso y nada más. Hasta ahora…

Digiti, una compañía en Bélgica ha lanzado este sitio de reclutamiento que seguramente hará que más de uno de nosotros intente hacer esa salida ÉPICA con la que tanto soñamos. Los pasos son simples:

  1. Inscríbete y firma un contrato para trabajar como el nuevo diseñador Front y Backend de la marca.
  2. Organiza una fiesta de despedida épica (puedes llevar al ex-jefe). No te preocupes por las bebidas y la música; DIGITI te las patrocina.
  3. Ve a la fiesta en Tomorrowland el 19 de Julio. Invita a un amigo -o a tu exjefe-.

Interesante campaña de la marca, y una interfaz web complejamente sencilla, hacen de esta mi muy personal Recomendación Web de la semana.

Ámonos!

53998165a18bd

http://epicexit.com/