SlideShare a Scribd company logo
Crafting UX of :: User Interface Messages
~ vishal mehta :: ux designer ~
What	
  is	
  a	
  User	
  Interface?	
  
	
  
It’s	
  NOT	
  JUST…	
  
	
  
Bu9ons	
  
Blocks	
  
Forms	
  
Controls	
  
Images	
  
NavigaBon	
  
What about Text,
Language, Words,
Messages?
Design for
EMOTIONS
Remember!
IT IS NOT COMPUTER TALKING TO A COMPUTER.
USERS ARE HUMAN. MESSAGES SHOULD BE HUMAN TOO!
End-users can be easily embarrassed or
frustrated, first with committing an error, and
then facing a cold, blunt error message. Let’s
“reward” them with “designed” messages that
really contribute – at least to their moods.
How do I
design User
Interface
Messages?
1	
   KNOW	
  YOUR	
  AUDIENCE.	
  
2	
   WIT,	
  HUMOR,	
  PUN,	
  FLATTERY,	
  SARCASM,	
  
METAPHORS	
  –	
  ALL	
  THE	
  SMARTS!	
  
3	
   RUN	
  IT	
  BY	
  USERS.	
  ITERATE,	
  TEST,	
  REPEAT.	
  
Crafting UX of User Interface Messages
In	
  case	
  your	
  Internet	
  connecBon	
  is	
  slow	
  and	
  there’s	
  a	
  great	
  amount	
  
of	
  file	
  transfer	
  pending,	
  Dropbox	
  asks	
  you	
  to	
  grab	
  a	
  Snickers!	
  
DROPBOX	
  
While	
  registering	
  for	
  Yahoo	
  Mail,	
  if	
  you	
  mistakenly	
  enter	
  a	
  birth	
  
date	
  that’s	
  in	
  future…	
  
YAHOO	
  
Balsamiq	
  Mockups	
  helps	
  you	
  prepare	
  Dinner	
  if	
  you	
  reach	
  out	
  their	
  
“Help”	
  menu.	
  
BALSAMIQ	
  
Etsy	
  calmly	
  asks	
  you	
  a	
  rhetoric,	
  if	
  you	
  start	
  a	
  conversaBon	
  and	
  have	
  
only	
  your	
  Email	
  address.	
  The	
  “again”	
  part	
  is	
  a	
  killer!	
  
ETSY	
  
GMail	
  throws	
  exclamaBon	
  back	
  to	
  you	
  when	
  you	
  try	
  punctuaBon	
  in	
  
your	
  user	
  name.	
  
GMAIL	
  
Fla9ery	
  is	
  indeed	
  beauBful,	
  proves	
  Buffer.	
  
BUFFER	
  
Snooze	
  enough?	
  Now	
  wake	
  up!	
  Hootsuite	
  knows	
  of	
  our	
  mulB-­‐tab	
  
browsing	
  habit.	
  
HOOT	
  SUITE	
  
iContact	
  shows	
  “crazy”	
  upside-­‐down	
  behavior	
  if	
  you	
  try	
  to	
  visit	
  a	
  
page	
  that’s	
  not	
  there!	
  
iCONTACT	
  
Craigslist	
  shouts	
  about	
  Craig’s	
  inability	
  to	
  match	
  your	
  typing	
  speed,	
  
when	
  you	
  over-­‐enthusiasBcally	
  enter	
  items.	
  
CRAIGSLIST	
  
Expedia	
  is	
  direct	
  and	
  prompt	
  –	
  nice	
  example	
  of	
  persuasion	
  
technique.	
  
EXPEDIA	
  
Even	
  the	
  Captcha	
  is	
  relevant	
  to	
  the	
  pladorm	
  –	
  either	
  a	
  celebrity	
  or	
  
movie	
  name.	
  Wonderful	
  connect.	
  
IMDB	
  
This	
  post	
  describes	
  the	
  humor	
  angle	
  Everyday	
  uses	
  for	
  their	
  
