Tag Archives: Diseño Web

Que es Responsive Web Design y para qué sirve.

Que significa Responsive Web Design o (RWD)?

Significa Diseño Web Sensible o Adaptativo.

Que es el Responsive Web Design o (RWD)?

El Responsive Web Design o (RWD) o Diseño Web Sensible o Diseño Web Adaptativo es la creación de páginas web que pueden ser visualizadas perfectamente en todo tipo de dispositivos, desde ordenadores de escritorio hasta smartphones o tablets en pocas palabras una web que se adapte a cualquier dispositivo electrónico.

Para qué sirve el Responsive Web Design?

Si tienes o trabajas para una empresa que quiere competir en el creciente mundo del comercio online necesitas una estrategia integral que llegue a todas partes y que mejor lugar que llegar directamente a la mano de tus usuarios a través del móvil.

Estarás pensando en diseñar aplicaciones nativas para móviles, está claro que además de estar de moda pueden ayudar a proporcionar una experiencia de usuario sin problemas, pero debemos tener en cuenta que hay productos y servicios en los que una aplicación móvil puede no ser la elección correcta y es aquí es donde otras soluciones vienen a ser las ideales.

Una de esa solución es el diseño web adaptativo o Responsive Web Design que ofrece a los usuarios una experiencia web sin problemas en todos los dispositivos con diferentes tamaños de pantalla. El concepto puede parecer intuitivo, pero la planificación y ejecución requiere de paciencia y previsión.

He aquí algunas cosas que debe saber cuándo se opta por el diseño web adaptativo o Responsive Web Design:
Hay que establecer expectativas realistas:

Debemos conocer las limitaciones y diferencias para nuestro proyecto.

Es importante conocer las limitaciones de diseño de páginas web sensibles.

No todas las experiencias web de escritorio se traducen en móvil ya sea dentro de la aplicación o en un sitio. Por ejemplo, las características como el ratón por encima o flotar capas que están presentes en las experiencias de usuario de escritorio no puede funcionar en la actualidad de la misma manera en el móvil. A su vez, las experiencias web móviles no siempre satisfacen las necesidades tal vez más complejas de los usuarios de escritorio.

Esto pone de manifiesto la importancia de la identificación y elaboración de las variaciones en las prioridades de contenido para las experiencias móviles, tabletas y ordenadores portátiles y de escritorio, ya que todos ellos vienen con los escenarios de usuarios supone que están unidos entre sí .
El Móvil primero

En la experiencia del usuario (UX), debemos pensar » primero en el móvil » es un enfoque que muchos diseñadores UX adopten en la planificación de un sitio sensible. El contenido que los usuarios móviles son más propensos a buscar se identifica y se le da la colocación jerárquica adecuada a través de mapas de sitio, boceto, estructura y diseño.

Para crear «móvil primero » debemos pensar como adaptaremos y dispondremos los objetos de acuerdo con las orientaciones de las ventanas gráficas de los diversos dispositivos, así como también las resoluciones de pantalla.

El objetivo de pensar primero en el móvil l móvil es ofrecer soluciones de diseño a las siguientes preguntas:

«¿Qué se puede hacer para que la experiencia del usuario móvil sea lo más fluida posible ?»

Para responder a esto, debemos tener en cuenta la cantidad de acciones que requiere un usuario para realizar una tarea específica, y tratar de reducirlos a lo absolutamente esencial, teniendo en cuenta el tamaño de la pantalla es relativamente pequeña. Obviamente esto va de la mano con el objetivo de reducir al mínimo el tiempo de carga del sitio mediante la reducción de las solicitudes y el tamaño de archivo en la parte del desarrollo de la web .
Arquitectura y desarrollo a más fases

Según el método de flujo de trabajo, el diseño y la codificación de varias plataformas y puntos de interrupción puede tomar mucho más tiempo que el proceso tradicional que se hace para una web de escritorio sólo desde el diseño hasta el desarrollo. Por lo tanto, el Responsive Web Design tiene cada vez más y más necesidades de gestión de códigos y contenido.
En resumen debemos hacer muchas pruebas y más pruebas.

Antes de lanzar nuestro sitio web, debemos asegurarnos de haberlo probado en todos los dispositivos principales como iPhone , Android , iPad y navegadores como Chrome, Safari , Internet Explorer, Firefox, etc. aunque esto nos parezca tedioso, es un paso muy importante ya que todos los dispositivos y sus navegadores mostrarán la página web de forma diferente.

