SharePoint Application Design and Usability Assessment
Practice:
SharePoint; Integration and Development; User Experience
| Industry:
General
| Keywords:
Design; User Experience; Assessment; Perform a Usability Assessment;
Page Content
Allin's SharePoint Application Design and Usability Assessment has the following objectives:
- What is the purpose of the sites/portal?
- What is the benefit of the site/portal to the client’s business?
- Please describe your organization in a few sentences
- What is organization’s sector?
- Please describe your customers/users
- Customer demographics
- User Roles
During the assessment Allin resources will work with the client teams to address and review the following topics and subject areas:
- Technical Expectations
- Browser Compatibility
- Displays on popular versions of Internet Explorer (7+)
- Displays on popular versions of Firefox (3+)
- Displays on popular versions of Opera (9+)
- Home Page Download Time (< 10 seconds?)
- Functionality
- All internal hyperlinks work
- All external hyperlinks work
- All forms function as expected
- No JavaScript errors are generated
- Page Elements
- Site ID is clearly established and exists as a navigation element
- Page Name
- Visually, the name of a page should appear to be framing the content unique to that page
- Current Location
- Show the user where they are in relation to everything else
- Tagline / Site Description
- Clear Visual Page Hierarchy
- Constructed pages use clear headings to organize content, and subheadings to make that content easier to parse.
- Page Layout
- Appealing to target audience
- Good use of basic design principles:
- Repetition
- Contrast
- Proximity
- Alignment
- Displays without horizontal scrolling at 1024x768 and higher resolutions
- Balance of text/graphics/white space on page
- Good contrast between text and background
- Repetitive information (header/logo and navigation) takes up no more than one-quarter to one-third of the top portion of the browser window at 1024x768 resolution
- Home page has compelling, interesting information above the fold (before scrolling down) at 1024x768
- Multimedia
- Each audio/video/Flash file used serves a clear purpose
- The audio/video/Flash files used enhance rather than distract from the site
- Captions are provided for each audio or video file used (accessibility)
- Download times for audio or video files are indicated
- Links to downloads for media plug-ins are provided
- Color and Graphics
- Use of different colors in page backgrounds and text is limited to a maximum of 3 - 4 colors plus neutrals
- Color is used consistently
- Color has good contrast with associated text
- Color is not used alone to convey meaning (accessibility)
- Use of color and graphics enhances rather than distracts from the site
- Graphics are optimized and do not significantly slow download
- Each graphic used serves a clear purpose
- Image tags use the alt attribute to configure alternate text to display if the browser or user agent does not support images (accessibility)
- Animated images do not distract from the site and either do not repeat or only repeat a few times
- Navigation
- Primary Navigation: explains to the user what the main sections of the site are, and helps them get to those sections
- Secondary Navigation: Planning out the structure of your sites navigation so that viewers will have some idea of how to get around your site
- Utilities: parts of your site that aren’t connected to the primary sections of your site.
- More important links in a place where youre viewers will easily find them
- Don’t make your navigation too crowded by including lots of utility navigation links
- Main navigation links are clearly and consistently labeled
- Navigation is easy to use for target audience
- If an image, Flash, or DHTML is the main navigation, clear text links are in the footer section of the page (accessibility)
- Navigation is structured in an unordered list (when possible for accessibility)
- Navigation aids are used when necessary (accessibility)
- Site map
- Breadcrumbs
- All navigation hyperlinks "work" — are not broken