King workshop

Gabriela Lazbal i el Concept Art

El passat dimarts 15 de maig vam tenir la visita de Gabriela Lazbal a l’assignatura de Projectes Rich Media. Lazbal treballa a King, empresa líder en el sector de l’entreteniment per dispositius mòbils, coneguda mundialment pel seu joc estrella Candy Crush. Després d’uns sis anys a l’equip, actualment el seu rol és el de Senior Artist i Lead Artist de l’equip d’art del videojoc Bubble Witch 3

Lazbal va néixer i formar-se a Argentina però porta uns 20 anys vivint a la península, havent treballat a Madrid, Zaragoza i Barcelona. D’entrada, ens explica que el seu recorregut es caracteritza per ser força multidisciplinar, guiada sempre per la seva vena artística.

Des dels tretze anys tenia clar que volia estudiar la carrera de Belles Arts. No obstant, arrel del seu esperit curiós, pel camí ha seguit cursant demés disciplines, com per exemple, producció i realització de cinema i televisió a la vegada que animació analògica i de 3D. A més a més, abans d’entrar a King i paral·lelament als seus estudis, havia dedicat una bona part de la seva trajectòria professional a la docència i a treballar de manera independent com autònoma.

King workshop

Durant la sessió, Lazbal ens explica amb detall el procés d’elaboració de videojocs. En el cas de l’empresa sueca, segueix una metodologia de treball basada en el model SCRUM, el qual evita jerarquies potenciant la proactivitat i la coordinació entre els seus membres. Destaca sobretot l’èxit dels projectes perquè es construeixen arrel d’una base comunicativa molt necessària.

“Allò més positiu que té SCRUM és la retrospectiva. En aquesta sessió es comenta què ha anat bé o malament tant a nivell professional com personal. Va bé per evitar arrastrar problemes o malentesos acumulats i s’estableixen relacions de confiança mitjançant la conversa.”

Ens explica que el brainstorming de la primera fase l’organitzen perfils ben variats com és el cas d’artistes, dissenyadors/es de mecàniques de joc, productors/es, data scientists i, en fase més avançada de prototipació o implementació, també s’hi uneixen developers i persones de l’àrea de testing. Tot i així, no es troben només per una pluja d’idees inicial sinó es van reunint constantment per tal de compartir totes les decicions, posant en comú tant l’ideació com l’anàlisi i resultalts de testeig durant l’evolució del producte.

“Juntar-se i discutir les idees fa que una de simple vagi enriquint-se. Per això el treball en equip és tan important.”

A grans trets, Lazbal defineix el procés de progressiu i ens introdueix el concepte de sprints, és a dir, consta de tota una sèrie de tasques estipulades i pautades anteriorment que s’han d’anar complint de manera conjunta amb una duració prevista per tal de poder testejar el producte al més aviat possible. Tant la fase creativa com de producció creixen força de la mà però sí que és veritat que la part de conceptualizació és un treball previ al de desenvolupament de l’aplicació final. Per aquest motiu, Lazbal assegura que s’han de pulir molt els dibuixos, passant per moltes fases, per aconseguir un disseny definitiu que pugui ser aplicat amb detall quan es crei en 3D.

King workshop

Al llarg de la ponència es van tractar altres aspectes en relació el disseny. Per una banda, es va parlar sobre el tractament tipogràfic i el perfil UX/UI, importants també a l’hora de definir l’estil del món del joc i satisfer les expectatives dels jugadors i jugadores. Per l’altra, Lazbal va donar-nos consells sobre com afrontar el món laboral. A través d’anècdotes, ens comentava com encarar una entrevista de feina, els tipus de portfoli i la importància de mantenir una actitud proactiva però alhora receptiva sempre, oberta al feedback que tant ens beneficia.

Sketching

Disseny Centrat en l’Usuari

Al llarg de l’assignatura d’Anàlisi i Gestió de Publicacions Digitals amb Enric Mor, vam descobrir el DCU (Disseny Centrat en l’Usuari) i les etapes tècniques que configuren el seu procés iteratiu. És important saber aplicar-lo en qualsevol producte interactiu ja que enriqueix la usabilitat i l’accessibilitat de l’experiència d’usuari.

