SlideShare a Scribd company logo
HUMAN COMPUTER INTERACTION
 AN INVESTIGATION ON THE USABILITY OF THE WEBSITE OF IIT MANDI
          USABILITY ISSUES AND PROSPECTIVE SOLUTIONS
TEAM STRUCTURE
• Harshul Jain : Interpretation of Simulation Results
• S Bhuvaneswari : Research on Usability Guidelines
• Rohit Goyal & Ankur Dixit : Conduction of Survey
• Abhra Basak : Prototype Development
• Dhruv Parmar : Determination of Website Logistics
INTRODUCTION
•   What are we doing?
     •   Evaluating user’s interactions with the website, and research on usability
         feedback
     •   Determining the degree of accessibility
     •   Improvement upon site configuration accounting the above parameters
•   Why it is important?
     •   A growing institute needs a good website to reach out to prospective students
     •   80% + websites follow some conventions, so users have a biased expectation
         about certain functionality
What did we do? How did we do it?

DETAIL OF WORK
METHODOLOGY

•   Run Simulation using Cambridge Simulator provided with course material
•   Fetch website usage data from web server
•   Conduct a survey on user satisfaction with current website
•   Design a new prototype, accounting for the above limitations to ensure
    improved experience
CURRENT WEBSITE
SIMULATION RESULTS
SIMULATION RESULTS
NEW WEBSITE (PROTOTYPE)
NEW WEBSITE (HEAT MAP)
NEW WEBSITE (HEAT MAP)
NEW WEBSITE (HEAT MAP)
What does one expect from the website?

SOME REPRESENTATIVE TASKS
ACCESS TO SUPPLEMENTS
• Faculty to access institute webmail
• Students to access students’ webmail
• Universal Access to intranet, Moodle & students’ center
• Industry seeks access to Career & Placement section
ACCESS TO SUPPLEMENTS
ACCESS TO SUPPLEMENTS
NEWS, EVENTS, SEMINARS & TENDERS
• View the latest news and happenings in the institute
• Upcoming events, workshops or shows
• Seminars & Institute colloquium
• Industry seeks access to construction & development tenders
NEWS, EVENTS, SEMINARS & TENDERS
NEWS, EVENTS, SEMINARS & TENDERS
NEWS, EVENTS, SEMINARS & TENDERS
SEARCH THE WEBSITE
• Search for a particular section of the website
• Quickly find a relevant section without referring to full sitemap
• Seek the required section in the sitemap
SEARCH THE WEBSITE
SEARCH THE WEBSITE
NAVIGATE MENU
• Quickly find relevant menu items
• Relate menu items to the institute
• Compact Substitute to sitemap
• Visual appeal of menu
NAVIGATE MENU
NAVIGATE MENU
Have a problem? We’ll find the solution for you?

USABILITY ISSUES – SOME KEY FINDINGS
SIMPLE STRUCTURE OF SITE
• Clear indication of current location in the website
• Constant link to the home page
• Issue occurs : Site wide
• Solution : Search Engine friendly, self-explanatory URLs
• Recommendation : Breadcrumbs trail with full path of webpage
SIMPLE STRUCTURE OF SITE
ACCESS TO MAJOR PARTS
• Simple Accessible menu
• Minimal movement across menu to find relevant items
• Issue occurs : Navigation menu
• Solution : Easily accessible menu, visual relation to institute
• Recommendation : Sitemap to supplement the menu’s function
  (under construction)
ACCESS TO MAJOR PARTS
CLEARLY LABELED FUNCTIONALITY
•   Functionality that a visitor is most likely to require
•   Wherever possible, visitor should be in full control
•   Issue occurs : Site wide
•   Solution : More navigability features in home page, highlight important
    sections
•   Recommendation : Flexibility in natural workflow – not forced down a
    particular path, to wait for events that may take a long time
CLEARLY LABELED FUNCTIONALITY
•   Visitor should be able to understand what is going on in ongoing
    interactions
•   Consistency across website
•   Issue occurs : Site wide
•   Solution : Undergo a complete edit of all pages for conciseness and
    consistency
•   Recommendation : Global elements in same position throughout the
    website, visitor should not have to learn a new interaction style to use
    website
CLEARLY LABELED FUNCTIONALITY
ACADEMIC RESOURCES

•   Course offerings, syllabi and structure – need to be updated on first
    notice, Obsolete electives still lying unnoticed
•   Institute calendar and timetable – should be considered for each class
•   Issue occurs : Academics section
•   Solution : Course management integrated with Moodle
•   Recommendation : Provide an intuitive calendar app for the website that
    automates the process
