What is a product?
A PRODUCT is something that - 
● serves a purpose 
● does something for me
Product
This is a product I LOVE: AirDroid
What is a product 
that you LOVE?
WHY?
Building a Product 
that users will LOVE
E. M. Yeaseenur Rahman TAHIN 
@tahins 
Front End Engineer 
G&R Ad Network 
www.green-red.com
3 reasons to LOVE a product 
○ Functionalities 
○ User Interface (UI) 
○ User eXperience (UX)
UI
UI answers 3 “HOW” questions 
○ How it looks 
○ How it is understood 
○ How it works
Evolution of 
UI
VisiCalc - 1st spreadsheet program
Apple Lisa - 1st OS with GUI
Windows UI
Widgets
Skeuomorphic Design
Modern UI
Material Design
15 Laws of 
UI
Keep things clear 
to your user
Law of 
Clarity 
1
Remove everything that 
can be removed from the UI
Law of 
Cleanliness 
2
New user? 
Give him a hug tour
Law of 
Product Tour 
3
Autoplay audio/video
Don’t embarrass user 
or 
block them from content
Law of 
4 
Not Interrupting
Provide feedback 
when necessary
Law of 
Feedback 
5
This is important but not clickable 
This is a button 
This is not a button
This is not a button
Don’t do anything, 
users won’t expect
Law of 
Not Surprising 
6
If you want your user to do 
something - 
Just Ask
Law of 
Guided Action 
7
Show helpful info 
when & where needed
Law of 
8 
Being Helpful (inline)
Users will make mistakes 
Forgive them
Law of 
Forgiveness 
9
Change your name: Google+
Change your name: Facebook (!!!)
Switching between page and profile
Provide the right option 
when & where needed
Law of 
Context 
10
What are the primary actions here?
What are the primary actions here?
What are the primary actions here?
What are the primary actions here?
Not more than 2 
primary actions per screen
Put primary actions 
front and center
Law of 
Primary Action 
11
How do you Log Out?
Zoom into the corner
Here it is
Put secondary actions 
in secondary place
Law of 
12 
Secondary Action
Whose site is that?
Whose site is that?
What makes it look consistent? 
○ Logo 
○ Color 
○ Fonts 
○ Layout
What about this? www.theworldsworstwebsiteever.com
Make users familiar 
with you
Law of 
Consistency 
13
Which brands come to your mind?
Using color to
Which emails are unread here?
Picture says 1000 words 
Color says 1000 pictures
Law of 
Using Color 
14
How do you open this door?
Google Now
Serve user before 
they take action
Law of 
Invisible UI 
15
UX
5 Points to 
Remember
Think From 
Day 1 
1
2 
Desktop, Tablet 
& Mobile are different
COOL 
3 
is not always useful
More is Good 
but 
Less is More 
4
Weather widget
Profile
Thermostat
(Proper) 
5 
Whitespace is Good
Which one looks better? Why?
Too much whitespace!!!
Testing UX 
because you are not everyone
Usability Test
Become a User
Sibling Test
A/B Test
Use Tools
Thanks

Building a product that users will LOVE

Editor's Notes

  • #2 https://www.youtube.com/watch?v=ozLaklIFWUI www.theworldsworstwebsiteever.com
  • #5 ask 2 person about their favorite app / site.
  • #6 ask 2 person about their favorite app / site.
  • #7  ask why do they like it.
  • #13 ask 2 person about their favorite app / site.
  • #14 VisiCalc was the first spreadsheet computer program, originally released for the Apple II
  • #22 ask 2 person about their favorite app / site.
  • #24 ask 2 person about their favorite app / site.
  • #25  ask why do they like it.
  • #26 Remove, that can be removed
  • #27 Remove, that can be removed
  • #28 Remove, that can be removed
  • #29 ask 2 person about their favorite app / site.
  • #30  ask why do they like it.
  • #36 ask 2 person about their favorite app / site.
  • #37  ask why do they like it.
  • #38 ask 2 person about their favorite app / site.
  • #40 ask 2 person about their favorite app / site.
  • #41  ask why do they like it.
  • #43 ask 2 person about their favorite app / site.
  • #44  ask why do they like it.
  • #47 ask 2 person about their favorite app / site.
  • #48  ask why do they like it.
  • #50 ask 2 person about their favorite app / site.
  • #51  ask why do they like it.
  • #53 ask 2 person about their favorite app / site.
  • #54  ask why do they like it.
  • #56 ask 2 person about their favorite app / site.
  • #57  ask why do they like it.
  • #58 ask 2 person about their favorite app / site.
  • #60 ask 2 person about their favorite app / site.
  • #61 ask 2 person about their favorite app / site.
  • #62 ask 2 person about their favorite app / site.
  • #63  ask why do they like it.
  • #64 ask 2 person about their favorite app / site.
  • #65 ask 2 person about their favorite app / site.
  • #66 ask 2 person about their favorite app / site.
  • #67 ask 2 person about their favorite app / site.
  • #68 ask 2 person about their favorite app / site.
  • #69 ask 2 person about their favorite app / site.
  • #70  ask why do they like it.
  • #71 ask 2 person about their favorite app / site.
  • #72 ask 2 person about their favorite app / site.
  • #73 ask 2 person about their favorite app / site.
  • #74 ask 2 person about their favorite app / site.
  • #75  ask why do they like it.
  • #76 ask 2 person about their favorite app / site.
  • #77 ask 2 person about their favorite app / site.
  • #80 ask 2 person about their favorite app / site.
  • #81  ask why do they like it.
  • #82 ask 2 person about their favorite app / site.
  • #85 ask 2 person about their favorite app / site.
  • #86  ask why do they like it.
  • #89 ask 2 person about their favorite app / site.
  • #90  ask why do they like it.
  • #95  ask why do they like it.
  • #96  ask why do they like it.
  • #98  ask why do they like it.
  • #100  ask why do they like it.
  • #104  ask why do they like it.