Shishir's Guide to Framing Problems on the Whiteboard

Shishir Mehrotra

18.154

1631

Segnala

Una frase ormai trita e ritrita, ma sempre attuale: Un'immagine vale mille parole. Chiunque abbia lavorato a stretto contatto con me rifletterà rapidamente sul mio profondo amore per le lavagne digitali. Adoro lo spazio vuoto aperto e la flessibilità per creare e ridisegnare, inquadrare e riallineare. Quando Matt (Head of Growth) e io abbiamo iniziato a creare Coda, abbiamo trascorso innumerevoli ore sulle lavagne digitali e abbiamo gradualmente preso le nostre tecniche e le abbiamo formalizzate. Nel farlo, abbiamo sviluppato una sintesi che rende più facile sviluppare la giusta cornice e permettere agli altri di digerirla rapidamente. Originalmente, questo è successo per caso. Avevamo una piccola scatola di evidenziatori per la lavagna digitale con colori fissi e abbiamo iniziato ad alternarli. Abbiamo rapidamente scoperto che, se concordavamo in anticipo il significato di ciascun colore, era molto più facile collaborare. Di fatti, spesso iniziavamo con uno di noi che inquadrava un problema, per poi cambiare ruolo dove l'altro era in grado di terminare.

Shishir Mehrotra

Co-Founder & CEO @ Coda

Long-term productivity nut finally getting a chance to build my dream doc. Previously built products at YouTube, Microsoft, and Centrata. MIT alum. Live in the Bay Area and married to college sweetheart, with 2 wonderful daughters.

Categorie

Riunioni e workshop

Modelli simili

Modello di Website Wireframing

Miro

984

Il wireframing è un metodo per la progettazione di un sito web a livello strutturale. Un wireframe è una rappresentazione grafica di una pagina web che mostra in forma stilizzata gli elementi d'interfaccia che popolano ogni pagina. Usa questo modello di wireframe per iterare sulle pagine web in modo rapido ed economico. Puoi condividere il wireframe con i clienti o i colleghi e collaborare con gli stakeholder. I wireframe permettono ai team di coinvolgere gli stakeholder senza investire troppo tempo o troppe risorse. Aiutano a garantire che la struttura e il flusso del tuo sito web soddisfi le necessità e le aspettative degli utenti.

Modello per il Disegno Online

Miro

1755

Prima di lanciarti a capofitto su un'idea promettente, analizzala dall'alto per scoprire come funziona e in che misura è in grado di soddisfare i tuoi obiettivi. Ecco a cosa servono le bozze. Questo template ti fornisce un potente strumento di collaborazione da remoto per le fasi iniziali di prototipazione, che tu stia disegnando delle pagine web e applicazioni mobile, creando loghi o pianificando degli eventi. Poi quindi condividere facilmente il tuo sketch con il team e salvare ogni fase dello sketch prima di cambiarlo e iniziare a costruire sulla base di esso.

Modello di Wireframe App

Miro

818

Cominciamo a creare un'app? Non dovrai sforzarti di immaginare come funzionerà e come gli utenti interagiranno con essa, perché sarà un wireframe a mostrartelo. Il wireframing è una tecnica per creare un layout di base di ciascuna schermata. Realizzando un wireframe, idealmente all'inizio del processo, ti farai un'idea di cosa riuscirà a fare ogni schermata e otterrai il buy-in di importanti stakeholder—il tutto prima di aggiungere design e contenuti, con notevole risparmio di tempo e denaro. E in termini di percorso dell'utente, fornirai un'esperienza più coinvolgente ed efficace.