Características de un diseño web exitoso

Characteristics of successful web site design

Como parte de lo que ofrezco en mis servicios hago énfasis en el desarrollo de sitios web exitosos, sin embargo, para lograrlo es necesario tener una gran planeación girando alrededor de la pregunta: ¿Que hace a un diseño web exitoso?

I like to make a emphasis in the success of the sites I develop, however, to achieve this success it’s a need to have a great plantation that revolves around the question: What it takes to design a successful website?

Primero, el éxito es medido de acuerdo a lo que espera el cliente y los usuarios del sitio. Para algunos es tener el mayor número de visitas posibles, para otros no es tanto el gran número de visitas en general, sino cierto tipo de visitas, para otros es vender, para otros es obtener retroalimentación.

First, how we define success for a website?, it is defined by how it fill the clients and user needs and wishes, for some it’s to have a great number of visits, for others is to have just a certain kind of visits, to others is to sell, others want feedback etc.

Sin embargo algo que tienen en común los sitios con éxito es:

So, i list a few factors that successful web site design has:

1. Diseño web Visual llamativo / Appealing Visual Presentation

La primera impresión es la que mas cuenta, y aun mas cuando se tienen tan solo unos segundos para invitar al usuario a permanecer en el sitio. En la web el diseño sirve para mostrar la información.

The fist impression is the most important, and when you have just a few second to convince the user to stay in the site its vital. On Internet the main objective of the design is to present the content with an appealing look

Entre una inmensidad de opciones para presentar la imagen del sitio web, es necesario pensar en que concuerde con el branding, giro y propósito de la empresa o la idea para la que se está construyendo el sitio.

When designing the site its necessary that this is congruent with the branding, objectives, philosophy of the company or idea for what we are building the site.

2. Diseño usable y enfocado al usuario

Además de una presentación visual llamativa, es necesario que esta misma sea usable y le haga más fácil la navegación al usuario. A veces encontramos diseños muy llamativos pero cuya navegación es difícil o hay que encontrarla, lo cual nos resta muchos puntos.

Besides a great visual presentation, the usability its crucial, I could say its the most important detail in the graphic part. The design has to offer ease of use. Sometimes we navigate very beautiful sites that have a disastrous navigation (hidden, restrictive), that is quite bad.

Una interface debe dar énfasis en lo que es mas importante, debe guiar el usuario por la introducción, nuestro logo hasta lo que queremos lograr ya sea que compre algo, que se suscriba a algo o vea ciertos artículos que nos interesa que vea.

The layout must guide the user, from the introduction to what we want to achive, this could be a sale, a subscription, a look in our products, etc.

3. Planeación a futuro / Planned for the future.

En el diseño se debe pensar en que el sitio crecerá, se le integraran más cosas, publicidad, mas secciones etc., por lo que el diseño no debe ser limitante, muchas veces javascript puede ayudar a este propósito ya que nos proporciona más espacio en un sitio sin sacrificar SEO y otras necesidades.

We have to think in the future, the site is going to grow, in time many features will be integrated, advertising, more sections, etc. that’s why the design mustn’t put restrictions for this grow.

4. Uso de flash al mínimo / Minimun use of flash

No quiero decir que no haya sitios exitosos desarrollados en Flash, pero para la mayoría de los proyectos Flash no entregara resultados exitosos. A menos que tengamos un gran presupuesto, personal y queramos lanzar un sitio muy interactivo como sitios de videojuegos, películas, y de otras actividades. Sin embargo podemos usar flash, para realizar cosas como inserción de videos, juegos o presentaciones interactivas e incluso para añadir animación a partes del fondo o del diseño que vendrían a hacer imágenes como en los siguientes ejemplos:

I am not telling you that there are not successful sites developed with flash, but for most of the projects, Flash can’t offer a good solution. Only if we have a big budget, more people, time, it’s an option. However if we use flash for things like video streaming, interactive presentations, and games or even to animate certain parts of the design, we can achieve a good result

