SlideShare a Scribd company logo
1 of 5
USER INTERFACE DESIGN
Ashish Ojha
Roll No. 14
PRN: -2013033800123406
8/18/2014
Example of bad user interface design.
Youth Hostels Association of India
http://yhaindia.org
1. Registration/Membership
 This interface lets the user to get registered and become the member
of the organization. After becoming the member the user can get
various benefits
 The process of becoming a member and getting registered is a bit
unusual.
 The user is asked to enter name, email and mobile no and when
user clicks “submit” button a popup menu appears asking the user
to get registered.
 When user clicks the “Register Now” button it gets navigated to the
registration form.
 This interface increases the registration steps and process becomes
lengthy.
 Instead of this a direct Registration link can be used, that navigates
to registration form. This will reduce the registration steps.
 The use of this design might be to get the contact detail of users
who are not getting registered.
2. View Inage gallery
 This interface I designed to view the images of tour.
 We can see image gallery beside every camping program. The image
is clickable and user can view the images related to that program.
 When user clicks the image it is navigated to the page which
describes the camping program details, but not to the gallery.
 A separate “Image Gallery” link is given at home page, so this design
is not needed.
 It is designed this way so the user can view the images while reading
details about that program.
3. Advertisement popup
 A popup appears whenever user clicks “Home” button.
 It advertises the Blog of the president of that organization, and asks
the user to read it.
 This design can be improved by making the popup appear only once, when
the user visits that website.

More Related Content

Viewers also liked

USER INTERFACE DESIGN PPT
USER INTERFACE DESIGN PPTUSER INTERFACE DESIGN PPT
USER INTERFACE DESIGN PPT
vicci4041
 
good or bad ui
good or bad uigood or bad ui
good or bad ui
Na-Rae Kim
 

Viewers also liked (20)

UI / UX Design Presentation
UI / UX Design PresentationUI / UX Design Presentation
UI / UX Design Presentation
 
How to Teach UX Design
How to Teach UX DesignHow to Teach UX Design
How to Teach UX Design
 
How UX Design Has Changed The World
How UX Design Has Changed The WorldHow UX Design Has Changed The World
How UX Design Has Changed The World
 
Experience Design: The Good, The Bad, & The Ugly of Everyday Interfaces
Experience Design: The Good, The Bad, & The Ugly of Everyday InterfacesExperience Design: The Good, The Bad, & The Ugly of Everyday Interfaces
Experience Design: The Good, The Bad, & The Ugly of Everyday Interfaces
 
UI-UX Services | Web Designing Services
UI-UX Services | Web Designing ServicesUI-UX Services | Web Designing Services
UI-UX Services | Web Designing Services
 
What is UX?
What is UX?What is UX?
What is UX?
 
Good V. Bad Graphic Design
Good V. Bad Graphic DesignGood V. Bad Graphic Design
Good V. Bad Graphic Design
 
UX Design Myths
UX Design Myths UX Design Myths
UX Design Myths
 
Ux is not UI
Ux is not UIUx is not UI
Ux is not UI
 
UX is not UI!
UX is not UI!UX is not UI!
UX is not UI!
 
UX and UI - Designing for Mobile
UX and UI - Designing for MobileUX and UI - Designing for Mobile
UX and UI - Designing for Mobile
 
USER INTERFACE DESIGN PPT
USER INTERFACE DESIGN PPTUSER INTERFACE DESIGN PPT
USER INTERFACE DESIGN PPT
 
What is ux?
What is ux?What is ux?
What is ux?
 
Simple Steps to UX/UI Web Design
Simple Steps to UX/UI Web DesignSimple Steps to UX/UI Web Design
Simple Steps to UX/UI Web Design
 
good or bad ui
good or bad uigood or bad ui
good or bad ui
 
UX & UI Design: Differentiate through design
UX & UI Design: Differentiate through designUX & UI Design: Differentiate through design
UX & UI Design: Differentiate through design
 
Good/Bad design
Good/Bad designGood/Bad design
Good/Bad design
 
426 Lecture 8: Mobile Augmented Reality
426 Lecture 8: Mobile Augmented Reality426 Lecture 8: Mobile Augmented Reality
426 Lecture 8: Mobile Augmented Reality
 
User Experioence - delivering great ux through great ui
User Experioence - delivering great ux through great uiUser Experioence - delivering great ux through great ui
User Experioence - delivering great ux through great ui
 
