¿ Por qué atropellada os preguntareis?, pues bien porque ha sido desde el principio un conjunto de emociones como si de una montaña rusa se tratase. Para comenzar esta historia tengo que decir que conocí Ironhack casi de casualidad pero una vez entré dentro no pude salir, solo quería pasarme aunque no conociera a casi nadie y fuera para ver cómo hacían las cosas allí. Jamás imaginé que se pudiera estudiar así, y me refiero de una manera tan didáctica pero a la vez tan dura, que no sea una escuela si no más bien una comunidad que crea familias. Total que notaréis cómo ya, por aquel entonces se me caía la baba con Ironhack y los Ironhackers (sobretodo por uno, pero esto es otra historia). Así me encontraba en este preludio del apocalipsis cuando, como llovido del cielo me llega la noticia de que van a poner a disposición unas becas solamente para mujeres por Wallapop, no podía sonar mas surrealista pero bueno, rellené el formulario pasándolo más bien que mal, sin mucha esperanza en que nadie fuera a darse cuenta de mi existencia solo leyendo unas cuantas líneas sobre mi.

Olvidado ya el tema, seguí estudiando mis cosas, sacando proyectos y por supuesto, gorroneando Ironpizza cuando podía. Y un día me llega la noticia de que por gracia divina y algún ángel dentro de Ironhack me escogen entre chorrocientas mujeres para presentarme a una prueba y una entrevista individual. Pese a conocerlo, el día que me tocó ir, llegué llena de nervios, pero fue comenzar a hacer la prueba, que consistía en crear una app con su prototipado, toma de decisiones… y por supuesto presentarla a una chica con nombre de un país precioso y majísima, que no pudo más que reír ante los nervios que llevábamos todas. Tras eso, tocó la entrevista individual que no sé ni cómo, acabe chapurreando italiano y hablando de otro bootcamp completamente distinto al que yo iba hacer con un chico con nombre de diseñador italiano con porte y estilo.

Bueno, que en definitiva salí de allí con una mezcla de sensaciones entre nervios, miedo, pero sobre todo felicidad por ser una entre tantas en ser escogida.Y escogida para qué? Pues para hacer un Boot Camp de UX/UI que aunaba todo lo que de verdad quería ser pues conseguir que mi pequeña artista saliera junto con la diseñadora que era justo lo que había estado buscando siempre.

Solo quería entrar, tenía tantas ganas , ya sabía cómo se trabajaba y lo que más me emocionaba era ver lo que alcanzaban en cada Hackshow, lo que alcanzaría yo si entraba.

A mi parecer tardaron mucho en corregir, y no fue el tiempo porque fueron escasas dos semanas, si no que a mi se me hizo eterno y no podía hablar de otra cosa aunque para mis adentros porque creé la extraña fobia en esa semana de que si hablaba lo gafaría. El día que tenían previsto darnos el veredicto recé a todos los dioses que conocía sin ser católica, apostólica, romana (pero sí romántica ) ni nada por estilo, recé hasta en otros idiomas y mandé a todo el mundo conocido que encendiera velas por si el sobre calentamiento afectaba en algo, así estaba todo hecho por si acaso el fracaso. Fracaso que llegó… no me lo podía creer, no sabía qué había hecho mal y qué bien, repasé mil veces todo, hice de nuevo la app.Todo, pero nada. Fueron demasiadas emociones en un mismo día así que resignada me fui donde más pudieran consolarme, a casa de mis padres, en parte por verles a ellos, en parte por acurrucarme junto a mi perra y mi gato. Me vieron tan mal, que unos días después me dieron la noticia de que tanto ellos, como mi perfecto señorito de Ironhack habían decidido aunar esfuerzos y que entre todos pudiéramos pagar lo que costaba Ironhack. Ya por supuesto recuperada, pero aún un poco dolida volví a hacer vida normal con la promesa del futuro prometedor que augura ironhack.

¡Que sorpresa me dió Veronica! (para ella no tenia símiles, lo siento) me llamó de repente esta chica a la que aún no pongo cara pero creo que le debo todo y más, diciéndome que me concedían la beca, no podía creérmelo, no hice más que llorar y no parar de dar las gracias, no sé que idea se llevó de mi pero yo tengo ganas de conocerla.

