Este es el último artículo de la serie de consejos y ejemplos útiles para detectar la buena calidad en Diseño de sitios web (esperamos que esta información les haya sido de utilidad):

07. Hacer algo que nadie más ha hecho. . .

Algunos de los mejores sitios web son aquellos que logran salir del molde; extraños y a veces algo bizarros. Muchas veces, los que desafían la norma pueden terminar cambiando lo que es la norma. Comenzar a ser realmente original y crear algo que nadie más lo haya hecho antes, es lo más difícil de lograr en el diseño web.

Usted podría terminar haciendo algo increíblemente brillante, o podría terminar con un diseño que es digno sólo de críticas. Es una línea muy fina entre el éxito y el fracaso. Es decir, hay razones por lo cual algo (innovador) nunca se ha hecho antes, aunque muchas veces algo que no se ha hecho antes tiende a ser una mala idea (shit idea).

Pero existen ocasiones en que uno debe ser valiente y dar un paso hacia lo desconocido y a lo poco común o a lo acostumbrado por la gente . He aquí algunos ejemplos sobre este punto:

Navegación única en MB Dragan

Este no es exactamente un ejemplo de una navegación regular para una página web, pero el sitio web ¿luciría tan bien si sólo tuviera una navegación estándar?. Nosotros diríamos que es un poco riesgoso diseñar una navegación tan inusual, pero la misma va con el sitio y esto es muy importante. Es un hecho, si la navegación es estándar al sitio en particular, es difícil no apreciar lo bien que funciona con el diseño global.

Visualbox. Como lograr una navegación muy visual.

Visualbox tienen un objetivo en mente, mostrar sus espectaculares diseños. Debido a esto han utilizando muy poco texto y a primera vista lo que vemos es el nombre del estudio y una selección de sus mejores trabajos. Los detalles de un proyecto se revelan cuando nos ponemos sobre (hover) una caja. En la foto se puede apreciar lo descripto (LifeStyle TV Fashion). La siguiente, es una solución eficaz y funcional para la presentación de un portfolio, y obviamente mucho más atractiva que sólo una lista de enlaces.

La Línea Recta hacia el éxito según Nikola Mircic.

Si usted es un diseñador de interfaz y desea la gente vea su trabajo y lo contrate, Nikola Mircic le mostrará cómo llegar a convertir un sitio web en algo realmente impresionante. Su sitio web recibe al usuario sólo con algunos elementos: la variedad de su obra, su nombre, lo que hace y un enlace de contacto. No hay gran cantidad de texto o palabras grandilocuentes para convencer al visitante de que utilice sus servicios, sólo deja que su trabajo hable, literalmente, por sí mismo. Por supuesto, usted puede hacer clic en las imágenes para ver más y conseguir mayor información y texto, pero el diseño es muy singular y es extraordinario “ver” como funciona para el usuario.

Consejos para intentar algo nuevo

Los anteriores ejemplos no pretenden ser de “inspiración” para ideas únicas, son simplemente un par de sitios que consideramos únicos en su forma y estética. El hecho es que usted no puede basar su inspiración en los anteriores ejemplos e ideas, debe buscar la creatividad en algo propio, en algo nunca antes realizado. Este es el punto; la meta a la que todos debemos apuntar.

Por lo tanto, si usted está tratando de pensar en algo nuevo, ignore los ejemplos anteriores!

• Recuerde lo que es Relevante

Si va a hacer algo nuevo y único, pregúntese antes; “¿Tiene sentido?, Encaja con la marca?” Si la respuesta es afirmativa, Hágalo!

• Ignore todo lo que sabe.

Quizás no todo, pero si suspenda por un tiempo los principios básicos del diseño web. Si bien no hay un punto exacto en la búsqueda de la inspiración para las nuevas ideas si seguimos los clásicos lineamientos del diseño web estaremos en la dirección contraria a la innovación.

• Mantenga un cierto nivel de calidad

Es mucho más sencillo explicar una innovación en diseño web si esta la idea: “se ve bien, funciona bien y además es usable”.

———————————————————————————————–

Este artículo es una traducción al castellano de How to Spot Quality within Web Design: Examples & Tips

Fuente: www.wefunction.com

———————————————————————————————–

¿Qué busca usted en un diseño web de calidad?

Existen muchas cosas que pueden hacer que un diseño web destaque por su calidad, yo diría que hemos cubierto sólo algunos de los puntos de básicos.

Por eso mismo, nos gustaría saber cuáles son sus ideas y pensamientos acerca de lo que usted busca cuando un  diseño le atrae o no.

Comparte esta contenido en tus redes sociales

Hide Sites