Los emuladores pueden ser una gran ayuda, pero no hay nada como las pruebas en el dispositivo real y su navegador. Si tenemos la posibilidad de hacer pruebas beta con algunos usuarios, sin duda, nos proporcionará información muy valiosa.

Definitivamente, hay algunos retos cuando optamos por trabajar el Responsive Web Design, pero en mi experiencia debo decir que vale la pena , ya que crea una oportunidad única para que nuestro negocio pueda llegar a más usuarios con más versatilidad, proporcionando una experiencia de usuario más fluida y eficaz.

Solamente para que nos demos una idea de su importancia, estas son las estadísticas que están dando a lugar la utilización de métodos como el Responsive Web Design o Diseño Web Sensible o Adaptativo.

Usuarios de internet en el mundo hasta abril 2014: 2.900.250.000

Cantidad de Smartphones vendidos en 2013: 1.000.000.000

Cantidad de pc vendidos en 2013: 460.000.000

Cantidad de tablets vendidos en 2013: 195.400.000

Cantidad de páginas web en el mundo hasta abril 2014: 981.800.000

En pocas palabras después de ver estas estadísticas crees que hacer una página web que se adapte a todos los dispositivos es una mala idea?

Por: Giorgio Maulini

Para: Global Marketing

HTML5 – Google pública el lanzamiento de una herramienta para crear sitios web y anuncios en HTML5.

Dejar un Comentario

Google declaró esta semana el lanzamiento de Web Designer, una nueva herramienta para la creación de sitios Web interactivos en HTML5 y anuncios para webs. Google deseaba hacer el lanzamiento de esta herramienta el pasado junio, pero involuntariamente lo mantuvo en silencio hasta ahora.

(Web Designer) es lo que Google define como «una herramienta de diseño de calidad profesional,» está ahora disponible para su descarga en su página oficial en versión beta tanto para y para Windows.

Su nombre traducido al español sería Diseñador Web de Google, por cierto está versión está disponible en español.

El software puede ser descargado gratis desde aquí.

Imagen de pantalla de Google Web Designer

Sean Kranzberg, Ingeniero de Google Web Designer comenta que es una herramienta para que html5 sea más creativo y accesible para todos, desde el diseñador web más aficionado hasta el más profesional.

Según Google esta aplicación para HTML5 permite:

• Crear animación creativa en HTML5, con un completo set intuitivo de herramientas de diseño.
• Permite manipular todo el código directamente con un editor incorporado que permite pre visualizar rápidamente sus creaciones en todos los navegadores que estén instalados en su ordenador.
• Construir mensajes publicitarios sin problemas de DoubleClick y AdMob, o publicarlos en cualquier entorno genérico que usted elija, capaz de funcionar en cualquier dispositivo.
• Recibir actualizaciones para el producto de forma automática, sin tener que volver a descargar la aplicación.
• Todo esto completamente gratis.

También esta aplicación contiene dos modos para diferentes usuarios.

El modo rápido que permite a los usuarios crear sus animaciones escena por escena con cierta mecanización y el modo avanzado para los usuarios más avanzados con el fin de animar elementos individuales utilizando capas después de la ubicación de los elementos de una sección.

: Google Web Designer es capaz de funcionar en cualquier dispositivo.

Google comenta:

«Google Web Designer, es una aplicación web avanzada que está construida con HTML5 y permite diseñar y crear anuncios en HTML5 más otros contenidos web mediante su integrado visual y su interfaz de código».

También dice que:

«Utilizando Google Web Designer se puede crear contenido con herramientas de dibujo, texto y objetos en 3D, también se puede animar objetos en una línea de tiempo. Una vez terminado la creación, Google Web Designer genera contenido limpio y legible en HTML5, CSS3 y Javascript «.

La aplicación requiere de Windows 7 u 8, o Max OX 10.7 o superior.

Video promocional de Google Web Designer.

¿Está nuestra página Web adaptada a nuestros usuarios?

Dejar un Comentario

Diseño Web

Utilizar el Diseño Web para Diseñadores Web no es el fin!

En este inmenso mundo online muchas empresas desde las más grandes a las pequeñas, todas tienen un objetivo común atraer usuarios y convertirlos en potenciales clientes.

La realidad es una y es que por más que le demos la vuelta no existen usuarios de Web, sino personas comunes y corrientes que utilizan la Web para un fin determinado, siendo cada uno de ellos únicos como lo somos usted y yo, o quien sea, aunque nos quieran etiquetar en grupos por edades, ciudades, pueblos, países, sexo, religión, solteros, casados, divorciados, jugadores, fumadores, etcétera y etcétera, seguimos siendo únicos.

