Finalment ens enfrontem al repte apassionant de crear un prototip d’alta fidelitat per a la nostra aplicació de sales de reunions. Amb l’objectiu de garantir una experiència de primera qualitat, ens centrarem en capturar l’estil i l’atmosfera característics de Spotify.

L’activitat consistirà en desenvolupar una aplicació amb l’aparença i la sensació distintives de Spotify, tot incorporant les funcionalitats necessàries per gestionar eficientment les reserves de sales de reunions. Després de la implementació inicial, la fase crucial serà sotmetre el prototip al testeig amb usuaris reals.

Per optimitzar el desenvolupament del prototip, vaig iniciar amb una avaluació inicial, recollint el feedback de tres persones amb un prototip de baixa fidelitat. Les seves impressions inicials em van proporcionar insights valuosos que vaig utilitzar per realitzar millores significatives, evolucionant el prototip cap a una versió d’alta fidelitat.

Un cop, amb les millores incorporades, s’ha preparat per a una segona ronda d’avaluació, amb cinc persones que provaran el prototip millorat. Aquesta fase m’ha ajudat a confirmar l’eficàcia de les millores implementades i assegurar-me que la solució final compleixi amb les expectatives dels usuaris. Amb aquest enfocament seqüencial, busco validar les millores i garantir una solució final optimitzada.

Link a les interaccions:
https://www.figma.com/proto/K5wmaoU0xgH2LnQiN2jDUX/Repte-4?page-id=142%3A3292&type=design&node-id=194-6345&viewport=-1%2C176%2C0.51&t=X5mw9nhX88D6JENO-1&scaling=min-zoom&starting-point-node-id=194%3A6293&mode=design

Video presentacio:

Bretxes

Avaluacio heuristica del comandament remot de Samsung The Frame:

1. Facilitat d’Aprenentatge:
   • Puntuació Revisada: 2
   • Comentari: La corba d’aprenentatge pot ser abrupta per a aquells acostumats als comandaments convencionals, dificultant l’inici per a usuaris menys familiaritzats amb la tecnologia.
   • Millora Recomanada: Proporcionar un tutorial interactiu durant la configuració inicial del control remot per explicar les funcions de moviment i navegació.
2. Ergonomia i Usabilitat:
   • Puntuació: 4
   • Comentari: El disseny és còmode i els botons principals estan ben situats, tot i que alguns podrien millorar la seva disposició.
   • Millora Recomanada: Fer ajustos en el disseny dels botons per millorar l’accessibilitat i fer que la disposició dels controls sigui més intuïtiva.
3. Capacitat de Control Universal:
   • Puntuació: 4
   • Comentari: Pot controlar altres dispositius eficaçment, però la configuració inicial pot ser complexa.
   • Millora Recomanada: Simplificar el procés de configuració inicial per a la sincronització amb dispositius externs, oferint instruccions més clares i amigables.
4. Funcionalitat del Control de Moviment:
   • Puntuació: 5
   • Comentari: El control de moviment respon amb precisió i la seva activació/desactivació és natural.
   • Millora Recomanada: Implementar una funció de calibració inicial per al control de moviment, assegurant una resposta òptima des del principi.
5. Usabilitat de la Interfície Virtual:
   • Puntuació: 4
   • Comentari: La interfície virtual és fluïda, però algunes funcions podrien ser més accessibles.
   • Millora Recomanada: Optimitzar la interfície virtual per facilitar l’accés a funcions menys utilitzades i millorar l’experiència d’ús.
6. Control de Dispositius Externs:
   • Puntuació: 4
   • Comentari: Pot gestionar dispositius externs, però podria millorar la velocitat de resposta en certes interaccions.
   • Millora Recomanada: Millorar la velocitat de resposta en el control de dispositius externs per garantir una experiència més fluïda.
7. Personalització i Flexibilitat:
   • Puntuació: 3
   • Comentari: Manca d’opcions de personalització per adaptar el control remot a les preferències individuals.
   • Millora Recomanada: Ampliar les opcions de personalització, permetent als usuaris adaptar el control remot segons les seves preferències.
8. Fiabilitat i Rendiment a Llarg Terme:
   • Puntuació: 4
   • Comentari: Manté la seva funcionalitat amb el temps, però poden sorgir alguns problemes esporàdics.
   • Millora Recomanada: El televisor hauria d’avisar de la raó del seu apagament abans de fer-ho.
9. Facilitat d’Aprenentatge:
   • Puntuació: 5
   • Comentari: La corba d’aprenentatge és ràpida i accessible per als nous usuaris.
10. Consistència i Coherència:
    • Puntuació: 4
    • Comentari: En general, les funcions i botons són consistents, però hi ha algunes apps que utilitzen una interfície diferent.
    • Millora Recomanada: Establir un estàndard uniforme en totes les funcions del control remot per mantenir la consistència en el seu ús.

