Entre los datos más destacados encontramos que existen 1.73 mil millones de usuarios en la web y se envían alrededor de 247 mil millones de correos electrónicos por día.

Además podrás encontrar datos concretos sobre Facebook y Twitter, las dos estrellas de las redes sociales.

JESS3 / The State of The Internet from JESS3 on Vimeo.

Comparte esta contenido en tus redes sociales

Hide Sites

2 – ActiveCollab: un gestor de proyectos online. Con herramientas como éstas podrás trabajar en equipo de forma colaborativa, proyectos, equipos y compartir toda la información con clientes.

3 – Dinero Mail o PayPal: son dos de los sistemas de pago online más conocidos y confiables. De este modo sus productos o servicios pueden llegar más allá de las fronteras de su país.

4 – Google Analytics: quizás una de las herramientas más poderosas para saber qué hacen nuestros clientes en la web: visitas, páginas de referencia, palabras claves, páginas de abandono, entre otros.

5 – Twitter: cada vez son más las empresas que establecen relaciones por esta vía. comunican sus nuevos proyectos, publican consejos para sus clientes y ofrecen contenidos especiales para sus contactos.

Comparte esta contenido en tus redes sociales

Hide Sites

No todas las grandes empresas registraron de inmediato sus nombres de dominio. Por ejemplo Apple registró su dominio en el año 1987 y Microsoft en el 1991.
En la actualidad hay más de 192 millones de dominios registrados, entre los cuales el mas utilizado es el .com (80 millones de registros).
Sin embargo, la etensión .cn (utilizada por los sitios chinos) se esta acercando a esa cifra.
Meses antes de esa fecha se había aprobado el Sistema de Nombres de Dominio (DNS), que asocia las palabras con las largas direcciones IP que identifican a cualquier equipo conectado a internet.Luego de la extensión .com se fueron aprobando otras, como .net, .org, .gov, .edu, .mil, .int y los dominios con extensión para los distintos países.En el primer año sólo hubo seis interesados en registrar un .com y recién dos años después se alcanzo alcanzar el centenar.

Comparte esta contenido en tus redes sociales

Hide Sites

04. Organización de Elementos

Para ser un diseñador web se debe apelar mucho a la naturaleza creativa, y esto puede ser muy divertido.

Ahora sé que la Organización no suena muy bien para la creatividad o la diversión, pero una vez que entras en el hábito de una buena organización no tiene que ser tan aburrido como parece. La manera en que se organizan los elementos de un sitio web siempre va a ser diferente, depende de qué tipo de página web es, y de lo importante que son algunas características del contenido de este sitio web. Aunque siempre hay una variación en la forma y lugar donde irán los elementos, hay algunas cosas que se pueden hacer para que la organización de su contenido sea más fácil.

Lo primero que hay que hacer es decidir lo queremos quiere lograr con el diseño. Por ejemplo, ¿Estamos diseñando para vender un producto? ¿Estamos diseñando para destacar el contenido? o ¿Es un diseño para lograr suscriptores y referidos? Entre otros tipos de objetivos en el diseño web.

Diseñado para vender: 37Signals

Echemos una mirada al sitio web masivamente popular 37Signals. Este es un sitio “fácil de ver” y no es coincidencia que sus productos se vendan tan bien. La web esta hecha lo más simple posible para que el usuario vea rápidamente lo que está en venta. La organización de los elementos sirve de ayuda a la hora de tomar la decisión final de la compra. Esto es todo lo que se necesita en un sitio web diseñado para vender.

En la siguiente fotografía (abajo) podemos ver que la página web tiene 4 características fundamentales que la hacen ideal para alentar al marketing digital:

• Lo primero es la Atención. Los diseñadores de este sitio web han hecho un cuadro oscuro en donde ubicaron un fácil y rápido resumen con grandes títulos en negrita.

• Luego de intentaron generar Interés, esto mediante un listado de beneficios para cada producto con una bonita ilustración.

• El Deseo es el siguiente punto; esto es logrado poniendo los comentarios y testimonios, y algunos videos de “Lo que nuestros clientes tienen para decir.”

• La última característica a tener en cuenta es la Acción, en 37Signals hay varios puntos de acción en toda la página, es agradable ver que la misma es bastante larga y que incluso tiene algunos puntos de acción en el pie de página.