ACADEMIC RESOURCES
ALL BROWSERS SUPPORTED

• W3C standards for rendering and accessibility followed
• Built using valid HTML5, CSS, and powered by JavaScript / XML
• Bootstrapped Fluid layout, ensures normalization of the effects of
  resolution across browsers
• Prototype Website rendering time : 0.22 seconds (excluding
  images)
FUTURE SCOPE
• All recommended solutions and suggestions remain to be
  implemented in the website
• This website will continue to serve IIT Mandi for years to come
• Suggested Changes : Website theme according to location, Reduce
  webpage size, Alt text for images to maintain accessibility, Search
  Engine Optimization
THANK YOU
CREDITS


    Prototype designed by : Shiv Sankar Baisya

       Heat map Generated by : heatmap.js

 Content on this presentation is released under the
 Creative Commons Attribution No-Derivs 3.0 License

More Related Content

Viewers also liked

Ken block
Ken blockKen block
Ken blockshmell
 
Course Recommender
Course RecommenderCourse Recommender
Course Recommender
Abhra Basak
 
Industria e relaksimit dhe dëfrimit
Industria e relaksimit dhe dëfrimitIndustria e relaksimit dhe dëfrimit
Industria e relaksimit dhe dëfrimitShpejtim Rudi
 
National Stock Exchange and Nasdaq 100
National Stock Exchange and Nasdaq 100National Stock Exchange and Nasdaq 100
National Stock Exchange and Nasdaq 100
Abhra Basak
 
DADAGIRI - The Fire Within
DADAGIRI - The Fire WithinDADAGIRI - The Fire Within
DADAGIRI - The Fire Within
Abhra Basak
 
Privacy Preservation Issues in Association Rule Mining in Horizontally Partit...
Privacy Preservation Issues in Association Rule Mining in Horizontally Partit...Privacy Preservation Issues in Association Rule Mining in Horizontally Partit...
Privacy Preservation Issues in Association Rule Mining in Horizontally Partit...
Abhra Basak
 
Një vështrim-i-përgjithshëm-mbi-organizimin-dhe-menaxhmentin
Një vështrim-i-përgjithshëm-mbi-organizimin-dhe-menaxhmentinNjë vështrim-i-përgjithshëm-mbi-organizimin-dhe-menaxhmentin
Një vështrim-i-përgjithshëm-mbi-organizimin-dhe-menaxhmentinShpejtim Rudi
 

Viewers also liked (8)

Mrh java 8-9
Mrh   java 8-9Mrh   java 8-9
Mrh java 8-9
 
Ken block
Ken blockKen block
Ken block
 
Course Recommender
Course RecommenderCourse Recommender
Course Recommender
 
Industria e relaksimit dhe dëfrimit
Industria e relaksimit dhe dëfrimitIndustria e relaksimit dhe dëfrimit
Industria e relaksimit dhe dëfrimit
 
National Stock Exchange and Nasdaq 100
National Stock Exchange and Nasdaq 100National Stock Exchange and Nasdaq 100
National Stock Exchange and Nasdaq 100
 
DADAGIRI - The Fire Within
DADAGIRI - The Fire WithinDADAGIRI - The Fire Within
DADAGIRI - The Fire Within
 
Privacy Preservation Issues in Association Rule Mining in Horizontally Partit...
Privacy Preservation Issues in Association Rule Mining in Horizontally Partit...Privacy Preservation Issues in Association Rule Mining in Horizontally Partit...
Privacy Preservation Issues in Association Rule Mining in Horizontally Partit...
 
Një vështrim-i-përgjithshëm-mbi-organizimin-dhe-menaxhmentin
Një vështrim-i-përgjithshëm-mbi-organizimin-dhe-menaxhmentinNjë vështrim-i-përgjithshëm-mbi-organizimin-dhe-menaxhmentin
Një vështrim-i-përgjithshëm-mbi-organizimin-dhe-menaxhmentin
 

Similar to Usability evaluation of the IIT Mandi Website

UNC CAUSE 2010: Drupal BOF Presentation
UNC CAUSE 2010: Drupal BOF PresentationUNC CAUSE 2010: Drupal BOF Presentation
UNC CAUSE 2010: Drupal BOF Presentation
Nick Young
 
Reflections on a Year with Plone: Harvard School of Engineering and Applied S...
Reflections on a Year with Plone: Harvard School of Engineering and Applied S...Reflections on a Year with Plone: Harvard School of Engineering and Applied S...
Reflections on a Year with Plone: Harvard School of Engineering and Applied S...
Jazkarta, Inc.
 