Complexitat en la Navegació

Confusió amb Botons No Essencials: El control remot disposa de botons dedicats a serveis de tercers que poden generar confusió si l’usuari no fa servir aquests serveis. Això contribueix a una interfície saturada amb funcions no utilitzades, dificultant la claredat del seu ús.
Falta d’Utilitat del Boto de Veu: El botó de comandament de veu requereix una configuració prèvia. Si l’usuari no vol fer servir aquesta funcionalitat, el botó pot semblar inútil, generant una percepció negativa sobre la seva utilitat general.
Disseny Consistent: La presència de botons específics per a serveis de tercers crea una manca de consistència amb els comandaments estàndards, afegint confusió a la interfície.
Reconeixement enlloc de recordar: Els usuaris s’enfronten a la necessitat de recordar la configuració i la utilitat de cada botó, enlloc de poder reconèixer fàcilment la seva funcionalitat.

1. Display Personalitzable: Els usuaris poden adaptar els botons d’aquesta pantalla segons les seves necessitats individuals. També es permet tenir diverses pantalles per a diferents interaccions d’aplicacions.
2. Botons Principals Accessibles: Inclou botons d’accés ràpid com «Inici», «Comandament de Veu» i «Configuració» per facilitar la navegació.
3. Pantalla de Controls de Reproducció: Mostra els botons de reproducció quan es veu un vídeo o una pel·lícula, incloent opcions de pausa, play i avançar/retrocedir.
4. Pantalla amb Botons Numèrics: Ofereix una pantalla amb números per a aquells usuaris acostumats a la disposició convencional de botons numèrics per canviar de canals.
5. Pantalla amb Botons de Serveis Preferits: Mostra botons dedicats als serveis, aplicacions o canals preferits de l’usuari, facilitant l’accés ràpid a les opcions més utilitzades.
6. Pantalla amb Rodeta Alternativa: Implementa una roda que permet navegar pels canals o fer altres funcions. Girar en sentit horari augmenta el número, mentre que en sentit antihorari el disminueix.

Topografies

Anàlisi de la Topografia de la Sonda de la Marca MAMMUT

Les sondes de rescat d’allaus són eines vitals per a la localització ràpida i precisa de persones atrapades sota la neu després d’una allau, essencials en l’àmbit de les operacions de rescat i la seguretat en entorns d’esport d’hivern. Aquestes sondes ofereixen mesures precises de la profunditat de la neu i permeten identificar la posició exacta de les víctimes, facilitant una resposta immediata i eficaç. Les seves funcionalitats son:

• Eina de seguretat per a esportistes d’hivern
• Localització de persones sota la neu:
• Ajuda en tasques de rescat
• Mesura de profunditat
• Alerta d’emergència serveix com a senyal d’alerta o perill.
• Facilita la comunicació entre els equips de rescat
•  Assegura una recerca precisa

La sonda de rescat d’allaus de la marca MAMMUT és una eina crucial per a la detecció i localització de persones atrapades sota una allau de neu. Algunes de les propietats que fa servir per aconseguir aquesta finalitat són:

Maneta tàctil per a estirar:
Ofereix una textura i forma específica que facilita la seva extensió proporcionant una identificació i ús ràpids.
Color taronja brillant a la bossa i la maneta:

Aquest color reconegut universalment com a senyal d’alerta o perill, la qual cosa permet la seva identificació ràpida en situacions crítiques.
Mecanisme de bloqueig amb indicadors visuals:

El mecanisme de desplegament de la sonda està dotat d’un bloquejador amb una icona de cadenat. Aquest sistema de bloqueig i desbloqueig ofereix una comprensió intuïtiva i ràpida de com utilitzar correctament.
Aquets permeten mesurar la profunditat de la neu, cosa que és essencial per determinar la ubicació exacta d’una persona atrapada en una allau.
Marcadors de profunditat:

Rediseny comandament d’un llit d’hospital

En el cas d’una topografia menys efectiva, m’agradaria compartir una experiència personal que vaig viure fa poc. Després d’una intervenció d’urgència, en sortir de quiròfan, encara atordida, em van lliurar el comandament del llit hospitalari i em van indicar que em poses còmoda. Vaig trobar-me amb aquest comandament:

Degut als efectes de la medicació i de l’anestèsia, vaig passar uns dies en els quals cada vegada que havia de moure’m, la desorientació era tal que fins i tot vaig haver de demanar assistència a les infermeres en diverses ocasions. Aquesta situació il·lustra la necessitat d’una millor disposició i indicacions clares per facilitar la interacció del pacient amb el llit hospitalari en moments delicats com aquests.