Diseñado para el contenido (Blog): Buenos medicamentos

Cuando usted está diseñando para un blog es una historia completamente diferente. No es necesario perder tiempo para convencer a tus usuarios sobre tu producto; tu “producto” ya está en la pantalla, tu contenido es el producto.

Uno de los puntos claves es hacer más fácil la visualización de entradas para los usuarios, así los mismos exploraran tu blog e interactuaran contigo a través del mismo. Contenido debe ser (una de las) la primera cosa (s) que ves en un blog.

En este ejemplo (abajo), una buena fuente rosa en negrita como título para el contenido, llama realmente la atención directa a los ojos del usuario. Hay también un buen tamaño en la imagen de la vista previa de los contenidos. Una buena 2/3 párrafo de texto seguido por un “Continúe Leyendo” (”Continue reading”) como enlace. Se destaca también la fecha de autor y la información como contenido estandar.

Para mí este es uno de los más perfectos de la “Calidad en Diseño para el contenido.”

La Atención en este blog puede ser re-direccionada a cualquier cosa que le interese al diseñador; aquí el anuncio de suscripción tiene un gran icono que ayuda a los usuarios a mantenerse conectados con su contenido. Además, sin duda, esto aumentará la cantidad de abonados, debido a que trabaja a dos niveles:

Primero: alentando a los usuarios Explorar, los mismos pueden utilizar en cualquier caso; las pestañas (Latest Post) recientes o populares de la barra lateral. Es fácil de hacer y muy efectivo, sobre todo en un blog.

Segundo: Los blogs tienden a tener una mirada muy personal de las cosas, lo que permite a los usuarios Conectar con el dueño del blog en una variedad de formas. Por lo tanto, el Blog puede ser una gran ventaja a la hora conocerse gente.

Comparte esta contenido en tus redes sociales

Hide Sites

