SlideShare a Scribd company logo
1 of 12
Usability Review- Heuristics
       Site : Careers.microsoft.com
       Reviewed by : Mohan Talluri
Usability Issues



Background:
The usability issues have been categorised in 4 categories based on VIMM model.


        V                        I                      M                   m
     Visual           Intellectual / Cognitive      Memory                Motor
Usability Issues

    Visual Affordance Issue
I
    The Landing page has a “Career” Tile which gives the affordance that’s it clickable as in
    Win 8 title is actionable. But this in fact is just a header
    Redesign to eliminate false affordances


    Lack of Learnable Navigation flow. Information Architecture issue
I
    The user tends to get lost as he drill deeper. The site does not offer “Where am I –
    Where I can go – How do I get there” information. This hinders the learnability of the
M
    site and adds to cognitive and memory load
    Redesign Information architecture to fit user mental model and enhance ease of use.
    Provide breadcrumbs
    Inconsistent Page design
V   The page design does not provide a consistent user experience . This will confuse the
    users as they would be forced to constantly troll through the page to find navigational
    elements.
    Have a template based approach to main and sub pages
Usability Issues

    Internal Org Structure exposed to users
I   In search results page, divisions of Microsoft are exposed to users which is
    unnecessary as a regular user will not be able to understand or utilize it. It just add to
V
    visual clutter.
    Redesign to eliminate such occurrences

    Location Selection
m   The Location Section is redundant extra click and also reduces valuable landing page
    to just a transient page. Assumption is most users are looking for careers in their
    native Countries.
    Use the geo-location option to redirect to site of his location and inform the user. Also
    offer him option to change the choice
    Page Information Hierarchy – Student Section
I
    The way the content is organized forces the users to troll through page/site to find
m   information he wants. There are no clear visual indicators/ separators and visual
    hierarchy is non-existent.
V   Redesign with clear information and visual hierarchy
Usability Issues

    Visual Affordance Issue – Students Section
I   In some places there is blue text header which has a hover state of underline this gives
    a false affordance that it’s a hyperlink
    Redesign to eliminate such occurrences


    Labelling Issues
V
    Some places site has labelling issues where it is not clear what to understand for a
    particular label
    Identify and correct

    Primary and Secondary Navigation Issue
I
    The “home” in primary navigation gets highlighted in search results page and not
    while in careers home page. In search results page there is a sudden secondary
V   navigation which looks like Info Strip and but actually is navigation
    Visual Redesign and IA change
Sketch & Mockups
Ideation Sketch
Landing Page - Overlay
Landing Page
Home
Search Results
Thank You

More Related Content

What's hot

Office 365 Administration and IW Home Page UX Explorations
Office 365 Administration and IW Home Page UX ExplorationsOffice 365 Administration and IW Home Page UX Explorations
Office 365 Administration and IW Home Page UX Explorations
Microsoft
 
BYU-Idaho Web Developers' Information Session 2011-05-16
BYU-Idaho Web Developers' Information Session 2011-05-16BYU-Idaho Web Developers' Information Session 2011-05-16
BYU-Idaho Web Developers' Information Session 2011-05-16
BYUIWebmaster
 
web design questionnaire
web design questionnaireweb design questionnaire
web design questionnaire
butest
 
University website analysis
University website analysisUniversity website analysis
University website analysis
Sean Filiatrault
 

What's hot (18)

How to make on line forms beautiful
How to make on line forms beautifulHow to make on line forms beautiful
How to make on line forms beautiful
 
What’s in your BA Toolbox – Has User experience and Usability gone to the way...
What’s in your BA Toolbox – Has User experience and Usability gone to the way...What’s in your BA Toolbox – Has User experience and Usability gone to the way...
What’s in your BA Toolbox – Has User experience and Usability gone to the way...
 
Top 10 tips for maximising accessibility - breakfast briefing March 2016
Top 10 tips for maximising accessibility - breakfast briefing March 2016Top 10 tips for maximising accessibility - breakfast briefing March 2016
Top 10 tips for maximising accessibility - breakfast briefing March 2016
 
Designing accessible web experiences
Designing accessible web experiencesDesigning accessible web experiences
Designing accessible web experiences
 
