¿Qué es el la experiencia de usuario UX/UI?


Muchas veces pecamos al confundir diseño con arte. El diseño resuelve un problema, el arte no intenta resolver nada. Os pongo un ejemplo sencillo: Imaginémos que vivimos en un mundo donde no se han inventado las sillas, los sofás.. y nos sentamos en piedras. Para resolver este problema un diseñador crea un banco. Una solución efectiva porque es más cómodo que sentarse en una piedra, pero luego la gente se da cuenta que permanecer sentado por mucho tiempo les genera incomodidad y ante este nuevo reto otro diseñador inventa una silla, con su respaldo y su cojín acolchado. La evolución continúa y otro diseñador crea un silla giratoria a la que además le añade una ruedas para darle mayor movilidad. Otro, un sillón con función de masaje, y así cada uno va resolviendo nuevos problemas. Luego para ofrecer un mayor atractivo utilizan distintos materiales, texturas y colores. Hasta aquí el diseño ha priorizado lo funcional sobre lo estético. Como decía Steve Jobs: “El diseño no sólo debe de ser bello, sino debe de ser funcional y simple”.

User Experience Design

Diseño Web UX

El diseño UX es la parte que no se ve del diseño web, es la parte lógica, funcional, y de investigación que esta enfocada a la resolución de los problemas. Un diseñador UX no tiene porque entender de conceptos artísticos aunque si controla la disciplina mucho mejor. Un diseñador UX tiene que entender la visión del negocio de su cliente y saber llegar a un usuario, hacer que su experiencia de compra sea agradable y repetible.

Tareas del diseño web UX

Son los roles que debe de seguir un diseñador UX a lo largo de un proyecto. Dependiendo del equipo con el que trabaje podrá tomar todos o a alguno de los siguientes roles:

Task Flows

Los flujos de tareas se centran en tareas indivuales, indican el trayecto lógico que sigue un usuario para realizar una acción en concreto. Es un camino sencillo y corto, sin ramificaciones. No muestra las acciones o decisiones finales que este toma. Puede pertenecer a un esquema de flujo mayor de usuarios.

User Flows

Los flujos de usuarios atienden a usuarios en concreto, analizando el grupo de audiencia al que pertenecen. A diferencia de los flujos de tareas incluyen puntos de decisión que hacen que el usuario tome un camino u otro en función del diseño. Nos ayudan también a detectar problemas y evitar que el usuario caiga en un callejón sin salida.

User journey

El user journey es la experiencia que tiene un usuario cuando interactúa con algo. Cómo lo descubre, cómo lo utiliza, qué fallos encuentra, cuánto lo recomienda o la forma en la que rompe su relación. Es parte de una herramienta del "Design Thinking", que consiste en poner en un mapa cada una de estas fases por el que transita un cliente en su proceso de compra.

Accessibility

No todos los usuarios en intenet tienen las mismas posibilidades para desarrollar una experiencia de usuario cómoda y sencilla. Hay personas con visibilidad reducida o con distorsión en la percepción del color que necesitan un ajuste de estos parámetros. Generalmente hablamos de un desarrollo técnico pero también podemos dar soluciones creativas que ayuden a atravesar estas barreras a través del estilo de redacción y la forma de ofrecer los contenidos.

Information architecture

Hace muchos años, cuando las webs no eran tan sofisticadas como lo son hoy, el mapa web eran el pilar fundamental para iniciar un proyecto. Era como el plano de un arquitecto para construir un edificio. La arquitectura de contenidos es la respuesta a un análisis exhaustivo del cliente, de su producto y del usuario al que va dirigido. A partir de ahí toda la información que se genera se ubicará de tal manera que el usuario tenga la mayor facilidad para encontrarla.

User research

Es el trabajo previo que toda empresa de diseño web debería de realizar en internet. Empieza con una búsqueda en Google encaminada a ubicar comunidades de usuarios que estén hablando de un tema relacionado con el producto o servicio de nuestro cliente. También se puede extender las búsquedas a foros especializados o redes sociales. El objetivo es analizar la problemática que podríamos encontrar y establecer criterios que ayuden a solventarlas.

