SlideShare a Scribd company logo
1 of 74
Download to read offline
2:00 pm: Welcome
2:10 pm: Introduction
2:15 pm: Design Sprint
3:15 pm: Break
3:20 pm: Visual and Product Design
4:00 pm: Technical Architecture
4:30 pm: Wrap Up
Agenda
Introduction
What is Design Day?
● Way to help explain the solution design process
● Hands-on practice with iterative design
● Guide on how to get started on a Solution Challenge
project
Solution Design 1:
Design Sprint
BUILD
LAUNCH
LEARN
IDEA
BUILD
LAUNCH
LEARN
IDEA
UNDERSTAND DEFINE SKETCH DECIDE PROTOTYPE VALIDATE
design sprint: five part workshop
Part 1
[10 mins]
Part 2
[8 mins]
Part 3
[5 mins]
Part 4
[20 mins]
Part 5
[20 mins]
Part 6
You’ll identify
the user and
map out their
problem
You’ll sketch
competing
solutions on
paper
You’ll make
difficult
decisions and
turn your
ideas into a
testable
hypothesis
You’ll hammer
out a realistic
prototype
You’ll test it
with real life
humans
Demo and
Celebrate
the problem: it’s hard to buy hats and glasses
virtually and ensure that they look and
feel good while being worn
part 1: map
[10 mins]
part 2: sketch
[8 mins]
part 3: decide
[5 mins]
part 4: prototype
[20 mins]
part 5: testing
[20 mins]
part 6: present
design sprint: five part workshop
Part 1
[10 mins]
Part 2
[8 mins]
Part 3
[5 mins]
Part 4
[20 mins]
Part 5
[20 mins]
Part 6
You’ll identify
the user and
map out their
problem
You’ll sketch
competing
solutions on
paper
You’ll make
difficult
decisions and
turn your
ideas into a
testable
hypothesis
You’ll hammer
out a realistic
prototype
You’ll test it
with real life
humans
Demo and
Celebrate
Break!
Solution Design 2:
Visual and Product
Design
Visual design is...
(write it down!)
visual design
establish credibility
communicate a
brand/personality
enhance usability
information hierarchy is used to guide
the user’s attention
Vision AI Derive insights from your images in the cloud or at the edge with AutoML Vision or use
pre-trained Vision API models to detect emotion, understand text, and more. Industry-leading
accuracy for image understanding Google Cloud offers two computer vision products that use
machine learning to help you understand your images with industry-leading prediction accuracy.
AutoML Vision Automate the training of your own custom machine learning models. Simply upload
images and train custom image models with AutoML Vision’s easy-to-use graphical interface;
optimize your models for accuracy, latency, and size; and export them to your application in the
cloud, or to an array of devices at the edge. Vision API Google Cloud’s Vision API offers powerful
pre-trained machine learning models through REST and RPC APIs. Assign labels to images and quickly
classify them into millions of predefined categories. Detect objects and faces, read printed and
handwritten text, and build valuable metadata into your image catalog.
information hierarchy: very bad
Vision AI
Derive insights from your images in the cloud or at the edge with AutoML Vision or use pre-trained
Vision API models to detect emotion, understand text, and more.
Industry-leading accuracy for image understanding
Google Cloud offers two computer vision products that use machine learning to help you understand
your images with industry-leading prediction accuracy.
AutoML Vision
Automate the training of your own custom machine learning models. Simply upload images and train
custom image models with AutoML Vision’s easy-to-use graphical interface; optimize your models for
accuracy, latency, and size; and export them to your application in the cloud, or to an array of devices
at the edge.
Vision API
Google Cloud’s Vision API offers powerful pre-trained machine learning models through REST and
RPC APIs. Assign labels to images and quickly classify them into millions of predefined categories.
Detect objects and faces, read printed and handwritten text, and build valuable metadata into your
image catalog.
information hierarchy: bad
Vision AI
Derive insights from your images in the cloud or at the edge with AutoML Vision or use pre-trained Vision API
models to detect emotion, understand text, and more.
Industry-leading accuracy for image understanding
Google Cloud offers two computer vision products that use machine learning to help you understand your
images with industry-leading prediction accuracy.
AutoML Vision
Automate the training of your own custom machine learning models. Simply upload images and train custom
image models with AutoML Vision’s easy-to-use graphical interface; optimize your models for accuracy,
latency, and size; and export them to your application in the cloud, or to an array of devices at the edge.
Vision API
Google Cloud’s Vision API offers powerful pre-trained machine learning models through REST and RPC APIs.
Assign labels to images and quickly classify them into millions of predefined categories. Detect objects and
faces, read printed and handwritten text, and build valuable metadata into your image catalog.
information hierarchy: okay
information hierarchy: good
Vision AI
Derive insights from your images in the cloud or at the edge with AutoML Vision or use pre-trained Vision
API models to detect emotion, understand text, and more.
Industry-leading accuracy for image understanding
Google Cloud offers two computer vision products that use machine learning to help you understand your images
with industry-leading prediction accuracy.
AutoML Vision
Automate the training of your own custom machine
learning models. Simply upload images and train
custom image models with AutoML Vision’s easy-to-use
graphical interface; optimize your models for accuracy,
latency, and size; and export them to your application in
the cloud, or to an array of devices at the edge.
Vision API
Google Cloud’s Vision API offers powerful pre-trained
machine learning models through REST and RPC APIs.
Assign labels to images and quickly classify them into
millions of predefined categories. Detect objects and
faces, read printed and handwritten text, and build
valuable metadata into your image catalog.
color is used to communicate a
brand/personality
facebook spotify
twitter google
grid systems break up space into regular units
grid systems organize information on a page
grid systems: an old example
Vision AI
Derive insights from your images in the cloud or at the edge with AutoML Vision or use pre-trained Vision
API models to detect emotion, understand text, and more.
Industry-leading accuracy for image understanding
Google Cloud offers two computer vision products that use machine learning to help you understand your images
with industry-leading prediction accuracy.
AutoML Vision
Automate the training of your own custom machine
learning models. Simply upload images and train
custom image models with AutoML Vision’s easy-to-use
graphical interface; optimize your models for accuracy,
latency, and size; and export them to your application in
the cloud, or to an array of devices at the edge.
Vision API
Google Cloud’s Vision API offers powerful pre-trained
machine learning models through REST and RPC APIs.
Assign labels to images and quickly classify them into
millions of predefined categories. Detect objects and
faces, read printed and handwritten text, and build
valuable metadata into your image catalog.
grid systems: an old example
Vision AI
Derive insights from your images in the cloud or at the edge with AutoML Vision or use pre-trained Vision
API models to detect emotion, understand text, and more.
Industry-leading accuracy for image understanding
Google Cloud offers two computer vision products that use machine learning to help you understand your images
with industry-leading prediction accuracy.
AutoML Vision
Automate the training of your own custom machine
learning models. Simply upload images and train
custom image models with AutoML Vision’s easy-to-use
graphical interface; optimize your models for accuracy,
latency, and size; and export them to your application in
the cloud, or to an array of devices at the edge.
Vision API
Google Cloud’s Vision API offers powerful pre-trained
machine learning models through REST and RPC APIs.
Assign labels to images and quickly classify them into
millions of predefined categories. Detect objects and
faces, read printed and handwritten text, and build
valuable metadata into your image catalog.
grid systems provide clarity, efficiency,
economy, and continuity
grid systems: another example
grid systems: another example
activity: information display
Get the text here:
bit.ly/2JWt1dM
Jane Doe
1600 Amphitheatre Parkway, Mountain View, California
jane.doe@fakeemail.com
Software Engineer
Career Objective
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec id
sapien ullamcorper, pellentesque magna volutpat, tempus purus.
Qualifications
Lorem ipsum dolor sit amet, consectetur adipiscing elit.
Lorem ipsum dolor sit amet, consectetur adipiscing elit.
Lorem ipsum dolor sit amet, consectetur adipiscing elit.
Skills
Programming Languages
C++, C, Java, Python
Spoken Languages
Spanish, Japanese
Professional Experience
Software Engineer, Google Cloud
Mountainview, California
5/1/19 - present
Lorem ipsum dolor sit amet, consectetur adipiscing elit.
Lorem ipsum dolor sit amet, consectetur adipiscing elit.
Lorem ipsum dolor sit amet, consectetur adipiscing elit.
Software Engineer, Nest
Sunnyvale, California
2/4/18 - 4/20/19
Lorem ipsum dolor sit amet, consectetur adipiscing elit.
Lorem ipsum dolor sit amet, consectetur adipiscing elit.
Lorem ipsum dolor sit amet, consectetur adipiscing elit.
Education
Bachelor of Science in Computer Science
Graduated from Example University 2019
Go!
Product design is...
Product design is the
act of designing a
product
A product is...
(write it down!)
A product is a solution
to a problem
A product is a solution
to a user’s problem
What are typical
problems for a new
product team?
A lack of time, funding,
and understanding of
the customer
What are typical
problems for a new
product team?
Build Efficiently
Measure Success
Learn
...and repeat!
How can we
mitigate these
problems?
BUILD
MEASURE
LEARN
“That version of a new product or
service which allows a team to
collect the maximum amount of
validated learning about customers
with the least effort”
- Eric Reis
What do we build?
Minimum
Viable
Product
What do we build?
Wireframing
Landing Page
Demo Video
Wizard of Oz
Working Prototype
What do we build?
wireframe
landing page
demo video
Submit
3. You “automatically”
schedule a delivery
2. Email sent to you
1.
“wizard of oz”
activity: build an MVP
BUILD
MEASURE
LEARN
Go!
Solution Design 3:
Technical Architecture
Front-end (client)
Back-end (server)
Running Code
Data Storage Other Services
...
...
...
example:
photo-sharing app
Front-end (client)
Back-end (server)
Running Code
Data Storage Other Services
example:
photo-sharing app
Front-end (client)
Back-end (server)
Running Code
Data Storage Other Services
Cloud
Functions
Firebase
Firestore
Firebase
Storage
Web
Front-end (client)
Back-end (server)
Running Code
Data Storage Other Services
Cloud
Functions
Firebase
Firestore
Firebase
Storage
Web
Cloud Vision
API
example:
photo-sharing app
Front-end (client)
Back-end (server)
Running Code
Data Storage Other Services
Firebase
Firestore
Firebase
Storage
Web
Cloud Vision
API
App Engine
Standard
w/
Django (Python)
Express.js (Node.js)
Ruby on Rails (Ruby)
Spring (Java)
...
example:
photo-sharing app
Front-end (client)
Back-end (server)
Running Code
Data Storage Other Services
Firebase
Firestore
Firebase
Storage
Web
Cloud Vision
API
App Engine
Flexible
w/
Django (Python)
Express.js (Node.js)
Ruby on Rails (Ruby)
Spring (Java)
...
example:
photo-sharing app
Front-end (client)
Back-end (server)
Running Code
Data Storage Other Services
Firebase
Firestore
Firebase
Storage
Cloud Vision
API
App Engine
Flexible
w/
Django (Python)
Express.js (Node.js)
Ruby on Rails (Ruby)
Spring (Java)
...
example:
photo-sharing app
How can we do this?
How can we do this?
1) Considerations
2) Research
3) Design
step 1:
considerations
What does my application require?
How many people are on my team?
How experienced are we?
What languages / tech are we comfortable with?
What is our budget?
What is our timeline?
How accelerated is our timeline?
How much load does this service have to provide?
What security considerations must we make?
What compliance considerations must we make?
What technologies do we have to integrate with?
…
step 2: research
bit.ly/google-cloud-4-words
step 3: tech design
workshop:
e-commerce ,
food-delivery,
productivity app,
(insert your idea here)
Front-end (client)
Back-end (server)
Running Code
Data Storage Other Services
Best of
Luck!
What’s next in
GDSC RMIT?
Website Discord Linkedin YouTube Twitter
Thank you!

