La aplicación para combatir el bullying

¡Hola! Vengo a presentaros un proyecto sobre una aplicación para ayudar a combatir el bullying. Se trata de un proyecto de UX/UI Design para el bootcamp de Ironhack.

Partimos de la base de que hay una problemática real que nos atañe: el bullying es afecta a un gran número de niños y adolescentes en nuestro país.

En concreto, un total de 2.853 niños o niñas de estas edades fueron víctimas de algún tipo de acoso escolar, lo que supone casi un 52% de los 5.497 menores de seis a 17 años que sufrieron esta clase de violencia — El confidencial


Mi proyecto final “Capstone” en Ironhack

¡Hola! Estoy realmente emocionada… ¡Hoy vengo a enseñaros cómo hice mi proyecto final de UX/UI Design para el bootcamp de Ironhack! Para ello, usé la metodología design thinking, hice un research y usé diferentes sistemas de trabajo propios de UX/UI.

Tras descartar varias ideas, después de pivotar de una a otra buscando esa idea que conquistase mi corazón, llegué a la solución: plantas. Soy una auténtica loca de las plantas. ¡Podría juntar mis dos pasiones!

Partimos de la base de que hay una problemática real que tengo que resolver: las plantas mueren y sus dueños no saben por qué, aunque…


Mi primer contacto con el UX en Ironhack.

¡Hola! Hoy vengo a contaros como fue mi primera experiencia en el bootcamp UX/UI Design de Ironhack, en Madrid. Para entender lo que es un Sprint, primero veamos algunos conceptos básicos.

Design thinking

Seguramente, encontraréis información en Google mucho más detallada y extensa que esto que os voy a exponer a continuación, pero veamos un pequeño resumen.

Lo primero que debemos saber es que el Design thinking es una metodología de trabajo que sirve para generar ideas innovadoras gracias a su proceso de creación iterativo. Se suele usar por los diseñadores de producto. Se divide en varias fases:

  1. Empatía: observar, escuchar y…

Usability Case study

Llegamos al final del prework. Para el trabajo final, debemos hacer un Usability Case study siguiendo las premisas que nos han ofrecido en el curso. Este caso de estudio de usabilidad deberemos hacerlo sobre una universidad de USA. Lo primero, es elegir una universidad entre unas cuantas propuestas para poder hacer el estudio de caso de usabilidad.

Lo primero que pensé fue: ¿y qué criterio uso para elegir la web? Y dejé que el azar trabajara por mi. Pero qué curioso es el destino, me tocó Princeton. ¿A nadie más le suena esta universidad de algo? …


Mi experiencia pasando un Wireframe a Invision

No se por qué, pero esperaba esto bastante peor… Tal vez es porque, hace una semana, empecé a leer la lección sin tener el resto de los ejercicios anteriores hechos… ¡y se me vino el mundo encima! Menos mal que mi compañera Maruxa me ayudó un poco a guiarme.

Invision es demasiado sencillo de usar, de verdad. Es una aplicación totalmente intuitiva.

El ejercicio

Para este ejercicio debíamos pasar el Wireframe hecho en el anterior ejercicio (puedes verlo aquí) a la aplicación Invision para crear un prototipo interactivo.


Mi primer wireframe

Aquí estamos de nuevo con un nuevo ejercicio del prework de Ironhack. Ayer dije que este fin de semana no iba a parar, ¿verdad? No mentía.

En esta ocasión, se nos pedía hacer una versión Wireframe de unas pantallas de la app emov, una empresa de alquiler de vehículos eléctricos por horas.


Avanzadilla con Sketch: reproducción de una app

¡Ya estoy por aquí de nuevo! En esta ocasión, el trabajo consistía en copiar dos pantallas de una app usando todo lo aprendido con Sketch.

Las pantallas superiores son las de muestra. Las inferiores, mi versión.

La verdad es que me he sentido bastante cómoda con este trabajo, he podido notar una mejoría notable de mis habilidades con la herramienta. De hecho, dos de los iconos que he usado los he creado yo misma, ¿sabríais decirme cuáles? (vale, son muy sencillos, pero… ¡algo es algo! ¿no?). Ahora bien, siento que aun me falta mucha destreza, necesito ser capaz de elaborar las pantallas con más…


Mis segundos primeros pasos con Sketch

Captura de pantalla de mis ejercicios finalizados.

En el segundo ejercicio con Sketch se pedía hacer diferentes formas usando intersecciones, boleanas, copias, modificar color, exportar… Un resumen de lo aprendido y cosechado en las lecciones anteriores, vaya.

La verdad es que ha resultado mucho más sencillo de que lo que me esperaba. Ya voy haciéndome con los atajos de teclado (soy muuuuy fan de los atajos de teclado, me parece lo más útil del universo), la interfaz es realmente muy intuitiva y me siento bastante cómoda con el programa.

Lo definiría como una mezcla de Illustrator, AutoCAD y Rhinoceros. Me esperaba…


Mis primeros pasos con Sketch

El agobio, es real. Tengo que terminar el prework pronto y eso, es un hecho. Es por eso que he decidido pasar el fin de semana encerrada para intentar terminar todo lo que pueda.

Tenía un poco de miedo a Sketch, mis pensamientos eran: “¡Oh, no! Un nuevo programa, nuevos atajos, ¡nuevo todo!”. Pero, al mismo tiempo: “¡Cosas nuevas que aprender! ¡Bien!”. Bipolar me llaman.

Al final, usar Sketch ha sido mucho más sencillo de lo que esperaba. Lo más complicado es acostumbrarme a los atajos de teclado (me he tirado todo el rato pulsando…


1. Introducción: Whole Bank

Logotipo de Whole Bank

Whole Bank es un banco que nació en una pequeña cuidad de Massachusetts. En sus inicios, el principal objetivo era ayudar a sus clientes a ahorrar y a administrar su dinero. Gracias a esta búsqueda de ayudar a sus clientes, Whole Bank innovó con las monedas virtuales.

Ahora, el banco se quiere reinventar y están buscando solucionar un problema que han detectado: sus clientes se sienten inseguros a la hora de hacer pagos cuando viajan al extranjero.

Los viajeros se encuentran con varias dificultades:

• Como hay cambios de divisas, deben cambiar el dinero en su país de origen para…

Sarita Salguero

Mi nombre es Sara Salguero, pero todos me llaman Sarita. UX/UI & 3D Designer. Lo mismo te diseño una App que una joya. :)

Get the Medium app

A button that says 'Download on the App Store', and if clicked it will lead you to the iOS App store
A button that says 'Get it on, Google Play', and if clicked it will lead you to the Google Play store