Vous avez dit IHM ?
Vous avez dit IHM ?Vous avez dit IHM ?
Vous avez dit IHM ?
 

Similar to Bad UI design Example

Fan Distribution User journey
Fan Distribution User journeyFan Distribution User journey
Fan Distribution User journey
Zoella Codes
 
GroupCompany nameGroup members, leaderApp nameApp descrip.docx
GroupCompany nameGroup members, leaderApp nameApp descrip.docxGroupCompany nameGroup members, leaderApp nameApp descrip.docx
GroupCompany nameGroup members, leaderApp nameApp descrip.docx
whittemorelucilla
 
Major Work_FunkItUp editor_interactive
Major Work_FunkItUp editor_interactiveMajor Work_FunkItUp editor_interactive
Major Work_FunkItUp editor_interactive
Nikki Clark
 

Similar to Bad UI design Example (20)

Hillside - User Testing Report (EN)
Hillside -  User Testing Report (EN)Hillside -  User Testing Report (EN)
Hillside - User Testing Report (EN)
 
User Experience Reccomendations By Hyena Labs
User Experience Reccomendations By Hyena LabsUser Experience Reccomendations By Hyena Labs
User Experience Reccomendations By Hyena Labs
 
Pinterest Redesign Process Book
Pinterest Redesign Process BookPinterest Redesign Process Book
Pinterest Redesign Process Book
 
Zachary Lai 2016 DigiTech Challenge
Zachary Lai 2016 DigiTech Challenge Zachary Lai 2016 DigiTech Challenge
Zachary Lai 2016 DigiTech Challenge
 
5 steps to better user engagement
5 steps to better user engagement5 steps to better user engagement
5 steps to better user engagement
 
Fan Distribution User journey
Fan Distribution User journeyFan Distribution User journey
Fan Distribution User journey
 
Usability and UX
Usability and UXUsability and UX
Usability and UX
 
ABSA Banking App Peer Review.pptx
ABSA Banking App Peer Review.pptxABSA Banking App Peer Review.pptx
ABSA Banking App Peer Review.pptx
 
GroupCompany nameGroup members, leaderApp nameApp descrip.docx
GroupCompany nameGroup members, leaderApp nameApp descrip.docxGroupCompany nameGroup members, leaderApp nameApp descrip.docx
GroupCompany nameGroup members, leaderApp nameApp descrip.docx
 
Social software & web 2.0
Social software & web 2.0Social software & web 2.0
Social software & web 2.0
 
Sketch_Assignment_Template-AG.pdf
Sketch_Assignment_Template-AG.pdfSketch_Assignment_Template-AG.pdf
Sketch_Assignment_Template-AG.pdf
 
Best Instagram Apps And Tools
Best Instagram Apps And ToolsBest Instagram Apps And Tools
Best Instagram Apps And Tools
 
Instagram human computer interaction project
Instagram human computer interaction project Instagram human computer interaction project
Instagram human computer interaction project
 
IRJET- Best Practices of UI Elements Design
IRJET- Best Practices of UI Elements DesignIRJET- Best Practices of UI Elements Design
IRJET- Best Practices of UI Elements Design
 
Effective Referral Page Examples
Effective Referral Page ExamplesEffective Referral Page Examples
Effective Referral Page Examples
 
GetHelp UI Interface and Interaction Design Case Study
GetHelp UI Interface and Interaction Design Case StudyGetHelp UI Interface and Interaction Design Case Study
GetHelp UI Interface and Interaction Design Case Study
 
Major Work_FunkItUp editor_interactive
Major Work_FunkItUp editor_interactiveMajor Work_FunkItUp editor_interactive
Major Work_FunkItUp editor_interactive
 
Unit 35 - LO4
Unit 35 - LO4Unit 35 - LO4
Unit 35 - LO4
 
How to grow your Instagram followers!
How to grow your Instagram followers!How to grow your Instagram followers!
How to grow your Instagram followers!
 
BuddyBoss Review: Unveiling the Features and Benefits of this Powerful Platform
BuddyBoss Review: Unveiling the Features and Benefits of this Powerful PlatformBuddyBoss Review: Unveiling the Features and Benefits of this Powerful Platform
BuddyBoss Review: Unveiling the Features and Benefits of this Powerful Platform
 

More from AAshish Ojha (7)

School management system
School management systemSchool management system
School management system
 