User Interface Design

Diseño Web UI

Podemos definir al diseño UI como la parte visual de una web. Es una disciplina orientada a la creación de interfaces ya sean gráficas o desarrolladas con diversas tecnologías como CCS, jQuery, JS, entre otros.

Un diseñador UI diseñará un sitio web con el objetivo principal de hacerlo atractivo al usuario. Para tal fin creará wireframes y maquetas para después añadirles colores, tipografías, animaciones, fotografías, videos, incluisive si llegara el caso adaptándolas a las líneas corporativas de una marca siguiendo sus manuales de estilo.

Si utilizáramos una analogía diríamos que es como llegar a un restaurante y ver la decoración de los interiores, desde la entrada hasta la mesa.

Diseñamos páginas web atractivas, funcionales y flexibles.

Trabajamos con las más reconocidas plataformas y tecnologías, dependiendo de si desea un sitio web, una e-commerce o una aplicación móvil. También tenemos en cuenta la compatibilidad con todos los dispositivos: tabletas, smartphone y sobremesa de tal forma que las páginas siempre se visualicen independientemente de dónde se vean.

Webs con gestor de contenidos

Es un tipo de web utilizada por clientes que tienen la necesidad de auto administrar su información. Nuestro trabajo consiste en diseñar, estructurar y facilitar esa labor, para ello implementamos gestores de contenidos sencillos y a la vez completos, que ofrecen la posibilidad de subir textos, imágenes, videos y que conectan con las principales redes sociales.

Blogs corporativos

Dirigido a quienes tienen la necesidad de contar algo y crear corrientes de opinión en la red. Una plataforma indispensable para reforzar la reputación online de marcas de productos o servicios. Diseñamos blogs dinámicos, con gestores de contenidos interconectados a las redes sociales.

Webs presenciales

Es el tipo de web básica, una carta de presentación necesaria en muchas empresas que por el tipo de negocio que manejan no tienen la necesidad de modificar contenidos. Su elaboración es más económica porque no hace falta programar un gestor de contenidos. El diseño lo adaptamos a la identidad corporativa del cliente para seguir una línea de comunicación coherente.

E-commerce

En el mercado existen motores de plataformas e-commerce muy profesionales y avanzados que con sentido común son adaptables a multitud de negocios online, nosotros te ayudamos a evaluar y a elegir qué sistema es el mejor, ahorrarás mucho dinero y tu satisfacción será plena.

¡Súbete a la red!

Eligetu mejorPlan


Plan S

Para pequeños emprendedores
1.400 €IVA no incluido
  • TECNOLOGÍAS Y DISEÑO WORDPRESS, PHP, XHTML5, CSS, JSCRIPT, JQUERY.
  • 100% RESPONSIVE Adaptativo a móviles, tabletas, ordenadores y portátiles.
  • GESTOR DE CONTENIDOS Posibilidad de subir imágenes, videos, audios y PDFs.
  • MENÚ DE 4 SECCIONES:
  • Inicio / ¿Quiénes somos? / Servicios / Contacto
  • LEY DE PROTECCIÓN DE DATOS Y RGPD:
  • Política de Cookies / Política de Privacidad / Política de Privacidad en Redes Sociales / Cláusulas Legales
  • DISEÑO Corporativo, comercial, adaptado a la guía de estilo de su marca, con creación de banners publicitarios.
  • PROMOCIÓN ESPECIAL HOSTING WEB GRATUITO 1 AÑO (Valorado en 180€)
  • Incluye: Configuración de API Google Maps, SEO byYoast, Askimet Anti-Spam, Contact Form, reCaptcha, Cookies.
  • FORMA DE PAGO 40% al iniciar el proyecto y 60% a su finalización.

Plan M

