Compartir
Més d’una dècada després que es presentés el primer iPhone, encara hi ha detalls que fascinen de la seva creació. Una història que en alguna que altra ocasió ha sorgit és la de com es van crear les icones de les apps. Tenen una mida concret i ha estat el mateix des del primer iPhone: 57 píxels. Com en tot el que té a veure amb Apple, hi ha una raó darrere d’això.
el 2006 pràcticament ningú dissenyava per a pantalles tàctils, és per això que detalls tan simples com la mida dels objectes en les interfícies no els controlaven els dissenyadors. A dia d’avui fins i tot sense ser dissenyador sabries quin és la mida adequada per a un botó, però en aquell temps calia dissenyar tot per prova i error. És a dir, provar totes les opcions possibles i escollir la més adequada perquè l’experiència d’usuari sigui òptima, totes les opcions són totes les opcions.
La història de com es van crear aquestes icones apareix en el llibre ‘ Creative Selection ‘de Ken Kocienda, un llibre que s’esmicola de primera algunes anècdotes sobre com va ser treballar en Apple aquells anys. En Applesfera analitzem el llibre en el seu moment.
En Cupertino tenien els primers prototips de l’iPhone, una pantalla tàctil on havien ficat tot el maquinari perquè pogués trucar, connectar-se a Internet i reproduir música. Ara era qüestió de fer un programari que ho fes funcionar de cara a l’usuari. Els enginyers van començar a adonar-se que, evidentment, en una pantalla petita no pots fer ni botons molt petits que no es puguin tocar ni botons molt grans que no càpiguen a la pantalla.
A més hi havia un factor extra . Atès que la condició era utilitzar els dits i no un stylus, calia tenir en compte que cada persona té els dits diferents, alguns més llargs, altres més curts, alguns més amples, altres més prims.
El joc que va descobrir l’efectivitat dels 57 píxels
Un dels llocs de l’iPhone on més es va emfatitzar aquest dilema era al Springboard. El Springboard és el nom que rep la pantalla inicial de l’iPhone, la pantalla on apareixen totes les icones de les apps. Calia fer accessibles totes les apps perquè amb una sèrie de tocs es pogués accedir-hi. La solució la van trobar en un joc.
Scott Herz, un dels enginyers que va estar involucrat en el desenvolupament del primer iPhone va crear ràpidament un joc. El joc no tenia molt misteri, simplement apareixien quadrats en una pantalla en blanc i calia prémer més aviat possible. Cada quadrat tenia una mida diferent i apareixia en llocs diferents de la pantalla. El que més quadrats premés en menys temps era el que més puntuació obtenia. Van començar a distribuir el joc entre l’equip d’enginyers perquè juguessin durant un temps.
Per a entretenir-se mentre pensaven en com dissenyar l’iPhone? No, òbviament havia un propòsit més gran darrere de el joc: trobar la mida òptima dels botons. El joc analitzava en quines posicions de la pantalla es encertava més i sobretot que mida era el més premut. Després d’uns dies de joc van obtenir resultats interessants: si el quadrat tenia 57 píxels de mida era igual en quin lloc de la pantalla es col·locava, pràcticament es premia amb una precisió de el 100%.
A partir d’aquí el resta de la història la coneixem, l’iPhone es va estrenar amb la seva icònica (mai millor dit) pantalla d’inici plena d’icones en quadrícula. Ha estat un dels símbols de l’iPhone durant més de deu anys, fins i tot s’ha mantingut en l’iPad que és una pantalla molt més gran. I sí, les icones segueixen tenint la mateixa mida de 57 píxels (x2 o x3 en pantalles amb més resolució, però la mateixa mida físic).
Via | a16z