SNS Quality Control - snssystem

WEBDESIGN REVIEW CHECKLIST

Purpose

Are you a web designer or developer looking to deliver quality web sites? Feel free to use these check list, regardless of the technical approach to the project. We are working on this list on weekly basis, so please keep visiting us to get latest web check list?

Effective web checklist review helps catch errors not only in code, but in the website itself. Delivering a good responsive website costs time and money along with making customers happy.

To that aim, the review checklist should be completed by developers and testers to ensure accuracy, clarity, and consistency within each webpage.

How to Use this checklist

Here are some tips for using this checklist and completing the review.

Customize the Checklist

Not all the line items mentioned in the checklist will apply to your specific website needs. You can also customize the checklist items as per your requirement to capture any specific feedback and improve the overall performance.

Prepare Your Testers

Use this checklist in a technical review meeting to capture changes as the group and discusses them. Send the checklist to individual reviewers along with a deadline.

How do you optimize a mobile site to work as well as implementing a responsive design? You must ask yourself a few questions before reaching your final goal.

Step By Step Website Development –Check List

Section Checklist Y N
Overview
Know what you are doing?
Know what the site needs to do?
Know what the site’s visitors want?
Get a good picture of the personality and style for the web site
Sketch out highly successful scenarios
Organize views into a site map and map your visitors’ attention
Check Context
Ensure No Test Content on Site
Development Process
Information Gathering
Planning
Design
Development
Testing and Delivery
Maintenance
Graphics Design
Logo Design
Layout Design and Presented
Never ever touch logo unless client asks. Logo is company identity; logo cannot be changed at any cost unless we are building site from scratch.
Consistent site header and logo

 

 
Development/Page Layout
Logo Design
Consistent navigation area
Informative page title that includes the company/organization/site name
Page footer area — copyright, last update, contact e-mail address
Good use of basic design principles: repetition, contrast, proximity, and alignment
Displays website in higher resolutions Balance of text/graphics/white space on page
Good contrast between text and background
Home page downloads within 10 seconds on dial-up connection
Good images with high quality.
Typography and Layout Proof Read
Navigation
Main navigation links are clearly and consistently labeled
Navigation Navigation is easy to use for target audience
All navigation hyperlinks "work" — are not broken
Color and Graphics
Use of different colors in page backgrounds/text is limited to a maximum of three or four 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
Multimedia
Each audio/video/Flash file used serves a clear purpose
The audio/video/Flash files used enhance rather than distract from the site
Content
Degree of separation between content and presentation
Does the site use CSS for all presentation aspects (fonts, colour, padding, borders etc)?
Are all decorative images in the CSS, or do they appear in the (X)HTML?
Unique content, presented in an exciting, straightforward manner
Regularly update content
Break content up with headings, captions, images, videos
Allow user interaction
Common fonts such as Arial or Times New Roman are used
Techniques of writing for the Web are used: headings, bullet points, short sentences in short paragraphs, use of white space, etc.
Fonts, font sizes, and font colors are consistently used
Content provides meaningful, useful information
Content is organized in a consistent manner
Information is easy to find
Content does not include outdated material
Content provides links to other useful sites
Browser Compatibility
Avoids the use of "Click here" when writing text for hyperlinks
Check all ‘Hidden Copy’
Displays on popular versions of Internet Explorer (7+)
Displays on popular versions of FireFox (3+)
Displays on popular versions of Opera (9+)
Display on popular versions of Safari (both Mac and Windows)
Website Optimization/Standards
Mobile Device
Site Speed
CSS, minimal use of tables
Validate website’s CSS/XHTML
Java Script
Optimize page size (images, content, video, audio)
Clean code for updating/multiple programmers
Scripts placed near bottom of page code
SEO friendly
RSS Link
Functionality
All internal hyperlinks work
All internal hyperlinks work
All forms function as expected
No JavaScript errors are generated
Search Engine Optimization
Successful SEO in a Nutshell
Working with good keywords, meta tags and titles
Being Search Engine-Friendly
Avoiding Being Banned by Search Engines
Getting Listed
Creating an Ongoing Links Campaign
XML Site map
Analytics Tracking
Transactional Email Delivery
Start Blogging , Social Media Properties and Press Release
Social Bookmarks
Directories
Add Website to Email Signature
Sitemap
Frequently Update
Check for Errors
Website Maintenance
Add Link Exchanges
Check for Bad Links
Test Website (Daily)
Keyword Review and Update
Admins should get email when site error happens
Graceful Degridation
Check Link Popularity
Review Web Standards and apply
Check Site Statistics
Add New Content
Check Links
Validate Code
Re-Submit Site to Search Engines
Check Web Page Descriptions
Check Web Page Titles
Review Meta Tag Standards and Update
Review Top Searches from Search Engines (potential new content ideas)
GLOBAL greenirect is key -- If we are converting any old site to new site -- WE MUST make sure all old URL are still working
Quality of code
Does the site use a correct Doctype?
Does the site use a Character set?
Does the site use Valid (X) HTML?
Does the site use Valid CSS?
Does the site use any CSS hacks?
Does the site use unnecessary classes or ids?
Is the code well structugreen?
Does the site have any broken links?
How does the site perform in terms of speed/page size?
Does the site have JavaScript errors?
Are “alt” attributes used for all descriptive images?
Accessibility for users
Does the site use relative units rather than absolute units for text size?
Do any aspects of the layout break if font size is increased?
Does the site use visible skip menus?
Does the site use accessible forms?
Does the site use accessible tables?
Is there sufficient color brightness/contrasts?
Is color alone used for critical information?
Is there delayed responsiveness for dropdown menus (for users with greenuced motor skills)?
Are all links descriptive (for blind users)?
Accessibility for device
Does the site work acceptably across modern and older browsers?
Is the content accessible with CSS switched off or not supported?
Is the content accessible with images switched off or not supported?
Does the site work in text browsers such as Lynx?
Does the site work well when printed?
Does the site work well in Hand Held devices?
Does the site include detailed metadata?
Does the site work well in a range of browser window sizes?
Basic Usability
Is there a clear visual hierarchy?
Are heading levels easy to distinguish?
Is the site’s navigation easy to understand?
Is the site’s navigation consistent?
Does the site use consistent and appropriate language?
Does the site have a sitemap page and contact page? Are they easy to find?
For large sites, is there a search tool?
Is there a link to the home page on every page in the site?
Are links underlined?
Are visited links clearly defined?
Site management
Does the site have a meaningful and helpful 404 error page that works from any depth in the site?
Does the site use friendly URLs?
Do your URLs work without “www”?
Does the site have a favicon?