Así que sí, necesito todavía un poco de ayuda pero menos y estoy con más ganas que nunca de empezar esta aventura que va a ser Ironhack UX/UI.

¡Muchas gracias por leerme!

Ya que has llegado hasta aquí, si te ha gustado el artículo te animo a dar algún clap al post y a compartirlo si de verdad te ha llamado la atención, espero que te haya gustado, ayudado o animado a escribir más.

Cualquier feedback o proposición de temas sobre los que escribir será realmente agradecido.

¡Seguiré por aquí!

LinkedIn

MI ENTRADA EN IRONHACK: UN POCO ATROPELLADA was originally published in Ironhack on Medium, where people are continuing the conversation by highlighting and responding to this story.

La Universidad de Princeton es una de las principales universidades más prestigiosas del mundo. En ella imparten clases grandes mentes del ahora y del ayer como Albert Einstein, lo que hace de esta universidad una de las más notorias con los alumnos más brillantes. Por lo que, no es de extrañar que Princeton coleccione gran cantidad de premios de sus alumnos, tanto premios Nobel, como Pulitzer y muchos otros.

En este ejercicio nos pedían poner a prueba la página de la universidad para comprobar la usabilidad real que tuviera. A través de una entrevista a un usuario que veía la pagina por primera vez apuntamos sus impresiones:

1. En un primer momento el usuario destaca la cantidad de espacio en blanco o espacio negativo que hay en esta página, teniendo por costumbre una aglomeración de datos en la pagina de su propia universidad, pero esta cantidad de espacio y de fotografías obliga al usuario a hacer demasiado scroll.
2. La página no muestra una identidad característica ni por los colores usados ni por las fotografías encontrando también una falta de jerarquía en sus propias secciones.
3. A simple vista parece que tuviera toda la información necesaria a mano, pero el usuario encuentra que hay demasiadas secciones en grupos como “Meet Princeton” que desvirtúan otras más importantes haciendo que al final quede mas oculta la información mas relevante.

Test de usabilidad

El usuario tenia que hacer 3 acciones dentro de la pagina web:

1- Encontrar a la mascota de la universidad

Acción que le ha sido prácticamente imposible. Ha comenzado a moverse por los distintos menús y submenús como: Meet Princeton, students , our community, cultural affinity groups, honors awards... sin saber bien donde buscar. Al final utilizó el buscador para poder encontrar un artículo referente a la mascota.

2- Encontrar si la universidad oferta clases en Árabe

También con poco o nada de éxito esta parte le conllevo 15 minutos de búsqueda al usuario. Volvió a estar perdido en la inmensidad de los menús que le llevaban a otras paginas sin retorno a la principal. Usó menús como: one community, student life, religious life.. hasta llegar a lo mas parecido que fue “muslim life” en la que ofertaban un curso de verano en distintos idiomas como el árabe.

3- Encontrar el aeropuerto mas cercano

Esta parte le fue relativamente fácil pues el uso de tantos submenus le había hecho aprender donde estaba el “visit us” pero reconoce que en un principio hubiera mirado en el footer para encontrar el “contact us”.

El punto débil

Una vez finalizada la entrevista analizamos cuales son los puntos débiles de la pagina de la universidad.

Lo que mas molestaba al usuario eran los espacios negativos y la cantidad de fotografías que hacia de la navegación algo lento y tedioso. El otro punto que más le confundía era la cantidad de menús encontrados y submenús, por lo que había que solventar estos dos problemas encontrados.

Por lo que en el prototipado había que reducir los menús como punto primordial. Me decanté por hacer unas secciones que pudieran englobar todo sin estresar al usuario y ademas encontré que los menús de Princeton tenían una jerarquía aleatoria por lo que priorice lo académico y las admisiones. A parte decidí poner el menú en el color naranja corporativo de la Universidad Princeton y así solventar la falta de identidad que presentaba la página.

Como el pilar fundamental de la universidad son las donaciones, siendo una de las universidades mas ricas del mundo e invirtiendo en su propio museo del arte, también tuve que pensar en colocar un botón de “give” priorizándolo, asique lo puse al lado del buscador que es un punto donde el usuario suele fijar la mirada.

Y en cuanto a las fotografías, me decanté por un carrusel en el que fueran pasando las noticias destacadas pudiendo elegir así cual ver, ordenándose por fecha y ocupando menos espacio en la página.

