SlideShare a Scribd company logo
1 of 22
Download to read offline
*
Enhancing online user experience
Harish Chakravarthy
Lead Web Services
San José State University
its.sjsu.edu
June 16, 2013
*
Harish Chakravarthy
Lead Web Services
Information Technology Services (ITS)
San José State University
its.sjsu.edu
Responsible for guiding the development of San Jose
State's web and mobile platforms and applications.
*
Goals
○ Share tools and resources for gathering
information about user experience
○ Relaunch projects
■ www.sjsu.edu relaunch
■ search.sjsu.edu relaunch
○ Q & A
*
SJSU.EDU Platform
SJSU.edu, is a multi-product platform that supports over 1,500 content
providers, 100,000 pages, and 500,000 monthly unique visitors.
○ Website (www.sjsu.edu)
○ Search Engine (search.sjsu.edu)
○ Events (events.sjsu.edu)
○ Blogs (blogs.sjsu.edu)
○ Analytics (google.com/analytics)
○ Custom applications
■ Interactive Map (www.sjsu.edu/map/interactive)
■ SJSU Experts (experts.sjsu.edu)
*
What is web usability?
Usability is, simply put, the science of making technology
work for people.
Website usability is the art and science of building sites
that are efficient, easy to use, meet visitor's
expectations, and ultimately help people accomplish
their goals.
Source: http://www.usereffect.com/about
*
What does that really mean?
Usability is a journey not destination
while (true)
{
Innovate
}
*
Online Resources & Tools
*
25-point Website Usability
Checklist
● Accessibility
● Identity
● Navigation
● Content
Source: http://www.usereffect.com/topic/25-point-
website-usability-checklist
*
The definitive front-end performance guide
browserdiet.com
Source: htt
*
The Ten Commandments Of User Experience
http://www.slideshare.net/nickf/the-ten-commandments-of-user-experience
*
Google Webmaster Tools
https://www.google.com/webmasters/tools
*
Google Analytics
Browsers & Versions for www.sjsu.edu during June 2013
*
www.sjsu.edu relaunch
*
www.sjsu.edu relaunch (v 1.1)
Key Enhancements
● Font size
● SEO
● Navigation
● Content layout
● Page speed
*
Channels for getting feedback
● User feedback (email, in-person, phone, online
feedback form, help desk)
● Analytics
● Heat Map (navigation)
● Search queries originating pages
● Hard to find search queries
*
Heat map
The heat map is a visualization of where your visitors
are clicking. The brighter the area, the more popular it
is. The darker the area, the less popular it is. As a
specific area of your site gets more clicks, its color on
the heat map will change.
Source: http://www.crazyegg.com
*
*
search.sjsu.edu relaunch
*
search.sjsu.edu relaunch
Key enhancements
● Integrate with Twitter's
Typeahead
● Integrate with Google
Analytics
● Integrate with Advanced
Search Report
● Updating Recommended Links
● Integrate with Directory
(future)
*
Channels for getting feedback
● User feedback (email, in-person, phone, online feedback form, help
desk)
● Google Analytics
○ Hard to find queries
○ Queries with no result
○ Query originating pages
Interested? Visit blogs.sjsu.edu/webservices
● Advanced Search Report (ASR) from Google Search Appliance
○ Relevance
○ Context
*
Q & A
What do you think?
* Running Footer - Title of Subtitle

More Related Content

Similar to Enhancing online user experience

Ud 4 web, classroom, curriculum
Ud 4 web, classroom, curriculumUd 4 web, classroom, curriculum
Ud 4 web, classroom, curriculum
Howard Kramer
 
Ud 4 web, classroom, curriculum
Ud 4 web, classroom, curriculumUd 4 web, classroom, curriculum
Ud 4 web, classroom, curriculum
Howard Kramer
 
Responsive Web Design with HTML5 and CSS3
Responsive Web Design with HTML5 and CSS3Responsive Web Design with HTML5 and CSS3
Responsive Web Design with HTML5 and CSS3
Kannika Kong
 
Requirements Definitions Of The Geospatial Web
Requirements Definitions Of The Geospatial WebRequirements Definitions Of The Geospatial Web
Requirements Definitions Of The Geospatial Web
Michael Maclennan
 