Popup With "Hinge" Close Effect

Find this effect from RokCandy = [popup-hinge]

Mailing Address

{mosmap width='100%'|height='250'|lat='-6.194486'|lon='106.823072'|zoom='16'|mapType='Normal'|showMaptype='0'|tooltip='DWO'|marker='2'|align='right'}
  • Grand Indonesia Mall - MH. Thamrin Street No. 1 - Jakarta - Indonesia
  • Mon – Fri, 8am – 5pm

Main Numbers

  • +(65) 812 864 111 2
  • +(65) 217 008 2
  • +(65) 210 444 3

3D Flip Vertical

Find this effect from RokCandy = [popup-3d-flip-vertical]

Zoom

Find this effect from RokCandy = [popup-zoom-in]

Newspaper

Find this effect from RokCandy = [popup-newspaper]

Horizontal Move

Find this effect from RokCandy = [popup-move-horizontal]

Move From Top

Find this effect from RokCandy = [popup-move-from-top]

3D Unfold

Find this effect from RokCandy = [popup-3d-unfold]

Zoom Out

Find this effect from RokCandy = [popup-zoom-out]

Just Me

Find this effect from RokCandy = [popup-just-me]

Mailing Address

{mosmap width='100%'|height='250'|lat='-6.194486'|lon='106.823072'|zoom='16'|mapType='Normal'|showMaptype='0'|tooltip='DWO'|marker='2'|align='right'}
  • Grand Indonesia Mall - MH. Thamrin Street No. 1 - Jakarta - Indonesia
  • Mon – Fri, 8am – 5pm

Main Numbers

  • +(65) 812 864 111 2
  • +(65) 217 008 2
  • +(65) 210 444 3