More Related Content

Similar to Design Day Workshop

Production ML Systems and Computer Vision with Google Cloud
Production ML Systems and Computer Vision with Google CloudProduction ML Systems and Computer Vision with Google Cloud
Production ML Systems and Computer Vision with Google Cloudgdgsurrey
 
Exploring Generating AI with Diffusion Models
Exploring Generating AI with Diffusion ModelsExploring Generating AI with Diffusion Models
Exploring Generating AI with Diffusion ModelsKonfHubTechConferenc
 
Introduction to Google Cloud Platform and APIs
Introduction to Google Cloud Platform and APIsIntroduction to Google Cloud Platform and APIs
Introduction to Google Cloud Platform and APIsGDSCSoton
 
Computer Vision di Era Industri 4.0
Computer Vision di Era Industri 4.0Computer Vision di Era Industri 4.0
Computer Vision di Era Industri 4.0Achmad Solichin
 
Want to integrate your business phone system or contact center with your CRM?
Want to integrate your business phone system or contact center with your CRM?Want to integrate your business phone system or contact center with your CRM?
Want to integrate your business phone system or contact center with your CRM?Coreyskute Turner
 
[Giovanni Galloro] How to use machine learning on Google Cloud Platform
[Giovanni Galloro] How to use machine learning on Google Cloud Platform[Giovanni Galloro] How to use machine learning on Google Cloud Platform
[Giovanni Galloro] How to use machine learning on Google Cloud PlatformMeetupDataScienceRoma
 
