Drupal UX y diseño

Podemos entender como diseño de UX aquel apartado que se centra en diseñar la interacción entre un usuario y un sistema con el objetivo que esta sea fácil, ágil y rápida.

Para Atenea tech la experiencia de usuario es una parte importante de la gestación de un proyecto, ya que nos facilitará la comprensión del proyecto dentro del propio equipo de Atenea tech y al mismo tiempo facilitará que el cliente entienda su proyecto des de un punto de vista de la persona que lo utilizará.

Con estos objetivos y dependiendo de la tipología de proyecto utilizamos diferentes herramientas con el objetivo de entender qué objetivos tiene el cliente y que busca el usuario.

 

The structure plane/ Arbol de navegación Esquema

que no servirá para entender en qué orden va aparecer la información en la web y con qué orden el usuario va tener acceso a él.

 

 

Wireframes/ esquema de pantalla

Estructura básica de las páginas de una web. Nos servirá para entender cómo se organizará la información y facilitará y agilizará el trabajo posterior de diseño.

 

 

Blueprint/ mapa de uso

Esquema que nos permite ver punto por punto como funcionaria un concepto o servicio en un contexto práctico.

 

 

Personas

Creación de perfiles de usuario que podrían utilizar nuestro servicio/ web. El objetivo de esta metodología es de una forma objetiva definir a quien nos dirigimos con el objetivo de que nuestro discurso sea coherente con ellos.

 

 

Artículos en el blog

Español · 05/02/2019
Siddharta Navarro

SMOU es la nueva app sobre movilidad del Ayuntamiento de Barcelona. La plataforma estrenada el 31 de enero de 2019 nace con la voluntad de mejorar la experiencia de los usuarios uniendo diferentes servicios de movilidad, desde el servicio de Bicing hasta el zona azul y verde para pago del aparcamiento en superficie.

Desde Atenea tech hemos trabajado realizando tanto la landing promocional como la web informativa, que permite a los usuarios conocer y acceder a la App. En el plano técnico, se trata de un Drupal 8 multiidioma y responsive. Nuestro trabajo ha ido mucho más allá, realizando wireframing y propuesta gráfica, adaptando la solución a diferentes resoluciones de pantalla. El resultado es una web intuitiva y fácil de utilizar que permite a los usuarios conocer de un vistazo y gracias a los gráficos empleados el funcionamiento de la plataforma.

Esperamos que esta herramienta, realizada para Barcelona Serveis Municipals, sirva para mejorar la movilidad en Barcelona y abrazar a todos los servicios actuales y muchos más que vengan en el futuro.

Español · 04/06/2018
Siddharta Navarro

Hoy tengo el placer de anunciaros un nuevo proyecto realizado para la Universitat de Barcelona, el portal "La teva universitat". Se trata de una web realizada con Drupal 8, especialmente pensada para futuros estudiantes de la universidad. 

En la misma, podemos encontrar información detallada de todos los grados, organizados por tipología y alfabéticamente, así como una página de detalle para cada uno de ellos. La segunda sección es la de agenda, donde podemos encontrar todo tipo de actividades para nuevos alumnos, como pueden ser jornadas informativas, puertas abiertas, etc. Finalmente tenemos información sobre la UB, en la que podemos encontrar detalle de sus servicios, facultades o políticas.

Se trata de un portal diseñado y orientado para dispositivos móviles, con un diseño limpio y renovado, acorde con la nueva imagen y el nuevo logo de la UB, diseñado por Luis Bassat.

Español · 07/02/2018
Siddharta Navarro

Hoy tengo el placer de anunciaros un nuevo en Drupal: ADG-FAD, web corporativa de la Asociación de Directores de Arte y Diseñadores Gráficos del FAD, entidad que representa a los diseñadores gráficos de Barcelona desde 1961, y que además organiza desde 1964 los Premios Laus, que premian los mejores proyectos internacionales de diseño gráfico y comunicación audiovisual. En este caso, hemos realizado el proyecto bajo la dirección artística de victorbaroli.com.

El proyecto se fraguó durante 2017 y está orientado a la renovación de la antigua web de los premios LAUS y la unificación de otras webs que tenia cliente para poder gestionarlo todo desde el mismo CMS, en este caso un Drupal super completo. A continuación os damos algunas claves del proyecto:

Importación de contenidos

Para este proyecto se unificaron varias webs en una sola, con lo que se tuvieron que migrar los contenidos de dichas páginas. Se tuvieron que importar dos Wordpress para dos distintas secciones de la web con sus textos y sus imágenes. También realizamos una importación de los proyectos antiguos de la web de LAUS, con todos sus campos e imágenes.

Español · 05/06/2017
Siddharta Navarro

El Club La Vanguardia permite a sus usuarios obtener ofertas en establecimientos de todo tipo, invitaciones a eventos, así como experiencias exclusivas para suscriptores. En los pasados meses, Atenea tech ha estado trabajando en la renovación y actualización de su sitio web, además de la realización de algunas mejoras, tanto a nivel visual, como a nivel de búsquedas.

Uno de las características principales del proyecto, es la gran cantidad de personas que visitan el sitio. La Vanguardia es un referente en la prensa española, siendo el tercer diario a nivel nacional, tanto en ventas como en digital. Es por ello que nos centramos en la creación de un proyecto que tuviera una carga muy rápida, y pudiera tener grandes cargas de usuarios puntuales, debido a las campañas publicitarias.

Además, también hemos hecho adaptaciones visuales a diferentes dispositivos y resoluciones, creando una interfície muy amable para dispositivos móviles, los cuales suponen una parte importantísima de las visitas. En este sentido, una parte importante de la búsqueda desde móviles, es la geolocalización, que permite al usuario buscar las ofertas más cercanas de forma fácil.

En resumen, hemos mejorado la experiencia de usuario, con una web visualmente atractiva, con una carga rápida y adaptada para móviles.

Español · 31/03/2017
Siddharta Navarro

Ayer tuve el placer de realizar una presentación en el Drupal&Beers, una quedada mensual organizada por Drupal.cat, comunidad catalana de Drupal.

A continuación os comparto la charla, sobre composición de páginas complejas con Paragraphs.

Paragraphs es un módulo de Drupal que utilizamos en muchos proyectos de Atenea tech (tanto en Drupal 7 como -sobretodo- en Drupal 8). Es un módulo muy recomendable para la edición de contenido complejo. Espero que esta pequeña inrtoducción os sea de utilidad y empecéis a usar Paragraphs en vuestros proyectos (¡más que recomendable!):

Páginas

Contacto

¿Te interesan nuestros servicios?

Contáctanos