Library management system
Library management systemLibrary management system
Library management system
 
Customer management
Customer managementCustomer management
Customer management
 
Airline solution system proposal
Airline solution system   proposalAirline solution system   proposal
Airline solution system proposal
 
Pc remote
Pc remotePc remote
Pc remote
 
Thread presentation
Thread presentationThread presentation
Thread presentation
 
process&models in UML
process&models in UMLprocess&models in UML
process&models in UML
 

Recently uploaded

一比一原版(ANU毕业证书)澳大利亚国立大学毕业证原件一模一样
一比一原版(ANU毕业证书)澳大利亚国立大学毕业证原件一模一样一比一原版(ANU毕业证书)澳大利亚国立大学毕业证原件一模一样
一比一原版(ANU毕业证书)澳大利亚国立大学毕业证原件一模一样
yhavx
 
怎样办理伦敦国王学院毕业证(KCL毕业证书)成绩单留信认证
怎样办理伦敦国王学院毕业证(KCL毕业证书)成绩单留信认证怎样办理伦敦国王学院毕业证(KCL毕业证书)成绩单留信认证
怎样办理伦敦国王学院毕业证(KCL毕业证书)成绩单留信认证
eeanqy
 
怎样办理伯明翰大学学院毕业证(Birmingham毕业证书)成绩单留信认证
怎样办理伯明翰大学学院毕业证(Birmingham毕业证书)成绩单留信认证怎样办理伯明翰大学学院毕业证(Birmingham毕业证书)成绩单留信认证
怎样办理伯明翰大学学院毕业证(Birmingham毕业证书)成绩单留信认证
eeanqy
 
Call Girls In Ratnagiri Escorts ☎️8617370543 🔝 💃 Enjoy 24/7 Escort Service En...
Call Girls In Ratnagiri Escorts ☎️8617370543 🔝 💃 Enjoy 24/7 Escort Service En...Call Girls In Ratnagiri Escorts ☎️8617370543 🔝 💃 Enjoy 24/7 Escort Service En...
Call Girls In Ratnagiri Escorts ☎️8617370543 🔝 💃 Enjoy 24/7 Escort Service En...
Nitya salvi
 
Q4-Trends-Networks-Module-3.pdfqquater days sheets123456789
Q4-Trends-Networks-Module-3.pdfqquater days sheets123456789Q4-Trends-Networks-Module-3.pdfqquater days sheets123456789
Q4-Trends-Networks-Module-3.pdfqquater days sheets123456789
CristineGraceAcuyan
 
一比一定(购)滑铁卢大学毕业证(UW毕业证)成绩单学位证
一比一定(购)滑铁卢大学毕业证(UW毕业证)成绩单学位证一比一定(购)滑铁卢大学毕业证(UW毕业证)成绩单学位证
一比一定(购)滑铁卢大学毕业证(UW毕业证)成绩单学位证
wpkuukw
 
Top profile Call Girls In eluru [ 7014168258 ] Call Me For Genuine Models We ...
Top profile Call Girls In eluru [ 7014168258 ] Call Me For Genuine Models We ...Top profile Call Girls In eluru [ 7014168258 ] Call Me For Genuine Models We ...
Top profile Call Girls In eluru [ 7014168258 ] Call Me For Genuine Models We ...
gajnagarg
 
怎样办理伯明翰城市大学毕业证(BCU毕业证书)成绩单留信认证
怎样办理伯明翰城市大学毕业证(BCU毕业证书)成绩单留信认证怎样办理伯明翰城市大学毕业证(BCU毕业证书)成绩单留信认证
怎样办理伯明翰城市大学毕业证(BCU毕业证书)成绩单留信认证
eeanqy
 
Madhyamgram \ (Genuine) Escort Service Kolkata | Service-oriented sexy call g...
Madhyamgram \ (Genuine) Escort Service Kolkata | Service-oriented sexy call g...Madhyamgram \ (Genuine) Escort Service Kolkata | Service-oriented sexy call g...
Madhyamgram \ (Genuine) Escort Service Kolkata | Service-oriented sexy call g...
HyderabadDolls
 
Minimalist Orange Portfolio by Slidesgo.pptx
Minimalist Orange Portfolio by Slidesgo.pptxMinimalist Orange Portfolio by Slidesgo.pptx
Minimalist Orange Portfolio by Slidesgo.pptx
balqisyamutia
 