registered	
  users.	
  
EVERYDAY	
  
On	
  changing	
  password,	
  Twi9er	
  shouts	
  “Woo	
  hoo”	
  and	
  reminds	
  you	
  
of	
  the	
  number	
  of	
  applicaBons	
  that	
  “spy”	
  on	
  you	
  with	
  your	
  approval	
  
of	
  course.	
  (Spy	
  is	
  the	
  word	
  I	
  would	
  have	
  designed	
  here	
  actually!)	
  
TWITTER	
  
MASSAGE YOUR MESSAGE. TODAY!
Thank You
)	
  

More Related Content

PPTX
Ppt tugas TI
PDF
2024 Trend Updates: What Really Works In SEO & Content Marketing
PDF
Storytelling For The Web: Integrate Storytelling in your Design Process
PDF
Artificial Intelligence, Data and Competition – SCHREPEL – June 2024 OECD dis...
PDF
How to Leverage AI to Boost Employee Wellness - Lydia Di Francesco - SocialHR...
PDF
2024 State of Marketing Report – by Hubspot
PDF
Everything You Need To Know About ChatGPT
PDF
Product Design Trends in 2024 | Teenage Engineerings
Ppt tugas TI
2024 Trend Updates: What Really Works In SEO & Content Marketing
Storytelling For The Web: Integrate Storytelling in your Design Process
Artificial Intelligence, Data and Competition – SCHREPEL – June 2024 OECD dis...
How to Leverage AI to Boost Employee Wellness - Lydia Di Francesco - SocialHR...
2024 State of Marketing Report – by Hubspot
Everything You Need To Know About ChatGPT
Product Design Trends in 2024 | Teenage Engineerings

Recently uploaded (20)

PDF
Introduction-to-World-Schools-format-guide.pdf
PPTX
BSCS lesson 3.pptxnbbjbb mnbkjbkbbkbbkjb
PDF
ART & DESIGN HISTORY OF VEDIC CIVILISATION.pdf
PDF
Skskkxiixijsjsnwkwkaksixindndndjdjdjsjjssk
PPTX
rapid fire quiz in your house is your india.pptx
PDF
Interior Structure and Construction A1 NGYANQI
PPTX
Presentation.pptx anemia in pregnancy in
PPT
EthicsNotesSTUDENTCOPYfghhnmncssssx sjsjsj
PDF
Test slideshare presentation for blog post
PDF
The Basics of Presentation Design eBook by VerdanaBold
PDF
Pongal 2026 Sponsorship Presentation - Bhopal Tamil Sangam
PDF
Architecture Design Portfolio- VICTOR OKUTU
PPTX
EDP Competencies-types, process, explanation
PDF
SOUND-NOTE-ARCHITECT-MOHIUDDIN AKHAND SMUCT
PDF
2025_AIFG_Akane_Kikuchi_Empathy_Design.PDF
PDF
321 LIBRARY DESIGN.pdf43354445t6556t5656
PDF
GSH-Vicky1-Complete-Plans on Housing.pdf
PPTX
Causes of Flooding by Slidesgo sdnl;asnjdl;asj.pptx
PPTX
22CDH01-V3-UNIT-I INTRODUCITON TO EXTENDED REALITY
PPT
pump pump is a mechanism that is used to transfer a liquid from one place to ...
Introduction-to-World-Schools-format-guide.pdf
BSCS lesson 3.pptxnbbjbb mnbkjbkbbkbbkjb
ART & DESIGN HISTORY OF VEDIC CIVILISATION.pdf
Skskkxiixijsjsnwkwkaksixindndndjdjdjsjjssk
rapid fire quiz in your house is your india.pptx
Interior Structure and Construction A1 NGYANQI
Presentation.pptx anemia in pregnancy in
EthicsNotesSTUDENTCOPYfghhnmncssssx sjsjsj
Test slideshare presentation for blog post
The Basics of Presentation Design eBook by VerdanaBold
Pongal 2026 Sponsorship Presentation - Bhopal Tamil Sangam
Architecture Design Portfolio- VICTOR OKUTU
EDP Competencies-types, process, explanation
SOUND-NOTE-ARCHITECT-MOHIUDDIN AKHAND SMUCT
2025_AIFG_Akane_Kikuchi_Empathy_Design.PDF
321 LIBRARY DESIGN.pdf43354445t6556t5656
GSH-Vicky1-Complete-Plans on Housing.pdf
Causes of Flooding by Slidesgo sdnl;asnjdl;asj.pptx
22CDH01-V3-UNIT-I INTRODUCITON TO EXTENDED REALITY
pump pump is a mechanism that is used to transfer a liquid from one place to ...
Ad
Ad