Teóricamente a pesar de esto existen múltiples maneras para definir a diferentes grupos de personas, aunque lo más importante es tomarse el tiempo necesario para averiguar quiénes son las personas a la que debemos o queremos llegar.

Existen muchas formas de definir los grupos de personas, al menos en teoría. Lo importante es que nos tomemos el tiempo para averiguar quiénes son esas personas a las que les pueda interesar nuestros productos y o servicios, considerando lo que les puede gustar o tengan las mismas cosas en común, a fin, de tomarlos en cuenta para incorporar sus gustos en nuestro diseño de página Web.

Como definir el perfil de las personas que podrían convertirse en usuarios de nuestra Web?

En muchos casos es posible hacer predicciones o suposiciones sobre quién o quienes podrían ser nuestro público objetivo, para lograr esto, lo lógico, es basarnos en lo que estamos ofreciendo. Por ejemplo, si ofrecemos patines de carrera, es poco probable que estemos en el mercado de personas mayores de 70 años. Si queremos ser eficientes y asertivos, debemos siempre abrirnos de mente acerca de quiénes podrían ser nuestros clientes.

La mejor forma es a través de un estudio de mercado, haciendo encuestas o analizando a nuestros clientes existentes no virtuales y posteriormente continuar esta práctica una vez que dispongamos de una página web, eso si, las encuestas deben ser cortas o muy cortas, con el fin de obtener una mayor cantidad de información real sin molestar a nuestros usuarios.

La otra forma es la obtención de estadísticas y la interpretación de éstas, saber utilizarlas para realizar los cambios que debemos hacer en nuestra web según la experiencia que vayamos obteniendo, sería lo ideal.

Que debemos hacer una vez que obtengamos la información de nuestro público objetivo?

Una vez que hemos definido quiénes podrían ser nuestros clientes potenciales, debemos ponerlo en práctica, personalizando y adaptando el diseño de nuestra página web a los gustos y necesidades de nuestros posibles usuarios y futuros clientes. Por ejemplo:

Debemos hacer un diseño clásico para gente mayor y un diseño vanguardista para gente joven. Aunque dependiendo del producto puede haber excepción en las reglas.

Debemos utilizar colores, según la edad o tipo de producto.

Nuestro texto debe ser más grande para usuarios de avanzada edad y más pequeño o con estilos raros para los más jóvenes.

La diagramación debe ser intuitiva y sencilla para todas las edades.

Los gráficos en movimiento dejarlo para los jóvenes.

Siempre la creación de contenido debe ser concisa y para nuestros usuarios y no para los buscadores.

Nuestro contenido de estar de acuerdo a las edades.

Siempre es bueno ofrecer herramientas gratuitas como calculadoras de hipotecas para una entidad financiera, o un velocímetro de wi-fi para una compañía de servicios de adsl, etc.

Por eso cuando pueda y cuando quiera puede contactarnos para asegurarse de que su página web cumple con las necesidades de su público objetivo.

Por Giorgio Maulini

Para GLOBAL MARKETING

Diseño Web y tendencias web para el 2.014

Dejar un Comentario

Cuando hablamos de las tendencias sobre diseño web, siempre pensamos en lo que hacen los grandes, ya es hora de pensar en los pequeños, por eso, es importante asegurarse de que estos reciban un diseño adecuado y tengan en cuenta una cantidad mínima de conceptos a la hora de realizar sus proyectos Web.

Diseño Web y tendencias web

Como primera norma para crear una página web para pequeños negocios, debemos hacer un pequeño estudio de mercado, y con él podremos ahorrar tiempo y dinero, por ende muchos dolores de cabeza. Eso sí, no debemos emocionarnos con las últimas tendencias Web para realizar nuestras páginas web si no contamos con lo anterior, ya que podría perjudicarnos.

Como primer punto para ese estudio de mercado debemos saber cuáles son nuestros objetivos principales, por ejemplo: que propuestas de negocio queremos y necesitamos llevar a la web, quienes son nuestros consumidores y donde podríamos ubicarlos, utilizar y analizar a nuestra competencia y por último asegurarnos si nuestros productos satisfacen una necesidad en concreto, ya que la página web se puede convertirse en un elemento de suma importancia en el crecimiento global de nuestro negocio, siendo éste el eje principal de atracción de visitas que podrían convertirse en nuestros clientes.

Que debemos hacer para emprender un proyecto web antes de seguir las tendencias web?

Antes de empezar una página web hay que tomar la principal y más importante decisión, saber a quién contratamos, una forma ideal para no equivocarnos es pedir referencias y portafolios, obviamente debemos confirmar esas referencias.