一比一原版(WLU毕业证)罗瑞尔大学毕业证成绩单留信学历认证原版一模一样
一比一原版(WLU毕业证)罗瑞尔大学毕业证成绩单留信学历认证原版一模一样一比一原版(WLU毕业证)罗瑞尔大学毕业证成绩单留信学历认证原版一模一样
一比一原版(WLU毕业证)罗瑞尔大学毕业证成绩单留信学历认证原版一模一样
awasv46j
 
poliovirus-190801072449. pptx
poliovirus-190801072449.            pptxpoliovirus-190801072449.            pptx
poliovirus-190801072449. pptx
ssuser0ad194
 

Recently uploaded (20)

一比一原版(ANU毕业证书)澳大利亚国立大学毕业证原件一模一样
一比一原版(ANU毕业证书)澳大利亚国立大学毕业证原件一模一样一比一原版(ANU毕业证书)澳大利亚国立大学毕业证原件一模一样
一比一原版(ANU毕业证书)澳大利亚国立大学毕业证原件一模一样
 
Pondicherry Escorts Service Girl ^ 9332606886, WhatsApp Anytime Pondicherry
Pondicherry Escorts Service Girl ^ 9332606886, WhatsApp Anytime PondicherryPondicherry Escorts Service Girl ^ 9332606886, WhatsApp Anytime Pondicherry
Pondicherry Escorts Service Girl ^ 9332606886, WhatsApp Anytime Pondicherry
 
怎样办理伦敦国王学院毕业证(KCL毕业证书)成绩单留信认证
怎样办理伦敦国王学院毕业证(KCL毕业证书)成绩单留信认证怎样办理伦敦国王学院毕业证(KCL毕业证书)成绩单留信认证
怎样办理伦敦国王学院毕业证(KCL毕业证书)成绩单留信认证
 
How to Turn a Picture Into a Line Drawing in Photoshop
How to Turn a Picture Into a Line Drawing in PhotoshopHow to Turn a Picture Into a Line Drawing in Photoshop
How to Turn a Picture Into a Line Drawing in Photoshop
 
怎样办理伯明翰大学学院毕业证(Birmingham毕业证书)成绩单留信认证
怎样办理伯明翰大学学院毕业证(Birmingham毕业证书)成绩单留信认证怎样办理伯明翰大学学院毕业证(Birmingham毕业证书)成绩单留信认证
怎样办理伯明翰大学学院毕业证(Birmingham毕业证书)成绩单留信认证
 
Call Girls In Ratnagiri Escorts ☎️8617370543 🔝 💃 Enjoy 24/7 Escort Service En...
Call Girls In Ratnagiri Escorts ☎️8617370543 🔝 💃 Enjoy 24/7 Escort Service En...Call Girls In Ratnagiri Escorts ☎️8617370543 🔝 💃 Enjoy 24/7 Escort Service En...
Call Girls In Ratnagiri Escorts ☎️8617370543 🔝 💃 Enjoy 24/7 Escort Service En...
 
Jordan_Amanda_DMBS202404_PB1_2024-04.pdf
Jordan_Amanda_DMBS202404_PB1_2024-04.pdfJordan_Amanda_DMBS202404_PB1_2024-04.pdf
Jordan_Amanda_DMBS202404_PB1_2024-04.pdf
 
Q4-W4-SCIENCE-5 power point presentation
Q4-W4-SCIENCE-5 power point presentationQ4-W4-SCIENCE-5 power point presentation
Q4-W4-SCIENCE-5 power point presentation
 
Essential UI/UX Design Principles: A Comprehensive Guide
Essential UI/UX Design Principles: A Comprehensive GuideEssential UI/UX Design Principles: A Comprehensive Guide
Essential UI/UX Design Principles: A Comprehensive Guide
 
Q4-Trends-Networks-Module-3.pdfqquater days sheets123456789
Q4-Trends-Networks-Module-3.pdfqquater days sheets123456789Q4-Trends-Networks-Module-3.pdfqquater days sheets123456789
Q4-Trends-Networks-Module-3.pdfqquater days sheets123456789
 
一比一定(购)滑铁卢大学毕业证(UW毕业证)成绩单学位证
一比一定(购)滑铁卢大学毕业证(UW毕业证)成绩单学位证一比一定(购)滑铁卢大学毕业证(UW毕业证)成绩单学位证
一比一定(购)滑铁卢大学毕业证(UW毕业证)成绩单学位证
 