Conclusión

Otra vez vuelvo a encontrarme que las entrevistas son fundamentales, porque tener otros puntos de vista ayuda a encontrar mas problemas donde a lo mejor no habías mirado. Esto al fin y al cabo es la usabilidad, encontrar detalles que pasas por alto pero de los que te das cuenta al tener mas impresiones.

¡Muchas gracias por leerme!

Ya que has llegado hasta aquí, si te ha gustado el artículo te animo a dar algún clap al post y a compartirlo si de verdad te ha llamado la atención, espero que te haya gustado, ayudado o animado a escribir más.

Cualquier feedback o proposición de temas sobre los que escribir será realmente agradecido.

¡Seguiré por aquí!

LinkedIn

DESIGN THINKING — Whole Bank

El cliente

Whole Bank es un banco con sede en Massachusetts, US, que quiere ofrecer una forma de hacer sus transacciones diferente y más innovadora, con la que sus clientes puedan ahorrar y administrar su dinero con mayor facilidad. En definitiva, quieren pasar de ser un banco convencional a uno digital para poder ser más rápidos y eficaces con el cliente.

El problema

Como lo que Whole Bank quiere es ser un banco digital, lo primero que detectó fue que el sistema convencional de usar la tarjeta de crédito conllevaba muchos problemas como su deterioro, la pérdida, que las tiendas no la admitan y no encontrar un ATM para poder tener liquidez…Por todo esto, es por lo que quieren desarrollar una app para pagar sin la necesidad de una tarjeta física.

El problema principal

Se hace muy difícil pagar siendo turista, los cambios de moneda suelen ser un horror y nadie quiere pasar por eso, tampoco sabes cuanto dinero te hará falta por lo que al pedirlo vas un poco a ciegas y si no llevas y consigues sacarlo en tu viaje probablemente te frían a comisiones. Por todo esto, Whole bank necesita una solución que haga de estas transacciones algo fácil, como si no hubieras salido de tu casa, y sea tan sencillo como pagar en tu super de siempre.

La competencia

La verdad es que existen muchas formas de pago parecidas a lo que se requiere, como Google Wallet, Apple Pay, Android Pay… junto con casi la mayoría de los bancos que ya cuentan con una aplicación propia para este mismo propósito. La pregunta es: ¿quién ganará? para la cual todavía no hay un líder claro.

El proceso

El Design Thinking conlleva 5 fases: empatizar, definir, idear, prototipar y testear. Se nutren entre ellas pues se necesita de un testeo rápido para fallar antes y así poder hacer los cambios oportunos para volver otra vez a preguntar al usuario que le parece por el momento.

1.Empatizar -¿Con quién?¿Para quién?

Para empezar a diseñar hay que tener claro el objetivo y para quien va dirigido. No se trata solamente de pensar que sería lo ideal para ti, si no de diseñar pensando en un conjunto de mentes que no necesariamente piensan como tú o tienen las misma necesidades o problemas que tú. Por lo que lo de “ponerte en la piel de los demás” aquí viene perfecto, pues necesitas de un conjunto de impresiones para poder crear algo que se transforme en un todo.

La mejor forma para lograr esto es entrevistando varios usuarios de aplicaciones similares a la que queremos crear para ver sus impresiones y así convertirse en usuarios potenciales de Whole Bank.

La característica principal que buscamos es que sean viajeros frecuentes, para así tener en cuenta los incidentes ocurridos con el dinero y las tarjetas, por lo que se les crea la necesidad de una app que les gestione el dinero y así poder viajar despreocupados en este aspecto. También nos procuraremos de usuarios con aplicaciones de monedero para que nos digan sus impresiones fuera de su país. Y así podremos definir una solución más precisa según los datos que saquemos.

El target con el que contamos para las entrevistas son personas de 20–55 años que viajen con frecuencia o que hayan tenido algún tipo de incidente monetario en algún viaje tales como robo, perdida, desimantado de tarjeta… para comprobar que hicieron en estas situaciones.

Las impresiones tras las entrevistas fueron:

1. Pedir el dinero efectivo desde tu país conlleva un cambio de moneda muchas veces que requiere de una previsión que en algunos casos es imposible.
2. La mayoría de los casos en los que había habido robo, pérdida o cualquier imposibilidad de conseguir efectivo habían preferido pedir prestado a un compañero de viaje, a alguien que estuviera en la misma ciudad o incluso una transacción desde su país de origen a la cuenta para poder seguir el viaje.
3. En muchos casos tenían que estar preocupados durante el viaje buscando dónde era más barato hacer el cambio de moneda lo que les quitaba tiempo de ocio durante las vacaciones junto con la incertidumbre de no saber cuanto estas pagando.
4. Por supuesto también se encuentra el factor de la comisiones entre bancos que también requiere sacar una mayor cantidad porque puestos a que te cobrara al menos que fuera con algo que te durara durante todo el viaje
5. Muchos de los que se llevaban el dinero cambiado al destino de viaje, no sabían muy bien que hacer con él una vez allí, y llevarlo todo encima no era la opción mas recomendable.
6. En general los usuarios que usan aplicaciones de monedero iban mas despreocupados en todo el viaje pero llevaban siempre algo de dinero líquido por si pasaba algo.

2.Definir -¿Con qué trabajamos?¿Qué datos tenemos?

Bueno, llegados a este punto tenemos que analizar todos los datos con los que contamos para encontrar las similitudes entre los distintos casos y así poder conseguir un conjunto de necesidades mutuas. Por lo que las conclusiones que podemos sacar son:

El efectivo siempre es necesario, en mayor o menos cantidad pero a veces es la opción más inmediata y fiable aunque como ya hemos dicho conlleva el conocimiento del cambio de moneda y la posible pérdida o robo.

Las tarjetas son las mas usadas por los usuarios debido a que también es un método de pago inmediato, hay poco margen de error y además pueden ser conscientes de lo gastado y en qué.Pero también puede dar fallos, ser robada o pérdida.

Y vamos con los pros y contras de nuestra propia aplicación Whole Bank, como diferencia principal con los otros dos métodos de pago es que Whole Bank no cuenta con la confianza con la que los tradicionales ya tienen, por lo que se necesitaría de una educación al usuario sobre este servicio. También existen riesgos como el ser pirateado o la perdida o robo del dispositivo y por supuesto al ser un método más nuevo necesitaríamos saber la manera de actuar en estos casos. Pero por otro lado con este método de pago despejarías instantáneamente las dudas sobre el cambio de divisa y también a parte de la comodidad esta el factor seguridad pues conlleva un factor de doble autentificación para cualquier transacción.

3.Idear -¿Cómo llegamos a la solución?

Aquí toca una tormenta de ideas para encontrar la solución, no hay equivocaciones, todo vale, hasta la idea más loca, se trata de ser creativo!

4.Prototipar -Esto empieza a tomar forma!

4.Testear -En este caso era imposible

Al ser un ejercicio no habia forma alguna de testear el producto final.

La conclusión

Con esta aplicación he intentado solventar todos los problemas que tenian los usuarios con soluciones sencillas.

La pérdida o robo de tarjeta se solventa con un botón de cancelar o bloquear la tarjeta instantáneamente. El cambio de moneda se hace directamente sabiendo perfectamente lo que estas pagando y con añadir donde están los ATM más cercanos ahorramos la preocupación de no tener donde sacar dinero. Y el implementar el poder verificar el pago con la huella o con la cara da mas sensación de seguridad al usuario. Aparte puedes controar perfectamente tus gastos al día y llevar una cuenta de lo que has hecho en tu viaje.

Todo esto no hubiera sido posible si el Design Thinking no fuera tan concienzudo porque te hace pensar hasta en el mas mínimo detalle teniendo siempre como prioridad al usuario.

¡Muchas gracias por leerme!

Ya que has llegado hasta aquí, si te ha gustado el artículo te animo a dar algún clap al post y a compartirlo si de verdad te ha llamado la atención, espero que te haya gustado, ayudado o animado a escribir más.

Cualquier feedback o proposición de temas sobre los que escribir será realmente agradecido.

¡Seguiré por aquí!

LinkedIn

El ejercicio en si consistía en pasar a wireframe la interfaz que usa emov:

Había que estudiar cada pantalla para conseguir decir lo mismo sintetizando todos los elementos:

En definitiva y pese a mi reticencia en un primer momento en cuanto a no poder hacer uso de ningún color, he aprendido que no son tan necesarios como yo creía y que pueden pasar a un plano secundario sin afectar demasiado al diseño en sí.

¡Muchas gracias por leerme!

Ya que has llegado hasta aquí, si te ha gustado el artículo te animo a dar algún clap al post y a compartirlo si de verdad te ha llamado la atención, espero que te haya gustado, ayudado o animado a escribir más.

Cualquier feedback o proposición de temas sobre los que escribir será realmente agradecido.

¡Seguiré por aquí!

LinkedIn

Este ejercicio es uno de mis primeros contactos con Sketch. He podido comprobar que es un programa muy intuitivo y bastante sencillo si te llevas bien con el paquete Adobe.

Uno de los programas que más uso y que más me gusta es Photoshop y es con el que más lo puedo comparar. Recuerdo que cuando quise aprender Photoshop fue bastante duro, y digo quise porque llevaba años intentándolo y negando todo lo que proviniese de un ordenador (las vueltas que da la vida), pero por exigencias artísticas me di cuenta que necesitaba una herramienta que me permitiera crear las distintas realidades que quería representar y así poco a poco fui convirtiéndome en la mejor amiga del Photoshop. Como ves Photoshop y yo comenzamos con mal pie pero el llegar a comprenderlo me abrió la puerta a muchos programas como es el caso de Sketch.

Yo sin shortcuts no sabría vivir y afortunadamente Photoshop y Sketch comparten muchos de ellos. Además, trabaja por capas lo cual es una manera mas cómoda de gestionarse. Las capas, ¡ay las capas! son otro mundo, tengo Photoshops más ordenados que mi propio cuarto… En el momento en el que despistas un segundo lo de las capas puede ser tanto una bendición como una maldición.

Así que, una de las primeras cosas que tendría que decir sobre Sketch es que hay que ser ordenado desde un primer momento nombrando todo desde el principio, organizando grupos… Parecerá una tontería, ¡pero no! y otra de las cosas que contaba es que no podría vivir sin shortcuts, y parece mentira, pero así es, al principio parece que requieren mas tiempo pero nada más lejos de la realidad, los atajos como su nombre indica te salva un montón de tiempo una vez te acostumbras, mi siguiente paso es aprenderme todos y cada uno de ellos para los siguientes trabajos!

¡Vamos al lío!

El primer reto con Sketch consistía en clonar estas dos pantallas:

Y aquí esta la copia que he hecho yo:

He intentado ser fiel hasta el más mínimo detalle, para ponerme a prueba a la hora de imitar una interfaz, pensando en que un futuro me tocará imitar una corriente de diseño con la que no este familiarizada y poder probarme con este ejercicio ha sido clave.

Lo que me ha supuesto mayor reto ha sido encontrar todas las imágenes aunque no se requería, y la que más problemas me ha dado ha sido la imagen de la pantalla principal, siéndome imposible encontrarla me decante por pintarla yo misma intentando serle fiel.

¡Muchas gracias por leerme!

Ya que has llegado hasta aquí, si te ha gustado el artículo te animo a dar algún clap al post y a compartirlo si de verdad te ha llamado la atención, espero que te haya gustado, ayudado o animado a escribir más.

Cualquier feedback o proposición de temas sobre los que escribir será realmente agradecido.

¡Seguiré por aquí!

LinkedIn

IRONHACK EXERCISE: How giant websites design for you

Este es el principio de algo grande, me refiero a que voy a empezar a estudiar en Ironhack y no puedo estar más emocionada. Pero antes de empezar nos mandan completar un “prework” que es algo parecido a un “Vacaciones Santillana” pero más duro y ameno a la vez. Con la comparación me refiero a que te lo mandan en verano y son ejercicios en los que al principio no tienes ni idea para que sirven pero que a medida que los vas haciendo te vas dando cuenta de que estas aprendiendo términos que o no sabías o no tenías del todo claro junto con ejercicios que afianzan lo que vas consiguiendo.

Así pues, el primer ejercicio consiste en tomar apuntes visuales a través de dibujos, lo que te obliga a estar más pendiente de lo que se te esta exponiendo para poder captar las ideas mas importantes y plasmarlas de una forma única y personal.