Entre ellos, un sitio web para una Concesionaria Honda en Grecia (http://www.bskoulouris.gr) realizado para la empresa de diseño Webco GR con la que trabajamos hace algunos años.

También para Webco, realizamos un sitio para la empresa griega FurHome (http://www.furhome.gr) dedicada a la venta de productos para el hogar realizados en pieles como alfombras, almohadones, sillas, etc. Nuestro trabajo fue, además del diseño web, asesorarlos para que pudieran colocar sus productos en línea y mejorar las ventas. Para ello, desarrollamos un sistema a medida que permite la publicación de productos, con sus precios, galería de imagenes para ver en mayor detalle el producto y por supuesto, lograr que el cliente interesado realice pedidos de manera online (ver tienda online).

Estamos orgullosos también de lanzar el rediseño del Blog de Zagada (http://www.NearshoreJournal.com). El primer blog NearshoreJournal fue lanzado a comienzos del 2008. NearshoreJournal es un sitio dedicado a publicar noticias relacionadas con el mundo de los Negocios y el IT Outsourcing (ITO), Business Process Outsourcing (BPO). En este sitio realizamos todo el rediseño basado en hoja de estilo, un completo asesoramiento en Marketing digital, trabajando con redes sociales y optimizando el código para obtener mejores resultados en google.

A nivel local, hemos finalizado otro gran sitio, en este caso para Los Ases de la Parrilla (http://www.asesdelaparrilla.com.ar) una empresa dedicada al rubro organización integral de eventos, con la particularidad de organizarlos dándole un toque criollo. Los Ases de la Parrilla necesitaban mostrar su trabajo, los servicios que ofrecen y sobretodo la trayectoria que los caracteriza. Para ello desarrollamos un sitio web en donde no sólo pueden mostrar los eventos que organizaron, sino además el usuario puede pedir asesoramiento y elegir entre los diferentes menues para eventos que los “Ases” ofrecen.

Comparte esta contenido en tus redes sociales

Hide Sites

Continuamos con la serie de consejos y ejemplos útiles para detectar la buena calidad en Diseño de sitios web:

03. Tipografía Bien Pensada

Aunque el contenido real del sitio web no será escrito por el diseñador, este (el contenido) juega un papel importante en la calidad general del diseño web. La función del diseñador será asegurarse de que el contenido se muestre en una forma fácil de seguir y leer. Hay muchas maneras de asegurarse que su tipografía sea legible y usable, y aunque no vamos a enumerar el conjunto de normas y reglamentos sobre qué hacer y qué no, daremos algunos ejemplos de tipografía inteligente para hacer la diferencia en la calidad web.

Ejemplos de Tipografía Bien Pensada

Grandes y hermosas en TheNetsetter.com

Los títulos son importantes en el diseño de páginas web, especialmente cuando se está diseñando para un blog.

Una reciente tendencia en diseño web es utilizar, para los títulos, fuentes en negrita y de gran tamaño. Esto funciona de manera positiva de muchas formas, no sólo remarcar todas las casillas de la derecha desde un punto de vista de la usabilidad, sino que también ayuda a crear espacios y definir la estructura de un diseño.

Netsetter es un gran ejemplo de estos lineamientos, aquí se puede ver cómo el título crea un montón de espacio en blanco alrededor de él y, naturalmente, es muy fácil de leer.

Texto principal, grandes espacios.

El sitio web de Viget es realmente un hermoso ejemplo de lo importante que es la tipografía en el diseño web.
El ejemplo que vemos a continuación (tomado del portfolio) muestra una vez más cómo el uso de un mayor tamaño de fuente ayuda a crear y abrir el espacio. Incluso con la fina y fresca fuente que han utilizado, se puede ver el gran espacio que se ha creado en esa zona. El tipo de letra en sí es muy pulido, y es una gran elección de la fuente.

La otra cosa que se destaca aquí es la atención a los detalles en el interlineado (texto principal). En el espacio entre cada línea de texto se ha incrementado el valor predeterminado (line-height) para crear mucho más espacio y hacer el texto mucho más legible. Este es truco que puedes probar en tu próximo diseño.

Web Design Ledger, fuentes para adaptarse a su estado de ánimo.

Encontrar la fuente perfecta se puede hacer a través del ensayo y error. Pero también se puede hacer esta elección en base a los diferentes estados de ánimo que ciertas fuentes provocan y así, ayudar a forjar el diseño.
Aquí el ejemplo de la web; Web Design Ledger. Este diseño luce un look retro y gastado. Sin embargo, se contempla en el diseño una sensación abierta y moderna, por lo que la elección de la fuente ayuda a evocar un estado de ánimo similar a su éxito.

Henry Jones (el diseñador) ha elegido para los titulos una fuente-serif muy popular: Georgia; que se complementa con un estilo retro y gastado que luce muy bien.

La moderna sensación de este sitio web viene dada por el uso de diferentes fuentes; una para los títulos (Georgia) y una para el contenido: Helvética; una fuente sans-serif con redondeado que da una sensación de libertad por sí misma. Las dos opciones de tipo de letra en este ejemplo son muy ingeniosas y realmente ayudan a lucir y establecer el estado de ánimo positivo para el diseño.

Lista Rápida para la Tipografía Bien Pensada en el Diseño Web
Arruinar una buena tipografía en el diseño web se convierte en algo un poco más fácil cuando se han visto algunos grandes ejemplos de la Tipografía Bien Pensada (arriba).

¿Que es exactamente lo que hace que estos ejemplos sean tan buenos? ¿Qué debe mirar al diseñar su próximo sitio web?

• ¿Es legible?

No tenga miedo de hacer sus títulos grandes y en negrita.

• ¿Has pensado en el espacio?

El Espaciado puede mejorar la legibilidad.

• ¿Sus fuentes de ajustarse al estado de ánimo que pretende proyectar?

Asegúrese de que sus fuentes complementan el diseño.

Probablemente hay más de mil consejos esperándolo haya afuera, pero una cosa es segura: debemos aprender a apreciar el impacto de una buena tipografía.

Este articulo es una traducción al castellano de How to Spot Quality within Web Design: Examples & Tips
Fuente: www.wefunction.com

Comparte esta contenido en tus redes sociales

Hide Sites

Este proyecto fue encargado por la Secretaría en el marco de la Campaña de Promoción de Derechos y Protagonismo Infantil y Juvenil. La necesidad planteada era generar un espacio de comunicación entre los niños y adolescentes cordobeses con sus familias. Con este desafío en mente, propusimos varias ideas entre ellas, la de un concurso. Partiendo de esta idea original realizamos todo el desarrollo de la Campaña. Desde su puesta en marcha hasta la Promoción. Eso incluyó la realización de toda la Campaña de Marketing Digital, desde el e-mail marketing, la publicación de avisos en Google Adwords hasta la promoción en distintas Redes Sociales como Facebook, Metroflog, Fotolog, etc.

Trabajando en conjunto con la Secretaría, que realizó la parte gráfica, diseñamos y programamos el Sitio Web del Concurso http://www.enredate-cba.org en donde niños, niñas y adolescentes podían subir sus trabajos (narraciones, dibujos o fotografías) a través de formularios, además podían votarlos y comentarlos. Permitiendo también la participación de sus familiares y amigos que podían apoyar a los concursantes y sus trabajos favoritos a través de votos y comentarios.

Tenemos la satisfacción de haber concluido el Concurso y la Campaña con un éxito rotundo ya que sobrepasamos los 500 participantes, con más de 300 comentarios y más de 10.000 de votos.  En breve, cuando desde el Munaf nos notifiquen, estaremos dando los resultados del concurso e informando a todos los participantes, quienes fueron los ganadores y las escuelas a las que pertenecen.

Comparte esta contenido en tus redes sociales

Hide Sites

Es realmente efectivo? Si, pero teniendo en cuenta que atrás de las medidas que se tomen debe haber una estrategia de marketing adecuada para el producto o negocio que desarrollemos.

Las redes sociales (facebook, hi5, my space, sonico, etc) vienen creciendo vertiginosamente desde hace mas de dos años en todo el mundo. En la provincia de Córdoba, según una encuesta que realizamos en junio de 2009 arrojó como resultado que han tenido un gran crecimiento, en especial entre el público joven:

De 16 a 25 años el 55% de los usuarios usa diariamente alguna red social;
De 26 a 36 lo hace diariamente un 42.9%;
De 37 a 50 años cae al 25% su uso diario;
Entre los mayores de 50 años, sólo un 8,7% utiliza alguna red social.

Hay que tener en cuenta que aún se encuentran en expansión. Se incrementa tambien el número de networkers que comenzaran a promocionar su negocio digital o tienda online en las redes, lo que puede producir una saturación en los usuarios, y generar efectos contraproducentes en caso de no contar con la estrategia adecuada.

Lo primero a tener en cuenta, al elaborar una estrategia de marketing en una red social, es que nos vamos a encontrar con personas que comparten intereses, tienen cosas en común: trabajo, actividades, hobbies. Una vez que detectamos los grupos de personas que son potenciales clientes, tenemos que dar a conocer nuestro producto generando una imágen profesional y no vernos como simples vendedores.

Un punto importante, es mostrar en nuestro perfil creado lo que hacemos en forma clara, de esta manera nos encontrarán en forma sencilla usuarios con nuestros mismos intereses. Se puede retroalimentar con un blog donde podemos colocar artículos de interés, y sirve como puente para conseguir tráfico para tu sitio web.

Algún tipo de beneficio para los que te agregan a tu red suele ser muy efectivo: promociones de descuento en nuestros productos, algún regalo que puedan descargar de nuestro sitio (Ej: un libro electrónico), etc.

Considero que el marketing digital en redes sociales debe cumplir la funcion de hacer conocidos nuestros productos y de generar confianza, pero no hay que intentar vender nuestros productos.

Comparte esta contenido en tus redes sociales

Hide Sites

Continuamos con la serie de consejos y ejemplos útiles para detectar la buena calidad en Diseño de sitios web:

02. Detalle Perfecto en el Pixel

Realmente se nota cuando alguien ha puesto un gran esfuerzo en la terminación de un diseño web. A veces cosas sutiles hacen la diferencia y mucha gente no es capaz de notarlo ¿Que queremos decir cuando hablamos del Detalle Perfecto en el Píxel? Este método se basa en prestar especial atención a las líneas, los bordes y las fronteras. Por lo tanto, en lugar de tener una simple línea añadiendo algunos pequeños detalles, ya sea un sutil gradiente, o algo de sombra o relieve de un 1px  se puede lograr una gran terminación. Estos son algunos de los grandes diseñadores que tienen en cuenta estos detalles: Collis Ta’eed, David Leggett y Wolfgang Bartelme.

Ejemplos de Detalle Perfecto en el Pixel

Un vistazo a los detalles en Envato.com

Si usted mira en los ejemplos del recorte, se puede ver que:

En el Ejemplo 1, la barra verde tiene una línea de un 1 píxel ligeramente más claro en la frontera entre los elementos. El Ejemplo 2, se utiliza un suave gradiente de sombra en el interior de la caja y se deja una línea de un 1 píxel blanco al borde de la parte superior. Es un detalle inteligente, usa una sombra para dar la impresión de relieve en la terminación del elemento. Detrás de la zona verde, el diseño tiene una sutil y suave sombra que ayuda a llamar la atención sobre el limpio y nítido cuadro blanco que se encuentra continuación de dicha zona verde. Aunque no parezca mucho estas cosas realmente ayudan a que el diseño luzca más pulido.  Dan una sensación de 3D y realismo, parece que los elementos están realmente en la página, en lugar de un piso y/o diseño estático.

Los detalles sobre Tutorial9.net

David Leggett tiene una gran comprensión de cómo hacer un pixel pop. Su reciente rediseño de tutorial es una gran mezcla de técnicas píxel popping. En el Ejemplo 1 se puede ver cómo se ha hecho para que las pestañas luzcan como reposadas y levantadas en el borde, por la adición de un simple 1pixel para destacar la parte superior. En el Ejemplo 2 vemos una gran variedad de técnicas; Sombra en el icono/cámara, sombra en el relieve de la zona blanca, y un 1px de relieve en la parte superior de la barra de navegación.

Redbrick Health, ejemplo de perfeccion en el pixel aplicada a botones y separadores

Esta hermosa navegación, creada por Ryan Scherf y es otro gran ejemplo de la utilización de la técnica perfección en el píxel para obtener detalles de calidad que se noten en su diseño web.

El botón rosa posee un relieve de un 1 píxel para destacarlo, y la separación de las líneas entre los links posee un mismo nivel de calidad y detalle. Como se puede ver; uno puede limitarse a poner solo una línea de separación de color gris, pero Ryan ha incluido un 1 píxel de relieve a continuación para evitar que dicha separación luzca plana y en 2 dimensiones.

La Perfección en el píxel también aplicada al estilo “Grunge”: AvalonStar.com Blog

Aquí tenemos la hermosa AvalonStar.com: Un blog distorsionado, que utiliza un gran estilo grunge. Así, incluso con un diseño sucio y grunge, utilizando 1 píxel podemos destacar el sitio web y hacer una gran diferencia en la calidad.

Si nos fijamos en el Ejemplo 1 se puede ver cómo una sombra gradiente se ha utilizado en el área superior marrón, al mismo tiempo, el cuadrado verde que se encuentra por debajo de la misma tiene un 1px de relieve en su zona superior. La combinación de la sombra y, por encima de ella, un 1 píxel de relieve hace que las cajas luzcan un poco más pulidas.

Consejos rápidos para el Detalle Perfecto en el Pixel

En este caso, la práctica hace a la perfección. Como vimos en los ejemplos; algo tan sencillo, como una línea de relieve de un 1 píxel, puede añadir una buena profundidad a sus diseños y no es necesario confiar solo en los diferentes gradientes para lograr la sensación de profundidad.

• Manténgalo sutil

Los pequeños detalles son la clave para complementar el contenido.

• Piense en Pixeles

Fronteras, gradientes, líneas y sombras, etc. no tienen que ser grandes para ser eficaces.

• Antes y Después

Comparar los resultados obtenidos con la forma en que se miró antes de aplicar los efectos. A continuación puede ver cuán eficaces fueron.

Este articulo es una traducción al castellano de How to Spot Quality within Web Design: Examples & Tips
Fuente: www.wefunction.com

Comparte esta contenido en tus redes sociales

Hide Sites

La calidad es una palabra que a mucha gente le gusta utilizar a la hora de describir sus servicios de Diseño Web. Pero, ¿qué es la calidad? ¿Cómo saber si un diseño es de calidad o no? Bueno, creemos que existen varias maneras de identificar la calidad en los Desarrollos Web.  Una vez que puedas identificarla en un diseño Web, podrás usar las técnicas para perfeccionar tu propio estilo.

Se han reunido aquí unos cuantos lineamientos y  algunos ejemplos para explicar cómo buscar la calidad en el diseño de un sitio web.

01. Espaciamiento

Una de las principales cosas que buscamos en un buen diseño Web es el uso inteligente del espaciamiento en los elementos del diseño. Se debe prestar especial atención a cómo ciertos elementos son espaciados y alineados de forma en que realmente puedan hacer la diferencia con respecto a la apariencia general y el sentido de la calidad del diseño.

Creemos que la clave para obtener un correcto espaciamiento es examinar todos los elementos dentro del diseño.

Observar las imágenes en tamaños más grandes; esto puede ayudarle a obtener una buena idea de la mejor manera de ubicar los elementos en su espacio. Otras veces; alejar el zoom, y tener una perspectiva diferente de su diseño puede ser gran ayuda.

Excelentes ejemplos de Espaciamiento en el Diseño web

Gran Espaciado en el Sitio Web: Good.is

Como usted puede ver en este sitio los contenidos son limpios y abiertos. Abajo del autor del post (“Andrew Price”) hay un espacio completo. Esto permite a una buena cantidad de lugar alrededor del texto y las imágenes.

Un  buen espacio Digital Mash Website

Habiendo un buen espaciado entre los elementos estos se pueden ver mucho más atractivos y clickeables. Digital Mash es un buen ejemplo de un sitio acogedor.

Creatica Daily: tiene montón de espacio

Una vez más, el gran uso de la distribución realmente ayuda. Aquí, el contenido debe hablar por sí mismo. No hay mucho contenido en cada entrada, pero el diseñador no ha tenido miedo a darle al mismo de un montón de espacio. Sólo porque usted tenga unas pocas líneas de texto, no significa que no pueda utilizar una gran cantidad de espaciamiento.

Postbox Website: Mucho espacio en un sitio de correos electronicos

Echemos una mirada a un sitio Web de correos electrónicos: Aquí usted puede ver una gran espacio alrededor de los bordes. Este sitio tiene un padding (espacio interior entre los elementos) de 60 pixeles; suena a mucho, pero cuando lo observamos en acción se ve muy bien.

¿Cómo es el Espaciamiento Incorrecto?

El principal error que se comete cuando se trata del espaciamiento en los contenidos es que se pone mucha demasía cerca de los bordes. No importa lo bien que este elaborado el estilo de su contenido, si usted agrega demasiada separación, perderá mucho en estilo y calidad.

Ejemplo de que los no utilizan el suficiente espaciamiento en el diseño de sitios web

Mostramos en la sección anterior lo bueno del espaciamiento en el Sitio Web PostBox, pero hemos hecho una maquetación para mostrar a continuación cómo se vería con menos espaciamiento. De esta manera, se puede ver hasta qué punto el espaciamiento da un mal efecto a su diseño web. Esto le sacará estilo a su esquema y le quitará la sensación de calidad al mismo.

Consejos para el efectivo Espaciamiento

Decidir la cantidad de espaciamiento a utilizar en el momento de desarrollar un sitio web es algo que puede para cada caso. Lo que realmente se necesita es entrenar el ojo para conocer la correcta dimensión del espaciamiento en cada elemento, y utilizarla con eficacia para se ajuste a tu diseño web.

Estos son detalles que lo pueden ayudar ha mejorar;  siempre sumando la práctica y la experiencia:

• Diseño mediante un sistema de grilla

El uso de una plantilla cuadriculada sin duda le ayudará a entender mejor la importancia del espaciamiento.

• Pruebe y pruebe de nuevo

Siempre se puede utilizar un método de prueba y error hasta encontrar lo que se ve bien.

• Los lugares en blanco no son un desperdicio de espacio

El solo hecho de que usted tenga un área vacía, no significa que usted la tiene que llenar.

• Menos es realmente más

En lugar de tratar de encajar todo en una área adecuada, dale más espacio y mantenga sólo la información importante y vital.

Este articulo es una traducción al castellano de How to Spot Quality within Web Design: Examples & Tips
Fuente: www.wefunction.com

Comparte esta contenido en tus redes sociales

Hide Sites