Choices for Responsive Redesign: Ground-up or Responsive Retrofit
Choices for Responsive Redesign: Ground-up or Responsive RetrofitChoices for Responsive Redesign: Ground-up or Responsive Retrofit
Choices for Responsive Redesign: Ground-up or Responsive Retrofit
Cantina
 
Choices for Responsive Redesign: Ground-up or Responsive Retrofit
Choices for Responsive Redesign: Ground-up or Responsive RetrofitChoices for Responsive Redesign: Ground-up or Responsive Retrofit
Choices for Responsive Redesign: Ground-up or Responsive Retrofit
Cantina
 
Andrews online
Andrews onlineAndrews online
Andrews online
Darren Scammell
 
Effective course design
Effective course designEffective course design
Effective course design
WCET
 
Web tech weblamp_infosession_2012-13
Web tech weblamp_infosession_2012-13Web tech weblamp_infosession_2012-13
Web tech weblamp_infosession_2012-13
Konrad Roeder
 
UX Week 2007: CNN.com Relaunch Case Study
UX Week 2007: CNN.com Relaunch Case StudyUX Week 2007: CNN.com Relaunch Case Study
UX Week 2007: CNN.com Relaunch Case Study
Adaptive Path
 
Usability testing
Usability testingUsability testing
Usability testing
pfasolo
 
Creating a consistent web experience across all faculties
Creating a consistent web experience across all facultiesCreating a consistent web experience across all faculties
Creating a consistent web experience across all faculties
Sarah Khan
 
Westgarth "Insights from Aries’ UI/UX redesign initiative"
Westgarth "Insights from Aries’ UI/UX redesign initiative"Westgarth "Insights from Aries’ UI/UX redesign initiative"
Westgarth "Insights from Aries’ UI/UX redesign initiative"
National Information Standards Organization (NISO)
 
NIDHI PROJECT.pptx
NIDHI PROJECT.pptxNIDHI PROJECT.pptx
NIDHI PROJECT.pptx
Xavinr007
 
Sharing the Responsibility: Publishing Workflows in Kentico
Sharing the Responsibility: Publishing Workflows in KenticoSharing the Responsibility: Publishing Workflows in Kentico
Sharing the Responsibility: Publishing Workflows in Kentico
Ascedia
 
SNOW Knowledge Management_SSP.ppt
SNOW Knowledge Management_SSP.pptSNOW Knowledge Management_SSP.ppt
SNOW Knowledge Management_SSP.ppt
ChakrapaniGunti
 
Georgia Tech - College of Engineering Case Study
Georgia Tech - College of Engineering Case StudyGeorgia Tech - College of Engineering Case Study
Georgia Tech - College of Engineering Case Study
Eric Sembrat
 
How to Improve Usability and Drive Productivity in SharePoint & Office 365
How to Improve Usability and Drive Productivity in SharePoint & Office 365How to Improve Usability and Drive Productivity in SharePoint & Office 365
How to Improve Usability and Drive Productivity in SharePoint & Office 365
James Wright
 
Suraj's LearnSmasher jghj Internship .pptx
Suraj's LearnSmasher jghj  Internship .pptxSuraj's LearnSmasher jghj  Internship .pptx
Suraj's LearnSmasher jghj Internship .pptx
ramkishun1711
 
Anatomy of an Intranet (Triangle SharePoint User Group) October 2016
Anatomy of an Intranet (Triangle SharePoint User Group) October 2016Anatomy of an Intranet (Triangle SharePoint User Group) October 2016
Anatomy of an Intranet (Triangle SharePoint User Group) October 2016
Michael Greene
 
proposal4.ppt
proposal4.pptproposal4.ppt
proposal4.ppt
Piseaniket66gmailcom
 
Decision CAMP 2014 - Erik Marutian - Using rules-based gui framework to power...
Decision CAMP 2014 - Erik Marutian - Using rules-based gui framework to power...Decision CAMP 2014 - Erik Marutian - Using rules-based gui framework to power...
Decision CAMP 2014 - Erik Marutian - Using rules-based gui framework to power...
Decision CAMP
 

Similar to Usability evaluation of the IIT Mandi Website (20)

UNC CAUSE 2010: Drupal BOF Presentation
UNC CAUSE 2010: Drupal BOF PresentationUNC CAUSE 2010: Drupal BOF Presentation
UNC CAUSE 2010: Drupal BOF Presentation
 