Algo que se debe tener en cuenta antes de tratar de aparecer en Google u otros buscadores, es la optimización de nuestras paginas y sitio web. Por lo tanto, vamos a dar algunos tips que se deben realizar antes de dar de alta su sitio en los buscadores y que en un futuro ayudará a mejorar el posicionamiento y por ende las visitas en su sitio web.

Algunos de los términos a utilizarse en este artículo:

Posicionamiento web: Lograr que su sitio web aparezca en los primeros resultados de búsqueda de Google u otro buscador.

Optimizar una página web: Significa distribuir su contenido textual de modo que los buscadores la consideren más relevante que otras para una determinada palabra o frase y por lo tanto, la ubiquen entre los primeros resultados de la búsqueda.

Optimizar un sitio web: distribuir su contenido textual en todas las páginas internas del sitio web.

5 Claves o Tips para optimizar sus paginas y sitio web.

1 – Optimice sus páginas y sitio web

Muchas personas atraídas por la tecnología multimedia, suelen agregar demasiado contenido en aplicaciones de Java, animaciones en flash, imágenes, etc. Nada de esto es leído por los robots buscadores y por lógica (estos robots) no indexarán estás páginas.

Lo más importante es el contenido textual: Sin texto, para los robots es como si sus paginas no “tuvieran nada de contenido y los robots no encontrarán relevancia”. Si no mantiene sus páginas ricas en contenido textual estará cometiendo un error que le puede costar mucho dinero.

Recuerde que el contenido textual debe ser contenido apropiado; contenido de calidad, estudiado y seleccionado.

2 – Seleccione un título apropiado para cada página de su sitio

El título de una página (etiqueta) es el texto visible que aparece en la barra superior de su navegador. Para los motores de búsqueda el título es uno de los más importantes para efectos de relevancia.

Muchos desarrolladores web pasan por alto esto y dejan a sus páginas “untitle”, sin título alguno. Este es un descuido que se debe cometer .

Elija un título para cada página de su sitio web, el título debe ser lo que identifique completamente el contenido de cada página, de preferencia debe contener la(s) principal(es) palabras clave de su página web.

No cree título demasiado laaaaaaaaargos, emplee títulos cortos.

Note que el título es lo primero que aparecerá en el “enlace” hacia su sitio web en los resultados de búsqueda, por ello es muy importante seleccionar perfectamente el título de sus páginas.

3 – Etiquetas META (html)

Internamente una página se conforma de etiquetas HTML que son leídas e interpretadas por los navegadores, para un desarrollador web este termino es muy común, si usted NO entiende mucho sobre HTML, solicite a su diseñador o desarrollador web que optimice las etiquetas META de acuerdo a lo siguiente:

Meta descripción: tiene la función de informar a los robots de qué se trata el contenido de la página. Es un “resumen” del contenido; las palabras que ingrese dentro de la etiqueta “Meta Description” (<meta name=”description” content=”descripción optimizada del sitio“/>) deben ser escritas con mucho cuidado para sacar el máximo provecho.

Los buscadores suelen suelen exhibir unas 140 palabras incluidas dentro de esta etiqueta, de modo que si su texto excede esta cantidad puede perder su efecto “promocional”.

De acuerdo a estas indicaciones, escriba un breve párrafo descriptivo del contenido de su página web, piense bien en las palabras que utilizará, de tal forma que sea “una invitación” a visitar dicha página y que contenga las palabras clave más relevantes del contenido.

Meta Keyword: Son las palabras “clave” por las cuales las personas podrán entrar a su página. Hoy en día ya no se pueden usar palabras muy comunes ya que existen millones de sitios web que usan dichas palabras.

Puede incluir una pequeña frase como palabra clave, por ejemplo, en Rebornargentina.com (sitio de turismo medico-odontológico) no utilizo palabras comunes como “odontología o turismo médico” , más bien me enfoco en frases con las cuales puedan encontrar fácilmente mi sitio, una de ellas es (por ej.)  “Tratamientos de Odontología en Argentina”.

4 – Primeros caracteres y contenidos (<body>)

Los primeros 200 caracteres de texto son también importantes para los buscadores. En esta zona debe incluir aquellas palabras clave que han utilizado en la etiqueta Meta Description y Keywords.

Si algún robot no reconoce las etiquetas META, suelen extraer los primeros caracteres de sus páginas web como descripción, de modo que estos 200 caracteres deberían formarse con frases cortas y con un significado claro.

Su desarrollador web debe utilizar, internamente,  en los encabezados de sus páginas la etiqueta como  “<h1>”  y otras, ya que los robots identifican que esto tiene más relevancia y por lógica le dan más importancia.