El caso a analizar es la charla “How Giant Websites Design For You!” de Margaret Gould Stewart, en el que explica como plataformas tan grandes como Facebook y Youtube están pensadas por y para el usuario hasta en el mas mínimo detalle.

Cierto es, que esta forma de tomar apuntes tiene muchas ventajas, por ejemplo, con un solo vistazo te acuerdes de todo, pero también es una forma más difícil en un primer momento por la falta de costumbre, espero de cara a un futuro tardar menos en hacer este tipo de apuntes con práctica porque creo que son muy necesarios y sobre todo útiles y divertidos.

Este es un ejercicio de concentración extrema que te conlleva a la vez un esfuerzo mental como te garantiza una completa dedicación a la charla en sí, haciendo que tengas que quedarte con los conceptos mas primordiales que salen durante la charla teniendo que abstraerse de lo mas banal como son datos o nombres como Facebook o Youtube y obligándote a sintetizar los conceptos que englobaban a estos.

A través de metáforas e ilustraciones he intentado trasmitir las ideas principales de la charla dando como resultado algo que en un primer momento no tenia mucha relación entre unos conceptos y otros pero que luego se consigue ver como un todo.

¡Muchas gracias por leerme!

Ya que has llegado hasta aquí, si te ha gustado el artículo te animo a dar algún clap al post y a compartirlo si de verdad te ha llamado la atención, espero que te haya gustado, ayudado o animado a escribir más.

Cualquier feedback o proposición de temas sobre los que escribir será realmente agradecido.

¡Seguiré por aquí!

LinkedIn

¡Hola!, me llamo Circe Serrano y quería presentarme un poco antes de empezar con más posts.

De pequeña si me dabas un lápiz podía pasarme horas dibujando sin dar un ruido.. pero ¡ay de ti si no lo tenía!…Creo que el evadirme con un simple lápiz lo mantengo desde entonces.

Creo que por esto no es de extrañar que estudiara Bellas Artes y de ahí evolucioné, sin darme mucha cuenta de que me dirigía hacia un camino del que es muy difícil salir: EL DISEÑO; difícil salir porque una vez que entras te enamoras tan fuerte que no puedes dejar de analizarlo todo al mínimo detalle, hasta encontrarse con una Comic Sans en un bar hace que ya no te sepa igual la comida por muy rica que estuviera antes de haber tenido ese dato. Bueno a lo mejor esto es un poco exagerado, tienes toda la razón, pero cierto es, que me he regido por mis instintos, lo que me ha llevado a amar todo lo que hago.

Sigamos por donde íbamos, hice Bellas Artes, luego hice Diseño Gráfico de la Comunicación lo cual me dió perspectiva en cuanto a lo significativo que es el buen diseño dentro de una sociedad y para el usuario. Sentí que me faltaba un hilo conector que pudiera unir la pasión por el dibujo, la pintura, la fotografía, que habían constituido Bellas Artes y la parte más analítica de toma de decisiones, de pensar en un usuario antes que en uno mismo para poder crear algo… vamos que mundos completamente opuestos y a la vez tan complementarios… así que decidí hacer diseño e ilustración en 3D para así poder crear mis propias obras pero con un producto final pensado y destinado a un cliente.

Por todo esto entenderás cuando decía que seguía mis instintos y necesidades en cuanto a formarme, pues no he sido del todo consciente de lo que iba generando hasta ahora mismo, pero siempre apasionándome por todo y sobretodo buscando más, tengo muy claro que mi mundo es creativo y que el diseño es el camino, por lo tanto ahora toca: ¡IRONHACK!

¿Y de qué te voy a hablar?

En este blog procurare hablar de lo que mas me apasiona que es principalmente UX y UI, diseño gráfico y por qué no un poquito de arte. También intentare reflexionar sobre temas que me parezcan interesantes o sobre retos que me proponga Ironhack.

¡Espero que me acompañes y nos vemos con más cosas!

¡Muchas gracias por leerme!

Ya que has llegado hasta aquí, si te ha gustado el artículo te animo a dar algún clap al post y a compartirlo si de verdad te ha llamado la atención, espero que te haya gustado, ayudado o animado a escribir más.

Cualquier feedback o proposición de temas sobre los que escribir será realmente agradecido.

¡Seguiré por aquí!

LinkedIn