Therese Stone Resume Jan 2017
Therese Stone Resume Jan 2017Therese Stone Resume Jan 2017
Therese Stone Resume Jan 2017
Therese Stone
 

Similar to Enhancing online user experience (20)

Global mapping of artificial intelligence in Google and Google Scholar
Global mapping of artificial intelligence in Google and Google ScholarGlobal mapping of artificial intelligence in Google and Google Scholar
Global mapping of artificial intelligence in Google and Google Scholar
 
eGoogle analytics-best-practices-abcd-harvard-presentation-9-10-14
eGoogle analytics-best-practices-abcd-harvard-presentation-9-10-14eGoogle analytics-best-practices-abcd-harvard-presentation-9-10-14
eGoogle analytics-best-practices-abcd-harvard-presentation-9-10-14
 
Ud 4 web, classroom, curriculum
Ud 4 web, classroom, curriculumUd 4 web, classroom, curriculum
Ud 4 web, classroom, curriculum
 
Ud 4 web, classroom, curriculum
Ud 4 web, classroom, curriculumUd 4 web, classroom, curriculum
Ud 4 web, classroom, curriculum
 
Responsive & Adaprove Design
Responsive & Adaprove DesignResponsive & Adaprove Design
Responsive & Adaprove Design
 
Web 2.0 & Social Media
Web 2.0 & Social Media Web 2.0 & Social Media
Web 2.0 & Social Media
 
Bootstrap responsive design
Bootstrap responsive designBootstrap responsive design
Bootstrap responsive design
 
Responsive Web Design with HTML5 and CSS3
Responsive Web Design with HTML5 and CSS3Responsive Web Design with HTML5 and CSS3
Responsive Web Design with HTML5 and CSS3
 
The Relationship of Language and Development Level to User Satisfaction for a...
The Relationship of Language and Development Level to User Satisfaction for a...The Relationship of Language and Development Level to User Satisfaction for a...
The Relationship of Language and Development Level to User Satisfaction for a...
 
Responsive & Adaptive Design: Delivering Websites That Delight Your Users
Responsive & Adaptive Design: Delivering Websites That Delight Your UsersResponsive & Adaptive Design: Delivering Websites That Delight Your Users
Responsive & Adaptive Design: Delivering Websites That Delight Your Users
 
An End User Development approach for Mobile Web Augmentation applications
An End User Development approach for Mobile Web Augmentation applicationsAn End User Development approach for Mobile Web Augmentation applications
An End User Development approach for Mobile Web Augmentation applications
 
User experience maps
User experience mapsUser experience maps
User experience maps
 
Requirements Definitions Of The Geospatial Web
Requirements Definitions Of The Geospatial WebRequirements Definitions Of The Geospatial Web
Requirements Definitions Of The Geospatial Web
 
Ix564 wiki3
Ix564 wiki3Ix564 wiki3
Ix564 wiki3
 
Single Search For Your Phone - Presented at TRLN Annual Meeting 2014
Single Search For Your Phone - Presented at TRLN Annual Meeting 2014Single Search For Your Phone - Presented at TRLN Annual Meeting 2014
Single Search For Your Phone - Presented at TRLN Annual Meeting 2014
 
NRCS Technical Soil Services
NRCS Technical Soil ServicesNRCS Technical Soil Services
NRCS Technical Soil Services
 
Tut mathematics and hypermedia research seminar 2011 11-11
Tut mathematics and hypermedia research seminar 2011 11-11Tut mathematics and hypermedia research seminar 2011 11-11
Tut mathematics and hypermedia research seminar 2011 11-11
 
Therese Stone Resume Jan 2017
Therese Stone Resume Jan 2017Therese Stone Resume Jan 2017
Therese Stone Resume Jan 2017
 
Make it easy for all users
Make it easy for all usersMake it easy for all users
Make it easy for all users
 
Teaching web accessibility at the source
Teaching web accessibility at the sourceTeaching web accessibility at the source
Teaching web accessibility at the source
 

Recently uploaded

CNv6 Instructor Chapter 6 Quality of Service
CNv6 Instructor Chapter 6 Quality of ServiceCNv6 Instructor Chapter 6 Quality of Service
CNv6 Instructor Chapter 6 Quality of Service
giselly40
 