Otros datos adicionales que debemos tomar en cuenta son:

- Distribuir perfectamente las palabras claves en el resto de contenido de las páginas.

- Utilizar al menos un menú con enlaces de texto, recuerda, los robots leen estos enlaces de texto. No solo imágenes o menús en flash.

5 – Utilice un archivo SiteMap para que Google indexe su sitio.

Los sitemaps le permiten informar a Google de sus páginas, cuales se consideran las más destacas, la frecuencia con que cambian, etc. Un sitemap es una vista “preliminar” de su sitio web para los motores de búsqueda.

Para aprender más sobre ello entre a:

http://www.google.com/support/websearch/

Una vez llegado a este punto les garantizado que si aplica cada tip para optimizar sus páginas y sitio web obtendrá resultados notables en el futuro.

Este articulo es una adaptación de un articulo de Emagister.com. (Adaptación: porque también hemos contribuido con algunos consejos, que en el articulo original, estaban poco claros)

Fuente: www.emagister.com

Comparte esta contenido en tus redes sociales

Hide Sites

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

06. El uso del color en su pleno potencial

La gente a menudo juzga los colores de acuerdo a sus gustos personales. Esto es un gran error. Si usted siempre esta en una situación en la que necesita decidir qué colores se ven bien en su diseño, su mente siempre debe estar puesta en la marca, en la construcción de un tema y en la búsqueda de un filosofía utilizando las diferentes combinaciones de colores.

Ejemplos de los Usos de colores brillantes en Diseño Web:

Una Inmobiliaria realmente colorida: Oypro

Hay una cosa que me gusta del sitio web Oypro; nos demuestra que no necesariamente un asunto “aburrido” tiene tener un diseño aburrido.

Con demasiada frecuencia las empresas se resisten a tener sitios que permitan a los diseñadores poner su talento y creatividad en acción mediante sus diseños. Parece que hay una necesidad de mantener las cosas simples, planas y de color gris. Sin embargo, este diseño demuestra que se puede tener un sitio web empresarial, sin la necesidad de mantenerse conservador en el aspecto del mismo.

Como mantener los colores apropiados en Tennessee Summertime

Summertime in Tennessee es un vibrante, brillante y cálido sitio web. Aquí, en su diseño, esta todo lo que deseamos asociar con un sitio que busca promover actividades de verano. Hay un montón de colores en juego en este diseño, pero una cosa es clara: Todos son relevantes. Los diseños que muestran una buena calidad tienen una combinación de colores que es adecuada al servicio o al producto para el cual se está diseñando.

Cuando lo obvio, no lo es tanto: Hell Design

A veces lo obvio es la mejor opcion de color para crear un gran diseño; un buen ejemplo es Hell Design (ya que esto no tendría ningún sentido si el color del fuego no fuera rojo).

La Variedad en los Fondos: Saturized Studio

Tener un buen color de fondo no es suficiente para hacer interesante tu diseño. Algunos de los mejores fondos son los que tienen un poco de variedad. En este ejemplo, vemos que la belleza del naranja y el rojo está sujeta a todo tipo de efectos de iluminación y gradientes. De esta forma, se da algo extra al fondo del diseño, y se impide que luzca plano y poco fresco. Es importante señalar tambien, que el contraste entre la oscuridad y la profundidad del color naranja generan un efecto muy bonito al portfolio.

Recordamos que algunas de las imágenes de este articulo pueden estar desactualizadas debido a que los diseñadores de los sitios a los cuales hacen referencia son innovadores constantes.

Consejos para utilizar el color en el diseño web

El color es siempre una buena área para la explorar y probar las distintas posibilidades y variantes en tu página web, pero siempre es importante tener en cuenta algunas cosas a la hora de elegir los colores y sus combinaciones.

• Experimente
Un tema aburrido no tiene porque tener colores aburridos.

• Varíe
Trate de usar los degradados, patrones y brushes en los colores de sus fondos. El Color por sí solo, no hace que algo que se vea bien.

• Cumpla con el Propósito del sitio web
Asegúrese de que sus colores sean adecuados para su producto / servicio.

———————————————————————————————–

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

A las acciones de los usuarios debemos sumar las campañas de marketing digital generadas por empresas y medios. Los grandes diarios on-line de Argentina lanzaron aplicaciones y juegos interactivos para seguir el mundial: Todos por la Copa de la Voz Del Interior, Goleadores de Olé y  Sentimiento Hincha de La Nación.