Funcionalitats que poden tenir llits d’hospital:
1. Ajust de la Posició: Elevació del cap o del peu del llit per millorar la comoditat o facilitar certes condicions mèdiques.

• Seguretat i Mobilitat: Barres laterals per evitar caigudes.Rodes amb blocatge per permetre la mobilitat o fixar el llit en una posició.
• Control de la Pressió: Reducció de la pressió sobre determinades parts del cos amb la capacitat de girar el llit o ajustar la superfície per evitar úlceres per pressió.
• Tractaments Específics: Funcions per a teràpies específiques com la vibració o la calefacció en determinades zones del llit.
  Accés Fàcil: Ajust de l’altura del llit per a facilitar la transferència del pacient a una cadira de rodes o a altres superfícies.
• Configuracions de Confort:  Funcions per ajustar la temperatura del llit o les superfícies per millorar el confort.
• Funcions de Rellotge i Avisos: Llums integrades, botons de crida a l’infermera o alarmes per facilitar la comunicació del pacient amb el personal mèdic.
• Integració amb Altres Equipaments Mèdics: Conexió amb aparells mèdics com bombes d’infusió, monitors vitals o sistemes de suport de vida.
• Memòria de Posicions: Algunes llits poden tenir la capacitat de memoritzar posicions específiques per a facilitar el procés de posada en posició del pacient.
• Prestacions d’Alimentació: Suport integrat per a la col·locació de bosses de líquids o suports per a gots o altres objectes.

Rediseny:

Disposició més clara dels botons: Redissenyar la disposició dels botons perquè siguin més fàcils d’identificar i utilitzar. Això pot incloure una marcació més clara o un disseny tàctil que ajudi a identificar les funcions amb més rapidesa.

Etiquetatge visual o d’ajuda: Afegir instruccions visuals al costat dels botons per explicar clarament la funció de cada un, cosa que pot ser especialment útil per a pacients nous o persones amb problemes visuals.

Assistència per a usuaris: Incloure un sistema d’ajuda o assistència integrat, com una petita pantalla que mostri instruccions bàsiques o que pugui ser activat per a una ajuda ràpida en cas de confusió o necessitat d’assistència.

El treball realitzat en relació a l’anàlisi de l’aplicació d’Spotify i la creació d’un prototip de baixa fidelitat ha estat una experiència enriquidora que ha subratllat la importància d’una sòlida estructura de disseny per a l’escalabilitat i l’eficàcia en el desenvolupament d’experiències d’usuari.

Ions

Àtoms

En el disseny atòmic, els «atoms» són els elements bàsics o les unitats més petites que constitueixen un sistema de disseny. Aquests atoms solen ser les parts més simples i reutilitzables.

Molècules

En el context del disseny atòmic, les «molecules» són combinacions més complexes d’atoms, és a dir, agrupacions d’elements més petits que es combinen per formar components més grans i funcionals.

Prototip de baixa fidelitat

Link al prototip del sistema de diseny: https://www.figma.com/proto/EgWkm8fUAxeuhpix8FCAO7/Repte-2?page-id=501%3A816&type=design&node-id=501-817&viewport=381%2C201%2C0.22&t=xl0zeZPaoHvIkx7V-1&scaling=min-zoom&mode=design

Link al prototip de baixa fidelitat: https://www.figma.com/proto/EgWkm8fUAxeuhpix8FCAO7/Repte-2?page-id=489%3A125&type=design&node-id=498-1950&viewport=213%2C323%2C0.21&t=UYp8Kw5AMUFl42e9-1&scaling=scale-down&starting-point-node-id=498%3A1950&mode=design

Para este segundo reto he realizado un pequeño UI kit de la aplicación de Spotify con todos los elementos que se nos ha pedido y posteriormente un prototipado de estos.

Para la realización de este, primero he analizado los elementos de la aplicación acompañado de una investigación para poder conocer las pautas estéticas que Spotify sigue. Tras ello he comenzado a la creación de los componentes los cuales se han dividido según el Atomic Design y posteriormente el prototipado de los que fueran necesarios.

Enlace: https://www.figma.com/file/88hP8r3MfOASEKzEmCw8kj/R2%3A-Prototipado-y-construcci%C3%B3n-sist%C3%A9mica-del-dise%C3%B1o?type=design&node-id=201%3A3&mode=design&t=nuXeQ1JT9PuEcFgv-1

Tras la realización de esto se ha pasado a la segunda fase de este proyecto que era la creación de unos Wireframes para una aplicación para que los trabajadores de Spotify puedan reservar diferentes salas de reuniones según sus características.

Para esta parte primero realice unos primeros bocetos con diferentes propuestas y finalmente seleccione los mas viables en cuanto a navegabilidad, sencillez y con mejor jerarquía en la distribución de los elementos.