También debemos recordar que un proyecto web está conformado por:

Planificación y Desarrollo de Marketing en un 10%.

Diseño Web y Desarrollo Web en un 15%.

Creación de contenidos Web en otro 15%.

Optimización Web y Posicionamiento Web SEO en un 60%.

Aun así, siempre es bueno seguir algunas tendencias, para estar al día sobre las exigencias del mercado global o la imposición del mismo, ya que puede ayudarnos a proporcionar ideas e inspiración para las empresas pequeñas que buscan configurar un sitio web para obtener una buena audiencia.

Estas tendencias son las siguientes:

Utilización de Gráficos: Muchas empresas se han dado cuenta que el contenido por sí solo no es suficiente como para capturar la atención de visitas a la página Web, sobre todo cuando el usuario obtiene la primera impresión de nuestra empresa solo en 3 segundos. Por eso muchos diseñadores ahora le dan importancia a la calidad de los gráficos, buscando la forma de expresar un mensaje instantáneo y claro.

Para las pequeñas empresas que tienen una gran competencia, necesitan optar por utilizar todas las opciones a fin de captar la atención de sus visitantes. Una forma en obtener esto es a través de presentaciones incrustadas dentro de la página de inicio, o presentaciones deslizantes con enlaces a otras páginas de mayor interés, presentaciones cortas de vídeo, con la finalidad de mantener las visitas interesadas.

Optar por un Diseño Vertical: A fin de crear un acabado sencillo y de varias capas, con un look actual, se está optando por la utilización de capas verticales, donde los enlaces y las pestañas se ejecutan a los lados de la página en lugar de lo largo de la parte superior. Esto le da al sitio un aspecto contemporáneo y fresco, en vez de un acabado estándar.

Objetos e imágenes superpuestos con transparencia: Últimamente han incrementado el uso de estas técnicas que incorporan varios diseños e imágenes superpuestas dando a la sitio web de un aspecto profesional, inusual y con un acabado particular logrando que destaque más ante los demás.

Diseño de Minimalista: Definitivamente más y más empresas se han dado cuenta de que construyendo sus páginas Web al estilo de todo incluido no es la manera de atraer y mantener la atención de los visitantes a un sitio web. De hecho, muchos visitantes están en contra de estas prácticas y abandonan los sitios de inmediato, además algunos de ellos denuncian estos sitios con el único fin de cerrarlos. Como resultado de ello, una tendencia diseño más minimalista está emergiendo y se centra en la calidad sobre la cantidad.

Utilización a pantalla completa: Una de las tendencias más utilizadas y que se va a seguir utilizando es la del diseño web a pantalla completa, con imágenes de fondo al 100%, eso sí debemos tener cuidado con la velocidad de descarga ya que la mayoría de diseñadores utilizan imágenes de alta resolución para dar un acabado perfecto y esto lo que hace es empobrecer la utilidad de la página web. Así que debemos tener cuidado ya que el diseño es el medio para mostrar el contenido, no una barrera para ello.

Estas sugerencias son sólo algunas de las tendencias diseño web, que se usan y seguirán usando ya que su popularidad está garantizada.

Con estas tendencias sumadas a otras, GLOBAL MARKETING puede utilizarlas para que su empresa tenga un sitio web atractivo, único y con más posibilidades de atraer visitas.

Por eso si desea emprender un proyecto web y utilizar las últimas tendencias web para su empresa, no dude en consultar a Global Marketing para obtener atención personalizada y respuestas a sus necesidades.

Por: Giorgio Maulini

Info@gmbbc.com

Director de GLOBAL MARKETING.

10 razones por las cuales necesitamos estar asesorados por un profesional o contratar los servicios de una agencia que reúna el Marketing, Marketing Online y Nuevas Tecnologías para realizar nuestros Proyectos Webs.

Dejar un Comentario

Generalmente cuando emprendemos un negocio o actividad comercial buscamos antes de iniciarnos una identidad propia que nos diferencie de los demás.

Por qué no hacer lo mismo cuando nos adentramos en el Universo Online?

La gran mayoría, intenta alejarse del diseño, utilizando plantillas descargables gratuitas además de copiar los contenidos de otras webs, cubriendo así sus necesidades inmediatas.

La ilusión es lo último que se pierde y si sigue este camino es lo único que le va a quedar.

Otros creen que tener una Web tipo tarjeta de presentación Online, es suficiente, sin tener consciencia de los prejuicios que esto ocasiona. El 70% de la WWW está lleno de páginas web con este concepto, de ahí la desilusión de millones de empresarios y usuarios.