Reflections on a Year with Plone: Harvard School of Engineering and Applied S...
Reflections on a Year with Plone: Harvard School of Engineering and Applied S...Reflections on a Year with Plone: Harvard School of Engineering and Applied S...
Reflections on a Year with Plone: Harvard School of Engineering and Applied S...
 
Choices for Responsive Redesign: Ground-up or Responsive Retrofit
Choices for Responsive Redesign: Ground-up or Responsive RetrofitChoices for Responsive Redesign: Ground-up or Responsive Retrofit
Choices for Responsive Redesign: Ground-up or Responsive Retrofit
 
Choices for Responsive Redesign: Ground-up or Responsive Retrofit
Choices for Responsive Redesign: Ground-up or Responsive RetrofitChoices for Responsive Redesign: Ground-up or Responsive Retrofit
Choices for Responsive Redesign: Ground-up or Responsive Retrofit
 
Andrews online
Andrews onlineAndrews online
Andrews online
 
Effective course design
Effective course designEffective course design
Effective course design
 
Web tech weblamp_infosession_2012-13
Web tech weblamp_infosession_2012-13Web tech weblamp_infosession_2012-13
Web tech weblamp_infosession_2012-13
 
UX Week 2007: CNN.com Relaunch Case Study
UX Week 2007: CNN.com Relaunch Case StudyUX Week 2007: CNN.com Relaunch Case Study
UX Week 2007: CNN.com Relaunch Case Study
 
Usability testing
Usability testingUsability testing
Usability testing
 
Creating a consistent web experience across all faculties
Creating a consistent web experience across all facultiesCreating a consistent web experience across all faculties
Creating a consistent web experience across all faculties
 
Westgarth "Insights from Aries’ UI/UX redesign initiative"
Westgarth "Insights from Aries’ UI/UX redesign initiative"Westgarth "Insights from Aries’ UI/UX redesign initiative"
Westgarth "Insights from Aries’ UI/UX redesign initiative"
 
NIDHI PROJECT.pptx
NIDHI PROJECT.pptxNIDHI PROJECT.pptx
NIDHI PROJECT.pptx
 
Sharing the Responsibility: Publishing Workflows in Kentico
Sharing the Responsibility: Publishing Workflows in KenticoSharing the Responsibility: Publishing Workflows in Kentico
Sharing the Responsibility: Publishing Workflows in Kentico
 
SNOW Knowledge Management_SSP.ppt
SNOW Knowledge Management_SSP.pptSNOW Knowledge Management_SSP.ppt
SNOW Knowledge Management_SSP.ppt
 
Georgia Tech - College of Engineering Case Study
Georgia Tech - College of Engineering Case StudyGeorgia Tech - College of Engineering Case Study
Georgia Tech - College of Engineering Case Study
 
How to Improve Usability and Drive Productivity in SharePoint & Office 365
How to Improve Usability and Drive Productivity in SharePoint & Office 365How to Improve Usability and Drive Productivity in SharePoint & Office 365
How to Improve Usability and Drive Productivity in SharePoint & Office 365
 
Suraj's LearnSmasher jghj Internship .pptx
Suraj's LearnSmasher jghj  Internship .pptxSuraj's LearnSmasher jghj  Internship .pptx
Suraj's LearnSmasher jghj Internship .pptx
 
Anatomy of an Intranet (Triangle SharePoint User Group) October 2016
Anatomy of an Intranet (Triangle SharePoint User Group) October 2016Anatomy of an Intranet (Triangle SharePoint User Group) October 2016
Anatomy of an Intranet (Triangle SharePoint User Group) October 2016
 
proposal4.ppt
proposal4.pptproposal4.ppt
proposal4.ppt
 
Decision CAMP 2014 - Erik Marutian - Using rules-based gui framework to power...
Decision CAMP 2014 - Erik Marutian - Using rules-based gui framework to power...Decision CAMP 2014 - Erik Marutian - Using rules-based gui framework to power...
Decision CAMP 2014 - Erik Marutian - Using rules-based gui framework to power...
 

Recently uploaded

一比一原版马来西亚世纪大学毕业证成绩单一模一样
一比一原版马来西亚世纪大学毕业证成绩单一模一样一比一原版马来西亚世纪大学毕业证成绩单一模一样
一比一原版马来西亚世纪大学毕业证成绩单一模一样
k4krdgxx
 
一比一原版英国伦敦大学毕业证(London学位证)如何办理
一比一原版英国伦敦大学毕业证(London学位证)如何办理一比一原版英国伦敦大学毕业证(London学位证)如何办理
一比一原版英国伦敦大学毕业证(London学位证)如何办理
k4krdgxx
 
