¿Cuándo fue la última vez que disfrutaste navegando por una web? ¿O realizaste una compra o una tarea rutinaria fácilmente y sin perder tiempo?
El diseño web se encarga de eso. Cuanto más sencillo sea para el usuario encontrar lo que busca, mejores resultados tendrá la página web.
En el post anterior titulado «Cómo organizar el contenido de tu web» dábamos el primer paso. Porque antes de ponerse a diseñar la estética de lo que vemos en la web, tenemos que crear su esqueleto.
1. ¿Qué es Word Press?
Es un sistema de gestión de contenidos de código abierto, basado en la colaboración de programadores y diseñadores.
WordPress es un proyecto impulsado por una comunidad que defiende el software libre. Podemos creer que el término libre hace referencia a que es gratuito, pero no es exactamente eso. Se trata de abaratar costes y de fomentar la participación.
”La idea bajo el concepto de código abierto es sencilla: cuando los programadores (en Internet) pueden leer, modificar y redistribuir el código fuente de un programa, este evoluciona, se desarrolla y mejora.
Wikipedia.La enciclopedia libre
2. WordPress.com y WordPress.org.
¿Cual elegir para mi proyecto?
Depende del tipo de página web que necesites y de tu pericia con el ordenador. También depende de la capacidad de aprendizaje que tengas si la vas a realizar y mantener tu mism@.
Si quieres crearla tú y tienes ganas de aprender, yo recomiendo comenzar con wordpress.com para ir familiarizándote con el panel de control y con todo el proceso. Pero si no tienes conocimientos informáticos, ni tiempo o se trata de una web para un negocio, sin duda la mejor opción es con wordpress.org.
WORDPRESS.COM
-
WordPress.com. es gratuito, con el alojamiento incluido y gestionado.
-
Puedes elegir el dominio parcialmente, porque la extensión de tu dominio será wordpress.com.
-
Ofrece un diseño más fácil de usar pero tiene menos opciones de personalización.
-
Hay que pagar por un paquete premium para acceder a más funcionalidades (plugins).
WORDPRESS.ORG
-
WordPress.org es gratuito, el alojamiento y dominio tienes que contratarlos a parte.
-
Podrás elegir el nombre y la extensión que quieras.
-
La curva de aprendizaje es más pronunciada pero podrás personalizar más el diseño.
-
Dispones de muchos plugins gratuitos con los que crear cualquier tipo de web.
Una página web una vez creada, debe ser actualizada regularmente para evitar problemas de seguridad.
El manteniento web básico consta de tres partes:
- Actualización de los plugins
- Actualización del tema.
- Actualización de WordPress.
Los plugins son programas que dotan de funcionalidades extra a una web. Por ejemplo: pueden gestionar la traducción de todo el contenido de la web o facilitar la creación de palabras clave para posicionar la web en los buscadores (SEO).
Los temas son los encargados de proporcionar un estilo concreto a la web por defecto. Si queremos personalizar la web a medida, además debemos de utilizar algo de código CSS o HTML.
El panel de control de nuestro WordPress nos avisará cuando tengamos alguna de estas actualizaciones pendientes.
3. Diseñar la experiencia web.
A día de hoy, tenemos claro que una página web es un producto digital interactivo. Esto significa que de la experiencia que tenga el usuario al visitar nuestra web, depende mucho que encuentre lo que busque y por lo tanto se pueda producir una respuesta o lo que en marketing digital se llama una conversión.
La experiencia web se trabaja en dos fases:
- Una fase inicial del diseño se centra en la parte interna de la web, la organización del contenido y la mecánica de la web, lo que no vemos.
- La segunda fase se encarga de lo que vemos y percibimos, la parte externa o interfaz gráfica con la cuál interactuamos.
3.1 La mecánica de la web. UX.
La parte invisible de la web.
La experiencia de usuario podría decirse que es la que se encarga de diseñar la ruta que ha de seguir el usuario para encontrar aquello que busca.
Se trata de estructurar el contenido que va a tener nuestra web, de forma que siga una línea lógica y lo más sencilla posible. Es lo primero que debemos hacer antes de diseñar la parte externa (colores, tipografías, formas…). Se trata de crear un esqueleto interno, que le permita moverse de acuerdo a las decisiones que tome el usuario al visitar la web
Con todo el contenido organizado, a modo de esquemas, diagramas de flujo o dibujos esquemáticos llamados en diseño web wireframes, Podemos pasar a la siguiente fase. La fase de recubrir el esqueleto creado con el aspecto que tendrá la interfaz con la cual el usuario va a interactuar.
En la siguiente ilustración podéis ver un ejemplo de wireframe o esqueleto bajo la interfaz gráfica y apariencia final de la web.
UI / UX
Diseño de interfaz de usuario / Diseño de la experiencia de usuario
3.2 La interfaz gráfica de la web. UI.
La parte que vemos de la web.
Con el contenido estructurado ya hemos construido la mecánica interna de nuestra web, ahora podemos salir a la superficie y comenzar a crear la parte visible de la web.
Pensaremos en diseñar de la forma más simple e intuitiva posible, para que nuestros futuros usuarios no tengan que buscar donde están los botones en los que tienen que pulsar para dirigirse a una u otra sección.
La estética será la resultante de conjugar correctamente la forma y la función.
Un buen diseño de Interfaz de ser..
1. Intuitivo. Ha de ser fácil de usar. La usabilidad es la característica que hace que un diseño de interfaz sea intuitivo.
2. Claro y Atractivo. Van juntos, porque no será atractivo si hay confusión, el usuario preferirá un entorno donde sepa manejarse, a uno extraño que le desoriente, por muy atractivo que sea visualmente.
3. Efectivo. De acuerdo con el tipo de página web, el diseño podrá tener unas características u otras. No conviene utilizar la estética siguiendo las modas sino se justifica su uso de acuerdo a una estrategia.
”Una esencial característica de un buen diseño de interfaz es la armonía de el diseño con el estilo de la marca. De esta forma el usuario cuando navega en una web que está diseñada siguiendo estos parámetros nunca se olvida de dónde está, ya que cada página o ventana tendrá una característica que le recordará de alguna forma a la marca.
Cris Busquets.Diseño desde Marte. Manual de diseño de producto digital.Ed. Jardin de monos.
Conclusión:
Una página web eficiente, no es una más del montón hecha con una plantilla y sin aportar valor diferencial. Se perderá en los resultados de búsqueda. Porque el famoso término SEO que hace referencia a los resultados de Google no se trabaja con plugins o implementando costosos planes de anuncios. Si tu web no ayuda a los usuarios a encontrar lo que buscan y a encontrarse a gusto en ella, la abandonarán aunque aparezca en primera posición. Además de la rapidez de carga la experiencia de uso es fundamental hoy en día para conseguir resultados óptimos.
- No me hagas pensar. Steve Krug. Ed. Anaya multimedia.
- Diseño desde Marte. Manual de diseño de producto digital. Cris Busquets. Ed. Jardín de monos.