• Flash Vs. Html y Css (Spanish only)

5. Code based on standars

Además de la presentación que los usuarios ven en su navegador, un factor tan importante es la manera en la que el sitio fue construido, esto es el código, ya sea HTML, css, php, etc. Es necesario que este código respete los estándares para que logre una mejor visibilidad en todos los navegadores, y que tenga un orden lógico cuando se escribe, para que en futuras revisiones y actualizaciones no se pierda tiempo descifrándolo.

The code: html, css, php, etc. it has to respect the established standards to achieve a better visibility, compatibility. It has to be semantic, so when time to revisions, updates, improves, or implementations to a CMS we don’t lose time deciphering it.

6. CMS

Mientras es posible que no todos los sitios requieran de una plataforma CMS, yo recomiendo mucho usar una, ya que se le da la oportunidad al dueño del sitio de tener poder de modificar partes establecidas del sitio logrando incluso que se involucre mas(cuando es un sitio de presentación por ejemplo). Cuando tenemos un sitio dinámico, es necesario escoger la opción que más conviene. Esto dependerá de las habilidades del Diseñador/Desarrollador del sitio y de las necesidades, del sitio. Tengo que mencionar que Wordpress es mi plataforma Blog/CMS favorito.

It’s possible that not all the sites require a CMS, but i recommend using one, so the client has the opportunity to familiarize with his site. When we have a more dynamic site we have to choose the option that suits better the project, obviously this depends in the skills of the designer/developer, and the need s the site. I have to admit that Wordpress is my favorite Blog/CMS platform.

• Opensourcecms site that features a lot of CMS
• Using Wordpress as CMS

7. SEO y Marketing

Ahora podríamos haber creado un gran diseño llamativo, usable que respeta los estándares y con una gran plataforma CMS en el fondo, mas sin embargo necesitamos que la gente lo pueda ver, sino será un castillo hermoso en medio de un desierto desolado e inhóspito.

Now that we have a great design, that is usable, standard compliant and with a great CMS behind the curtains, we need that the people sees it. If not it would be like a precious castle in the middle of a giant desert.

El diseñador debe estar consciente de cómo se estructuraran los contenidos, títulos, orden jerárquico de la información, así mismo debe saber cómo lograr links hacia el sitio web.

The designer has to be a idea of how the content is going to be structured, titles, hierarchy, links campaigns. Etc.

• Google Manual for basic SEO
• Tips to rank higher in Google
• SEO BLOG (Only spanish)

8. Contenido / Content

Este es la razón de ser del sitio, lo dejo hasta el final porque si el contenido es bueno el sitio ya tiene un tercio del camino recorrido, se obtiene buen posicionamiento natural, se da una razón a los visitantes para regresar, Por eso dicen que el contenido es rey

There is not much to say about the content, is the reason of the existence of the site, it attracts the people, it ranks our site, it is the king and the single most important thing, I am afraid that it is beyond the scope of this article I just can say remember to always offer something good, new and useful

9. Pensar 2.0 / Thinking 2.0

Con las redes sociales, blogs, y demás herramientas como stumble upon, digg, twitter, se puede construir una buena base para promover el sitio web y que llegue a más personas, claro que con la idea de ofrecer el contenido de calidad para los usuarios.

Now that we have social networks, blogs and many tools like, stumble upon, digg, twitter, we can build a good base to promote the site.

Es recomendable tener en todo sitio web un blog y una cuenta twitter, para mantener informado a los usuarios y además generar mejor posicionamiento en buscadores.

I recommend having blog in every site we build, a twitter and facebook account for the site too. This way we can inform the users at every moment, and give a reason to come back to it.

Estos fueron los factores básicos que considero tienen un gran impacto en el éxito del diseño de un sitio web. Depende de cada uno adaptarlos a sus situaciones especificas y a manera de promoción recordando que Bluedots design ofrece estos servicios.

This were the main factors that makes a successful web site design, obviously you’ll have to adapt it to your specific situation.