El mundial en móviles. Otra de las novedades de este mundial es la posibilidad de seguir los partidos desde un celular con conexión a internet. Para teléfonos BlackBerry podemos encontrar S42, una aplicación gratuita en  que ofrece un fixture con todos los partidos, la tabla de posiciones y la formación de los equipos. Nokia, por su parte, abrió el acceso gratuito a su conocida aplicación Nokia Gol, quizás una de las aplicaciones más completas. Y los usuarios de iPhone pueden encontrar varias aplicaciones gratis en su tienda, por ejemplo iFixture o  iMundial 2010.

Para este mundial, la palabra “streaming” ha dejado de ser desconocida para la mayoría de los que trabajan en oficinas y antes se perdían los partidos. Numerosas web, de manera “poco legal”, transmiten los partidos con una calidad media, pero por lo menos sirve para ir siguiendo los goles de cada equipo.

Pero la gran estrella de este mundial es Twitter. Según la empresa de microbloggin se generaron 2.940 tweets por segundo en el medio minuto posterior al gol de Japón contra Camerún el 14 de junio, unas cuatro veces la media de entradas habituales. El primer gol de Brasil contra Corea del Norte no quedó lejos, con 2.928 tweets cada segundo y el partido de México contra Sudáfrica generó 2.704 tweets. A todo ello se suma la aplicación oficial para seguir los partidos en tiempo real.

Y vos, ¿cómo seguís el mundial por la web?

Comparte esta contenido en tus redes sociales

Hide Sites

Sin dudas, la web estrella de estas campañas fue Youtube. Con su capacidad viral y masiva, este tipo de campañas no tuvo límites, ya que no fueron sólo el fruto de una buena producción audiovisual, sino principalmente de una estrategia inteligente.

Ahora tenemos la posibilidad de reinventar este tipo de campañas con la gran cantidad de comunidades virtuales que constantemente se van creando. Y sí, la estrella en este momento es Facebook, y a través de ella podemos conocer algunas características e intereses de los públicos destinatarios.

Reconocer las diferencias, los intereses, los contenidos que se comparten, aquellos que tienen mayor “viralidad” que otros es lo más importante para diseñar una moderna campaña de marketing viral.

Twitter también nos ofrece una información valiosa sobre los temas del momento, los personajes más comentados, los productos más deseados. ¿Podemos pensar campañas virales a través de Twitter?

Como vemos, cada día tenemos más herramientas para ajustar nuestras campañas y nunca está de más recordar las 6 claves de “viral marketing” señaladas por R. Wilson:

1.- Ofrezca un producto o servicio de valor
2.- Diseñe una propuesta muy definida y fácil de transmitir
3.- La campaña debe ser escalable rápidamente
4.- Explore motivaciones comunes y comportamientos de los destinatarios
5.- Utilice redes ya existentes
6.- Saque provechos de los recursos de terceros.

Comparte esta contenido en tus redes sociales

Hide Sites

Según un reciente artículo de PuroMarketing el trabajo de comunity manager está siendo tercerizado por la mayoría de las empresas hacia agencias externas, pero la tendencia indicaría que próximamente dicha figura estaría integrada en los propios espacios de trabajo de toda empresa.

El principal factor que incide en el tímido crecimiento de este perfil laboral ha sido sin dudas la crisis económica mundial. Quizás con el resurgimiento de las distintas economías globales, comencemos a ver a los comunity managers con más frecuencia en las estructuras empresariales y el impacto de su trabajo en nuevas estrategias de marketing a través de las redes sociales.

Seguramente en nuestras cuentas de Facebook ya estamos viendo algunas estrategias de distintas empresas. La mayoría de ellas están dirigidas a tareas de “branding” y fidelización de clientes, pero todavía son tímidas las apuestas por invertir verdaderamente en estas redes. Juegos, aplicaciones, herramientas con mayor interactividad todavía escasean en los perfiles de las empresas locales. Será el momento entonces de apostar y largar primero.

Comparte esta contenido en tus redes sociales

Hide Sites

Ya lo dijeron muchos expertos, el trabajo de posicionamiento en buscadores no es un producto, sino un proceso. Por ello, el seguimiento contínuo de un experto en posicionamiento es más recomendado que sólo optimizar tu web con los consejos que puedes encontrar en miles de sitios.

Un profesional no sólo te ayudará a posicionar tu web entre los primeros resultados, sino también deberá ayudarte a entender a los visitantes de tu web, a tus potenciales clientes y encontrar diversas palabras claves con las cuales pueden llegar a encontrar tu negocio.

También deberá estudiar en profundidad tu web y encontrar el modo de optimizar no sólo para los buscadores, sino también para que los usuarios la naveguen de forma práctica y sin dificultades.

Finalmente deberá conocer muy bien el mercado en el que compites. Te ayudará a estudiar cómo venden tus competidores, cómo posicionan sus productos o servicios y cómo está tu web en relación a ellos.