Summit Australia 2019 - Supercharge PowerPlatform with AI - Dipankar Bhattach...
Summit Australia 2019 - Supercharge PowerPlatform with AI - Dipankar Bhattach...Summit Australia 2019 - Supercharge PowerPlatform with AI - Dipankar Bhattach...
Summit Australia 2019 - Supercharge PowerPlatform with AI - Dipankar Bhattach...Andrew Ly
 
Computer Vision Software Development.pdf
Computer Vision Software Development.pdfComputer Vision Software Development.pdf
Computer Vision Software Development.pdfJohnAdams514191
 
Easy path to machine learning (2023-2024)
Easy path to machine learning (2023-2024)Easy path to machine learning (2023-2024)
Easy path to machine learning (2023-2024)wesley chun
 
Machine Learning for Any Size of Data, Any Type of Data
Machine Learning for Any Size of Data, Any Type of DataMachine Learning for Any Size of Data, Any Type of Data
Machine Learning for Any Size of Data, Any Type of DataDataWorks Summit/Hadoop Summit
 
.NET Fest 2018. Олександр Краковецький. Microsoft AI: створюємо програмні ріш...
.NET Fest 2018. Олександр Краковецький. Microsoft AI: створюємо програмні ріш....NET Fest 2018. Олександр Краковецький. Microsoft AI: створюємо програмні ріш...
.NET Fest 2018. Олександр Краковецький. Microsoft AI: створюємо програмні ріш...NETFest
 
Google Cloud: Data Analysis and Machine Learningn Technologies
Google Cloud: Data Analysis and Machine Learningn Technologies Google Cloud: Data Analysis and Machine Learningn Technologies
Google Cloud: Data Analysis and Machine Learningn Technologies Andrés Leonardo Martinez Ortiz
 
Hyf azure ml_1
Hyf azure ml_1Hyf azure ml_1
Hyf azure ml_1KatoK1
 
Proposal -co_win_india_valardigital-converted
Proposal  -co_win_india_valardigital-convertedProposal  -co_win_india_valardigital-converted
Proposal -co_win_india_valardigital-convertedUpendraSharma53
 
Career_camp_professionals.pdf
Career_camp_professionals.pdfCareer_camp_professionals.pdf
Career_camp_professionals.pdfPrajyotSwami2
 

Similar to Design Day Workshop (20)

Production ML Systems and Computer Vision with Google Cloud
Production ML Systems and Computer Vision with Google CloudProduction ML Systems and Computer Vision with Google Cloud
Production ML Systems and Computer Vision with Google Cloud
 
Exploring Generating AI with Diffusion Models
Exploring Generating AI with Diffusion ModelsExploring Generating AI with Diffusion Models
Exploring Generating AI with Diffusion Models
 
Introduction to Google Cloud Platform and APIs
Introduction to Google Cloud Platform and APIsIntroduction to Google Cloud Platform and APIs
Introduction to Google Cloud Platform and APIs
 
Computer Vision di Era Industri 4.0
Computer Vision di Era Industri 4.0Computer Vision di Era Industri 4.0
Computer Vision di Era Industri 4.0
 
Want to integrate your business phone system or contact center with your CRM?
Want to integrate your business phone system or contact center with your CRM?Want to integrate your business phone system or contact center with your CRM?
Want to integrate your business phone system or contact center with your CRM?
 
[Giovanni Galloro] How to use machine learning on Google Cloud Platform
[Giovanni Galloro] How to use machine learning on Google Cloud Platform[Giovanni Galloro] How to use machine learning on Google Cloud Platform
[Giovanni Galloro] How to use machine learning on Google Cloud Platform
 
Custom vision
Custom visionCustom vision
Custom vision
 