How To Build A High Performance Lead Generation Website
How To Build A High Performance  Lead Generation WebsiteHow To Build A High Performance  Lead Generation Website
How To Build A High Performance Lead Generation Website
 
SPTechCon Boston 2016 - Creating a Great User Experience in SharePoint
SPTechCon Boston 2016 - Creating a Great User Experience in SharePointSPTechCon Boston 2016 - Creating a Great User Experience in SharePoint
SPTechCon Boston 2016 - Creating a Great User Experience in SharePoint
 
Office 365 Administration and IW Home Page UX Explorations
Office 365 Administration and IW Home Page UX ExplorationsOffice 365 Administration and IW Home Page UX Explorations
Office 365 Administration and IW Home Page UX Explorations
 
Best practices for UI/UX in eCommerce
Best practices for UI/UX in eCommerceBest practices for UI/UX in eCommerce
Best practices for UI/UX in eCommerce
 
BYU-Idaho Web Developers' Information Session 2011-05-16
BYU-Idaho Web Developers' Information Session 2011-05-16BYU-Idaho Web Developers' Information Session 2011-05-16
BYU-Idaho Web Developers' Information Session 2011-05-16
 
UX Camp: Pittsburgh, 2017
UX Camp: Pittsburgh, 2017UX Camp: Pittsburgh, 2017
UX Camp: Pittsburgh, 2017
 
Existing Website UX Audit
Existing Website UX AuditExisting Website UX Audit
Existing Website UX Audit
 
User-Centered Website Design
User-Centered Website DesignUser-Centered Website Design
User-Centered Website Design
 
Rock Your School's Website - Stacy Jagodowski & Peter Baron
Rock Your School's Website - Stacy Jagodowski & Peter BaronRock Your School's Website - Stacy Jagodowski & Peter Baron
Rock Your School's Website - Stacy Jagodowski & Peter Baron
 
Re-design
Re-designRe-design
Re-design
 
web design questionnaire
web design questionnaireweb design questionnaire
web design questionnaire
 
Webdesign New
Webdesign NewWebdesign New
Webdesign New
 
10 principles of effective web design
10 principles of effective web design10 principles of effective web design
10 principles of effective web design
 
University website analysis
University website analysisUniversity website analysis
University website analysis
 

Similar to Usability review&mockups mohan talluri

Usability review
Usability reviewUsability review
Usability review
sayedshiban
 
straight-north-lead-gen-website-whitepaper
straight-north-lead-gen-website-whitepaperstraight-north-lead-gen-website-whitepaper
straight-north-lead-gen-website-whitepaper
Matthew J. Lane
 
Business Centred Design
Business Centred DesignBusiness Centred Design
Business Centred Design
Sameer Chavan
 
Web content & design best practises
Web content & design best practisesWeb content & design best practises
Web content & design best practises
Independant
 

Similar to Usability review&mockups mohan talluri (20)

Website analysis basic tools and illustration
Website analysis basic tools and illustrationWebsite analysis basic tools and illustration
Website analysis basic tools and illustration
 
Usability review
Usability reviewUsability review
Usability review
 
How to Optimize UX of Website with Information Architecture.pdf
How to Optimize UX of Website with Information Architecture.pdfHow to Optimize UX of Website with Information Architecture.pdf
How to Optimize UX of Website with Information Architecture.pdf
 
IA workshop
IA workshopIA workshop
IA workshop
 
Rishabh UI Presentation - HDFC Website.pdf
Rishabh UI Presentation - HDFC Website.pdfRishabh UI Presentation - HDFC Website.pdf
Rishabh UI Presentation - HDFC Website.pdf
 
Sn web-whitepaper
Sn web-whitepaperSn web-whitepaper
Sn web-whitepaper
 
straight-north-lead-gen-website-whitepaper
straight-north-lead-gen-website-whitepaperstraight-north-lead-gen-website-whitepaper
straight-north-lead-gen-website-whitepaper
 
