responsive design: dall'identità al web
TRANSCRIPT
UX Design & Usability
Google decide di penalizzare i siti che non sono mobile-friendly.
21 aprile 2015Mobilegeddon
UX Design & Usability
Responsive non è una cosa nuova. È quello che avete sempre fatto: declinazioni. Penalizzare chi non le fa sul web è l’unica buona novità.
Chemmefrega a me?Io mica faccio i siti.
UX Design & Usability
Responsive significa costringerci a pensare come un brand debba essere adattato ai vari contesti, piattaforme e anche device.
Torniamo a progettarePensare non solo al look & feel
UX Design & Usability
Il contesto influenza l’uso e l’esperienza del prodotto, rendendoci più ciechi ad alcuni dettagli. E questo sta accadendo sempre più spesso.
In metropolitana, o sul divanoIn ogni caso, stiamo facendo altro
UX Design & Usability
L'avvento del responsive ha creato un ambiente di lavoro nuovo, in cui è molto più comodo per noi designer ammorbidire il controllo sugli assets.
Responsive BrandingSoluzioni proge!uali flessibili
“
UX Design & Usability
Our brains, it seems, may be hard-wired to focus on new experiences, relying on memory for repetition. For all intents and purposes our brains are caching experiences to free up processing power.
— UCLA Research Studio, The Verge
UX Design & Usability
Abbracciando un approccio versatile per tutto, branding, tipografia, colore, logo, possiamo massimizzare il riconoscimento del marchio e il coinvolgimento del pubblico.
Facciamoci riconoscereVersatili e previdenti
UX Design & Usability
Il logo, sul web, viene solitamente ristretto per adattarsi all'interno dello spazio disponibile. Questo può rendere i dettagli più minuti irriconoscibili e i caratteri illeggibili. Per fortuna, nessuno ci obbliga a lavorare in questo modo : )
Loghi ResponsivePer non farli più prendere a bastonate sul web
UX Design & UsabilityUX Design & Usability
— Responsive Logo Project, Joe Harrison
UX Design & Usability
Dal momento che i layout devono adattarsi alla frammentazione delle dimensioni bisogna avere dei riferimenti di massima su cui progettare gli scarti da un tipo di approccio, all’altro.
I punti di “rottura”Quando passo da Desktop a Tablet a Smartphone a…?
“
UX Design & Usability
Se sei preoccupato della risoluzione del prossimo iPhone per le tue app hai un problema più grosso.
— Unknown.
UX Design & Usability
Si ragiona in termini additivi basandosi sul constraint più ampio possibile per fissare gli elementi necessari, fino ad arricchire il design.
Progressive enhancement
UX Design & Usability
Viceversa si parte dal progetto più completo e mano a mano si valutano le disposizioni e gli elementi che possono essere nascosti o spostati sul layout.
Graceful degradation
UX Design & Usability
Letteralmente stringere la finestra del browser, o usando i developer tools fissandoci sui break point principali per agire direttamente sul codice HTML/CSS da riportare poi sul progetto finale.
Responsive in-browser!Come lo facciamo noi
UX Design & Usability
Referenze
Se volete per approfondire l’argomento e capire come fare, di seguito alcuni link utili : )
— Is it time to embrace responsive branding?, Webdesigner Depot
— Responsive logos tips, Viget
— Rethinking responsive svg, Smashing Magazine
UX DESIGN & USABILITY
WE CREATE MEANINGFUL INTERACTIONS THAT ARE LOVED BY YOUR CUSTOMERS AND ADD REAL VALUE. REALLY.
WE GIVE A VOICE AND A FACE TO YOUR BRAND.