Comparte esta contenido en tus redes sociales

Hide Sites

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

05. Moderación y Sutileza

Los diseñadores siempre estamos buscando las maneras crear un impacto mediante un diseño único o un efecto especial dentro de la página web.

Pero hay veces que podemos lograr un mayor impacto restringiéndose uno mismo. Llega un punto en que el diseño pasa de ser bueno a ser demasiado cargado.

Un buen diseñador debe detectar cuando se ha cruzado esta línea; y esto consiste en evitar demasiados retoques o efectos especiales en el diseño.

Ejemplos de efectos sutiles en Diseño Web:

Degradados suaves en el sitio web “Things”.

Siempre debemos buscar sutiles efectos en todos los sitios web que visitemos. Quizás esto sea un poco obsesivo, pero no podemos dejar pasar los pequeños detalles que nos pueden ayudar de inspiración para el futuro. Los Degradados suelen ser los más utilizados, y es muy frecuente que pasen desapercibidos, pero quien utiliza correctamente un gradiente puede añadir a los elementos un efecto de realidad y profundidad a su dibujo.

La mayoría de la gente aún no ha descubierto los degradados y estos, a nuestro entender, son de gran utilidad a la hora de destacar nuestros diseños.

Sombras en Icon Dock

Icon Dock es un mix de ingredientes sutiles. Pixeles al detalle, degradados y sombras.

Pero para entender estos diseños de iconos web nos centraremos en el tipo de sombra. Aqui la sombra no es muy grande y la opacidad se ha reducido a sólo poner un relieve en el contenido de la caja y llevarla  ligeramente hacia adelante.

Es un bello ejemplo.

Sutiles texturas de fondo en Scouting for Girls

Tener una textura de fondo puede hacer o deshacer a su diseño.

Muchas veces el fondo se convierte en una gran distracción; y esto está lejos de proveer calidad al diseño. Por lo tanto, menudo es buena idea mantener las texturas del sitio web con un fondo sutil y suave.

El sitio web The Scouting for Girls realiza un gran trabajo al utilizar un estilo de textura oval complementándolo con una gran calidad de diseño.

Consejos para lograr la Sutileza en tu diseño

Para mí, los detalles sutiles en un diseño pueden impulsar al mismo; de ser bueno ha ser sorprendente.

Si estás buscando una manera de inyectar algo especial en tu página web, los detalles sutiles son el camino a seguir.

Aquí hay algunos consejos para tener en cuenta si desean incluir detalles sutiles en su diseño.

• Incrementa tus diseños propios
Nunca utilices un vector o la textura de otro, crea (en la medida de lo posible) tus propios detalles en la construcción de tu página web.

• Experimenta con la opacidad y el color
Incluso el 3% de opacidad puede tener un impacto positivo en tu diseño.

• No te preocupes, ser valiente (Don’t worry, Be Brave)
No tengas miedo de ser demasiado sutil, o descolorido tu bosquejo.

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 red social más popular del mundo y la prestigiosa consultora están desarrollando investigaciones de mercado en conjunto y acaban de publicar un primer informe, en el que demuestran la efectividad de la inversión publicitaria en las redes sociales.

Según publica PuroMarketing, uno de los principales resultados del informe es que en aquellos anuncios de publicidad que incorporan el contexto social incrementan la eficacia de una campaña, ya que es más probable que las personas se fijen en el anuncio, recuerden su mensaje y su intención de compra aumente.

Al mismo tiempo señalan los siguientes puntos sobresalientes:

• Incremento x 1,6 en el recuerdo del anuncio.
• Incremento x 2  en el reconocimiento de marca.
• Aumenta la intención de compra.

Comparte esta contenido en tus redes sociales

Hide Sites

Según publica PuroMarketing, mas de la mitad de los encuestados (56%) afirmaron que actualmente invierten al menos seis horas semanales a diferentes actividades en los medios de comunicación y redes sociales con fines comerciales o como parte de sus estrategias de marketing. Tiempo que aumenta hasta un total de 11 o más horas semanales para otro 30% de los encuestados. De forma general el 76% invierte al menos 4 horas semanales en los medios de comunicación sociales.

Los principales beneficios que señala el informe sobre el Social Media son los siguientes: para el 85% de los encuestados las redes sociales le permiten una mayor exposición y visibilidad de sus negocios, a lo que sumar una importante mejora respecto al tráfico web, y la oportunidad de generar nuevas relaciones de colaboración y la posibilidad de conectar con nuevos clientes potenciales.

Comparte esta contenido en tus redes sociales

Hide Sites