Por eso os voy a dar 10 razones por las cuales necesitamos estar asesorados por un profesional o contratar los servicios de una agencia que reúna el Marketing, Marketing Online y Nuevas Tecnologías para realizar nuestras páginas Web:

1- Buscar una Identidad Empresarial propia:
Quien sabe cuál es la misión de su empresa, su cultura, objetivos, recursos humanos, visión, etc…? Difícilmente una plantilla web o un diseñador web podrá reunir todas estas variables y plasmarlas sin tener conocimientos de Marketing.
He ahí, el por qué hay tantas web sin pie ni cabeza…
Sin ofender al gremio pero la mayoría de diseñadores web no tienen idea de lo que es Marketing puro y duro!!!

2- Cuidar la Imagen y el Prestigio:
La imagen es la primera impresión que se lleva el cliente, no lo deje en manos de un becario o lo terminará pagando muy caro. En Internet usted tiene pocos segundos para lograr captar la atención de un usuario, esto exige que el trabajo que se vaya a realizar tiene que ser exageradamente bueno.

3- Personalización del Proyecto Online:
Su empresa, producto, imagen o servicio tiene que ser compatible con los dos mundos el Offline y el Online. Trate de que su página Web sea 100% compatible con su empresa, el diseño es el 15%, el resto es pura experiencia.

4- Poder definir su propia estructura:
Fijar objetivos al proyecto web para que sea viable, verificable y realizable es un deber. Hay que saber elegir, colocar donde y como la información de cada actividad, con el fin de facilitar la información solicitada de forma rápida y fiable logrando así el alcance deseado.

5- El tiempo es oro:
Recuerde el tiempo es el factor que limita el crecimiento de las empresas, mientras más se tarde menos alcance tendrá. Esta fórmula en Internet se multiplica por 1000.

6- Elección de las herramientas idóneas y necesarias para su proyecto Web:
La combinación de Marketing y Tecnología no es una tarea para emprendedores, saber qué hacer cómo y cuándo es tarea para profesionales y más, en un mundo donde lo que se ha aprendido ayer se convierte en obsoleto al día siguiente.

7- Competencia:
Nuestro error es siempre creer que somos mejores que los demás, cuando la realidad es otra, siempre hay que aprender de los demás, vigilar la competencia no es una tarea desleal sino indispensable, debemos situarnos en el mercado.

8- Seguimiento:
Analizar y recopilar información nos permite mejorar la eficacia y la efectividad del proyecto Web. Nos brinda la oportunidad de saber cuándo algo no funciona o si es suficiente lo que hacemos, si podemos mejorarlo, etc…

9- Medir los resultados:
Saber el impacto real que ha causado su estrategia le permite saber si la misma es correcta, obtendrá información de los cambios de mercado, grado de satisfacción y preferencias de su público, es la herramienta ideal para saber si se está en la vía correcta.

10- La Elección:
Es difícil buscar una empresa que reúna todos los conocimientos y requisitos que exige el mercado para la promoción empresarial en estos tiempos.

Para que su proyecto Online o Página Web funcione, debería contratar los servicios de Marketing, Diseño web, Marketing Online, Consultoría, Programación Web y Servicios de Tecnologías de Información y Comunicación (TIC) juntos, por separado sería económicamente inviable para medianas y pequeñas empresas, y buscar una empresa que ofrezca todos estos servicios a la vez es difícil.

Gracias a GLOBAL MARKETING BBC, usted podrá tener todos estos servicios juntos, y poder delegar la creación, organización y gestión de su plataforma Online para que su empresa pueda acercarse a sus posibles clientes, acceder a nuevos mercados, ampliar sus áreas de servicios y/o productos, reforzar su marca y poder aumentar sus ventas.

A que espera!

Visite nuestra Web y cerciórese usted mismo.

GLOBAL MARKETING

Better Business Consulting

Tag Archives: Diseño Web

Que es Responsive Web Design y para qué sirve.

HTML5 – Google pública el lanzamiento de una herramienta para crear sitios web y anuncios en HTML5.

¿Está nuestra página Web adaptada a nuestros usuarios?

Diseño Web y tendencias web para el 2.014

10 razones por las cuales necesitamos estar asesorados por un profesional o contratar los servicios de una agencia que reúna el Marketing, Marketing Online y Nuevas Tecnologías para realizar nuestros Proyectos Webs.

MÁS SERVICIOS:

MÁS de Nosotros

LO MÁS NUEVO:

MÁS INFORMACIÓN:

Nuestro Contacto

Global Marketing bbc