IAC 2024 - IA Fast Track to Search Focused AI Solutions
IAC 2024 - IA Fast Track to Search Focused AI SolutionsIAC 2024 - IA Fast Track to Search Focused AI Solutions
IAC 2024 - IA Fast Track to Search Focused AI Solutions
Enterprise Knowledge
 

Recently uploaded (20)

How to Troubleshoot Apps for the Modern Connected Worker
How to Troubleshoot Apps for the Modern Connected WorkerHow to Troubleshoot Apps for the Modern Connected Worker
How to Troubleshoot Apps for the Modern Connected Worker
 
Slack Application Development 101 Slides
Slack Application Development 101 SlidesSlack Application Development 101 Slides
Slack Application Development 101 Slides
 
04-2024-HHUG-Sales-and-Marketing-Alignment.pptx
04-2024-HHUG-Sales-and-Marketing-Alignment.pptx04-2024-HHUG-Sales-and-Marketing-Alignment.pptx
04-2024-HHUG-Sales-and-Marketing-Alignment.pptx
 
GenCyber Cyber Security Day Presentation
GenCyber Cyber Security Day PresentationGenCyber Cyber Security Day Presentation
GenCyber Cyber Security Day Presentation
 
08448380779 Call Girls In Civil Lines Women Seeking Men
08448380779 Call Girls In Civil Lines Women Seeking Men08448380779 Call Girls In Civil Lines Women Seeking Men
08448380779 Call Girls In Civil Lines Women Seeking Men
 
Understanding Discord NSFW Servers A Guide for Responsible Users.pdf
Understanding Discord NSFW Servers A Guide for Responsible Users.pdfUnderstanding Discord NSFW Servers A Guide for Responsible Users.pdf
Understanding Discord NSFW Servers A Guide for Responsible Users.pdf
 
CNv6 Instructor Chapter 6 Quality of Service
CNv6 Instructor Chapter 6 Quality of ServiceCNv6 Instructor Chapter 6 Quality of Service
CNv6 Instructor Chapter 6 Quality of Service
 
A Call to Action for Generative AI in 2024
A Call to Action for Generative AI in 2024A Call to Action for Generative AI in 2024
A Call to Action for Generative AI in 2024
 
TrustArc Webinar - Stay Ahead of US State Data Privacy Law Developments
TrustArc Webinar - Stay Ahead of US State Data Privacy Law DevelopmentsTrustArc Webinar - Stay Ahead of US State Data Privacy Law Developments
TrustArc Webinar - Stay Ahead of US State Data Privacy Law Developments
 
IAC 2024 - IA Fast Track to Search Focused AI Solutions
IAC 2024 - IA Fast Track to Search Focused AI SolutionsIAC 2024 - IA Fast Track to Search Focused AI Solutions
IAC 2024 - IA Fast Track to Search Focused AI Solutions
 
08448380779 Call Girls In Greater Kailash - I Women Seeking Men
08448380779 Call Girls In Greater Kailash - I Women Seeking Men08448380779 Call Girls In Greater Kailash - I Women Seeking Men
08448380779 Call Girls In Greater Kailash - I Women Seeking Men
 
How to convert PDF to text with Nanonets
How to convert PDF to text with NanonetsHow to convert PDF to text with Nanonets
How to convert PDF to text with Nanonets
 
What Are The Drone Anti-jamming Systems Technology?
What Are The Drone Anti-jamming Systems Technology?What Are The Drone Anti-jamming Systems Technology?
What Are The Drone Anti-jamming Systems Technology?
 
The Codex of Business Writing Software for Real-World Solutions 2.pptx
The Codex of Business Writing Software for Real-World Solutions 2.pptxThe Codex of Business Writing Software for Real-World Solutions 2.pptx
The Codex of Business Writing Software for Real-World Solutions 2.pptx
 
Bajaj Allianz Life Insurance Company - Insurer Innovation Award 2024
Bajaj Allianz Life Insurance Company - Insurer Innovation Award 2024Bajaj Allianz Life Insurance Company - Insurer Innovation Award 2024
Bajaj Allianz Life Insurance Company - Insurer Innovation Award 2024
 
Real Time Object Detection Using Open CV
Real Time Object Detection Using Open CVReal Time Object Detection Using Open CV
Real Time Object Detection Using Open CV
 
