the story of a ui trainer
DESCRIPTION
It is my journey as how I became a UI trainer from developer and the lessons I learned along the way... When I look back, it is always a satisfying experience.TRANSCRIPT
![Page 1: The story of a UI trainer](https://reader034.vdocuments.net/reader034/viewer/2022051400/54bc881e4a7959a8328b45a8/html5/thumbnails/1.jpg)
The story
of A UI
trainer
Summary of personal experience and learning as a UI trainer…
![Page 2: The story of a UI trainer](https://reader034.vdocuments.net/reader034/viewer/2022051400/54bc881e4a7959a8328b45a8/html5/thumbnails/2.jpg)
![Page 3: The story of a UI trainer](https://reader034.vdocuments.net/reader034/viewer/2022051400/54bc881e4a7959a8328b45a8/html5/thumbnails/3.jpg)
Who am I?
![Page 4: The story of a UI trainer](https://reader034.vdocuments.net/reader034/viewer/2022051400/54bc881e4a7959a8328b45a8/html5/thumbnails/4.jpg)
UI developer, trainer & writer
Who am I?
![Page 5: The story of a UI trainer](https://reader034.vdocuments.net/reader034/viewer/2022051400/54bc881e4a7959a8328b45a8/html5/thumbnails/5.jpg)
UI developer, trainer & writer
Who am I?
What do I teach?
![Page 6: The story of a UI trainer](https://reader034.vdocuments.net/reader034/viewer/2022051400/54bc881e4a7959a8328b45a8/html5/thumbnails/6.jpg)
UI developer, trainer & writer
Who am I?Mostly UI
technologies like HTML5, CSS3, JavaScript,
jQuery & other JS frameworks
What do I teach?
![Page 7: The story of a UI trainer](https://reader034.vdocuments.net/reader034/viewer/2022051400/54bc881e4a7959a8328b45a8/html5/thumbnails/7.jpg)
![Page 8: The story of a UI trainer](https://reader034.vdocuments.net/reader034/viewer/2022051400/54bc881e4a7959a8328b45a8/html5/thumbnails/8.jpg)
How it
all
started?
![Page 9: The story of a UI trainer](https://reader034.vdocuments.net/reader034/viewer/2022051400/54bc881e4a7959a8328b45a8/html5/thumbnails/9.jpg)
One fine day, I get request from
training team to check if can take
up an HTML5 training scheduled five days ahead…
![Page 10: The story of a UI trainer](https://reader034.vdocuments.net/reader034/viewer/2022051400/54bc881e4a7959a8328b45a8/html5/thumbnails/10.jpg)
One fine day, I get request from
training team to check if can take
up an HTML5 training scheduled five days ahead…
Since, it is something new & challenging, I am immediately ready for it.
![Page 11: The story of a UI trainer](https://reader034.vdocuments.net/reader034/viewer/2022051400/54bc881e4a7959a8328b45a8/html5/thumbnails/11.jpg)
But then,
![Page 12: The story of a UI trainer](https://reader034.vdocuments.net/reader034/viewer/2022051400/54bc881e4a7959a8328b45a8/html5/thumbnails/12.jpg)
But then,
Problems…
![Page 13: The story of a UI trainer](https://reader034.vdocuments.net/reader034/viewer/2022051400/54bc881e4a7959a8328b45a8/html5/thumbnails/13.jpg)
1. Only five days time frame
2. Presentation or material required
for training not ready
3. Current project commitments
4. Training would be in city where I
had never gone before
![Page 14: The story of a UI trainer](https://reader034.vdocuments.net/reader034/viewer/2022051400/54bc881e4a7959a8328b45a8/html5/thumbnails/14.jpg)
1Managed project deliverables & waiting for flight, night
before the training.
![Page 15: The story of a UI trainer](https://reader034.vdocuments.net/reader034/viewer/2022051400/54bc881e4a7959a8328b45a8/html5/thumbnails/15.jpg)
2 8:30 PM flight four hours late and I reach my hotel at 3:00 AM morning.
1Managed project deliverables & waiting for flight, night
before the training.
![Page 16: The story of a UI trainer](https://reader034.vdocuments.net/reader034/viewer/2022051400/54bc881e4a7959a8328b45a8/html5/thumbnails/16.jpg)
2 8:30 PM flight four hours late and I reach my hotel at 3:00 AM morning.
I can either take notes or little 4 hour rest. Whole idea of making few notes totally washed away.
1Managed project deliverables & waiting for flight, night
before the training.
3
![Page 17: The story of a UI trainer](https://reader034.vdocuments.net/reader034/viewer/2022051400/54bc881e4a7959a8328b45a8/html5/thumbnails/17.jpg)
4Next day at new office. Training starts with 22
attendees & me without any training material and sleep.
![Page 18: The story of a UI trainer](https://reader034.vdocuments.net/reader034/viewer/2022051400/54bc881e4a7959a8328b45a8/html5/thumbnails/18.jpg)
5Within an hour or two I realize that I must cover prerequisites needed for HTML5 not
intended to be part of training.
4Next day at new office. Training starts with 22
attendees & me without any training material and sleep.
![Page 19: The story of a UI trainer](https://reader034.vdocuments.net/reader034/viewer/2022051400/54bc881e4a7959a8328b45a8/html5/thumbnails/19.jpg)
5Within an hour or two I realize that I must cover prerequisites needed for HTML5 not
intended to be part of training.
4Next day at new office. Training starts with 22
attendees & me without any training material and sleep.
I spend whole day. Now I must cover complete training in remaining 3 days.6
![Page 20: The story of a UI trainer](https://reader034.vdocuments.net/reader034/viewer/2022051400/54bc881e4a7959a8328b45a8/html5/thumbnails/20.jpg)
7Back to hotel, in the evening, I decide to
create few presentations.
![Page 21: The story of a UI trainer](https://reader034.vdocuments.net/reader034/viewer/2022051400/54bc881e4a7959a8328b45a8/html5/thumbnails/21.jpg)
8I cannot; standing up all day & running to everyone’s machine for queries take its toll on me. I feel back pain.
7Back to hotel, in the evening, I decide to
create few presentations.
![Page 22: The story of a UI trainer](https://reader034.vdocuments.net/reader034/viewer/2022051400/54bc881e4a7959a8328b45a8/html5/thumbnails/22.jpg)
8I cannot; standing up all day & running to everyone’s machine for queries take its toll on me. I feel back pain.
7Back to hotel, in the evening, I decide to
create few presentations.
9Again no material, notes or presentation. I just relax and
read little for next day.
![Page 23: The story of a UI trainer](https://reader034.vdocuments.net/reader034/viewer/2022051400/54bc881e4a7959a8328b45a8/html5/thumbnails/23.jpg)
On 2nd day, I try to accelerate to make up for yesterday’s time.
10
![Page 24: The story of a UI trainer](https://reader034.vdocuments.net/reader034/viewer/2022051400/54bc881e4a7959a8328b45a8/html5/thumbnails/24.jpg)
At the end of the day, I get feedback that I am moving too fast. I should slow down a bit.
On 2nd day, I try to accelerate to make up for yesterday’s time.
11
10
![Page 25: The story of a UI trainer](https://reader034.vdocuments.net/reader034/viewer/2022051400/54bc881e4a7959a8328b45a8/html5/thumbnails/25.jpg)
At the end of the day, I get feedback that I am moving too fast. I should slow down a bit.
On 2nd day, I try to accelerate to make up for yesterday’s time.
This evening, I deliberately skipped the presentation idea.
11
10
12
![Page 26: The story of a UI trainer](https://reader034.vdocuments.net/reader034/viewer/2022051400/54bc881e4a7959a8328b45a8/html5/thumbnails/26.jpg)
Similarly, 3rd and 4th
days are over with new problems & challenges.
13
![Page 27: The story of a UI trainer](https://reader034.vdocuments.net/reader034/viewer/2022051400/54bc881e4a7959a8328b45a8/html5/thumbnails/27.jpg)
Network infrastructure issues; while other times, me stumbling
upon some concept & much more…
Similarly, 3rd and 4th
days are over with new problems & challenges.
14
13
![Page 28: The story of a UI trainer](https://reader034.vdocuments.net/reader034/viewer/2022051400/54bc881e4a7959a8328b45a8/html5/thumbnails/28.jpg)
Network infrastructure issues; while other times, me stumbling
upon some concept & much more…
Similarly, 3rd and 4th
days are over with new problems & challenges.
But at the end, I receive very positive feedback.
14
13
15
![Page 29: The story of a UI trainer](https://reader034.vdocuments.net/reader034/viewer/2022051400/54bc881e4a7959a8328b45a8/html5/thumbnails/29.jpg)
From then on, I never looked back
![Page 30: The story of a UI trainer](https://reader034.vdocuments.net/reader034/viewer/2022051400/54bc881e4a7959a8328b45a8/html5/thumbnails/30.jpg)
From then on, I never looked back
Regular trainings both in company & outside
![Page 31: The story of a UI trainer](https://reader034.vdocuments.net/reader034/viewer/2022051400/54bc881e4a7959a8328b45a8/html5/thumbnails/31.jpg)
H O W E V E R ,
![Page 32: The story of a UI trainer](https://reader034.vdocuments.net/reader034/viewer/2022051400/54bc881e4a7959a8328b45a8/html5/thumbnails/32.jpg)
H O W E V E R ,
I t i s n ot m y day to
day e x p e r i e n c e b u t
w h at I l e a r n e d i s
a l l t h at m at t e r s
![Page 33: The story of a UI trainer](https://reader034.vdocuments.net/reader034/viewer/2022051400/54bc881e4a7959a8328b45a8/html5/thumbnails/33.jpg)
1 A l w ays H av e so m e
b u f f e r t i m e .
![Page 34: The story of a UI trainer](https://reader034.vdocuments.net/reader034/viewer/2022051400/54bc881e4a7959a8328b45a8/html5/thumbnails/34.jpg)
Anything can happen; delayed flight, network & infra
issues, not enough time for creating notes and materials,
etc. Always keep some buffer time especially when
training schedule is more than a day.
Don’t let this happen
![Page 35: The story of a UI trainer](https://reader034.vdocuments.net/reader034/viewer/2022051400/54bc881e4a7959a8328b45a8/html5/thumbnails/35.jpg)
2D o n ot t i e
t h e goat
ar o u nd th e
p r es e ntat i o n .
![Page 36: The story of a UI trainer](https://reader034.vdocuments.net/reader034/viewer/2022051400/54bc881e4a7959a8328b45a8/html5/thumbnails/36.jpg)
Perhaps, my prejudice from college days where lecture cannot by delivered without
presentation or OHP. Trainer and his interaction skill keep audience glued.
Nothing is more boring than some bullet-point slides.
Don’t let this happen
![Page 37: The story of a UI trainer](https://reader034.vdocuments.net/reader034/viewer/2022051400/54bc881e4a7959a8328b45a8/html5/thumbnails/37.jpg)
Use presentations as supplementary for
storytelling, illustrations, graphs, diagrams, etc.
Use it for this
![Page 38: The story of a UI trainer](https://reader034.vdocuments.net/reader034/viewer/2022051400/54bc881e4a7959a8328b45a8/html5/thumbnails/38.jpg)
3D o n ot t ry
to t i m e t h e
tr a i n i n g .
![Page 39: The story of a UI trainer](https://reader034.vdocuments.net/reader034/viewer/2022051400/54bc881e4a7959a8328b45a8/html5/thumbnails/39.jpg)
You can never complete each and everything. People
ask questions that are related but outside of
scope. Try to be realistic and honor the time. Finish as much as you can and
not as much as you want.
Don’t try to finish everything. It does not bring good to anyone.
![Page 40: The story of a UI trainer](https://reader034.vdocuments.net/reader034/viewer/2022051400/54bc881e4a7959a8328b45a8/html5/thumbnails/40.jpg)
4 W h e n i t co m es
to p eo p l e ,
n oth i n g i s
o bv i o u s . H av e
n o e x p ectat i o n .
![Page 41: The story of a UI trainer](https://reader034.vdocuments.net/reader034/viewer/2022051400/54bc881e4a7959a8328b45a8/html5/thumbnails/41.jpg)
Assume means “ass-u-me”. When you assume, you
generalize. When you generalize, you cannot pay
attentional to individuals unique needs. Attendees
vary by their skill, background, experience.
Anyone can ask anything.
Assumptions is very dangerous thing.
![Page 42: The story of a UI trainer](https://reader034.vdocuments.net/reader034/viewer/2022051400/54bc881e4a7959a8328b45a8/html5/thumbnails/42.jpg)
5 P r act i c e ,
p r act i c e a n d
p r act i c e .
![Page 43: The story of a UI trainer](https://reader034.vdocuments.net/reader034/viewer/2022051400/54bc881e4a7959a8328b45a8/html5/thumbnails/43.jpg)
Knowing a concept and understanding a concept
are two different things. You cannot teach
something unless you thoroughly understand it. I have found myself in this situations in early training
days. The only escape from this is ever on-going
practice.
To be expert like him, practice is the only way.
![Page 44: The story of a UI trainer](https://reader034.vdocuments.net/reader034/viewer/2022051400/54bc881e4a7959a8328b45a8/html5/thumbnails/44.jpg)
6K n o w yo u r
au d i e n c e .
![Page 45: The story of a UI trainer](https://reader034.vdocuments.net/reader034/viewer/2022051400/54bc881e4a7959a8328b45a8/html5/thumbnails/45.jpg)
Teaching a novice
want to get things done.
Cook food for 5 minutes.
They want result oriented instructions. They need how.
They focus on results.
![Page 46: The story of a UI trainer](https://reader034.vdocuments.net/reader034/viewer/2022051400/54bc881e4a7959a8328b45a8/html5/thumbnails/46.jpg)
Teaching a novice
want to get things done.
Cook food for 5 minutes.
They want result oriented instructions. They need how.
They focus on results.
Teaching an experienced
want to know why to do things certain way.
Why cook food for 5 minutes only?
They already know how. They want to understand the reasoning behind. They focus on optimizing things.
vs.
![Page 47: The story of a UI trainer](https://reader034.vdocuments.net/reader034/viewer/2022051400/54bc881e4a7959a8328b45a8/html5/thumbnails/47.jpg)
Teaching a designer
Very little or no programming background
Generally prefer small and discrete example for each
concept during training. Often interested in knowing technical
possibilities & limitations.
![Page 48: The story of a UI trainer](https://reader034.vdocuments.net/reader034/viewer/2022051400/54bc881e4a7959a8328b45a8/html5/thumbnails/48.jpg)
Teaching a designer
Very little or no programming background
Generally prefer small and discrete example for each
concept during training. Often interested in knowing technical
possibilities & limitations.
Teaching a developer
Very good with logic and programming.
Generally prefer one concrete example that help them build system step by step & correlate all concepts together.
vs.
![Page 49: The story of a UI trainer](https://reader034.vdocuments.net/reader034/viewer/2022051400/54bc881e4a7959a8328b45a8/html5/thumbnails/49.jpg)
An interesting class of 10 developers and 7 designers.
![Page 50: The story of a UI trainer](https://reader034.vdocuments.net/reader034/viewer/2022051400/54bc881e4a7959a8328b45a8/html5/thumbnails/50.jpg)
An interesting class of 10 developers and 7 designers.
A designer asks me “what is server?”
![Page 51: The story of a UI trainer](https://reader034.vdocuments.net/reader034/viewer/2022051400/54bc881e4a7959a8328b45a8/html5/thumbnails/51.jpg)
An interesting class of 10 developers and 7 designers.
A designer asks me “what is server?”
An obvious thing for developer, how do I make sure that I explain it to designer while
keeping developers interested?
![Page 52: The story of a UI trainer](https://reader034.vdocuments.net/reader034/viewer/2022051400/54bc881e4a7959a8328b45a8/html5/thumbnails/52.jpg)
An interesting class of 10 developers and 7 designers.
A designer asks me “what is server?”
An obvious thing for developer, how do I make sure that I explain it to designer while
keeping developers interested?
Well, I try to make it more interactive. Let other developers answer it instead of me.
![Page 53: The story of a UI trainer](https://reader034.vdocuments.net/reader034/viewer/2022051400/54bc881e4a7959a8328b45a8/html5/thumbnails/53.jpg)
7E m b r ac e
s i m p l i c i t y
![Page 54: The story of a UI trainer](https://reader034.vdocuments.net/reader034/viewer/2022051400/54bc881e4a7959a8328b45a8/html5/thumbnails/54.jpg)
There is always an urge to try and showcase some crazy idea. Never do it.
Always remember that, the training is for its
attendees, it is not your playground. Use very
simple, clear and constructive illustrations.
Present for your audience & not yourself.
![Page 55: The story of a UI trainer](https://reader034.vdocuments.net/reader034/viewer/2022051400/54bc881e4a7959a8328b45a8/html5/thumbnails/55.jpg)
8U I t r a i n e r i s
n ot j u st a
U I t r a i n e r
![Page 56: The story of a UI trainer](https://reader034.vdocuments.net/reader034/viewer/2022051400/54bc881e4a7959a8328b45a8/html5/thumbnails/56.jpg)
As I dig deeper and interact more with
attendees, I come to realize that,
![Page 57: The story of a UI trainer](https://reader034.vdocuments.net/reader034/viewer/2022051400/54bc881e4a7959a8328b45a8/html5/thumbnails/57.jpg)
People don’t attend UI training to learn some JavaScript library API.
they can simply Google it & learn anywhere freely
on net.
They are there for something more…
![Page 58: The story of a UI trainer](https://reader034.vdocuments.net/reader034/viewer/2022051400/54bc881e4a7959a8328b45a8/html5/thumbnails/58.jpg)
They wish to understand the technical implications of
choosing a certain JS library.
![Page 59: The story of a UI trainer](https://reader034.vdocuments.net/reader034/viewer/2022051400/54bc881e4a7959a8328b45a8/html5/thumbnails/59.jpg)
They wish to understand the technical implications of
choosing a certain JS library.
They wish to understand the architectural guidelines for UI development
![Page 60: The story of a UI trainer](https://reader034.vdocuments.net/reader034/viewer/2022051400/54bc881e4a7959a8328b45a8/html5/thumbnails/60.jpg)
They wish to understand the technical implications of
choosing a certain JS library.
They wish to understand the architectural guidelines for UI development
They attend training to share & find solutions to their real
world problems.
![Page 61: The story of a UI trainer](https://reader034.vdocuments.net/reader034/viewer/2022051400/54bc881e4a7959a8328b45a8/html5/thumbnails/61.jpg)
They wish to understand the technical implications of
choosing a certain JS library.
They wish to understand the architectural guidelines for UI development
They attend training to share & find solutions to their real
world problems.They want ideas to organize their messed up CSS.
![Page 62: The story of a UI trainer](https://reader034.vdocuments.net/reader034/viewer/2022051400/54bc881e4a7959a8328b45a8/html5/thumbnails/62.jpg)
They want to know why the performance of their
application is significantly low
![Page 63: The story of a UI trainer](https://reader034.vdocuments.net/reader034/viewer/2022051400/54bc881e4a7959a8328b45a8/html5/thumbnails/63.jpg)
They want to know why the performance of their
application is significantly low
There are developers who want to learn web design so that they can work without a dedicated designers
![Page 64: The story of a UI trainer](https://reader034.vdocuments.net/reader034/viewer/2022051400/54bc881e4a7959a8328b45a8/html5/thumbnails/64.jpg)
They want to know why the performance of their
application is significantly low
There are developers who want to learn web design so that they can work without a dedicated designers
They just don’t want to develop. They want to engineer
true products and solutions.
![Page 65: The story of a UI trainer](https://reader034.vdocuments.net/reader034/viewer/2022051400/54bc881e4a7959a8328b45a8/html5/thumbnails/65.jpg)
They want to know why the performance of their
application is significantly low
There are developers who want to learn web design so that they can work without a dedicated designers
They just don’t want to develop. They want to engineer
true products and solutions.
And the list goes on…
![Page 66: The story of a UI trainer](https://reader034.vdocuments.net/reader034/viewer/2022051400/54bc881e4a7959a8328b45a8/html5/thumbnails/66.jpg)
And honestly, UI trainer is not just UI trainer,
because at one point in time I was asked questions
like…
![Page 67: The story of a UI trainer](https://reader034.vdocuments.net/reader034/viewer/2022051400/54bc881e4a7959a8328b45a8/html5/thumbnails/67.jpg)
1. What is the effect of having high replication to client heavy
application? (I still fail to understand this question)
2. Why twitter moved from client side rendering to server side
rendering? And why did they switch to Scala from Ruby?
3. How does Google track my data across different applications?
4. How does Python compares with Ruby?
5. How many programming language should I learn? (Fresher’s favorite)
6. Does cloud computing has any future?
7. What is the difference between SAAS, PAAS & IAAS?
![Page 68: The story of a UI trainer](https://reader034.vdocuments.net/reader034/viewer/2022051400/54bc881e4a7959a8328b45a8/html5/thumbnails/68.jpg)
Finally, today I find myself teaching things I possibly
never imagined:
- Product design & thinking
- Web design for developers
- Designing for usability
- Typography principles
- Art of writing content
- Definitive presentations
![Page 69: The story of a UI trainer](https://reader034.vdocuments.net/reader034/viewer/2022051400/54bc881e4a7959a8328b45a8/html5/thumbnails/69.jpg)
But in the
end the
experience is
amazing
![Page 70: The story of a UI trainer](https://reader034.vdocuments.net/reader034/viewer/2022051400/54bc881e4a7959a8328b45a8/html5/thumbnails/70.jpg)
Harshal Patil
@softHarsh
http://definitelysimple.com
http://www.linkedin.com/in/hapatil
Author: