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

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

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

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

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

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

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

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

Estos conceptos no son nuevos, se vienen trabajando hace algún tiempo por diseñadores, desarrolladores y expertos en usabilidad.

Nosotros tratamos de aplicar estos conceptos en cada uno de nuestros trabajos de diseño web en Córdoba. Como generalmente nuestros clientes ofrecen excelentes productos y servicios, nos entusiasma aportar algunos granitos de arena en el desarrollo de sus negocios web.

Algunas de estas reglas:

1-La planificación es fundamental.

Si bien no es física cuántica, el diseño de un sitio web no es algo que deba ser tomado a la ligera. Todo sitio web, desde el más básico al más avanzado, implica un nivel de desarrollo. Es conveniente hacer una lista de las funcionalidades necesarias y planificar el desarrollo considerando todas las cosas que pueden llegar a surgir. Esto evitará inconvenientes posteriores, reducirá los tiempos de desarrollo, optimizará los costos del proyecto y mejorará notablemente el producto final. La planificación empieza generalmente con una serie de entrevistas, se prepara una descripción muy detallada y se definen las etapas del proyecto. Se hacen diagramas, dibujos, wireframes. Con este proceso en mente, se puede empezar a pensar en una solución de diseño.

2- Un sitio web no es un folleto.

Puede tener textos, fotos e ilustraciones, pero un sitio web no es equivalente un folleto, es más bien una propuesta de usabilidad de contenidos, funcionalidades, catálogos interactivos, y un largo etcétera. Si bien muchas empresas abordan el desarrollo de sus sitios con el mismo concepto que hacen una pieza impresa, esto es un error y pone el foco fuera del punto. Un sitio web bien planificado y desarrollado puede ser usado para potenciar su negocio en formato digital. Es importante tener esto en mente a la hora de comenzar el proyecto para que su sitio funcione para su empresa.

3- Un sitio web es la vidriera virtual de su empresa.

Ok, ya quedamos en que no es un folleto, y de hecho es mucho más: Piense el diseño de su sitio web como una pieza clave de su estrategia de marketing, un lugar en que sus clientes pueden tomar el primer contacto con su empresa, y al que pueden volver por sus servicios, productos o novedades y promociones. Según su tipo de negocio, su sitio web puede servirle para tener catálogos de productos actualizados con venta online, enviar novedades a sus clientes, hacer galerías de fotos, formularios de solicitud de presupuestos, crear comunidades de personas, sistemas de suscripción y un infinito etcetera. Un sitio web puede ser una verdadera plataforma de negocios online; por esto es tan importante considerar la planificación, el proyecto, el diseño y desarrollo como un conjunto de piezas relacionadas, interdependientes y que van a potenciarse mutuamente.

4- Su sitio web va a ser usado por personas

A veces conviene romper moldes, a veces no. De la misma forma que uno espera encontrar carteles indicadores de las calles en las esquinas de una ciudad, existen convenciones que mejoran la usabilidad de un sitio web y los visitantes usan estas convenciones para navegar. El diseño de un sitio web tiene que facilitarle las cosas a las personas. Cuanto más claro y accesible el diseño, los visitantes se sentirán más a gusto, encontrarán lo que vinieron a buscar, y el sitio cumplirá mejor con su propósito. Si la interfaz de su sitio es muy compleja, y las cosas no se encuentran fácilmente; los visitantes se sentirán frustrados y cerrarán el navegador. Recuerde que sólo tiene 8 segundos para impresionar a un visitante, no los desaproveche!

5- Un sitio web también tiene que ser accesible a los motores de búsqueda.

Existe otro tipo de “usuario” que tiene sus propias reglas: el motor de búsqueda. Internet es una red, los sitios están conectados entre sí, y muchos visitantes humanos van a llegar a través de vínculos en motores de búsqueda como Google, Bing, Yahoo. Estos motores tienen “robots” que están permanentemente visitando sitios e indexando contenido, por eso el contenido de su sitio tiene que estar optimizado para ser leído por los robots de estos motores de búsqueda. Un sitio al que sólo se puede llegar escribiendo la dirección en un navegador está perdiendo un gran porcentaje de visitantes en potencia.

Olvídese de los sitios hechos totalmente en flash; de los contenidos pobres. Ofrezca a sus visitantes humanos buenos contenidos, construya un sitio de calidad y optimizado para los motores de búsqueda.

Comparte esta contenido en tus redes sociales

Hide Sites