Diagrams Sketching 101
Virtual communication basics for Engineers
Diagrams Sketching 101
And virtual communication for Engineers
Drawing Diagrams 101 - How to use Graphical Tablets for the Virtual Communication of Engineers
Drawing Diagrams 101 - How to use Graphical Tablets for the Virtual Communication of Engineers
Drawing Diagrams 101 - How to use Graphical Tablets for the Virtual Communication of Engineers
Drawing Diagrams 101 - How to use Graphical Tablets for the Virtual Communication of Engineers
Drawing Diagrams 101 - How to use Graphical Tablets for the Virtual Communication of Engineers
The Rise of the Virtual Conference
Drawing Diagrams 101 - How to use Graphical Tablets for the Virtual Communication of Engineers
How to achieve the same Experience in the
World of the Virtual Communication?
Drawing Diagrams 101 - How to use Graphical Tablets for the Virtual Communication of Engineers
Drawing Diagrams 101 - How to use Graphical Tablets for the Virtual Communication of Engineers
Virtual (typically) imitates Physical
Drawing Diagrams 101 - How to use Graphical Tablets for the Virtual Communication of Engineers
Drawing Diagrams 101 - How to use Graphical Tablets for the Virtual Communication of Engineers
Same with the Communication
Drawing Diagrams 101 - How to use Graphical Tablets for the Virtual Communication of Engineers
Our brains evolved over
200-300 thousand years
in a physical world
Now think about our Customers
Small Medium Large
Large
Large
Our customers deal with great complexities
And each of them is quite unique
Very low probability of useful prebuilt materials creation
Think of the perfect
technology meeting
Drawing Diagrams 101 - How to use Graphical Tablets for the Virtual Communication of Engineers
How to replicate that physical
experience in the virtual world?
Good audio quality is the must.
Easy to achieve these days.
Most people do it right already.
People also NEED to SEE you!
Video also extremely easy these days, though many
people are still not using it for various reasons.
In the customer engagement it’s the VERY helpful.
and green screen makes experience even better
Drawing Diagrams 101 - How to use Graphical Tablets for the Virtual Communication of Engineers
3 Major Scenarios
Real-time
annotation of
your slides
1
Real-time
annotation of
other’s screen
2
Real-time
freeform
sketching
3
Real-time
annotation of
your slides
1
Drawing Diagrams 101 - How to use Graphical Tablets for the Virtual Communication of Engineers
CTRL + P
E
HOT KEYS:
CMD
Major Scenarios
Real-time
annotation of
your slides
Real-time
annotation of
other’s screen
2
Real-time
freeform
sketching
3
Real-time
annotation of
other’s screen
2
Drawing Diagrams 101 - How to use Graphical Tablets for the Virtual Communication of Engineers
How to ask someone
about “THAT” button?
Drawing Diagrams 101 - How to use Graphical Tablets for the Virtual Communication of Engineers
Let’s Practice!
Need to see small smile face on the screen
from every attendee to continue.
Major Scenarios
Real-time
annotation of
your slides
Real-time
annotation of
other’s screen
Real-time
freeform
sketching
3
Real-time
freeform
sketching
3
Hardware Software Skills
Hardware
My personal preference, cause obviously any tablet will work.
Wacom CTL-472
(small, ~$60)
Wacom CTL-672
(medium, ~$100)
https://www.wacom.com/en-us/products/one-by-wacom
~$1
Hardware
My personal preference, cause obviously any tablet will work.
Drawing Glove
For those of you who will be
drawing a lot, glove will be
useful to avoid skin irritation.
Hardware Software Skills
Software
My personal preference, cause obviously any software will work.
Price: Free
Availability: Mac and Windows
https://sketchbook.com/ https://www.techsmith.com/screen-capture.html
Price: $50
Availability: Mac and Windows
Hardware Software Skills
Skills
Practice Makes Perfect
The skill of visualization
is not a science.
It’s a craft.
How to master a craft ?
1. Pick a skill wisely
2. Commit to your goal
3. Get going
4. Find a coach
5. Leverage support system
6. Focus on desire
7. Get inspired
8. Practice and repeat
Skills to master
1. Working
with the tablet
2. Diagrams
Visualization
1. Working with the tablet
5
Working with the tablet
It’s all about muscle memory
Drawing Diagrams 101 - How to use Graphical Tablets for the Virtual Communication of Engineers
Q: What is the ultimate way to train?
A: Use Tablet all day long
Q: Why would I need tablet all day long ?
A: Use it instead of a mouse/touchpad !
Drawing Diagrams 101 - How to use Graphical Tablets for the Virtual Communication of Engineers
Drawing Diagrams 101 - How to use Graphical Tablets for the Virtual Communication of Engineers
Skills to master
1. Working
with the tablet
2. Diagrams
Visualization
2. Diagrams Visualization
https://en.wikipedia.org/wiki/4%2B1_architectural_view_model
Rule #1 – Diagrams are mostly Horizontal
Because of the way our displays are organized these days
Drawing Diagrams 101 - How to use Graphical Tablets for the Virtual Communication of Engineers
More horizontal space
Rule #2 – Actors first
Any diagram starts from the actors of the business process
Drawing Diagrams 101 - How to use Graphical Tablets for the Virtual Communication of Engineers
Reseller
Vendor
SalesSupply Chain
Coordinator
(SCC)
ERP
Reseller
Vendor
Portal
Provider
Portal
Vendor
Reseller
Portal
Sales
Portal
Sales
EDI / API
for Resellers
Supply Chain
Coordinator
(SCC)
Connect
Integration
Middleware
IMpulse
ERP
Reseller
Vendor
Portal
Provider
Portal
Vendor
Product
Purchase
Order
Purchase
Order
Listing
Vendor
Integration
Layer
Reseller
Portal
Sales
Portal
Sales
EDI / API
for Resellers
Automated
Integrations
Self
Service
Assisted
Sales
Supply Chain
Coordinator
(SCC)
Connect
Integration
Middleware
IMpulse
vendors.ingrammicro.com
Systems serve Humans.
Not vice versa!
Rule #3 – Consistent layout
From Vendors (left) to End-Customers (right)
“Vendors” “Providers” “Customers”
Manufacturer Retailer Customer
Vendor Reseller BuyerDistributor
Reseller
Telco Integrator Telco Wholesale Telco Unit ConsumerTelco Retail
Supplier MSP Client
Manufacturer Retailer Customer
Actors
Reseller
Distributor
Telco Wholesale
Telco UnitTelco Retail
MSP
RetailerManufacturerVendor
Telco IntegratorSupplier
Customer
Buyer
Client
“Vendors” “Providers” “Customers”
Actors
Rule #4 – Colors must mean something
Always start black-and-white.
Add colors only when they have a meaning.
IM Online
Reseller
Vendor
Portal
Provider
Portal
Vendor
Product
Purchase
Order
Purchase
Order
Listing
Vendor
Integration
Layer
Reseller
Portal
Sales
Portal
Sales
EDI / API
for Resellers
Automated
Integrations
Self
Service
Assisted
Sales
Supply Chain
Coordinator
(SCC)
Connect
Integration
Middleware
IMpulse
vendors.ingrammicro.com
IM Online
Reseller
Vendor
Portal
Provider
Portal
Vendor
Product
Purchase
Order
Purchase
Order
Listing
Vendor
Integration
Layer
Reseller
Portal
Sales
Portal
Sales
EDI / API
for Resellers
Automated
Integrations
Self
Service
Assisted
Sales
Supply Chain
Coordinator
(SCC)
Connect
Integration
Middleware
IMpulse
vendors.ingrammicro.com
Ordering Flow
Enough for today, I guess.
Questions?

