R4. Prototip d’alta fidelitat

Hola,

A continuació us presento el meu prototip d’alta fidelitat (Hi-FI) d’aquest últim projecte de prototipat: Disseny i prototipat d’una App de reserves per a personal d’Spotify.

Adjunto l’enllaç al vídeo per tal que pugueu veuere el prototip en acció, espero que us agradi: https://youtu.be/I85BtUK5iCw

A més us adjunto l’enllaç a Figma per tal que pugueu veuere amb més detall el meu treball realitzat durant aquestes últimes setmanes. L’arxiu Figma es divideix en: Portada, UI-Toolkit, prototip i test i reflexió.

Enllaç a Figma: https://www.figma.com/file/7iujjpPvuFm4V2Pxp3q7zo/Repte-4.-Adri%C3%A1n-S%C3%A1ez-Cord%C3%B3n?type=design&node-id=0%3A1&mode=design&t=vVSetFCefQvemUyK-1

Moltes gràcies,

Adrián Sáez.

 

R4. Disseny de la navegació

Hola companys,

A continuació us adjuntaré el PDF del repte 4, a on vaig un anàlisi crític, un Benchmarking i un diagrama de flux de cadascuna de les webs seleccionades:

  1. Primavera Sound (https://www.primaverasound.com/en/tickets)
  2. Bilbao BBK Live (https://bilbaobbklive.com/)

He considerat que són rellevants pel nostre projecte de remodelació de la pàgina web de “FiraTarrega” per diverses raons:

Experiència d’usuari: Aquestes pàgines web són conegudes per oferir una bona experiència d’usuari. Poden servir com a model per entendre com presentar informació, navegar entre les opcions i millorar la usabilitat.

Procés de compra d’entrades: L’èxit d’un esdeveniment com FiraTarrega depèn en gran mesura de la facilitat amb què els usuaris poden comprar entrades. Analitzar els processos de compra d’entrades d’esdeveniments similars pot proporcionar idees per simplificar i millorar aquest procés a la pàgina de FiraTarrega.

Plataformes externes: Ambdós esdeveniments fan servir plataformes externes per a la compra d’entrades. Aquest enfocament pot ser rellevant per FiraTarrega si vol oferir una integració amb altres serveis o si hi ha avantatges específics en utilitzar aquestes plataformes.

Repte 3. Objecte quotidians

Hola companys,

Per aquest repte 3 (Objectes quotidians) he fet el següent:

A la primera part, he redissenyat un comandament a distància d’un monitor comercial que faig servir cada dia a la tenda on treballo. He notat moltes bretxes d’execució i d’avaluació que he modificat. Probablement, es tracta d’un comandament a distància que serveix per a molts tipus de pantalles (TV, pantalles comercials, monitors…). En aquest cas serveix per a un monitor, per això molts dels elements no serveixen per res o no estan ben estructurats.

A la segona part del repte, he analitzat la topografia de dos objectes que també utilitzo diàriament:

  1. Segell comercial
  2. Control de llums del meu cotxe

A continuació adjunto el treball fet, en format PDF.

Gràcies,

Adrián Sáez.

Storyboard: Compra en una tenda de roba física. Per Adrián Sáez

Hola, a continuació us presento el meu storyboard: Compra en una tenda de roba física.

 S’organitza en les següents vinyetes:

  1. L’usuari descobreix que es troba lluny de casa, comença a fer fred i no té jaqueta.
  2. Es dirigeix a una tenda de roba local
  3. Explora les diferents seccions i selecciona la jaqueta que més s’ajusta al seu pressupost.
  4. Es dirigeix a la caixa per realitzar la compra
  5. Passa el dispositiu mòbil pel lector TPV amb contactless
  6. Problema: Targeta denegada en el punt de venda (TPV)
  7. L’usuari reacciona malament i intenta utilitzar la targeta física i l’empleat li recomana introduir-la
  8. Compra acceptada!
  9. L’usuari surt de la tenda
  10. L’usuari al carrer content per la seva compra.

Moments clau (Touch Points):

  • Moment de selecció dels articles a comprar.
  • Moment de confrontació amb la denegació de la targeta al TPV.
  • Moment de buscar solucions alternatives amb l’ajuda del personal.
  • Moment de triar i completar la compra amb una altra forma de pagament.

A continuació us mostro el primer esbós que vaig fer:

Posteriorment vaig afegir a les vinyetes:

  • Color
  • Text
  • Emoticones
  • Elements de còmic

Espero que us hagi agradat, quedo a l’espera de les postres aportacions per tal de millorar-lo.

Gracies,

Adrián Sáez

Repte 2. Prototipat i construcció sistèmica del disseny

Hola a tothom,

A la primera part del repte 2 he creat un UI kit amb els elements interactius principals de Spotify. A continuació us deixo el link al prototip en format desktop de Figma:

https://www.figma.com/file/Ec3pYH0Hgu2oPnmLuRKQoe/Untitled?type=design&node-id=1%3A4&mode=design&t=IU0vCd1m1c44dmTW-1

A més, us deixo una captura de pantalla d’aquest UI kit:

A la segona part del repte dos he fet un prototip de baixa fidelitat (Wireframe) d’una aplicació on els treballadors de Spotify poden reservar una sala. A continuació us deixo un vídeo explicatiu que mostra el funcionament d’aquesta aplicació.

VideoWireframeAdriánSáez

Gràcies,

Adrián Sáez Cordón

Escenari I User Journey (Compra d’entrades en línia per a la FiraTàrrega)

Hola,

A continuació adjunto el primer escenari i User Journey que he creat: Compra d’entrades en línia per a la FiraTàrrega.

He considerat que era l’escenari bàsic i principal a tenir en consideració per després crear escenaris més concrets.

Gràcies,

Adrián Sáez

Disseny d’un prototip basic de Spotify. Per Adrián Sáez

Hola a tothom, a continuació us deixo el vídeo del meu prototip de la pantalla principal de la reproducció d’una cançó de Spotify, on també es pot activar el menú desplegable d’opcions del menú. He executat la tasca amb Figma:

PrototipSpotifyAdriánSáez

Aquí us deixo também l’enllaç a Figma: https://www.figma.com/file/TDz7zY4zc4O3ZABgbs6klk/Repte1.SpotifyAdri%C3%A1nS%C3%A1ez?type=design&node-id=0%3A1&mode=design&t=ULYAZUhGACIIWnzX-1

Gràcies,

Adrián Sáez.