Vam aprendre sobre UX/UI redissenyant la pàgina web d’un client real. Per realitzar-lo, vam completar totes les fases del projecte començant per la seva definició de la mà de la investigació, seguint amb el plantejament de l’arquitectura de la informació i sketching, el disseny de wireframes junt amb el prototip i l’avaluació. També, vam combinar el contingut teòric donat amb activitats dinàmiques elaborades a classe.

The Wallet Project

La primera activitat va ser una introducció al Design Thinking amb el desenvolupament per parelles d’un briefing a mida. En una hora, vam comprendre el valor imprescindible d’aproximar-se a la persona destinatària del producte o servei, en aquest cas un moneder, per tal de conèixer les seves necessitats. Per aconseguir-ho, havíem d’entrevistar-nos mútuament, deixant de banda les nostres preferències com a dissenyadors/es i proposant solucions reals que poguessin satisfer cada cas.

User Journey

El disseny de tota plataforma online o aplicació ha de contemplar els escenaris o user journeys dels usuaris analitzant prèviament el tipus d’activitat, els seus contextos d’ús i les emocions experimentades per detectar les mancances que entenem com oportunitats de millora. En aquesta ocasió, vam definir perfils i recorreguts de persones que utilitzarien una app per escoltar música.

MDG EINA CDU 2018

Pet Lost & Found

En aquesta activitat vam utilitzar els diagrames de flux per dissenyar la navegació d’una app que oferia un sistema de recerca i retrobament de mascotes perdudes.

Spaghetti Marshmallow Challange

Cap al final de l’assignatura, vam realitzar aquesta activitat que consistia en, per grups de 3-4 persones i en 18 minuts, construir una estructura que es sostingués per si sola amb els següents elements:

  • 20 espaguetis crus
  • 1 metre de celo
  • 1 metre de cordill
  • 1 núvol dolç
  • 1 tisores

I una cosa més, a la punta més alta havia de situar-se el núvol rosa. La iniciativa ve plantejada des de Harvard per Tom Wujec, qui ens va conduir a la reflexió final sobre l’èxit o el fracàs de treballar en equip, especialment entre estudiants de disseny.

Des del principi parlem de disseny iteratiu, una metodologia cíclica de canvis i millores en base a proves d’iteració realitzades més recentment. Es fan prototips, tests i anàlisis d’un producte o servei de forma continuada per aconseguir cada vegada una versió més perfeccionada.

Infographic

Anàlisi i Gestió de Publicacions Digitals

A l’assignatura d’Anàlisi i Gestió de Publicacions Digitals hem elaborat infografies de temàtiques en relació a Internet i les tecnologies. En l’última sessió amb Diego Fernández, vam presentar-les a l’aula per tal de compartir i comentar-les conjuntament.

El resultat exposat va ser molt divers tan a nivell formal com de contingut, el qual era molt ampli: tractava des de l’existència de les cookies, el món dels emojis, l’èxit de les cites online, la música en streaming, l’ús i abús dels smartphones o l’Instagram i el curiós cas del #foodporn.

 

Bossa EINA

Sessió informativa Màster en Disseny Gràfic 2018-2019

 

EINA ofereix un conjunt de programes de segon cicle dissenyats per especialitzar-se en diferents àmbits del disseny, millorar competències o explorar-ne de noves.

Per a què puguis informar-te de tots els detalls d’aquests Màsters i Postgraus de la mà dels seus coordinadors, l’escola organitza sessions informatives. La propera tindrà lloc dijous 26 d’abril a les 18h a la seu d’EINA (Passeig Santa Eulàlia, 25).

D’entre tota l’oferta formativa, tindràs l’oportunitat de conèixer amb profunditat sobre el Màster en Disseny Gràfic. Aquest, tracta les especificitats del disseny gràfic tant pel que fa als objectius, l’anàlisi, la planificació, els recursos i materials o la gestió i direcció del projecte.

Per a les persones que no puguin assistir, es farà una següent sessió el 7 de juny.

Màsters, postgraus i cursos de Disseny a EINA

 

Vídeo Digital

Diego Fernández, professor de l’assignatura de Vídeo Digital, presenta als alumnes les tècniques i recursos de creació de vídeo i animació destinats a la xarxa. En aquesta assignatura es treballa l’aprenentatge de les característiques del vídeo digital, la seva edició, la interactivitat, introducció a l’animació 3D i introducció al tractament d’àudio.

Marc Juanola


Andrés Gutiérrez