More Related Content

PDF
How to present lots of information on a screen
PPTX
Ariel Garten of Interaxon/Muse presents Wearable Technology: Not just a Fad
PDF
How Diner Dash Shook Up Life Time's Learning Game
PPTX
Mobile Prototyping Essentials
PPT
Interactive technology in classroom
PDF
Experience-Interface-Interaction.pdf
PDF
WORKSHOP: Making the World Easier with Interaction Design
PDF
SkillsFuture Festival at NUS 2019- Machine Learning for Humans
How to present lots of information on a screen
Ariel Garten of Interaxon/Muse presents Wearable Technology: Not just a Fad
How Diner Dash Shook Up Life Time's Learning Game
Mobile Prototyping Essentials
Interactive technology in classroom
Experience-Interface-Interaction.pdf
WORKSHOP: Making the World Easier with Interaction Design
SkillsFuture Festival at NUS 2019- Machine Learning for Humans

Similar to Drawing Diagrams 101 - How to use Graphical Tablets for the Virtual Communication of Engineers (20)

PPT
Make Tools
PDF
Framer for the win - Using Framer prototypes for your app project. (For Melbo...
PPTX
PPTX
Users, UX, and Technology: Going hi-tech with your classroom AV system
PPT
Ch 11 ways of presenting data
PPT
EdTechnics EdBoard for school 2012
PPTX
Creating videos for online learning
PPTX
GDG-Start your Programing Career.pptx
ODP
Is Python still production ready ? Ludovic Gasc
PDF
Intro to User Centered Design Workshop
PDF
SEARIS 2014 Keynote - MiddleVR - Philosophy and architecture
PDF
Machine Learning for Designers
PDF
Power Of An Hour
PDF
Education Transformation with Microsoft 365 and Surface Technologies: The Fut...
PDF
Designing for Multiple Devices - Sarit Arora
PDF
User Experience 1: What is User Experience?
PPTX
Screenless display (1).pptx
PPTX
Electron
PPTX
A proposal to have a conducive learning computer lab.
PDF
DT project.pdf
Make Tools
Framer for the win - Using Framer prototypes for your app project. (For Melbo...
Users, UX, and Technology: Going hi-tech with your classroom AV system
Ch 11 ways of presenting data
EdTechnics EdBoard for school 2012
Creating videos for online learning
GDG-Start your Programing Career.pptx
Is Python still production ready ? Ludovic Gasc
Intro to User Centered Design Workshop
SEARIS 2014 Keynote - MiddleVR - Philosophy and architecture
Machine Learning for Designers
Power Of An Hour
Education Transformation with Microsoft 365 and Surface Technologies: The Fut...
Designing for Multiple Devices - Sarit Arora
User Experience 1: What is User Experience?
Screenless display (1).pptx
Electron
A proposal to have a conducive learning computer lab.
DT project.pdf
Ad

Recently uploaded (20)

PDF
Two-dimensional Klein-Gordon and Sine-Gordon numerical solutions based on dee...
PPTX
Benefits of Physical activity for teenagers.pptx
PDF
From MVP to Full-Scale Product A Startup’s Software Journey.pdf
PDF
Flame analysis and combustion estimation using large language and vision assi...
PDF
STKI Israel Market Study 2025 version august
PDF
Convolutional neural network based encoder-decoder for efficient real-time ob...
PDF
A review of recent deep learning applications in wood surface defect identifi...
PDF
Getting started with AI Agents and Multi-Agent Systems
PDF
Hindi spoken digit analysis for native and non-native speakers
PDF
UiPath Agentic Automation session 1: RPA to Agents
PDF
CloudStack 4.21: First Look Webinar slides
PDF
sustainability-14-14877-v2.pddhzftheheeeee
PDF
TrustArc Webinar - Click, Consent, Trust: Winning the Privacy Game
PPTX
Final SEM Unit 1 for mit wpu at pune .pptx
PPTX
2018-HIPAA-Renewal-Training for executives
PDF
A proposed approach for plagiarism detection in Myanmar Unicode text
PDF
Developing a website for English-speaking practice to English as a foreign la...
PDF
A Late Bloomer's Guide to GenAI: Ethics, Bias, and Effective Prompting - Boha...
PPTX
Modernising the Digital Integration Hub
PDF
Credit Without Borders: AI and Financial Inclusion in Bangladesh
Two-dimensional Klein-Gordon and Sine-Gordon numerical solutions based on dee...
Benefits of Physical activity for teenagers.pptx
From MVP to Full-Scale Product A Startup’s Software Journey.pdf
Flame analysis and combustion estimation using large language and vision assi...
STKI Israel Market Study 2025 version august
Convolutional neural network based encoder-decoder for efficient real-time ob...
A review of recent deep learning applications in wood surface defect identifi...
Getting started with AI Agents and Multi-Agent Systems
Hindi spoken digit analysis for native and non-native speakers
UiPath Agentic Automation session 1: RPA to Agents
CloudStack 4.21: First Look Webinar slides
sustainability-14-14877-v2.pddhzftheheeeee
TrustArc Webinar - Click, Consent, Trust: Winning the Privacy Game
Final SEM Unit 1 for mit wpu at pune .pptx
2018-HIPAA-Renewal-Training for executives
A proposed approach for plagiarism detection in Myanmar Unicode text
Developing a website for English-speaking practice to English as a foreign la...
A Late Bloomer's Guide to GenAI: Ethics, Bias, and Effective Prompting - Boha...
Modernising the Digital Integration Hub
Credit Without Borders: AI and Financial Inclusion in Bangladesh
Ad

Drawing Diagrams 101 - How to use Graphical Tablets for the Virtual Communication of Engineers