Top profile Call Girls In eluru [ 7014168258 ] Call Me For Genuine Models We ...
Top profile Call Girls In eluru [ 7014168258 ] Call Me For Genuine Models We ...Top profile Call Girls In eluru [ 7014168258 ] Call Me For Genuine Models We ...
Top profile Call Girls In eluru [ 7014168258 ] Call Me For Genuine Models We ...
 
怎样办理伯明翰城市大学毕业证(BCU毕业证书)成绩单留信认证
怎样办理伯明翰城市大学毕业证(BCU毕业证书)成绩单留信认证怎样办理伯明翰城市大学毕业证(BCU毕业证书)成绩单留信认证
怎样办理伯明翰城市大学毕业证(BCU毕业证书)成绩单留信认证
 
Madhyamgram \ (Genuine) Escort Service Kolkata | Service-oriented sexy call g...
Madhyamgram \ (Genuine) Escort Service Kolkata | Service-oriented sexy call g...Madhyamgram \ (Genuine) Escort Service Kolkata | Service-oriented sexy call g...
Madhyamgram \ (Genuine) Escort Service Kolkata | Service-oriented sexy call g...
 
UI:UX Design and Empowerment Strategies for Underprivileged Transgender Indiv...
UI:UX Design and Empowerment Strategies for Underprivileged Transgender Indiv...UI:UX Design and Empowerment Strategies for Underprivileged Transgender Indiv...
UI:UX Design and Empowerment Strategies for Underprivileged Transgender Indiv...
 
Minimalist Orange Portfolio by Slidesgo.pptx
Minimalist Orange Portfolio by Slidesgo.pptxMinimalist Orange Portfolio by Slidesgo.pptx
Minimalist Orange Portfolio by Slidesgo.pptx
 
一比一原版(WLU毕业证)罗瑞尔大学毕业证成绩单留信学历认证原版一模一样
一比一原版(WLU毕业证)罗瑞尔大学毕业证成绩单留信学历认证原版一模一样一比一原版(WLU毕业证)罗瑞尔大学毕业证成绩单留信学历认证原版一模一样
一比一原版(WLU毕业证)罗瑞尔大学毕业证成绩单留信学历认证原版一模一样
 
Furniture & Joinery Details_Designs.pptx
Furniture & Joinery Details_Designs.pptxFurniture & Joinery Details_Designs.pptx
Furniture & Joinery Details_Designs.pptx
 
Abortion pills in Riyadh +966572737505 <> buy cytotec <> unwanted kit Saudi A...
Abortion pills in Riyadh +966572737505 <> buy cytotec <> unwanted kit Saudi A...Abortion pills in Riyadh +966572737505 <> buy cytotec <> unwanted kit Saudi A...
Abortion pills in Riyadh +966572737505 <> buy cytotec <> unwanted kit Saudi A...
 
poliovirus-190801072449. pptx
poliovirus-190801072449.            pptxpoliovirus-190801072449.            pptx
poliovirus-190801072449. pptx
 

Bad UI design Example

  • 1. USER INTERFACE DESIGN Ashish Ojha Roll No. 14 PRN: -2013033800123406 8/18/2014 Example of bad user interface design.
  • 2. Youth Hostels Association of India http://yhaindia.org 1. Registration/Membership  This interface lets the user to get registered and become the member of the organization. After becoming the member the user can get various benefits
  • 3.  The process of becoming a member and getting registered is a bit unusual.  The user is asked to enter name, email and mobile no and when user clicks “submit” button a popup menu appears asking the user to get registered.  When user clicks the “Register Now” button it gets navigated to the registration form.  This interface increases the registration steps and process becomes lengthy.  Instead of this a direct Registration link can be used, that navigates to registration form. This will reduce the registration steps.  The use of this design might be to get the contact detail of users who are not getting registered.
  • 4. 2. View Inage gallery  This interface I designed to view the images of tour.  We can see image gallery beside every camping program. The image is clickable and user can view the images related to that program.  When user clicks the image it is navigated to the page which describes the camping program details, but not to the gallery.  A separate “Image Gallery” link is given at home page, so this design is not needed.  It is designed this way so the user can view the images while reading details about that program.
  • 5. 3. Advertisement popup  A popup appears whenever user clicks “Home” button.  It advertises the Blog of the president of that organization, and asks the user to read it.  This design can be improved by making the popup appear only once, when the user visits that website.