Project Management Pack Project Design Guidelines

Project Design Guidelines

The Project Management Pack suite of templates compliments the proposal and contract documents by giving you a collection of business documents to be used once you have a project to work on.

Category: Tips and Guidelines

Usage:

This document is a bullet point list of guidelines to consider when designing a project. Use these as suggestions only and determine if any are applicable to your own projects.

This document is found in the following products:

$297 Proposal Kit Pro
$147 Proposal Kit Standard

List of all 55 project management templates.

Compare these products side by side

Alternate and related documents are also listed if there are other templates similar in nature, on a different scale or which can be used to provide additional information.

A wide variety of documents are included and are intended to be picked based on your needs. All projects are different and have different needs and goals. Pick the collection of documents from our collection and use them as needed for your project. Recommendations and samples provided are only intended as general guidelines.

Project documents may also be referred to as a template, document, outline, boilerplate, letter, sample, form or example.

Additional search terms related to this document:

business, project, management, information, documents, templates, boilerplate, form, outline, text Project Design Guidelines Guidelines are only suggestions Use what works for you and the appropriate context and see your web development documentation for details where needed Use these guidelines starting point and add your own personal design guidelines follow for each project Refer the guidelines during each project ensure details not get missed. While the systems can get complex underneath they must still appear simple the surface The best designs are ones that are not noticed and not detract from the message the site. Background color that doesn obscure any text most successful sites use white background and black text. Put product pricing links pricing multiple locations Use VCARD vCard xxx tags appropriate input form fields the browser can automatically fill common form fields. Keep notes accounts user ids passwords font sizes PhotoShop effect settings filter settings etc you don forget when you back and maintain site. Keep all original graphics files for headers menus animations etc not use borders images most tables Display size all downloads such large images documents java applets executables etc. Don use alt tags visually unimportant images assist text readers and visually impaired users. Use standard fonts like Arial Helvetica using other fonts use them sparingly graphics. Use complementary color scheme Use Dreamweaver suggestions for complementary color schemes for text and backgrounds buy color wheel book color theory. Use page width using tables centered even smaller support WebTV Use pixel widths for pages intended printed. not make people scan left right with the bottom scroll bar with wide pages. you design Macintosh Linux test your pages using Windows Test with many browsers possible least use Netscape and Internet Explorer all major platforms. Use long and short pages the appropriate context Sometimes you hear that you should never have more than page text this more purist viewpoint Some content like articles pages designed printed etc should not broken into multiple pages Some marketers swear long sales letters and seems work Just remember know your audience and use each design needed Internet savvy users can easily deal with long pages beginners generally can. Spell check all text and read back for grammar Consider hiring professional editor edit your most important pages. Use WIDTH HEIGHT tags images make the text portion pages appear faster the browser Use keywords your URL links and domain names potentially improve search engine rankings. Automated tools like Wisebot and WebPosition can create doorway hallway and hook pages that can improve search engine rankings. Use 1x1 pixel hidden image file each page hide indexable links other pages improve search engine spidering the site. Add search CGI engine each large site optional Put URL all Word PDF documents and bottom each web page someone prints page let them know where came from. Put contact information every page website URL mail address postal address. Use image slicing large images with animated parts only animate the portions that actually change This will improve download time. All pages should use appropriate templates remain consistent Total size all graphics components page should 30kb less optimally with exceptions for important content pages Most pages should load seconds modem With exceptions for high content pages. Specify the exact pixel width all tables Add short descriptive title each page header depending site Use meta keyword description robot author tags Add credit card logos pricing ordering front page commercial site depending client Let people know commercial website and remove all obstacles from the purchase process. Create short titles consistent across the site someone bookmarks page this will make meaningful description. Optimize graphics with Fireworks ImageReady improve download time Use transparent GIF format for graphics others can use their site Your graphics will then look better other sites that use colored backgrounds. Text Body Arial font size don use sizes too small for main text for people poor eyesight Small text sizes can also too small read Macs. Headers Arial bold font size Use tables control text positioning white space not underline text not hyperlink Page header text should tags top page the navigation bar Search engines may rank text tags higher. Don upper case text harder read and the Internet equivalent shouting. Study the Web Style Guide for page and text layout and design guidelines. Keep blocks text within words long easier the eye than text that goes across entire page. Check spelling and grammar Try writing way that results 8th grade reading level lower when grammar checking with Microsoft Word spell checker Use short words place long words makes for easier reading for everyone.