O SlideShare utiliza cookies para otimizar a funcionalidade e o desempenho do site, assim como para apresentar publicidade mais relevante aos nossos usuários. Se você continuar a navegar o site, você aceita o uso de cookies. Leia nosso Contrato do Usuário e nossa Política de Privacidade.
O SlideShare utiliza cookies para otimizar a funcionalidade e o desempenho do site, assim como para apresentar publicidade mais relevante aos nossos usuários. Se você continuar a utilizar o site, você aceita o uso de cookies. Leia nossa Política de Privacidade e nosso Contrato do Usuário para obter mais detalhes.
O slideshow foi denunciado.
Ative o seu período de avaliaçõo gratuito de 30 dias para desbloquear leituras ilimitadas.
An immersive workshop at General Assembly, SF. I typically teach this workshop at General Assembly, San Francisco. To see a list of my upcoming classes, visit https://generalassemb.ly/instructors/seth-familian/4813
I also teach this workshop as a private lunch-and-learn or half-day immersive session for corporate clients. To learn more about pricing and availability, please contact me at http://familian1.com
SETH FAMILIAN, FOUNDER + PRINCIPAL,
FAMILIAN&1 A BIT ABOUT ME 2 BUSINESS STRATEGY GROWTH HACKING PRODUCT MANAGEMENT WEB PRESENCE TEACHING + EDUCATION PROCRAFTINATION
AGENDA 3 BUILDING BEAUTIFUL DATA
TABLES CREATING EFFECTIVE CHARTS USING SPARKLINES + SMALL MULTIPLES DATA STORYTELLING TOOLS + TECHNIQUESINSIGHT- SCREENSHOT 2X2 MATRICES SCROLLYTELLING
WHAT’S GOOD (DATA) DESIGN? CONSISTENT.
5 NINJA TIP: Shift-select multiple columns/rows and drag-resize to make them all the same size with a single gesture!
KEY OBJECTIVE AGENDA RESOURCESDELIVERABLE EXERCISE
FOR GOOD (DATA) DESIGN Emulate good data design. 10 mins 1. Visit familian1.com/vdwd 2. Click on “Visit the Exercises Spreadsheet” 3. Go to “1 - Consistent” 4. Normalize fonts, borders, and column widths 5. Go to “2 - Uncluttered” 6. Make it uncluttered! A cleaner spreadsheet! Google Spreadsheets 7
WHAT’S GOOD (DATA) DESIGN? UNCLUTTERED.
8 NINJA TIP: Adding a “spacer” row and column at the top and left of the page makes the sheet feel more like a document.
WHAT’S GOOD (DATA) DESIGN? MUTED
COLORS. 9 NINJA TIP: Using 1-2 gradations on a single color enables endless formatting possibilities.
KEY OBJECTIVE AGENDA RESOURCESDELIVERABLE EXERCISE
FOR CREATING EFFECTIVE CHARTS Create an effective chart 15 mins 1. Visit your copy of the exercises spreadsheet 2. Go to “5 - Effective Charts” 3. Make a monthly line chart on all the data 4. Clean up the formatting + add comparisons 5. Experiment with switching chart types A cleaner spreadsheet! Google Spreadsheets 27
KEY OBJECTIVE AGENDA RESOURCESDELIVERABLE EXERCISE
FOR CREATING EFFECTIVE CHARTS Create an effective chart 15 mins 1. Visit your copy of the exercises spreadsheet 2. Go to “6 - Projections” 3. Project the next 6 months 4. Project the following 12 months 5. Format each of the two new lines A cleaner spreadsheet! Google Spreadsheets 33
VISUAL DESIGN WITH DATA BREAK
TIME! 34 ‣ Stretch your legs ‣ Hydrate or grab a snack ‣ We’ll start again in 10 mins!
KEY OBJECTIVE AGENDA RESOURCESDELIVERABLE SPARKLINES
+ SMALL MULTIPLES Emulate good data design. 20 mins 1. Visit your copy of the exercises spreadsheet 2. Go to “6 - Sparklines” 3. Add a sparkline for each column 4. Make the sparkline a spark-column In-line sparklines! Google Spreadsheets 39
An immersive workshop at General Assembly, SF. I typically teach this workshop at General Assembly, San Francisco. To see a list of my upcoming classes, visit https://generalassemb.ly/instructors/seth-familian/4813
I also teach this workshop as a private lunch-and-learn or half-day immersive session for corporate clients. To learn more about pricing and availability, please contact me at http://familian1.com
SETH FAMILIAN, FOUNDER + PRINCIPAL,
FAMILIAN&1 A BIT ABOUT ME 2 BUSINESS STRATEGY GROWTH HACKING PRODUCT MANAGEMENT WEB PRESENCE TEACHING + EDUCATION PROCRAFTINATION
AGENDA 3 BUILDING BEAUTIFUL DATA
TABLES CREATING EFFECTIVE CHARTS USING SPARKLINES + SMALL MULTIPLES DATA STORYTELLING TOOLS + TECHNIQUESINSIGHT- SCREENSHOT 2X2 MATRICES SCROLLYTELLING
WHAT’S GOOD (DATA) DESIGN? CONSISTENT.
5 NINJA TIP: Shift-select multiple columns/rows and drag-resize to make them all the same size with a single gesture!
KEY OBJECTIVE AGENDA RESOURCESDELIVERABLE EXERCISE
FOR GOOD (DATA) DESIGN Emulate good data design. 10 mins 1. Visit familian1.com/vdwd 2. Click on “Visit the Exercises Spreadsheet” 3. Go to “1 - Consistent” 4. Normalize fonts, borders, and column widths 5. Go to “2 - Uncluttered” 6. Make it uncluttered! A cleaner spreadsheet! Google Spreadsheets 7
WHAT’S GOOD (DATA) DESIGN? UNCLUTTERED.
8 NINJA TIP: Adding a “spacer” row and column at the top and left of the page makes the sheet feel more like a document.
WHAT’S GOOD (DATA) DESIGN? MUTED
COLORS. 9 NINJA TIP: Using 1-2 gradations on a single color enables endless formatting possibilities.
KEY OBJECTIVE AGENDA RESOURCESDELIVERABLE EXERCISE
FOR CREATING EFFECTIVE CHARTS Create an effective chart 15 mins 1. Visit your copy of the exercises spreadsheet 2. Go to “5 - Effective Charts” 3. Make a monthly line chart on all the data 4. Clean up the formatting + add comparisons 5. Experiment with switching chart types A cleaner spreadsheet! Google Spreadsheets 27
KEY OBJECTIVE AGENDA RESOURCESDELIVERABLE EXERCISE
FOR CREATING EFFECTIVE CHARTS Create an effective chart 15 mins 1. Visit your copy of the exercises spreadsheet 2. Go to “6 - Projections” 3. Project the next 6 months 4. Project the following 12 months 5. Format each of the two new lines A cleaner spreadsheet! Google Spreadsheets 33
VISUAL DESIGN WITH DATA BREAK
TIME! 34 ‣ Stretch your legs ‣ Hydrate or grab a snack ‣ We’ll start again in 10 mins!
KEY OBJECTIVE AGENDA RESOURCESDELIVERABLE SPARKLINES
+ SMALL MULTIPLES Emulate good data design. 20 mins 1. Visit your copy of the exercises spreadsheet 2. Go to “6 - Sparklines” 3. Add a sparkline for each column 4. Make the sparkline a spark-column In-line sparklines! Google Spreadsheets 39