Laia Faiges


Jose Navarro


Valeria Cerrada


Carlos Vidente

Projectes Web

L’assignatura de Projectes Web, impartida per la professora Anna Fuster, presenta el desenvolupament de la maquetació en HTML i CSS d’un projecte web. Al llarg del curs es treballa el plantejament i l’obtenció d’un prototip funcional, passant per una proposta gràfica, maquetació i la instal·lació a un servidor.

Els alumnes aprenen les especificitats del disseny per al mitjà digital. Com plantejar un briefing, el disseny d’interacció i arquitectura de la informació. En aquesta edició, els alumnes han implementat la web del prototip de l’assignatura d’Anàlisi i gestió de publicacions digitals, donant com a resultat un redisseny de les pàgines web de diversos museus escollits.

Andrés Gutiérrez


Valeria Cerrada


Carlos Vicente


Jose Navarro


Laia Faiges

Introducció a la Programació

Els professors Jordi Collell i Oriol Collell s’han encarregat de dur a terme la docència de l’assignatura d’Introducció a la Programació. Aquesta assignatura té com a objectiu dotar els estudiants d’un coneixement base del llenguatge de programació. D’aquesta manera poden conèixer la complexitat dels projectes online, realitzar bons plantejaments, aconseguir una comunicació fluïda amb l’entorn professional i treure el màxim de profit a les possibilitats tècniques.

Els alumnes aprenen el funcionament del llenguatge Java Script, nocions de PHP i MySQL i el funcionament pràctic de les llibreries JQuery. Durant el curs es fan diferents pràctiques que van dotant l’alumnat de recursos útils per a possibles projectes. Una d’elles ha estat utilitzant la llibreria TweenMax de GreenSock.

Paola Belmonte

L’usuari clica les anelles del mandala i fa que aquestes s’aturin o es desplacin circularment.

2017_belmonte_progr


Laia Faiges

El planeta gira i és deté en prémer el botó d’encesa del centre.

2017_faiges_progr


Andrés Gutiérrez

Els botons de la màquina fan accionar tot tipus d’interaccions.

2017_gutierrez_progr


Marc Juanola

La màquina de rajos de la dreta pot accionar-se i apagar-se.

2017_juanola_progr


Sandra Rubio

La fàbrica de xocolata té un moviment continu de les seves premses i engranatges.

2017_rubio_progr

master Eina

Disseny Centrat en l’Usuari

El Disseny Centrat en l’Usuari (DCU) és un enfocament del disseny que té en compte el destinatari final del producte o servei, l’activitat que es desenvolupa, així com els contextos d’ús. Dins de l’assignatura d’Anàlisi i gestió de publicacions digitals, els alumnes del màster han treballat amb el professor Enric Mor els aspectes del DCU mitjançant dinàmiques, activitats i un projecte de redisseny web d’un museu.

Una de les primeres activitats a classe va ser el disseny d’un moneder o cartera. L’objectiu de l’activitat era confeccionar el producte pensant directament en un company de classe.

master Eina master Eina master Eina master Eina master Eina

Mitjançant un procés d’iteració, els alumnes preguntaven les necessitats i plantejaven problemàtiques amb possibles solucions. D’aquesta manera, el resultat final cada vegada s’ajustava més a l’èxit. Finalment l’activitat concloïa amb un debat sobre el millor producte: aquell que millor resolia la necessitat de l’usuari en qüestió.

Un procés important en el disseny de qualsevol plataforma en línia o d’una app és tenir en compte els Escenaris. En ells, el dissenyador reflexiona sobre possibles situacions versemblants en les que un usuari tipus podria trobar-se en utilitzar el producte. Aquest és un procés molt important en treballar amb l’Experiència d’Usuari (UX)

master Eina master Eina master Eina master Eina master Eina master Eina

Aquesta vegada l’activitat de classe va consistir en dissenyar de manera molt visual un escenari per a una app en concret. La funcionalitat de l’app consistia en un sistema elaborat per trobar, mitjançant la col·laboració de les persones, la teva mascota perduda.

El Disseny iteratiu és una metodologia de disseny basada en un procés cíclic de prototips, proves, anàlisis i perfeccionament d’un producte o procés. Basant-se en els resultats de les proves de la iteració més recent d’un disseny, es realitzen canvis i millores.

