Content
Com a desenvolupadors, ens sentim molt orgullosos del nostre treball. Els nostres projectes estan ben construïts i ben dissenyats. Són sensibles. Guanyen premis i agraden als nostres clients. Són increïblement belles a les pantalles de cinema ... però són completament avorrides al telèfon.
Per què, en gairebé totes les premiades experiències d’escriptori que hem vist o creat aquest any, hi ha un punt d’interrupció en què tot va des d’immersiu, revolucionari i radiant fins a estàtic, apilat i avorrit? M’agradaria fer un pas enrere i avaluar honestament l’estat del web multidispositiu.
Obriu Awwwards.com o theFWA.com al vostre escriptori i navegueu pels darrers dissenys actuals que el web us ofereix. Trobareu lloc rere lloc d’experiències d’escriptori molt ben fetes. Obriu els mateixos URL al telèfon i, si no rebeu cap missatge del tipus: "No formatat per al vostre dispositiu" (el primer que he provat), obtindreu una visualització d'una columna bastant alta de tot el que heu vist amb amplada d'escriptori, però amb menys ... experiència.
En una indústria on el terme "primer per a mòbils" és omnipresent, per què els dispositius més petits segueixen sent tractats de segona classe? Mobile-first sembla que es considera generalment una cosa positiva a la nostra indústria, però quan arriba el moment d’iniciar un projecte, per què tenim por, nosaltres, el nostre equip i els nostres clients de posar-lo en pràctica?
En una indústria on el terme "primer per a mòbils" és omnipresent, per què els dispositius més petits segueixen sent tractats de segona classe?
Vaig enviar una enquesta per conèixer les vacil·lacions de la gent sobre el mòbil-primer. Una quantitat aclaparadora de respostes implicava la creença subjacent que la decisió de crear Mobile-First es relaciona principalment amb la quantitat de trànsit mòbil que el client està rebent actualment. "Menys del 50% del trànsit mòbil? Primer a l'escriptori." Atura. Aquesta lògica no és sana.
El trànsit mòbil baix no és necessàriament indicatiu d’un interès mòbil baix. La quantitat actual de trànsit està relacionada amb la naturalesa del contingut o és simplement perquè l'experiència existent difícilment es pot utilitzar en una pantalla petita? Podria ser-ho, però és important no passar per alt aquesta distinció. És possible que hi hagi una gran quantitat d’usuaris mòbils potencials a l’espera de ser aprofitat.
Llançament de futur
Les dades mostren on hem estat i no cap a on volem anar. L’ús baix d’avui no és necessàriament indicatiu d’un ús baix en el futur. Com va dir una vegada l'ex professional de l'hoquei sobre gel Wayne Gretzky (i com va citar sovint Steve Jobs), "patineu fins a on serà el disc, no on ha estat".
Suposem que entra un client potencial de vendes i que proporcioneu la vostra estratègia al client, sigui quin sigui. Tres mesos més tard, heu guanyat el projecte i, en nou mesos més, lliureu al vostre bell nadó. Des de la presentació inicial de vendes (fa 12 mesos) fins al final de la vida del que vau construir (uns tres anys), hi ha un total de quatre anys. On serà el disc d’aquí a quatre anys? Encara us alegrarà que hàgiu decidit pressupostar el vostre temps per donar suport a IE8 en lloc d’impulsar l’experiència mòbil?
La suposició implícita que el disseny de pantalles petites primer d’alguna manera serà perjudicial per al públic d’escriptori és simplement falsa. En dissenyar pantalles petites, el vostre contingut i la vostra interfície d’usuari poden centrar-se en el làser i proporcionar al vostre usuari exactament el que busca. No hi ha cap temptació d’omplir l’espai amb pelusa superflu quan l’espai no hi és. "Simple i centrat" no ha de significar "avorrit i limitat".
Crear un impacte
"Les pantalles petites són limitants". Sovint escolto aquest argument de dissenyadors que estan acostumats a sorprendre els clients amb equips de Photoshop de mida cinematogràfica. I és cert: les pantalles petites tenen menys impacte en una reunió de clients. Però això no és una limitació de la tecnologia, és una limitació de les reunions de clients. La veritat és que hi ha moltes més oportunitats per a experiències innovadores en dispositius mòbils que no pas en ordinadors.
"No és la tecnologia, és la imaginació", diu Josh Clark, dissenyador i tècnic mòbil. Tenim pantalles tàctils! Amb càmeres! Giroscopis, acceleròmetres, geolocalització. Tot connectat a Internet, a altres persones i sense connexió a cap ubicació. Amb prou feines hem ratllat la superfície del que podríem fer al mòbil. Això és emocionant! En lloc de presentar equips estàtics de mida cinematogràfica, poseu un prototip interactiu a les mans del vostre client i observeu com es propaga l’emoció.
Prova que funciona
No hi ha res com fer servir una aplicació nativa ben feta. Les interaccions són fluides, tot està perfectament dimensionat per a la pantalla i el contingut està enfocat i fàcil d’accedir. Per què? Perquè va ser dissenyat específicament per a la petita pantalla tàctil que teniu a la mà. Cada interacció i contingut ha estat reduït acuradament fins a la seva essència, en part, perquè simplement no hi havia espai físic per fer una altra cosa. Als vostres usuaris els encanta.
Mantingui aquest pensament. Ara creem una aplicació web només dissenyada per a escriptoris, ben assumida, assumint la mateixa funcionalitat que l’aplicació nativa descrita anteriorment. Com que hem creat tenint en compte l’experiència de l’escriptori, el nostre disseny inclou una pantalla ampla i horitzontal, com ara el cursor del ratolí, i tenim tot l’espai del món per a la navegació, el contingut, les capçaleres, els peus de pàgina i els apartats. El lloc és bonic i guanya un premi.
Ara traieu el sufix "-només" de les dues tasques anteriors (mòbil / d'escriptori). Suposem que, en ambdós escenaris, sabíem sempre que havíem d’oferir experiències al mòbil, a l’escriptori i a tot el que hi havia al mig. Quin punt de partida us situa millor per avançar cap a la millor experiència d'usuari global? Voleu que més aplicacions fossin com a llocs web per a ordinadors o que més llocs web per a ordinadors fossin com a aplicacions natives? Quina direcció s’escala més fàcilment?
Amb l’escriptori primer, els patrons de disseny inicials que s’emmarquen, es dissenyen i s’aproven amb una pantalla gran, una gran relació d’aspecte, un ratolí i un teclat. Això pot donar lloc a patrons que simplement no es tradueixen bé a una petita pantalla tàctil. Les llistes de selecció llargues, taules grans, mega-menús, estats del cursor i longitud del contingut de sobte es tornen problemàtiques.
Fem tot el possible per encallar-ho tot, però sovint significa cremar infinites hores en solucions complexes.
L’elegància es sacrifica per temps i pressupost. El matís i la intenció es perden i les solucions s’han d’implantar a corre-cuita si volen arribar abans del llançament.
D'altra banda, per traduir un disseny per a mòbils a taules i taules d'escriptori, només cal que ajusteu el disseny amb alguns CSS per omplir l'espai. No hi ha cap "compressió" de contingut, disseny ni interacció en un lloc on no encaixi i no hi ha necessitat inherent de canviar el marcatge quan es passa de més petit a més gran. Hi ha molt espai per respirar. A més, comenceu amb un contingut intensament concentrat. Esteu en una millor posició per prendre decisions informades sobre si són necessàries addicions o millores. La traducció és fluida i obtens aquesta sensació de ‘app’ de forma gratuïta, ja que amb això vas començar.
Ara hem posat les nostres primeres pors en mòbils, és hora de donar vida als navegadors mòbils d’arreu. Començar de petit pot ser la clau per fer quelcom realment gran. No puc esperar a veure què construïm.
Paraules: Dan Tello
Dan Tello és desenvolupador de frontend sènior de Washington, D.C., a Viget. Es pot trobar aquí fent blocs i enviant codi a github.com/greypants. Aquest article va aparèixer originalment al número 262 de la revista net.
T'ha agradat això? Llegiu-los!
- Com començar un bloc
- Com es crea una aplicació: proveu aquests fantàstics tutorials
- Selecció de tutorial de Wordpress brillant