Para pequeñas empresas
1.800 €IVA no incluido
  • TECNOLOGÍAS Y DISEÑO WORDPRESS, PHP, XHTML5, CSS, JSCRIPT, JQUERY.
  • 100% RESPONSIVE Adaptativo a móviles, tabletas, ordenadores y portátiles.
  • GESTOR DE CONTENIDOS Posibilidad de subir imágenes, videos, audios y PDFs.
  • MENÚ DE 5 SECCIONES:
  • Inicio / ¿Quiénes somos? / Servicios / Productos / Contacto
  • LEY DE PROTECCIÓN DE DATOS Y RGPD:
  • Política de Cookies / Política de Privacidad / Política de Privacidad en Redes Sociales / Cláusulas Legales
  • DISEÑO Corporativo, comercial, adaptado a la guía de estilo de su marca, con creación de banners publicitarios.
  • PROMOCIÓN ESPECIAL HOSTING WEB GRATUITO 1 AÑO (Valorado en 200€)
  • Incluye: Configuración de API Google Maps, SEO byYoast, Askimet Anti-Spam, Contact Form, reCaptcha, Cookies.
  • FORMA DE PAGO 40% al iniciar el proyecto y 60% a su finalización.

Plan L

Para medianas empresas
2.200 €IVA no incluido
  • TECNOLOGÍAS Y DISEÑO WORDPRESS, PHP, XHTML5, CSS, JSCRIPT, JQUERY.
  • 100% RESPONSIVE Adaptativo a móviles, tabletas, ordenadores y portátiles.
  • GESTOR DE CONTENIDOS Posibilidad de subir imágenes, videos, audios y PDFs.
  • MENÚ DE 6 SECCIONES:
  • Inicio / ¿Quiénes somos? / Servicios / Productos / Blog / Contacto
  • LEY DE PROTECCIÓN DE DATOS Y RGPD:
  • Política de Cookies / Política de Privacidad / Política de Privacidad en Redes Sociales / Cláusulas Legales
  • DISEÑO Corporativo, comercial, adaptado a la guía de estilo de su marca, con creación de banners publicitarios.
  • PROMOCIÓN ESPECIAL HOSTING WEB GRATUITO 1 AÑO (Valorado en 220€)
  • Incluye: Configuración de API Google Maps, SEO byYoast, Askimet Anti-Spam, Contact Form, reCaptcha, Cookies.
  • FORMA DE PAGO 40% al iniciar el proyecto y 60% a su finalización.
Condiciones generales de contratación

Estas ofertas están orientadas a la realización del proyecto de manera virtual. La formación del gestor de contenidos de la web será como norma general a través de video tutoriales de las partes más susceptibles a modificaciones. En ningún caso la formación será un curso de Wordpress que enseñe conceptos de programación, ni de diseño CCS. Como excepción, si el cliente se encuentra ubicado en un radio de 10km al rededor de San Sebastián se podrá organizar una formación presencial de 2-3 horas. Esta oferta no incluye: redacción de contenidos, fotografías e imágenes. El cliente deberá aportar dichos contenidos organizados en documentos Word. Los costes del hosting web y el dominio corren a cargo del cliente. Trabajamos únicamente con servidores Linux. La forma de pago será en dos partes a través de cuenta bancaria o tarjeta de crédito o débito. 40% al iniciar el proyecto y 60% a la finalización del mismo. La duración del proyecto estará consensuada con el cliente. Definido el número de semanas el cliente tiene la obligación de aportar la información y datos requeridos. Si no lo hace, afectará al tiempo de ejecución del proyecto, en este caso Edwards.es no se hace responsable del cambio en la fecha de entrega. Si el proyecto se dilatara al doble del tiempo pactado por causas injustificadas que no estén sujetas a razones de fuerza mayor emitidas por algún organismo público, se dará por finalizado el proyecto en el punto en el que este se encuentre, reclamando al cliente el pago de la cantidad restante. Las webs tienen una garantía de 3 meses, en ningún caso la garantía cubrirá un mal uso del gestor de contenidos, ni el desajuste de alguno de sus componentes, ni ataques informáticos a su seguridad que pueda sufrir en servidores ajenos a nuestro control.