master Eina master Eina master Eina master Eina

Per practicar i entendre aquest funcionament, a classe es va efectuar el Marshmallow Challenge. Es tracta d’un desafiament de team-building que encoratja la mentalitat de disseny i es dóna suport en els principis bàsics d’enginyeria. Se’ls dóna a cada equip els subministraments per a treballar – espagueti, cinta i corda – i en 18 minuts han de construir la torre més alta possible que sostingui un “marshmallow”.

Finalment, el projecte final de l’assignatura consistia en el redisseny de la pàgina web d’un museu. Seguint els passos treballats a classe del DCU, els alumnes han realitzat un informe on detallaven el procés iteratiu dut a terme pas a pas. Entre ells, els escenaris, l’arquitectura de la informació, sketching, diagrama de flux i per últim un prototip funcional.

Valeria Cerradamaster Einamaster Einamaster Einavaleria4


Carlos Vicente

master Einamaster Einamaster Einamaster Eina


Jose Navarro

master Einamaster Einamaster Einamaster Eina


Andrés Gutiérrez

master Einamaster Einamaster Einamaster Eina


Laia Faiges

master Einamaster Einamaster Einamaster Eina

Buy Yourself

L’assignatura de Projectes Web, impartida per Anna Fuster, tracta el desenvolupament d’un projecte web des del plantejament fins a l’obtenció d’un prototip funcional, passant per les propostes gràfiques, maquetació i instal·lació en servidor. En el marc d’aquesta assignatura, els estudiants del master han rebut la visita de dos dels representants de Buy Yourself, una app innovadora que permet comprar sense fer cues. Els dos representants, dissenyador i programador d’aquesta start-up, ens han explicat el funcionament del seu projecte, el procés de desenvolupament que van dur a terme tant a nivell de disseny basat en l’usuari com d’organització i gestió del sistema de negoci.

Al llarg de la xerrada s’ha evidenciat la importància d’entendre el context de l’usuari i adequar el projecte a les seves necessitats basant-se en les tècniques i processos de UX/UI. En el seu cas, han buscat solucionar la problematica de les cues a l’hora de comprar en una botiga de roba i fer aquesta experiència més pràctica per a l’usuari . Fins al moment s’han enfocat a petites botigues de roba, ja que l’app està en una primera fase de llançament i la implementació en aquest tipus de comerç és més senzilla.

2017_buy_yourself
Captures de pantalla de l’APP Buy Yourself
  1. S’entra a la botiga, es trien els productes i s’escaneja amb l’APP seus codis de barres.
  2. Es pot descobrir automàticament les característiques del producte, com quan es compra en línia.
  3. Es realitza la compra sense fer cua per pagar. Simplement prement un botó de compra.

La xerrada ha constat de diversos moments on els integrants de l’equip de Buy Yourself aconsellaven als estudiants respecte la diferenciació de rols dins d’una empresa, el paper del diseñador, la seva interactuació i entesa amb la resta de profesionals i també models de finançament i promoció en el marc econòmic d’una start-up.

 

 

Cafè amb Adrià Sánchez

El 8 de maig hem pres un Cafè amb Adrià Sánchez, Chief Design Officer de Wallapop. La conferència, titulada Wallapop: cròniques d’un dissenyador, ha tractat de la trajectòria de Wallapop. L’èxit de l’aplicació ha fet que de cop i volta s’hagi vist amb la situació de dissenyar pantalles que reben 20 millons de visites diàries.

L’Adrià és un barceloní amb una bar-tracció a les idees absurdes i que lidera el departament de disseny de Wallapop. Format a Elisava, prèviament va treballar en bars i estudis de disseny com Zulinema. Va passar una temporada treballant en agències, però bàsicament la seva tasca se centrava en freelances de disseny i projectes propis. Va ser llavors quan va començar a fer les seves pròpies apps com és el cas de “To Beer”, un projecte personal per trobar cervesa al teu voltant que va fracassar. Coses de la vida, el seu següent projecte va ser Wallapop.

IMG_9017

Aquesta ha estat l’última conferència de Cafè amb… un cicle de xerrades enmarcades al Màster de Disseny Gràfic d’EINA. Des de diferents mirades de professionals, s’han tractat temes relacionats amb l’àmbit del disseny gràfic. Es tracta d’unes trobades mensuals d’una hora de durada i obertes al públic.