GLYPHS APP

Resum

La tria tipogràfica sovint és intuïtiva però poques vegades informada; els dissenyadors trien per intuïció, no per estructura. Ho vaig abordar construint una plataforma basada en la classificació Vox–ATypI, que dona als usuaris un marc lògic per explorar i identificar tipografies, juntament amb una capa de reconeixement amb IA.

Contribució

• Recerca
• Disseny de producte amb IA
• Disseny UX/UI

Eines

• Figma
• Adobe XD
• Wireframes
• Prototipatge
• Renderitzat 3D
• Reconeixement tipogràfic amb IA
• Proves d'usabilitat
• Recerca documental

Mètodes

• Procés de disseny Double Diamond
• Anàlisi comparativa de sistemes tipogràfics
• Recerca amb usuaris i síntesi de resultats
• Wireframes i prototips centrats en l'usuari
• Proves visuals iteratives en diferents pantalles

Punts de dolor

• Opacitat de la classificació

  Els sistemes tipogràfics poques vegades s'expliquen allà on treballen els dissenyadors.

• Fricció en la descoberta

  Trobar alternatives a una tipografia exigeix una recerca manual i dispersa.

• Ambigüitat visual

  Les tipografies semblants no tenen una diferenciació estructural clara per als no especialistes.

• Fragmentació d'eines

  La identificació i la classificació viuen en eines completament separades.

• Distància teòrica

  El coneixement tipogràfic acadèmic no es trasllada als contextos pràctics de disseny.

Definició del problema

«Els dissenyadors trien tipografies cada dia sense un llenguatge compartit; el sistema que defineix què és una tipografia continua sent invisible per a la majoria de qui les fa servir.»

Recerca

• Procés

  Double Diamond

• Identificació

  Opportunity Areas

• Entrevista

  Anonymous Interview

• Fotografies

  Some Photographs

• Usuaris

  User Personas

• Trajectòria

  Customer Journey

Conclusions clau

• System Blindness

  Coneixement no adquirit

  68%

  La majoria de dissenyadors es refien només de la memòria visual i mai no han estudiat la classificació tipogràfica formal durant la seva formació.

• Alternative Gap

  Barrera de descoberta

  74%

  Quan busquen alternatives tipogràfiques, els dissenyadors cerquen pel nom i no per criteris estructurals o estilístics.

• Visual Learning

  Senyal de preferència

  81%

  Els usuaris prefereixen entendre les categories tipogràfiques a través d'exemples de glifs que no pas amb definicions anatòmiques escrites.

Glyphs com a solució

Glyphs converteix un sistema de classificació centenari en una plataforma visual i navegable que fa que descobrir tipografies sigui estructurat i immediat.

Flux d'usuari

Resultat

• Llenguatge visual 3D

  • Vaig representar cada categoria amb una «g» escultòrica en 3D perquè les famílies tipogràfiques abstractes fossin tangibles a l'instant.
  • El tractament inflat i material transmet el caràcter de cada categoria sense ni una paraula de descripció.

• Aprofundiment per categoria

  • Cada fitxa mostra els trets anatòmics que defineixen una categoria en un llenguatge clar i concís sota el titular.
  • Descriptors com «monolineal» o «basat en formes geomètriques perfectes» substitueixen l'argot per fets observables.

• Senyalització de l'estat actiu

  • Un ressaltat magenta a «Clasiques» comunica l'estat seleccionat a l'instant, sense icones ni etiquetes addicionals.
  • Vaig triar un color d'alt contrast en lloc de canvis subtils de vora perquè la categoria activa es llegeixi d'un cop d'ull durant la navegació ràpida.

Conclusió

Glyphs demostra que la teoria tipogràfica no s'ha de simplificar per ser accessible; s'ha de dissenyar.