Website Analysis for
Association of Information
Technology Professionals
By: Aaron Diaz, Jean Sebastien Hyppolite, and Marianela Reyes
Overview
• Successful Organization
• Heuristic Evaluation
• Areas of Concern
• Recommendations
• Questions
What Makes a Successful
Organization?
What Makes a Successful
Organization?
Mission, Vision, Goals
• Vision
AITP is the leading worldwide society of information
technology business professionals and the community of
knowledge for the current and next generation of
leaders.
• Mission
To serve our members by delivering relevant technology
and leadership education, research and information on
current business and technology issues, and forums for
networking and collaboration.
AITP Website Experience:
Member vs Non-Member
• 2003 – Web portal
implementation
• 2011 – redesigned
web portal
• Unfamiliar with
website, navigation
• Scattered information
Non-Member to New Member
• Importance of having a web presence
• In need of a visually appealing and
attractive design
• 5 – Second Study(Lindgaard)
Heuristic Evaluation
• Developed by Jakob Nielsen
– 10 general categories/guidelines
– evaluates different aspects of a UI
Heuristic Evaluation
Website Comparison
– Similar organization websites
• NSPE.org
• Computer.org
– Same methodology and scoring
AITP vs IEEE Computer Society
0
5
10
15
20
25
Homepage
Website
Functionality
Navigation and
Information…
Quality of Writing
and Content
Forms and Data
Store Front and
Ecommerce
Search
Help, Feedback and
Error Tolerance
Layout and Visual
Design
Accessibility and
Technical Design
AITP
0
5
10
15
20
25
30
Homepage
Website
Functionality
Navigation and
Information…
Quality of Writing
and Content
Forms and Data
Store Front and
Ecommerce
Search
Help, Feedback
and Error…
Layout and Visual
Design
Accessibility and
Technical Design
IEEE Computer Society
AITP vs NSPE
0
5
10
15
20
25
30
Homepage
Website
Functionality
Navigation and
Information…
Quality of Writing
and Content
Forms and Data
Store Front and
Ecommerce
Search
Help, Feedback
and Error…
Layout and Visual
Design
Accessibility and
Technical Design
NSPE
0
5
10
15
20
25
Homepage
Website
Functionality
Navigation and
Information…
Quality of Writing
and Content
Forms and Data
Store Front and
Ecommerce
Search
Help, Feedback and
Error Tolerance
Layout and Visual
Design
Accessibility and
Technical Design
AITP
Areas of Concern
• Navigation
– Overwhelming
– Lack of breadcrumbs
– Lack of Site Map
• Store Front and Ecommerce
– Separate from aitp.org
– Unorganized product information
• Visual Layout and Design
– Uninviting design
– Dated appearance
Recommendations
• Condense navigation and add visual cues
• Implement breadcrumbs and site maps
throughout
• Organize product information in store
• New layout design with focal point
Navigation
• Contracts/expands
• Visual cues to
guide user
Navigation
• Use of headings and sub headings
• Breadcrumbs (secondary navigation)
Store Front
• Store homepage
• Products categories
• Checkout/cart system
Store Front
• Grid layout
• Separate pictures of each
product
• Clear pricing
• Linked to detailed
information
Visual & Aesthetic Design
• Sample layouts from Artisteer.com
• Focal points
Conclusion
• New Members
• Recommendations
– New layout design
– Revamp store front
– Improve navigation
Questions?

Heuristic Evaluation Presentation - Team 11

  • 1.
    Website Analysis for Associationof Information Technology Professionals By: Aaron Diaz, Jean Sebastien Hyppolite, and Marianela Reyes
  • 2.
    Overview • Successful Organization •Heuristic Evaluation • Areas of Concern • Recommendations • Questions
  • 3.
    What Makes aSuccessful Organization? What Makes a Successful Organization?
  • 4.
    Mission, Vision, Goals •Vision AITP is the leading worldwide society of information technology business professionals and the community of knowledge for the current and next generation of leaders. • Mission To serve our members by delivering relevant technology and leadership education, research and information on current business and technology issues, and forums for networking and collaboration.
  • 5.
    AITP Website Experience: Membervs Non-Member • 2003 – Web portal implementation • 2011 – redesigned web portal • Unfamiliar with website, navigation • Scattered information
  • 6.
    Non-Member to NewMember • Importance of having a web presence • In need of a visually appealing and attractive design • 5 – Second Study(Lindgaard)
  • 7.
    Heuristic Evaluation • Developedby Jakob Nielsen – 10 general categories/guidelines – evaluates different aspects of a UI
  • 8.
    Heuristic Evaluation Website Comparison –Similar organization websites • NSPE.org • Computer.org – Same methodology and scoring
  • 9.
    AITP vs IEEEComputer Society 0 5 10 15 20 25 Homepage Website Functionality Navigation and Information… Quality of Writing and Content Forms and Data Store Front and Ecommerce Search Help, Feedback and Error Tolerance Layout and Visual Design Accessibility and Technical Design AITP 0 5 10 15 20 25 30 Homepage Website Functionality Navigation and Information… Quality of Writing and Content Forms and Data Store Front and Ecommerce Search Help, Feedback and Error… Layout and Visual Design Accessibility and Technical Design IEEE Computer Society
  • 10.
    AITP vs NSPE 0 5 10 15 20 25 30 Homepage Website Functionality Navigationand Information… Quality of Writing and Content Forms and Data Store Front and Ecommerce Search Help, Feedback and Error… Layout and Visual Design Accessibility and Technical Design NSPE 0 5 10 15 20 25 Homepage Website Functionality Navigation and Information… Quality of Writing and Content Forms and Data Store Front and Ecommerce Search Help, Feedback and Error Tolerance Layout and Visual Design Accessibility and Technical Design AITP
  • 11.
    Areas of Concern •Navigation – Overwhelming – Lack of breadcrumbs – Lack of Site Map • Store Front and Ecommerce – Separate from aitp.org – Unorganized product information • Visual Layout and Design – Uninviting design – Dated appearance
  • 12.
    Recommendations • Condense navigationand add visual cues • Implement breadcrumbs and site maps throughout • Organize product information in store • New layout design with focal point
  • 13.
  • 14.
    Navigation • Use ofheadings and sub headings • Breadcrumbs (secondary navigation)
  • 15.
    Store Front • Storehomepage • Products categories • Checkout/cart system
  • 16.
    Store Front • Gridlayout • Separate pictures of each product • Clear pricing • Linked to detailed information
  • 17.
    Visual & AestheticDesign • Sample layouts from Artisteer.com • Focal points
  • 18.
    Conclusion • New Members •Recommendations – New layout design – Revamp store front – Improve navigation
  • 19.