Unlocking Success A Comprehensive Guide to Optimize Your Landing Page Strateg...
Unlocking Success A Comprehensive Guide to Optimize Your Landing Page Strateg...Unlocking Success A Comprehensive Guide to Optimize Your Landing Page Strateg...
Unlocking Success A Comprehensive Guide to Optimize Your Landing Page Strateg...
 
Website Recommendations
Website RecommendationsWebsite Recommendations
Website Recommendations
 
Business Centred Design
Business Centred DesignBusiness Centred Design
Business Centred Design
 
WebBestPractices3
WebBestPractices3WebBestPractices3
WebBestPractices3
 
Accessibility and the importance of user testing
Accessibility and the importance of user testingAccessibility and the importance of user testing
Accessibility and the importance of user testing
 
Making Your Website Sing!
Making Your Website Sing!Making Your Website Sing!
Making Your Website Sing!
 
Making Your Website Sing!
Making Your Website Sing!Making Your Website Sing!
Making Your Website Sing!
 
DWCNZ - Creating a Great User Experience in SharePoint
DWCNZ - Creating a Great User Experience in SharePointDWCNZ - Creating a Great User Experience in SharePoint
DWCNZ - Creating a Great User Experience in SharePoint
 
Activate
ActivateActivate
Activate
 
How to Increase Your Site Usability to Drive Leads
How to Increase Your Site Usability to Drive LeadsHow to Increase Your Site Usability to Drive Leads
How to Increase Your Site Usability to Drive Leads
 
Web content & design best practises
Web content & design best practisesWeb content & design best practises
Web content & design best practises
 
Information Architecture & Why you care about it as a designer
Information Architecture & Why you care about it as a designerInformation Architecture & Why you care about it as a designer
Information Architecture & Why you care about it as a designer
 
Developing a framework of design principles for single page websites and thei...
Developing a framework of design principles for single page websites and thei...Developing a framework of design principles for single page websites and thei...
Developing a framework of design principles for single page websites and thei...
 

Usability review&mockups mohan talluri

  • 1. Usability Review- Heuristics Site : Careers.microsoft.com Reviewed by : Mohan Talluri
  • 2. Usability Issues Background: The usability issues have been categorised in 4 categories based on VIMM model. V I M m Visual Intellectual / Cognitive Memory Motor
  • 3. Usability Issues Visual Affordance Issue I The Landing page has a “Career” Tile which gives the affordance that’s it clickable as in Win 8 title is actionable. But this in fact is just a header Redesign to eliminate false affordances Lack of Learnable Navigation flow. Information Architecture issue I The user tends to get lost as he drill deeper. The site does not offer “Where am I – Where I can go – How do I get there” information. This hinders the learnability of the M site and adds to cognitive and memory load Redesign Information architecture to fit user mental model and enhance ease of use. Provide breadcrumbs Inconsistent Page design V The page design does not provide a consistent user experience . This will confuse the users as they would be forced to constantly troll through the page to find navigational elements. Have a template based approach to main and sub pages
  • 4. Usability Issues Internal Org Structure exposed to users I In search results page, divisions of Microsoft are exposed to users which is unnecessary as a regular user will not be able to understand or utilize it. It just add to V visual clutter. Redesign to eliminate such occurrences Location Selection m The Location Section is redundant extra click and also reduces valuable landing page to just a transient page. Assumption is most users are looking for careers in their native Countries. Use the geo-location option to redirect to site of his location and inform the user. Also offer him option to change the choice Page Information Hierarchy – Student Section I The way the content is organized forces the users to troll through page/site to find m information he wants. There are no clear visual indicators/ separators and visual hierarchy is non-existent. V Redesign with clear information and visual hierarchy
  • 5. Usability Issues Visual Affordance Issue – Students Section I In some places there is blue text header which has a hover state of underline this gives a false affordance that it’s a hyperlink Redesign to eliminate such occurrences Labelling Issues V Some places site has labelling issues where it is not clear what to understand for a particular label Identify and correct Primary and Secondary Navigation Issue I The “home” in primary navigation gets highlighted in search results page and not while in careers home page. In search results page there is a sudden secondary V navigation which looks like Info Strip and but actually is navigation Visual Redesign and IA change
  • 8. Landing Page - Overlay
  • 10. Home