UXpert_Report (UALR Mapping Renewal 2022).pdf
UXpert_Report (UALR Mapping Renewal 2022).pdfUXpert_Report (UALR Mapping Renewal 2022).pdf
UXpert_Report (UALR Mapping Renewal 2022).pdf
anthonylin333
 
一比一原版(brunel毕业证书)布鲁内尔大学毕业证如何办理
一比一原版(brunel毕业证书)布鲁内尔大学毕业证如何办理一比一原版(brunel毕业证书)布鲁内尔大学毕业证如何办理
一比一原版(brunel毕业证书)布鲁内尔大学毕业证如何办理
aprhf21y
 
一比一原版美国哥伦比亚大学毕业证Columbia成绩单一模一样
一比一原版美国哥伦比亚大学毕业证Columbia成绩单一模一样一比一原版美国哥伦比亚大学毕业证Columbia成绩单一模一样
一比一原版美国哥伦比亚大学毕业证Columbia成绩单一模一样
881evgn0
 
一比一原版(lu毕业证书)英国拉夫堡大学毕业证如何办理
一比一原版(lu毕业证书)英国拉夫堡大学毕业证如何办理一比一原版(lu毕业证书)英国拉夫堡大学毕业证如何办理
一比一原版(lu毕业证书)英国拉夫堡大学毕业证如何办理
ubogumo
 
一比一原版(爱大毕业证)美国爱荷华大学毕业证如何办理
一比一原版(爱大毕业证)美国爱荷华大学毕业证如何办理一比一原版(爱大毕业证)美国爱荷华大学毕业证如何办理
一比一原版(爱大毕业证)美国爱荷华大学毕业证如何办理
ynrtjotp
 
一比一原版英国伦敦政治经济学院毕业证(LSE学位证)如何办理
一比一原版英国伦敦政治经济学院毕业证(LSE学位证)如何办理一比一原版英国伦敦政治经济学院毕业证(LSE学位证)如何办理
一比一原版英国伦敦政治经济学院毕业证(LSE学位证)如何办理
k4krdgxx
 
一比一原版美国加州大学欧文分校毕业证(UCI学位证)如何办理
一比一原版美国加州大学欧文分校毕业证(UCI学位证)如何办理一比一原版美国加州大学欧文分校毕业证(UCI学位证)如何办理
一比一原版美国加州大学欧文分校毕业证(UCI学位证)如何办理
02tygie
 
一比一原版(CSUEB毕业证)美国加州州立大学东湾分校毕业证如何办理
一比一原版(CSUEB毕业证)美国加州州立大学东湾分校毕业证如何办理一比一原版(CSUEB毕业证)美国加州州立大学东湾分校毕业证如何办理
一比一原版(CSUEB毕业证)美国加州州立大学东湾分校毕业证如何办理
stgq9v39
 
一比一原版(UWS毕业证)澳洲西悉尼大学毕业证如何办理
一比一原版(UWS毕业证)澳洲西悉尼大学毕业证如何办理一比一原版(UWS毕业证)澳洲西悉尼大学毕业证如何办理
一比一原版(UWS毕业证)澳洲西悉尼大学毕业证如何办理
t34zod9l
 
一比一原版(UofM毕业证)美国密歇根大学毕业证如何办理
一比一原版(UofM毕业证)美国密歇根大学毕业证如何办理一比一原版(UofM毕业证)美国密歇根大学毕业证如何办理
一比一原版(UofM毕业证)美国密歇根大学毕业证如何办理
yk5hdsnr
 
欧洲杯买球-欧洲杯买球买球网好的网站-欧洲杯买球哪里有正规的买球网站|【​网址​🎉ac123.net🎉​】
欧洲杯买球-欧洲杯买球买球网好的网站-欧洲杯买球哪里有正规的买球网站|【​网址​🎉ac123.net🎉​】欧洲杯买球-欧洲杯买球买球网好的网站-欧洲杯买球哪里有正规的买球网站|【​网址​🎉ac123.net🎉​】
欧洲杯买球-欧洲杯买球买球网好的网站-欧洲杯买球哪里有正规的买球网站|【​网址​🎉ac123.net🎉​】
jafiradnan336
 
一比一原版亚利桑那大学毕业证(UA毕业证书)如何办理
一比一原版亚利桑那大学毕业证(UA毕业证书)如何办理一比一原版亚利桑那大学毕业证(UA毕业证书)如何办理
一比一原版亚利桑那大学毕业证(UA毕业证书)如何办理
21uul8se
 