Mastering MySQL Database Architecture: Deep Dive into MySQL Shell and MySQL R...
Mastering MySQL Database Architecture: Deep Dive into MySQL Shell and MySQL R...Mastering MySQL Database Architecture: Deep Dive into MySQL Shell and MySQL R...
Mastering MySQL Database Architecture: Deep Dive into MySQL Shell and MySQL R...
 
Breaking the Kubernetes Kill Chain: Host Path Mount
Breaking the Kubernetes Kill Chain: Host Path MountBreaking the Kubernetes Kill Chain: Host Path Mount
Breaking the Kubernetes Kill Chain: Host Path Mount
 
Apidays Singapore 2024 - Building Digital Trust in a Digital Economy by Veron...
Apidays Singapore 2024 - Building Digital Trust in a Digital Economy by Veron...Apidays Singapore 2024 - Building Digital Trust in a Digital Economy by Veron...
Apidays Singapore 2024 - Building Digital Trust in a Digital Economy by Veron...
 
A Year of the Servo Reboot: Where Are We Now?
A Year of the Servo Reboot: Where Are We Now?A Year of the Servo Reboot: Where Are We Now?
A Year of the Servo Reboot: Where Are We Now?
 

Enhancing online user experience

  • 1. * Enhancing online user experience Harish Chakravarthy Lead Web Services San José State University its.sjsu.edu June 16, 2013
  • 2. * Harish Chakravarthy Lead Web Services Information Technology Services (ITS) San José State University its.sjsu.edu Responsible for guiding the development of San Jose State's web and mobile platforms and applications.
  • 3. * Goals ○ Share tools and resources for gathering information about user experience ○ Relaunch projects ■ www.sjsu.edu relaunch ■ search.sjsu.edu relaunch ○ Q & A
  • 4. * SJSU.EDU Platform SJSU.edu, is a multi-product platform that supports over 1,500 content providers, 100,000 pages, and 500,000 monthly unique visitors. ○ Website (www.sjsu.edu) ○ Search Engine (search.sjsu.edu) ○ Events (events.sjsu.edu) ○ Blogs (blogs.sjsu.edu) ○ Analytics (google.com/analytics) ○ Custom applications ■ Interactive Map (www.sjsu.edu/map/interactive) ■ SJSU Experts (experts.sjsu.edu)
  • 5. * What is web usability? Usability is, simply put, the science of making technology work for people. Website usability is the art and science of building sites that are efficient, easy to use, meet visitor's expectations, and ultimately help people accomplish their goals. Source: http://www.usereffect.com/about
  • 6. * What does that really mean? Usability is a journey not destination while (true) { Innovate }
  • 8. * 25-point Website Usability Checklist ● Accessibility ● Identity ● Navigation ● Content Source: http://www.usereffect.com/topic/25-point- website-usability-checklist
  • 9. * The definitive front-end performance guide browserdiet.com Source: htt
  • 10. * The Ten Commandments Of User Experience http://www.slideshare.net/nickf/the-ten-commandments-of-user-experience
  • 12. * Google Analytics Browsers & Versions for www.sjsu.edu during June 2013
  • 14. * www.sjsu.edu relaunch (v 1.1) Key Enhancements ● Font size ● SEO ● Navigation ● Content layout ● Page speed
  • 15. * Channels for getting feedback ● User feedback (email, in-person, phone, online feedback form, help desk) ● Analytics ● Heat Map (navigation) ● Search queries originating pages ● Hard to find search queries
  • 16. * Heat map The heat map is a visualization of where your visitors are clicking. The brighter the area, the more popular it is. The darker the area, the less popular it is. As a specific area of your site gets more clicks, its color on the heat map will change. Source: http://www.crazyegg.com
  • 17. *
  • 19. * search.sjsu.edu relaunch Key enhancements ● Integrate with Twitter's Typeahead ● Integrate with Google Analytics ● Integrate with Advanced Search Report ● Updating Recommended Links ● Integrate with Directory (future)
  • 20. * Channels for getting feedback ● User feedback (email, in-person, phone, online feedback form, help desk) ● Google Analytics ○ Hard to find queries ○ Queries with no result ○ Query originating pages Interested? Visit blogs.sjsu.edu/webservices ● Advanced Search Report (ASR) from Google Search Appliance ○ Relevance ○ Context
  • 21. * Q & A What do you think?
  • 22. * Running Footer - Title of Subtitle