Summit Australia 2019 - Supercharge PowerPlatform with AI - Dipankar Bhattach...
Summit Australia 2019 - Supercharge PowerPlatform with AI - Dipankar Bhattach...Summit Australia 2019 - Supercharge PowerPlatform with AI - Dipankar Bhattach...
Summit Australia 2019 - Supercharge PowerPlatform with AI - Dipankar Bhattach...
 
Computer Vision Software Development.pdf
Computer Vision Software Development.pdfComputer Vision Software Development.pdf
Computer Vision Software Development.pdf
 
Easy path to machine learning (2023-2024)
Easy path to machine learning (2023-2024)Easy path to machine learning (2023-2024)
Easy path to machine learning (2023-2024)
 
Machine Learning for Any Size of Data, Any Type of Data
Machine Learning for Any Size of Data, Any Type of DataMachine Learning for Any Size of Data, Any Type of Data
Machine Learning for Any Size of Data, Any Type of Data
 
.NET Fest 2018. Олександр Краковецький. Microsoft AI: створюємо програмні ріш...
.NET Fest 2018. Олександр Краковецький. Microsoft AI: створюємо програмні ріш....NET Fest 2018. Олександр Краковецький. Microsoft AI: створюємо програмні ріш...
.NET Fest 2018. Олександр Краковецький. Microsoft AI: створюємо програмні ріш...
 
Industrial Presentaion
Industrial Presentaion Industrial Presentaion
Industrial Presentaion
 
Google Cloud: Data Analysis and Machine Learningn Technologies
Google Cloud: Data Analysis and Machine Learningn Technologies Google Cloud: Data Analysis and Machine Learningn Technologies
Google Cloud: Data Analysis and Machine Learningn Technologies
 
Microsoft Cognitive Service, Tap into the Power of Machine Learning with Easy...
Microsoft Cognitive Service, Tap into the Power of Machine Learning with Easy...Microsoft Cognitive Service, Tap into the Power of Machine Learning with Easy...
Microsoft Cognitive Service, Tap into the Power of Machine Learning with Easy...
 
Hyf azure ml_1
Hyf azure ml_1Hyf azure ml_1
Hyf azure ml_1
 
Proposal -co_win_india_valardigital-converted
Proposal  -co_win_india_valardigital-convertedProposal  -co_win_india_valardigital-converted
Proposal -co_win_india_valardigital-converted
 
Career_camp_professionals.pdf
Career_camp_professionals.pdfCareer_camp_professionals.pdf
Career_camp_professionals.pdf
 
Google MLkit
Google MLkitGoogle MLkit
Google MLkit
 
C++ programming
C++ programmingC++ programming
C++ programming
 

More from Prottay Karim

The Interview Workshop Series : Acing the Behavioural Interview
The Interview Workshop Series : Acing the Behavioural InterviewThe Interview Workshop Series : Acing the Behavioural Interview
The Interview Workshop Series : Acing the Behavioural InterviewProttay Karim
 
Automated Testing: QA Horizons
Automated Testing: QA HorizonsAutomated Testing: QA Horizons
Automated Testing: QA HorizonsProttay Karim
 
Journey To Open Source
Journey To Open SourceJourney To Open Source
Journey To Open SourceProttay Karim
 
Hackvision Closing Ceremony
Hackvision Closing CeremonyHackvision Closing Ceremony
Hackvision Closing CeremonyProttay Karim
 
Presentation Workshop - Hackvision
Presentation Workshop - HackvisionPresentation Workshop - Hackvision
Presentation Workshop - HackvisionProttay Karim
 
Ideation & Agile Workshop - Hackvision
Ideation & Agile Workshop - HackvisionIdeation & Agile Workshop - Hackvision
Ideation & Agile Workshop - HackvisionProttay Karim
 
UI/UX Workshop - Hackvision
UI/UX Workshop - HackvisionUI/UX Workshop - Hackvision
UI/UX Workshop - HackvisionProttay Karim
 
Hackvision Opening Ceremony
Hackvision Opening CeremonyHackvision Opening Ceremony
Hackvision Opening CeremonyProttay Karim
 
Intro to Machine Learning with TF- workshop
Intro to Machine Learning with TF- workshopIntro to Machine Learning with TF- workshop
Intro to Machine Learning with TF- workshopProttay Karim
 
Personal Branding with Gwenny Warnick
Personal Branding with Gwenny WarnickPersonal Branding with Gwenny Warnick
Personal Branding with Gwenny WarnickProttay Karim
 
ROAR - Diversity in Tech
ROAR - Diversity in TechROAR - Diversity in Tech
ROAR - Diversity in TechProttay Karim
 
What’s next with RedBackBots?!
What’s next with RedBackBots?!What’s next with RedBackBots?!
What’s next with RedBackBots?!Prottay Karim
 
Python Workshop by Tom Frantz
Python Workshop by Tom FrantzPython Workshop by Tom Frantz
Python Workshop by Tom FrantzProttay Karim
 
Cloud Study Jam Exploring the Cloud
Cloud Study Jam Exploring the CloudCloud Study Jam Exploring the Cloud
Cloud Study Jam Exploring the CloudProttay Karim
 

More from Prottay Karim (14)

The Interview Workshop Series : Acing the Behavioural Interview
The Interview Workshop Series : Acing the Behavioural InterviewThe Interview Workshop Series : Acing the Behavioural Interview
The Interview Workshop Series : Acing the Behavioural Interview
 
Automated Testing: QA Horizons
Automated Testing: QA HorizonsAutomated Testing: QA Horizons
Automated Testing: QA Horizons
 
Journey To Open Source
Journey To Open SourceJourney To Open Source
Journey To Open Source
 
Hackvision Closing Ceremony
Hackvision Closing CeremonyHackvision Closing Ceremony
Hackvision Closing Ceremony
 
Presentation Workshop - Hackvision
Presentation Workshop - HackvisionPresentation Workshop - Hackvision
Presentation Workshop - Hackvision
 
