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

Histor y of HAM Radio presentation slide
Histor y of HAM Radio presentation slideHistor y of HAM Radio presentation slide
Histor y of HAM Radio presentation slide
vu2urc
 
Artificial Intelligence: Facts and Myths
Artificial Intelligence: Facts and MythsArtificial Intelligence: Facts and Myths
Artificial Intelligence: Facts and Myths
Joaquim Jorge
 

Recently uploaded (20)

GenAI Risks & Security Meetup 01052024.pdf
GenAI Risks & Security Meetup 01052024.pdfGenAI Risks & Security Meetup 01052024.pdf
GenAI Risks & Security Meetup 01052024.pdf
 
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
 
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
 
Axa Assurance Maroc - Insurer Innovation Award 2024
Axa Assurance Maroc - Insurer Innovation Award 2024Axa Assurance Maroc - Insurer Innovation Award 2024
Axa Assurance Maroc - Insurer Innovation Award 2024
 
TrustArc Webinar - Unlock the Power of AI-Driven Data Discovery
TrustArc Webinar - Unlock the Power of AI-Driven Data DiscoveryTrustArc Webinar - Unlock the Power of AI-Driven Data Discovery
TrustArc Webinar - Unlock the Power of AI-Driven Data Discovery
 
Apidays New York 2024 - The value of a flexible API Management solution for O...
Apidays New York 2024 - The value of a flexible API Management solution for O...Apidays New York 2024 - The value of a flexible API Management solution for O...
Apidays New York 2024 - The value of a flexible API Management solution for O...
 
Connector Corner: Accelerate revenue generation using UiPath API-centric busi...
Connector Corner: Accelerate revenue generation using UiPath API-centric busi...Connector Corner: Accelerate revenue generation using UiPath API-centric busi...
Connector Corner: Accelerate revenue generation using UiPath API-centric busi...
 
Histor y of HAM Radio presentation slide
Histor y of HAM Radio presentation slideHistor y of HAM Radio presentation slide
Histor y of HAM Radio presentation slide
 
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
 
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?
 
presentation ICT roal in 21st century education
presentation ICT roal in 21st century educationpresentation ICT roal in 21st century education
presentation ICT roal in 21st century education
 
Partners Life - Insurer Innovation Award 2024
Partners Life - Insurer Innovation Award 2024Partners Life - Insurer Innovation Award 2024
Partners Life - Insurer Innovation Award 2024
 
Powerful Google developer tools for immediate impact! (2023-24 C)
Powerful Google developer tools for immediate impact! (2023-24 C)Powerful Google developer tools for immediate impact! (2023-24 C)
Powerful Google developer tools for immediate impact! (2023-24 C)
 
A Domino Admins Adventures (Engage 2024)
A Domino Admins Adventures (Engage 2024)A Domino Admins Adventures (Engage 2024)
A Domino Admins Adventures (Engage 2024)
 
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
 
Handwritten Text Recognition for manuscripts and early printed texts
Handwritten Text Recognition for manuscripts and early printed textsHandwritten Text Recognition for manuscripts and early printed texts
Handwritten Text Recognition for manuscripts and early printed texts
 
Boost Fertility New Invention Ups Success Rates.pdf
Boost Fertility New Invention Ups Success Rates.pdfBoost Fertility New Invention Ups Success Rates.pdf
Boost Fertility New Invention Ups Success Rates.pdf
 
Workshop - Best of Both Worlds_ Combine KG and Vector search for enhanced R...
Workshop - Best of Both Worlds_ Combine  KG and Vector search for  enhanced R...Workshop - Best of Both Worlds_ Combine  KG and Vector search for  enhanced R...
Workshop - Best of Both Worlds_ Combine KG and Vector search for enhanced R...
 
Artificial Intelligence: Facts and Myths
Artificial Intelligence: Facts and MythsArtificial Intelligence: Facts and Myths
Artificial Intelligence: Facts and Myths
 
From Event to Action: Accelerate Your Decision Making with Real-Time Automation
From Event to Action: Accelerate Your Decision Making with Real-Time AutomationFrom Event to Action: Accelerate Your Decision Making with Real-Time Automation
From Event to Action: Accelerate Your Decision Making with Real-Time Automation
 

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