一比一原版(UoN毕业证书)纽卡斯尔大学毕业证如何办理
一比一原版(UoN毕业证书)纽卡斯尔大学毕业证如何办理一比一原版(UoN毕业证书)纽卡斯尔大学毕业证如何办理
一比一原版(UoN毕业证书)纽卡斯尔大学毕业证如何办理
f22b6g9c
 
Intel-Centrino-Mobile-Technology-guidelines
Intel-Centrino-Mobile-Technology-guidelinesIntel-Centrino-Mobile-Technology-guidelines
Intel-Centrino-Mobile-Technology-guidelines
EricHo305923
 
一比一原版(KPU毕业证)加拿大昆特兰理工大学毕业证如何办理
一比一原版(KPU毕业证)加拿大昆特兰理工大学毕业证如何办理一比一原版(KPU毕业证)加拿大昆特兰理工大学毕业证如何办理
一比一原版(KPU毕业证)加拿大昆特兰理工大学毕业证如何办理
kmzsy4kn
 
一比一原版(UC毕业证书)堪培拉大学毕业证如何办理
一比一原版(UC毕业证书)堪培拉大学毕业证如何办理一比一原版(UC毕业证书)堪培拉大学毕业证如何办理
一比一原版(UC毕业证书)堪培拉大学毕业证如何办理
wkip62b
 
一比一原版澳洲科廷科技大学毕业证(Curtin毕业证)如何办理
一比一原版澳洲科廷科技大学毕业证(Curtin毕业证)如何办理一比一原版澳洲科廷科技大学毕业证(Curtin毕业证)如何办理
一比一原版澳洲科廷科技大学毕业证(Curtin毕业证)如何办理
bz42w9z0
 
Rethinking Kållered │ From Big Box to a Reuse Hub: A Transformation Journey ...
Rethinking Kållered │  From Big Box to a Reuse Hub: A Transformation Journey ...Rethinking Kållered │  From Big Box to a Reuse Hub: A Transformation Journey ...
Rethinking Kållered │ From Big Box to a Reuse Hub: A Transformation Journey ...
SirmaDuztepeliler
 

Recently uploaded (20)

一比一原版马来西亚世纪大学毕业证成绩单一模一样
一比一原版马来西亚世纪大学毕业证成绩单一模一样一比一原版马来西亚世纪大学毕业证成绩单一模一样
一比一原版马来西亚世纪大学毕业证成绩单一模一样
 
一比一原版英国伦敦大学毕业证(London学位证)如何办理
一比一原版英国伦敦大学毕业证(London学位证)如何办理一比一原版英国伦敦大学毕业证(London学位证)如何办理
一比一原版英国伦敦大学毕业证(London学位证)如何办理
 
UXpert_Report (UALR Mapping Renewal 2022).pdf
UXpert_Report (UALR Mapping Renewal 2022).pdfUXpert_Report (UALR Mapping Renewal 2022).pdf
UXpert_Report (UALR Mapping Renewal 2022).pdf
 
一比一原版(brunel毕业证书)布鲁内尔大学毕业证如何办理
一比一原版(brunel毕业证书)布鲁内尔大学毕业证如何办理一比一原版(brunel毕业证书)布鲁内尔大学毕业证如何办理
一比一原版(brunel毕业证书)布鲁内尔大学毕业证如何办理
 
一比一原版美国哥伦比亚大学毕业证Columbia成绩单一模一样
一比一原版美国哥伦比亚大学毕业证Columbia成绩单一模一样一比一原版美国哥伦比亚大学毕业证Columbia成绩单一模一样
一比一原版美国哥伦比亚大学毕业证Columbia成绩单一模一样
 
一比一原版(lu毕业证书)英国拉夫堡大学毕业证如何办理
一比一原版(lu毕业证书)英国拉夫堡大学毕业证如何办理一比一原版(lu毕业证书)英国拉夫堡大学毕业证如何办理
一比一原版(lu毕业证书)英国拉夫堡大学毕业证如何办理
 
一比一原版(爱大毕业证)美国爱荷华大学毕业证如何办理
一比一原版(爱大毕业证)美国爱荷华大学毕业证如何办理一比一原版(爱大毕业证)美国爱荷华大学毕业证如何办理
一比一原版(爱大毕业证)美国爱荷华大学毕业证如何办理
 