Ideation & Agile Workshop - Hackvision
Ideation & Agile Workshop - HackvisionIdeation & Agile Workshop - Hackvision
Ideation & Agile Workshop - Hackvision
 
UI/UX Workshop - Hackvision
UI/UX Workshop - HackvisionUI/UX Workshop - Hackvision
UI/UX Workshop - Hackvision
 
Hackvision Opening Ceremony
Hackvision Opening CeremonyHackvision Opening Ceremony
Hackvision Opening Ceremony
 
Intro to Machine Learning with TF- workshop
Intro to Machine Learning with TF- workshopIntro to Machine Learning with TF- workshop
Intro to Machine Learning with TF- workshop
 
Personal Branding with Gwenny Warnick
Personal Branding with Gwenny WarnickPersonal Branding with Gwenny Warnick
Personal Branding with Gwenny Warnick
 
ROAR - Diversity in Tech
ROAR - Diversity in TechROAR - Diversity in Tech
ROAR - Diversity in Tech
 
What’s next with RedBackBots?!
What’s next with RedBackBots?!What’s next with RedBackBots?!
What’s next with RedBackBots?!
 
Python Workshop by Tom Frantz
Python Workshop by Tom FrantzPython Workshop by Tom Frantz
Python Workshop by Tom Frantz
 
Cloud Study Jam Exploring the Cloud
Cloud Study Jam Exploring the CloudCloud Study Jam Exploring the Cloud
Cloud Study Jam Exploring the Cloud
 

Recently uploaded

Enhancing Worker Digital Experience: A Hands-on Workshop for Partners
Enhancing Worker Digital Experience: A Hands-on Workshop for PartnersEnhancing Worker Digital Experience: A Hands-on Workshop for Partners
Enhancing Worker Digital Experience: A Hands-on Workshop for PartnersThousandEyes
 
How to convert PDF to text with Nanonets
How to convert PDF to text with NanonetsHow to convert PDF to text with Nanonets
How to convert PDF to text with Nanonetsnaman860154
 
Injustice - Developers Among Us (SciFiDevCon 2024)
Injustice - Developers Among Us (SciFiDevCon 2024)Injustice - Developers Among Us (SciFiDevCon 2024)
Injustice - Developers Among Us (SciFiDevCon 2024)Allon Mureinik
 
Salesforce Community Group Quito, Salesforce 101
Salesforce Community Group Quito, Salesforce 101Salesforce Community Group Quito, Salesforce 101
Salesforce Community Group Quito, Salesforce 101Paola De la Torre
 
Tech-Forward - Achieving Business Readiness For Copilot in Microsoft 365
Tech-Forward - Achieving Business Readiness For Copilot in Microsoft 365Tech-Forward - Achieving Business Readiness For Copilot in Microsoft 365
Tech-Forward - Achieving Business Readiness For Copilot in Microsoft 3652toLead Limited
 
Human Factors of XR: Using Human Factors to Design XR Systems
Human Factors of XR: Using Human Factors to Design XR SystemsHuman Factors of XR: Using Human Factors to Design XR Systems
Human Factors of XR: Using Human Factors to Design XR SystemsMark Billinghurst
 
Key Features Of Token Development (1).pptx
Key  Features Of Token  Development (1).pptxKey  Features Of Token  Development (1).pptx
Key Features Of Token Development (1).pptxLBM Solutions
 
Handwritten Text Recognition for manuscripts and early printed texts
Handwritten Text Recognition for manuscripts and early printed textsHandwritten Text Recognition for manuscripts and early printed texts
Handwritten Text Recognition for manuscripts and early printed textsMaria Levchenko
 
GenCyber Cyber Security Day Presentation
GenCyber Cyber Security Day PresentationGenCyber Cyber Security Day Presentation
GenCyber Cyber Security Day PresentationMichael W. Hawkins
 
Automating Business Process via MuleSoft Composer | Bangalore MuleSoft Meetup...
Automating Business Process via MuleSoft Composer | Bangalore MuleSoft Meetup...Automating Business Process via MuleSoft Composer | Bangalore MuleSoft Meetup...
Automating Business Process via MuleSoft Composer | Bangalore MuleSoft Meetup...shyamraj55
 
IAC 2024 - IA Fast Track to Search Focused AI Solutions
IAC 2024 - IA Fast Track to Search Focused AI SolutionsIAC 2024 - IA Fast Track to Search Focused AI Solutions
IAC 2024 - IA Fast Track to Search Focused AI SolutionsEnterprise Knowledge
 
Benefits Of Flutter Compared To Other Frameworks
Benefits Of Flutter Compared To Other FrameworksBenefits Of Flutter Compared To Other Frameworks
Benefits Of Flutter Compared To Other FrameworksSoftradix Technologies
 
Scaling API-first – The story of a global engineering organization
Scaling API-first – The story of a global engineering organizationScaling API-first – The story of a global engineering organization
Scaling API-first – The story of a global engineering organizationRadu Cotescu
 
FULL ENJOY 🔝 8264348440 🔝 Call Girls in Diplomatic Enclave | Delhi
FULL ENJOY 🔝 8264348440 🔝 Call Girls in Diplomatic Enclave | DelhiFULL ENJOY 🔝 8264348440 🔝 Call Girls in Diplomatic Enclave | Delhi
FULL ENJOY 🔝 8264348440 🔝 Call Girls in Diplomatic Enclave | Delhisoniya singh
 
Maximizing Board Effectiveness 2024 Webinar.pptx
Maximizing Board Effectiveness 2024 Webinar.pptxMaximizing Board Effectiveness 2024 Webinar.pptx
Maximizing Board Effectiveness 2024 Webinar.pptxOnBoard
 