Crafting UX of User Interface Messages

  • 1. Crafting UX of :: User Interface Messages ~ vishal mehta :: ux designer ~
  • 2. What  is  a  User  Interface?     It’s  NOT  JUST…     Bu9ons   Blocks   Forms   Controls   Images   NavigaBon  
  • 3. What about Text, Language, Words, Messages? Design for EMOTIONS
  • 4. Remember! IT IS NOT COMPUTER TALKING TO A COMPUTER. USERS ARE HUMAN. MESSAGES SHOULD BE HUMAN TOO!
  • 5. End-users can be easily embarrassed or frustrated, first with committing an error, and then facing a cold, blunt error message. Let’s “reward” them with “designed” messages that really contribute – at least to their moods.
  • 6. How do I design User Interface Messages?
  • 7. 1   KNOW  YOUR  AUDIENCE.   2   WIT,  HUMOR,  PUN,  FLATTERY,  SARCASM,   METAPHORS  –  ALL  THE  SMARTS!   3   RUN  IT  BY  USERS.  ITERATE,  TEST,  REPEAT.  
  • 9. In  case  your  Internet  connecBon  is  slow  and  there’s  a  great  amount   of  file  transfer  pending,  Dropbox  asks  you  to  grab  a  Snickers!   DROPBOX  
  • 10. While  registering  for  Yahoo  Mail,  if  you  mistakenly  enter  a  birth   date  that’s  in  future…   YAHOO  
  • 11. Balsamiq  Mockups  helps  you  prepare  Dinner  if  you  reach  out  their   “Help”  menu.   BALSAMIQ  
  • 12. Etsy  calmly  asks  you  a  rhetoric,  if  you  start  a  conversaBon  and  have   only  your  Email  address.  The  “again”  part  is  a  killer!   ETSY  
  • 13. GMail  throws  exclamaBon  back  to  you  when  you  try  punctuaBon  in   your  user  name.   GMAIL  
  • 14. Fla9ery  is  indeed  beauBful,  proves  Buffer.   BUFFER  
  • 15. Snooze  enough?  Now  wake  up!  Hootsuite  knows  of  our  mulB-­‐tab   browsing  habit.   HOOT  SUITE  
  • 16. iContact  shows  “crazy”  upside-­‐down  behavior  if  you  try  to  visit  a   page  that’s  not  there!   iCONTACT  
  • 17. Craigslist  shouts  about  Craig’s  inability  to  match  your  typing  speed,   when  you  over-­‐enthusiasBcally  enter  items.   CRAIGSLIST  
  • 18. Expedia  is  direct  and  prompt  –  nice  example  of  persuasion   technique.   EXPEDIA  
  • 19. Even  the  Captcha  is  relevant  to  the  pladorm  –  either  a  celebrity  or   movie  name.  Wonderful  connect.   IMDB  
  • 20. This  post  describes  the  humor  angle  Everyday  uses  for  their   registered  users.   EVERYDAY  
  • 21. On  changing  password,  Twi9er  shouts  “Woo  hoo”  and  reminds  you   of  the  number  of  applicaBons  that  “spy”  on  you  with  your  approval   of  course.  (Spy  is  the  word  I  would  have  designed  here  actually!)   TWITTER