一比一原版英国伦敦政治经济学院毕业证(LSE学位证)如何办理
一比一原版英国伦敦政治经济学院毕业证(LSE学位证)如何办理一比一原版英国伦敦政治经济学院毕业证(LSE学位证)如何办理
一比一原版英国伦敦政治经济学院毕业证(LSE学位证)如何办理
 
一比一原版美国加州大学欧文分校毕业证(UCI学位证)如何办理
一比一原版美国加州大学欧文分校毕业证(UCI学位证)如何办理一比一原版美国加州大学欧文分校毕业证(UCI学位证)如何办理
一比一原版美国加州大学欧文分校毕业证(UCI学位证)如何办理
 
一比一原版(CSUEB毕业证)美国加州州立大学东湾分校毕业证如何办理
一比一原版(CSUEB毕业证)美国加州州立大学东湾分校毕业证如何办理一比一原版(CSUEB毕业证)美国加州州立大学东湾分校毕业证如何办理
一比一原版(CSUEB毕业证)美国加州州立大学东湾分校毕业证如何办理
 
一比一原版(UWS毕业证)澳洲西悉尼大学毕业证如何办理
一比一原版(UWS毕业证)澳洲西悉尼大学毕业证如何办理一比一原版(UWS毕业证)澳洲西悉尼大学毕业证如何办理
一比一原版(UWS毕业证)澳洲西悉尼大学毕业证如何办理
 
一比一原版(UofM毕业证)美国密歇根大学毕业证如何办理
一比一原版(UofM毕业证)美国密歇根大学毕业证如何办理一比一原版(UofM毕业证)美国密歇根大学毕业证如何办理
一比一原版(UofM毕业证)美国密歇根大学毕业证如何办理
 
欧洲杯买球-欧洲杯买球买球网好的网站-欧洲杯买球哪里有正规的买球网站|【​网址​🎉ac123.net🎉​】
欧洲杯买球-欧洲杯买球买球网好的网站-欧洲杯买球哪里有正规的买球网站|【​网址​🎉ac123.net🎉​】欧洲杯买球-欧洲杯买球买球网好的网站-欧洲杯买球哪里有正规的买球网站|【​网址​🎉ac123.net🎉​】
欧洲杯买球-欧洲杯买球买球网好的网站-欧洲杯买球哪里有正规的买球网站|【​网址​🎉ac123.net🎉​】
 
一比一原版亚利桑那大学毕业证(UA毕业证书)如何办理
一比一原版亚利桑那大学毕业证(UA毕业证书)如何办理一比一原版亚利桑那大学毕业证(UA毕业证书)如何办理
一比一原版亚利桑那大学毕业证(UA毕业证书)如何办理
 
一比一原版(UoN毕业证书)纽卡斯尔大学毕业证如何办理
一比一原版(UoN毕业证书)纽卡斯尔大学毕业证如何办理一比一原版(UoN毕业证书)纽卡斯尔大学毕业证如何办理
一比一原版(UoN毕业证书)纽卡斯尔大学毕业证如何办理
 
Intel-Centrino-Mobile-Technology-guidelines
Intel-Centrino-Mobile-Technology-guidelinesIntel-Centrino-Mobile-Technology-guidelines
Intel-Centrino-Mobile-Technology-guidelines
 
一比一原版(KPU毕业证)加拿大昆特兰理工大学毕业证如何办理
一比一原版(KPU毕业证)加拿大昆特兰理工大学毕业证如何办理一比一原版(KPU毕业证)加拿大昆特兰理工大学毕业证如何办理
一比一原版(KPU毕业证)加拿大昆特兰理工大学毕业证如何办理
 
一比一原版(UC毕业证书)堪培拉大学毕业证如何办理
一比一原版(UC毕业证书)堪培拉大学毕业证如何办理一比一原版(UC毕业证书)堪培拉大学毕业证如何办理
一比一原版(UC毕业证书)堪培拉大学毕业证如何办理
 
一比一原版澳洲科廷科技大学毕业证(Curtin毕业证)如何办理
一比一原版澳洲科廷科技大学毕业证(Curtin毕业证)如何办理一比一原版澳洲科廷科技大学毕业证(Curtin毕业证)如何办理
一比一原版澳洲科廷科技大学毕业证(Curtin毕业证)如何办理
 
Rethinking Kållered │ From Big Box to a Reuse Hub: A Transformation Journey ...
Rethinking Kållered │  From Big Box to a Reuse Hub: A Transformation Journey ...Rethinking Kållered │  From Big Box to a Reuse Hub: A Transformation Journey ...
Rethinking Kållered │ From Big Box to a Reuse Hub: A Transformation Journey ...
 