Kotlin Multiplatform & Compose Multiplatform - Starter kit for pragmatics
Kotlin Multiplatform & Compose Multiplatform - Starter kit for pragmaticsKotlin Multiplatform & Compose Multiplatform - Starter kit for pragmatics
Kotlin Multiplatform & Compose Multiplatform - Starter kit for pragmaticscarlostorres15106
 
Understanding the Laravel MVC Architecture
Understanding the Laravel MVC ArchitectureUnderstanding the Laravel MVC Architecture
Understanding the Laravel MVC ArchitecturePixlogix Infotech
 
08448380779 Call Girls In Civil Lines Women Seeking Men
08448380779 Call Girls In Civil Lines Women Seeking Men08448380779 Call Girls In Civil Lines Women Seeking Men
08448380779 Call Girls In Civil Lines Women Seeking MenDelhi Call girls
 
Neo4j - How KGs are shaping the future of Generative AI at AWS Summit London ...
Neo4j - How KGs are shaping the future of Generative AI at AWS Summit London ...Neo4j - How KGs are shaping the future of Generative AI at AWS Summit London ...
Neo4j - How KGs are shaping the future of Generative AI at AWS Summit London ...Neo4j
 
The 7 Things I Know About Cyber Security After 25 Years | April 2024
The 7 Things I Know About Cyber Security After 25 Years | April 2024The 7 Things I Know About Cyber Security After 25 Years | April 2024
The 7 Things I Know About Cyber Security After 25 Years | April 2024Rafal Los
 

Recently uploaded (20)

Enhancing Worker Digital Experience: A Hands-on Workshop for Partners
Enhancing Worker Digital Experience: A Hands-on Workshop for PartnersEnhancing Worker Digital Experience: A Hands-on Workshop for Partners
Enhancing Worker Digital Experience: A Hands-on Workshop for Partners
 
How to convert PDF to text with Nanonets
How to convert PDF to text with NanonetsHow to convert PDF to text with Nanonets
How to convert PDF to text with Nanonets
 
Injustice - Developers Among Us (SciFiDevCon 2024)
Injustice - Developers Among Us (SciFiDevCon 2024)Injustice - Developers Among Us (SciFiDevCon 2024)
Injustice - Developers Among Us (SciFiDevCon 2024)
 
Salesforce Community Group Quito, Salesforce 101
Salesforce Community Group Quito, Salesforce 101Salesforce Community Group Quito, Salesforce 101
Salesforce Community Group Quito, Salesforce 101
 
Tech-Forward - Achieving Business Readiness For Copilot in Microsoft 365
Tech-Forward - Achieving Business Readiness For Copilot in Microsoft 365Tech-Forward - Achieving Business Readiness For Copilot in Microsoft 365
Tech-Forward - Achieving Business Readiness For Copilot in Microsoft 365
 
Human Factors of XR: Using Human Factors to Design XR Systems
Human Factors of XR: Using Human Factors to Design XR SystemsHuman Factors of XR: Using Human Factors to Design XR Systems
Human Factors of XR: Using Human Factors to Design XR Systems
 
Key Features Of Token Development (1).pptx
Key  Features Of Token  Development (1).pptxKey  Features Of Token  Development (1).pptx
Key Features Of Token Development (1).pptx
 
Handwritten Text Recognition for manuscripts and early printed texts
Handwritten Text Recognition for manuscripts and early printed textsHandwritten Text Recognition for manuscripts and early printed texts
Handwritten Text Recognition for manuscripts and early printed texts
 
GenCyber Cyber Security Day Presentation
GenCyber Cyber Security Day PresentationGenCyber Cyber Security Day Presentation
GenCyber Cyber Security Day Presentation
 
Automating Business Process via MuleSoft Composer | Bangalore MuleSoft Meetup...
Automating Business Process via MuleSoft Composer | Bangalore MuleSoft Meetup...Automating Business Process via MuleSoft Composer | Bangalore MuleSoft Meetup...
Automating Business Process via MuleSoft Composer | Bangalore MuleSoft Meetup...
 
IAC 2024 - IA Fast Track to Search Focused AI Solutions
IAC 2024 - IA Fast Track to Search Focused AI SolutionsIAC 2024 - IA Fast Track to Search Focused AI Solutions
IAC 2024 - IA Fast Track to Search Focused AI Solutions
 
Benefits Of Flutter Compared To Other Frameworks
Benefits Of Flutter Compared To Other FrameworksBenefits Of Flutter Compared To Other Frameworks
Benefits Of Flutter Compared To Other Frameworks
 
Scaling API-first – The story of a global engineering organization
Scaling API-first – The story of a global engineering organizationScaling API-first – The story of a global engineering organization
Scaling API-first – The story of a global engineering organization
 
FULL ENJOY 🔝 8264348440 🔝 Call Girls in Diplomatic Enclave | Delhi
FULL ENJOY 🔝 8264348440 🔝 Call Girls in Diplomatic Enclave | DelhiFULL ENJOY 🔝 8264348440 🔝 Call Girls in Diplomatic Enclave | Delhi
FULL ENJOY 🔝 8264348440 🔝 Call Girls in Diplomatic Enclave | Delhi
 
Maximizing Board Effectiveness 2024 Webinar.pptx
Maximizing Board Effectiveness 2024 Webinar.pptxMaximizing Board Effectiveness 2024 Webinar.pptx
Maximizing Board Effectiveness 2024 Webinar.pptx
 
Kotlin Multiplatform & Compose Multiplatform - Starter kit for pragmatics
Kotlin Multiplatform & Compose Multiplatform - Starter kit for pragmaticsKotlin Multiplatform & Compose Multiplatform - Starter kit for pragmatics
Kotlin Multiplatform & Compose Multiplatform - Starter kit for pragmatics
 