Usability evaluation of the IIT Mandi Website

  • 1. HUMAN COMPUTER INTERACTION  AN INVESTIGATION ON THE USABILITY OF THE WEBSITE OF IIT MANDI  USABILITY ISSUES AND PROSPECTIVE SOLUTIONS
  • 2. TEAM STRUCTURE • Harshul Jain : Interpretation of Simulation Results • S Bhuvaneswari : Research on Usability Guidelines • Rohit Goyal & Ankur Dixit : Conduction of Survey • Abhra Basak : Prototype Development • Dhruv Parmar : Determination of Website Logistics
  • 3. INTRODUCTION • What are we doing? • Evaluating user’s interactions with the website, and research on usability feedback • Determining the degree of accessibility • Improvement upon site configuration accounting the above parameters • Why it is important? • A growing institute needs a good website to reach out to prospective students • 80% + websites follow some conventions, so users have a biased expectation about certain functionality
  • 4. What did we do? How did we do it? DETAIL OF WORK
  • 5. METHODOLOGY • Run Simulation using Cambridge Simulator provided with course material • Fetch website usage data from web server • Conduct a survey on user satisfaction with current website • Design a new prototype, accounting for the above limitations to ensure improved experience
  • 13. What does one expect from the website? SOME REPRESENTATIVE TASKS
  • 14. ACCESS TO SUPPLEMENTS • Faculty to access institute webmail • Students to access students’ webmail • Universal Access to intranet, Moodle & students’ center • Industry seeks access to Career & Placement section
  • 17. NEWS, EVENTS, SEMINARS & TENDERS • View the latest news and happenings in the institute • Upcoming events, workshops or shows • Seminars & Institute colloquium • Industry seeks access to construction & development tenders
  • 21. SEARCH THE WEBSITE • Search for a particular section of the website • Quickly find a relevant section without referring to full sitemap • Seek the required section in the sitemap
  • 24. NAVIGATE MENU • Quickly find relevant menu items • Relate menu items to the institute • Compact Substitute to sitemap • Visual appeal of menu
  • 27. Have a problem? We’ll find the solution for you? USABILITY ISSUES – SOME KEY FINDINGS
  • 28. SIMPLE STRUCTURE OF SITE • Clear indication of current location in the website • Constant link to the home page • Issue occurs : Site wide • Solution : Search Engine friendly, self-explanatory URLs • Recommendation : Breadcrumbs trail with full path of webpage
  • 30. ACCESS TO MAJOR PARTS • Simple Accessible menu • Minimal movement across menu to find relevant items • Issue occurs : Navigation menu • Solution : Easily accessible menu, visual relation to institute • Recommendation : Sitemap to supplement the menu’s function (under construction)
  • 32. CLEARLY LABELED FUNCTIONALITY • Functionality that a visitor is most likely to require • Wherever possible, visitor should be in full control • Issue occurs : Site wide • Solution : More navigability features in home page, highlight important sections • Recommendation : Flexibility in natural workflow – not forced down a particular path, to wait for events that may take a long time
  • 33. CLEARLY LABELED FUNCTIONALITY • Visitor should be able to understand what is going on in ongoing interactions • Consistency across website • Issue occurs : Site wide • Solution : Undergo a complete edit of all pages for conciseness and consistency • Recommendation : Global elements in same position throughout the website, visitor should not have to learn a new interaction style to use website
  • 35. ACADEMIC RESOURCES • Course offerings, syllabi and structure – need to be updated on first notice, Obsolete electives still lying unnoticed • Institute calendar and timetable – should be considered for each class • Issue occurs : Academics section • Solution : Course management integrated with Moodle • Recommendation : Provide an intuitive calendar app for the website that automates the process
  • 37. ALL BROWSERS SUPPORTED • W3C standards for rendering and accessibility followed • Built using valid HTML5, CSS, and powered by JavaScript / XML • Bootstrapped Fluid layout, ensures normalization of the effects of resolution across browsers • Prototype Website rendering time : 0.22 seconds (excluding images)
  • 38. FUTURE SCOPE • All recommended solutions and suggestions remain to be implemented in the website • This website will continue to serve IIT Mandi for years to come • Suggested Changes : Website theme according to location, Reduce webpage size, Alt text for images to maintain accessibility, Search Engine Optimization
  • 40. CREDITS  Prototype designed by : Shiv Sankar Baisya  Heat map Generated by : heatmap.js  Content on this presentation is released under the Creative Commons Attribution No-Derivs 3.0 License