Understanding the Laravel MVC Architecture
Understanding the Laravel MVC ArchitectureUnderstanding the Laravel MVC Architecture
Understanding the Laravel MVC Architecture
 
08448380779 Call Girls In Civil Lines Women Seeking Men
08448380779 Call Girls In Civil Lines Women Seeking Men08448380779 Call Girls In Civil Lines Women Seeking Men
08448380779 Call Girls In Civil Lines Women Seeking Men
 
Neo4j - How KGs are shaping the future of Generative AI at AWS Summit London ...
Neo4j - How KGs are shaping the future of Generative AI at AWS Summit London ...Neo4j - How KGs are shaping the future of Generative AI at AWS Summit London ...
Neo4j - How KGs are shaping the future of Generative AI at AWS Summit London ...
 
The 7 Things I Know About Cyber Security After 25 Years | April 2024
The 7 Things I Know About Cyber Security After 25 Years | April 2024The 7 Things I Know About Cyber Security After 25 Years | April 2024
The 7 Things I Know About Cyber Security After 25 Years | April 2024
 

Design Day Workshop

  • 1.
  • 2. 2:00 pm: Welcome 2:10 pm: Introduction 2:15 pm: Design Sprint 3:15 pm: Break 3:20 pm: Visual and Product Design 4:00 pm: Technical Architecture 4:30 pm: Wrap Up Agenda
  • 3. Introduction What is Design Day? ● Way to help explain the solution design process ● Hands-on practice with iterative design ● Guide on how to get started on a Solution Challenge project
  • 7. UNDERSTAND DEFINE SKETCH DECIDE PROTOTYPE VALIDATE
  • 8. design sprint: five part workshop Part 1 [10 mins] Part 2 [8 mins] Part 3 [5 mins] Part 4 [20 mins] Part 5 [20 mins] Part 6 You’ll identify the user and map out their problem You’ll sketch competing solutions on paper You’ll make difficult decisions and turn your ideas into a testable hypothesis You’ll hammer out a realistic prototype You’ll test it with real life humans Demo and Celebrate
  • 9. the problem: it’s hard to buy hats and glasses virtually and ensure that they look and feel good while being worn
  • 16. design sprint: five part workshop Part 1 [10 mins] Part 2 [8 mins] Part 3 [5 mins] Part 4 [20 mins] Part 5 [20 mins] Part 6 You’ll identify the user and map out their problem You’ll sketch competing solutions on paper You’ll make difficult decisions and turn your ideas into a testable hypothesis You’ll hammer out a realistic prototype You’ll test it with real life humans Demo and Celebrate
  • 18. Solution Design 2: Visual and Product Design
  • 20. visual design establish credibility communicate a brand/personality enhance usability
  • 21. information hierarchy is used to guide the user’s attention
  • 22. Vision AI Derive insights from your images in the cloud or at the edge with AutoML Vision or use pre-trained Vision API models to detect emotion, understand text, and more. Industry-leading accuracy for image understanding Google Cloud offers two computer vision products that use machine learning to help you understand your images with industry-leading prediction accuracy. AutoML Vision Automate the training of your own custom machine learning models. Simply upload images and train custom image models with AutoML Vision’s easy-to-use graphical interface; optimize your models for accuracy, latency, and size; and export them to your application in the cloud, or to an array of devices at the edge. Vision API Google Cloud’s Vision API offers powerful pre-trained machine learning models through REST and RPC APIs. Assign labels to images and quickly classify them into millions of predefined categories. Detect objects and faces, read printed and handwritten text, and build valuable metadata into your image catalog. information hierarchy: very bad
  • 23. Vision AI Derive insights from your images in the cloud or at the edge with AutoML Vision or use pre-trained Vision API models to detect emotion, understand text, and more. Industry-leading accuracy for image understanding Google Cloud offers two computer vision products that use machine learning to help you understand your images with industry-leading prediction accuracy. AutoML Vision Automate the training of your own custom machine learning models. Simply upload images and train custom image models with AutoML Vision’s easy-to-use graphical interface; optimize your models for accuracy, latency, and size; and export them to your application in the cloud, or to an array of devices at the edge. Vision API Google Cloud’s Vision API offers powerful pre-trained machine learning models through REST and RPC APIs. Assign labels to images and quickly classify them into millions of predefined categories. Detect objects and faces, read printed and handwritten text, and build valuable metadata into your image catalog. information hierarchy: bad
  • 24. Vision AI Derive insights from your images in the cloud or at the edge with AutoML Vision or use pre-trained Vision API models to detect emotion, understand text, and more. Industry-leading accuracy for image understanding Google Cloud offers two computer vision products that use machine learning to help you understand your images with industry-leading prediction accuracy. AutoML Vision Automate the training of your own custom machine learning models. Simply upload images and train custom image models with AutoML Vision’s easy-to-use graphical interface; optimize your models for accuracy, latency, and size; and export them to your application in the cloud, or to an array of devices at the edge. Vision API Google Cloud’s Vision API offers powerful pre-trained machine learning models through REST and RPC APIs. Assign labels to images and quickly classify them into millions of predefined categories. Detect objects and faces, read printed and handwritten text, and build valuable metadata into your image catalog. information hierarchy: okay
  • 25. information hierarchy: good Vision AI Derive insights from your images in the cloud or at the edge with AutoML Vision or use pre-trained Vision API models to detect emotion, understand text, and more. Industry-leading accuracy for image understanding Google Cloud offers two computer vision products that use machine learning to help you understand your images with industry-leading prediction accuracy. AutoML Vision Automate the training of your own custom machine learning models. Simply upload images and train custom image models with AutoML Vision’s easy-to-use graphical interface; optimize your models for accuracy, latency, and size; and export them to your application in the cloud, or to an array of devices at the edge. Vision API Google Cloud’s Vision API offers powerful pre-trained machine learning models through REST and RPC APIs. Assign labels to images and quickly classify them into millions of predefined categories. Detect objects and faces, read printed and handwritten text, and build valuable metadata into your image catalog.
  • 26. color is used to communicate a brand/personality
  • 27.
  • 29. grid systems break up space into regular units
  • 30. grid systems organize information on a page
  • 31. grid systems: an old example Vision AI Derive insights from your images in the cloud or at the edge with AutoML Vision or use pre-trained Vision API models to detect emotion, understand text, and more. Industry-leading accuracy for image understanding Google Cloud offers two computer vision products that use machine learning to help you understand your images with industry-leading prediction accuracy. AutoML Vision Automate the training of your own custom machine learning models. Simply upload images and train custom image models with AutoML Vision’s easy-to-use graphical interface; optimize your models for accuracy, latency, and size; and export them to your application in the cloud, or to an array of devices at the edge. Vision API Google Cloud’s Vision API offers powerful pre-trained machine learning models through REST and RPC APIs. Assign labels to images and quickly classify them into millions of predefined categories. Detect objects and faces, read printed and handwritten text, and build valuable metadata into your image catalog.
  • 32. grid systems: an old example Vision AI Derive insights from your images in the cloud or at the edge with AutoML Vision or use pre-trained Vision API models to detect emotion, understand text, and more. Industry-leading accuracy for image understanding Google Cloud offers two computer vision products that use machine learning to help you understand your images with industry-leading prediction accuracy. AutoML Vision Automate the training of your own custom machine learning models. Simply upload images and train custom image models with AutoML Vision’s easy-to-use graphical interface; optimize your models for accuracy, latency, and size; and export them to your application in the cloud, or to an array of devices at the edge. Vision API Google Cloud’s Vision API offers powerful pre-trained machine learning models through REST and RPC APIs. Assign labels to images and quickly classify them into millions of predefined categories. Detect objects and faces, read printed and handwritten text, and build valuable metadata into your image catalog.
  • 33. grid systems provide clarity, efficiency, economy, and continuity
  • 36. activity: information display Get the text here: bit.ly/2JWt1dM Jane Doe 1600 Amphitheatre Parkway, Mountain View, California jane.doe@fakeemail.com Software Engineer Career Objective Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec id sapien ullamcorper, pellentesque magna volutpat, tempus purus. Qualifications Lorem ipsum dolor sit amet, consectetur adipiscing elit. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Skills Programming Languages C++, C, Java, Python Spoken Languages Spanish, Japanese Professional Experience Software Engineer, Google Cloud Mountainview, California 5/1/19 - present Lorem ipsum dolor sit amet, consectetur adipiscing elit. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Software Engineer, Nest Sunnyvale, California 2/4/18 - 4/20/19 Lorem ipsum dolor sit amet, consectetur adipiscing elit. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Education Bachelor of Science in Computer Science Graduated from Example University 2019
  • 37. Go!
  • 39. Product design is the act of designing a product
  • 41. A product is a solution to a problem
  • 42. A product is a solution to a user’s problem
  • 43. What are typical problems for a new product team?
  • 44. A lack of time, funding, and understanding of the customer What are typical problems for a new product team?
  • 45. Build Efficiently Measure Success Learn ...and repeat! How can we mitigate these problems?
  • 47. “That version of a new product or service which allows a team to collect the maximum amount of validated learning about customers with the least effort” - Eric Reis What do we build?
  • 49. Wireframing Landing Page Demo Video Wizard of Oz Working Prototype What do we build?
  • 53. Submit 3. You “automatically” schedule a delivery 2. Email sent to you 1. “wizard of oz”
  • 54. activity: build an MVP BUILD MEASURE LEARN
  • 55. Go!
  • 57.
  • 58. Front-end (client) Back-end (server) Running Code Data Storage Other Services ... ... ...
  • 59. example: photo-sharing app Front-end (client) Back-end (server) Running Code Data Storage Other Services
  • 60. example: photo-sharing app Front-end (client) Back-end (server) Running Code Data Storage Other Services Cloud Functions Firebase Firestore Firebase Storage Web
  • 61. Front-end (client) Back-end (server) Running Code Data Storage Other Services Cloud Functions Firebase Firestore Firebase Storage Web Cloud Vision API example: photo-sharing app
  • 62. Front-end (client) Back-end (server) Running Code Data Storage Other Services Firebase Firestore Firebase Storage Web Cloud Vision API App Engine Standard w/ Django (Python) Express.js (Node.js) Ruby on Rails (Ruby) Spring (Java) ... example: photo-sharing app
  • 63. Front-end (client) Back-end (server) Running Code Data Storage Other Services Firebase Firestore Firebase Storage Web Cloud Vision API App Engine Flexible w/ Django (Python) Express.js (Node.js) Ruby on Rails (Ruby) Spring (Java) ... example: photo-sharing app
  • 64. Front-end (client) Back-end (server) Running Code Data Storage Other Services Firebase Firestore Firebase Storage Cloud Vision API App Engine Flexible w/ Django (Python) Express.js (Node.js) Ruby on Rails (Ruby) Spring (Java) ... example: photo-sharing app
  • 65. How can we do this?
  • 66. How can we do this? 1) Considerations 2) Research 3) Design
  • 67. step 1: considerations What does my application require? How many people are on my team? How experienced are we? What languages / tech are we comfortable with? What is our budget? What is our timeline? How accelerated is our timeline? How much load does this service have to provide? What security considerations must we make? What compliance considerations must we make? What technologies do we have to integrate with? …
  • 69. step 3: tech design
  • 70. workshop: e-commerce , food-delivery, productivity app, (insert your idea here) Front-end (client) Back-end (server) Running Code Data Storage Other Services
  • 73. Website Discord Linkedin YouTube Twitter