Promote Education Web Design Things To Consider When Designing A Website

3,155 views

Published on

Published in: Technology, Design
0 Comments
0 Likes
Statistics
Notes
  • Be the first to comment

  • Be the first to like this

No Downloads
Views
Total views
3,155
On SlideShare
0
From Embeds
0
Number of Embeds
2
Actions
Shares
0
Downloads
27
Comments
0
Likes
0
Embeds 0
No embeds

No notes for slide

Promote Education Web Design Things To Consider When Designing A Website

  1. 1. Web Design: Things to Consider When Designing a Website Zoaib Mirza Promote Education www.promoteeducation.com
  2. 2. Topic of Discussion <ul><li>Using the World Wide Web </li></ul><ul><ul><li>What Is the Internet? </li></ul></ul><ul><ul><li>How to Search the Internet </li></ul></ul><ul><li>Making Webpages </li></ul><ul><ul><li>What Are Webpages Anyway? </li></ul></ul><ul><ul><li>Things to Know Before You Begin Your Site </li></ul></ul><ul><li>Design Issues on the Web </li></ul><ul><ul><li>Basic Design Principles for Nondesigners </li></ul></ul><ul><ul><li>Designing the Interface and Navigation </li></ul></ul><ul><ul><li>How to Recognize Good and Bad Design </li></ul></ul><ul><li>Color, Graphics and Type </li></ul><ul><ul><li>Color on the Web </li></ul></ul><ul><ul><li>Graphics Definition You Must Know </li></ul></ul><ul><ul><li>Typography on the Web </li></ul></ul><ul><li>You're Done - Now What? </li></ul><ul><ul><li>Test and Fix Your Website </li></ul></ul><ul><ul><li>How to Upload and Update Your Site </li></ul></ul><ul><ul><li>How and Why to Register Your Site </li></ul></ul>
  3. 3. Using the World Wide Web – What is the Web? <ul><li>Internet </li></ul><ul><li>Internet is a vast collection of computers all over the world that stores information and send it out. </li></ul><ul><li>Internet Service Provider (ISP) gives access to the internet. </li></ul><ul><ul><li>Examples of ISP are Comcast, AOL, MSN, Hotmail, ATT, Earthlink, Compuserve, etc. </li></ul></ul><ul><li>Modem </li></ul><ul><li>Is a device which connects public internet with your home computer. </li></ul>
  4. 4. Using the World Wide Web – What is the Web? <ul><li>Browser </li></ul><ul><li>A software which is used to see pages on the web. Example Internet Explorer, Firefox, Mozilla, Safari, Konqueror, Opera, Netscape, America Online. </li></ul><ul><li>Browser Statistics Month by Month - http://www.w3schools.com/browsers/browsers_stats.asp </li></ul><ul><li>Web address or url (uniform resource locator) </li></ul><ul><li>Address of a webpage into a browser. </li></ul><ul><li>Example http://www.depaul.edu/admission/index.asp </li></ul><ul><ul><li>http:// hypertext terminal protocol tell the browser that it will look for a webpage </li></ul></ul><ul><ul><li>www World Wide Web tell the browser that </li></ul></ul><ul><ul><li>depaul.edu is the domain name </li></ul></ul><ul><ul><li>admission/index.asp is a path telling the browser where to find the page </li></ul></ul>
  5. 5. Using the World Wide Web – What is the Web ? <ul><li>Details of the domain name </li></ul><ul><li>.biz – businesses </li></ul><ul><li>.com – commercial sites </li></ul><ul><li>.info – information sites similar to .com sites </li></ul><ul><li>.org – organizations, usually non-profits </li></ul><ul><li>.edu – educational, accredited post-secondary institutions only </li></ul><ul><li>.gov – government, United State government only </li></ul>
  6. 6. Using the World Wide Web – How to search the internet <ul><li>There are two basic kinds of search tools </li></ul><ul><ul><li>Search engines: example Google, Yahoo, Ask Jeeves, Altavista </li></ul></ul><ul><ul><li>Directories: group web pages into subject categories, example Yahoo directory, Google directory </li></ul></ul>
  7. 7. Making Webpages - What Are Webpages Anyway? <ul><li>Is a representation of a document which resides at a remote site </li></ul><ul><li>Basic language to create a webpage is HTML which stands for Hyper Text Markup Language </li></ul><ul><li>Pages can be created using a web authoring software packages </li></ul><ul><ul><li>Nvu </li></ul></ul><ul><ul><li>Adobe GoLive </li></ul></ul><ul><ul><li>Macromedia Dreamweaver </li></ul></ul><ul><ul><li>NetObjects Fusion </li></ul></ul><ul><ul><li>Microsoft Frontpage </li></ul></ul>
  8. 8. Making Webpages - What Are Webpages Anyway? <ul><li>A webpage generally consists of the following: </li></ul><ul><ul><li>Text </li></ul></ul><ul><ul><li>Color </li></ul></ul><ul><ul><ul><li>Background </li></ul></ul></ul><ul><ul><ul><li>Text </li></ul></ul></ul><ul><ul><li>Links </li></ul></ul><ul><ul><ul><li>Internal Links </li></ul></ul></ul><ul><ul><ul><li>External Links </li></ul></ul></ul><ul><ul><ul><li>Email Links </li></ul></ul></ul><ul><ul><ul><li>Anchors </li></ul></ul></ul>
  9. 9. Making Webpages - What Are Webpages Anyway? <ul><ul><li>Graphics </li></ul></ul><ul><ul><li>Tables </li></ul></ul><ul><ul><ul><li>Absolute table width: if you set it to 400 pixel, the table size is fixed in the browser window </li></ul></ul></ul><ul><ul><ul><li>Relative table width: table will resize according to the size of the browser window </li></ul></ul></ul><ul><ul><li>Frames is a stationary part of a web page that stays put while you scroll through another part </li></ul></ul><ul><ul><ul><li>Table vs Frames </li></ul></ul></ul><ul><ul><ul><ul><li>http:// www.noipo.org/index.php?id =189 </li></ul></ul></ul></ul><ul><ul><ul><ul><li>http:// www.freewebmasterhelp.com/tutorials/framestables </li></ul></ul></ul></ul>
  10. 10. Making Webpages – Things to Know Before You Begin Your Site <ul><li>Organizing your files </li></ul><ul><li>Organizing by folders </li></ul><ul><ul><li>Most smaller sites can be contained in one folder </li></ul></ul><ul><ul><li>Site with 30 or 40 files which graphics, sounds, animation should have subfolders based on the navigation and content </li></ul></ul><ul><li>Naming your files </li></ul><ul><li>Use all lowercase letters </li></ul><ul><li>Use only letters or number no special characters </li></ul><ul><li>Never use a space </li></ul>
  11. 11. Making Webpages – Things to Know Before You Begin Your Site <ul><li>All webpage must end in extensions like *.htm, *.html, *,asp, *.aspx </li></ul><ul><li>Keep filename as short as possible </li></ul><ul><li>Example </li></ul><ul><ul><li>Index.html </li></ul></ul><ul><ul><li>Contact.html </li></ul></ul><ul><li>Organizing by name </li></ul><ul><li>Add a title to the start of each filename so that it can describe its type </li></ul><ul><li>Example </li></ul><ul><ul><li>workshop.html is a webpage </li></ul></ul><ul><ul><li>worktitle.gif, workhead.gif,workbkg.gif are picture files </li></ul></ul>
  12. 12. Making Webpages – Things to Know Before You Begin Your Site <ul><li>Saving and titling pages </li></ul><ul><li>Save each page and assign it a name example first page is saved as index.html or default.html </li></ul><ul><li>Assign a title to each page </li></ul><ul><ul><li>This is different from naming the page </li></ul></ul><ul><ul><li>The title is the text which appears in the title bar of the window </li></ul></ul>
  13. 13. Making Webpages – Things to Know Before You Begin Your Site <ul><li>Server </li></ul><ul><li>Webpages are hosted (stored) in server </li></ul><ul><li>Server is a computer connected to the internet which allows webpages to be viewed through a browser </li></ul><ul><li>Example </li></ul><ul><ul><li>Godaddy a webhosting company provides server space </li></ul></ul><ul><ul><li>A domain name (web address) is bought by the company example www.promoteeducation.com </li></ul></ul><ul><ul><li>No account holders of the company can have the same domain name. It is unique and cannot be duplicated </li></ul></ul><ul><ul><li>Go to http://www.godaddy.com and type in a domain name under “Domain Name Search&quot; and then select the extension example .com, .org etc </li></ul></ul>
  14. 14. Making Webpages – Things to Know Before You Begin Your Site <ul><li>Planning Ahead </li></ul><ul><li>Your web audience </li></ul><ul><ul><li>Who is the target audience </li></ul></ul><ul><ul><li>What do I want the site to accomplish </li></ul></ul><ul><li>Making an outline </li></ul><ul><ul><li>Write an outline of the site </li></ul></ul><ul><ul><li>How does the client or you envision the site </li></ul></ul><ul><li>Collecting and storing material </li></ul><ul><ul><li>Collect all the content </li></ul></ul><ul><ul><li>Scan pictures, collect graphic files and text files </li></ul></ul><ul><ul><li>Create folders and subfolders and label it according to the type of the data. Example </li></ul></ul><ul><ul><ul><li>All images in a folder named images </li></ul></ul></ul><ul><ul><ul><li>All the text files about About Us section in a folder name AboutUs </li></ul></ul></ul>
  15. 15. Design Issues on the Web - Basic Design Principles for Nondesigners <ul><li>Alignment </li></ul><ul><li>Items on the page should be lined up with each other </li></ul><ul><li>Choose one alignment and use it on the entire page </li></ul><ul><li>Beginning designers should avoid centering everything </li></ul>
  16. 16. Design Issues on the Web - Basic Design Principles for Nondesigners
  17. 17. Design Issues on the Web - Basic Design Principles for Nondesigners <ul><li>Proximity </li></ul><ul><li>Refers to the relationships that items develop when they are close together, in close proximity </li></ul><ul><li>Items physically far from each other do not have a relationship </li></ul><ul><li>Heading, pictures and text should be well in proximity with each other </li></ul>
  18. 18. Design Issues on the Web - Basic Design Principles for Nondesigners
  19. 19. Design Issues on the Web - Basic Design Principles for Nondesigners <ul><li>Repetition </li></ul><ul><li>There are certain elements in websites which are repeated. Example </li></ul><ul><ul><li>Navigation buttons, color, style illustration, layout, typography which unifies the entire site </li></ul></ul><ul><li>The visitors do not have to learn their way around on every new page </li></ul>
  20. 20. Design Issues on the Web - Basic Design Principles for Nondesigners
  21. 21. Design Issues on the Web - Basic Design Principles for Nondesigners
  22. 22. Design Issues on the Web - Basic Design Principles for Nondesigners <ul><li>Contrast </li></ul><ul><li>Contrasts draws your eye into a page, it pulls you </li></ul><ul><li>Contrasting elements guide your eyes around the page, create a hierarchy of information, and enable you to skim through the vast array of information and pick out what you need </li></ul><ul><li>Create a focal point </li></ul><ul><ul><li>There must be a dominating force and the other elements follow a hierarchy from that point down, this focus is created through contrast </li></ul></ul><ul><ul><li>Contrast helps to define what is important </li></ul></ul>
  23. 23. Design Issues on the Web - Basic Design Principles for Nondesigners
  24. 24. Design Issues on the Web - Designing the Interface and Navigation <ul><li>Interface Design </li></ul><ul><li>A good website design begins with a good site plan </li></ul><ul><li>For the initial phase keep the plan simple </li></ul><ul><li>Plan to make a list of the information to be included in the site </li></ul><ul><li>Make sketches on paper and creates mock up of how you want to organize the information </li></ul><ul><ul><li>Users do not like to scroll </li></ul></ul><ul><li>Create a site map / chart of the web pages </li></ul>
  25. 25. Design Issues on the Web - Designing the Interface and Navigation Home Page 1 Page 2 Page 3 Page 1.1 Page 1.2
  26. 26. Design Issues on the Web - Designing the Interface and Navigation <ul><li>Use horizontal format because most of the monitors used are wider than they are tall </li></ul><ul><li>Some of the display area is occupied by the browser toolbar which mean that live area of a web page is even more horizontal that the monitor itself </li></ul><ul><li>Set the resolution of the web site to be 800 x 600 so that all the users can view the </li></ul><ul><li>Most commonly used layout are </li></ul><ul><ul><li>Two Column Layout </li></ul></ul><ul><ul><li>Three Colum Layout </li></ul></ul>
  27. 27. Design Issues on the Web - Designing the Interface and Navigation
  28. 28. Design Issues on the Web - Designing the Interface and Navigation <ul><li>Navigation Design </li></ul><ul><li>Design a navigation schema and keep it simple </li></ul><ul><ul><li>navigation bar across the top </li></ul></ul><ul><ul><li>a navigation bar on the left (the two most common styles), </li></ul></ul><ul><ul><li>an image map (an image divided into separate links to other pages) </li></ul></ul><ul><li>A user should be able to reach the desired page within three clicks </li></ul>
  29. 29. Design Issues on the Web - Designing the Interface and Navigation <ul><li>navigation bar across the top </li></ul><ul><li>a navigation bar on the left (the two most common styles) </li></ul>
  30. 30. Design Issues on the Web - Designing the Interface and Navigation <ul><li>an image map (an image divided into separate links to other pages) </li></ul>
  31. 31. Design Issues on the Web - Designing the Interface and Navigation <ul><li>Create an index/site map of the website so that people can find what they are looking for easily on your web site </li></ul>
  32. 32. Design Issues on the Web - Designing the Interface and Navigation <ul><li>Select navigation colors to match your website but make sure to keep the text/icons consistent and repeat it so that visitors do not get confuse </li></ul>
  33. 33. Design Issues on the Web - Designing the Interface and Navigation <ul><li>Check your links and test the navigation </li></ul><ul><ul><li>Internal or local links within the site </li></ul></ul><ul><ul><ul><li>This applies when you have depth of information within broader areas. </li></ul></ul></ul><ul><ul><li>External or remote links to someone else's site </li></ul></ul>
  34. 34. Using the World Wide Web – How to Recognize Good and Bad Design <ul><li>Bad Design </li></ul><ul><li>Check the links on your site, do not leave any broken links </li></ul><ul><li>Site should be viewable in standard browser, do not ask the visitor to set pixel width or what font size to set as text default </li></ul><ul><li>Do not use big fonts, unattractive colors and big buttons with long text </li></ul><ul><li>Avoid using Pop Ups </li></ul><ul><li>Do not use huge flash intro screen </li></ul><ul><li>Horizontal scrolling annoys user </li></ul>
  35. 35. Using the World Wide Web – How to Recognize Good and Bad Design <ul><li>Slow load time problems by not using too many graphics, animations and pictures </li></ul><ul><li>Poor spelling </li></ul><ul><li>Avoid lots of moving things </li></ul><ul><ul><li>Banners flashing </li></ul></ul><ul><ul><li>Graphics twirling </li></ul></ul><ul><ul><li>Words scrolling, with a string of fireworks chasing your mouse pointer </li></ul></ul><ul><li>Do not use plenty of music, it annoys the visitor every time he visits </li></ul><ul><li>The site should have contact information </li></ul>
  36. 36. Using the World Wide Web – How to Recognize Good and Bad Design <ul><li>Good Design </li></ul><ul><li>Resolution </li></ul><ul><ul><li>A site should be viewable on all monitors. Keep the site resolution to 800 x 600 </li></ul></ul><ul><li>Font </li></ul><ul><ul><li>Size should be not bigger than 12 </li></ul></ul><ul><ul><li>Most commonly used fonts are </li></ul></ul><ul><ul><ul><li>Time New Romans </li></ul></ul></ul><ul><ul><ul><li>Ariel </li></ul></ul></ul><ul><ul><ul><li>Verdana </li></ul></ul></ul>
  37. 37. Using the World Wide Web – How to Recognize Good and Bad Design <ul><li>Color </li></ul><ul><ul><li>The color contrast should not have more than 3 colors </li></ul></ul><ul><ul><li>The font color should be consistent in the entire site and should not be more than 2 colors </li></ul></ul><ul><li>Ease of Navigation </li></ul><ul><ul><li>Should be consistent and obvious so that the visitors do not have to spend much time to figure out the navigation </li></ul></ul><ul><li>Load Time </li></ul><ul><ul><li>A page should load up in seconds. Do not use heavy graphics, pictures and animation </li></ul></ul><ul><li>Browser Compatible </li></ul><ul><ul><li>The site should be compatible in all mostly used browsers </li></ul></ul><ul><ul><li>Most common browser are Internet Explorer and Firefox </li></ul></ul>
  38. 38. Color, Graphics and Type - Color on the Web <ul><li>The aesthetics of color </li></ul><ul><li>The color chosen should create an overall feeling and personality on the site </li></ul><ul><li>Text should always have a good contrast between the type color and the background color </li></ul><ul><li>For a commercial site do not use your competitors color schema </li></ul><ul><li>RGB Color </li></ul><ul><li>RGB stands for Red, Green and Blue. </li></ul><ul><li>Monitors create their images on the screen by emitting red, green, and blue light </li></ul><ul><li>Each color has a Hex value </li></ul><ul><li>Example Black has a Hex code of 00,00,00 </li></ul>
  39. 39. Color, Graphics and Type – Graphics Definition You Must Know <ul><li>File Formats </li></ul><ul><li>GIF – graphical interface format </li></ul><ul><ul><li>Cross platform meaning that all computers can view them </li></ul></ul><ul><ul><li>Are compressed make a file smaller in file size </li></ul></ul><ul><ul><li>Best used for logos, text as graphics, cartoons etc </li></ul></ul><ul><li>JPEG – Joint Photographic Experts Group </li></ul><ul><ul><li>Like GIF they are cross platform and compressed </li></ul></ul><ul><ul><li>But in the process of compression it removes data from the graphic image to make the file size smaller </li></ul></ul><ul><ul><li>Best used for photographs </li></ul></ul>
  40. 40. Color, Graphics and Type – Typography on the Web <ul><li>Legibility </li></ul><ul><li>The text, buttons, headlines, signs etc should be easy to recognize </li></ul><ul><ul><li>Do not use all caps </li></ul></ul><ul><ul><li>Use and design graphics which are easy to read </li></ul></ul><ul><li>Readability </li></ul><ul><li>The text should be readable, some guidelines </li></ul><ul><ul><li>Use a font which is easy to read like Sans Serif </li></ul></ul><ul><ul><li>Font size should not be too big, not bigger than 14-18 points </li></ul></ul><ul><ul><li>Font size should not be too small, not below 8-10 point size </li></ul></ul><ul><ul><li>Never set large amount of text in bold, italic, all caps, small caps, scripts etc. </li></ul></ul>
  41. 41. Color, Graphics and Type – Typography on the Web <ul><ul><li>Avoid very long line of text, long lines make it difficult for the reader’s eye to find the beginning of next line on the screen </li></ul></ul><ul><ul><li>Contrast between the text and the background, black text on a white background is the best </li></ul></ul><ul><li>Breaking typographic rules </li></ul><ul><li>Be conscious </li></ul><ul><ul><li>If it is hard to read then change the font type </li></ul></ul><ul><li>Page text as a graphics </li></ul><ul><ul><li>Text as graphics is workable but is not traced by search engines </li></ul></ul><ul><ul><li>It is more time consuming to revise or update </li></ul></ul>
  42. 42. Color, Graphics and Type – Typography on the Web <ul><li>Use Cascading Style Sheet </li></ul><ul><ul><li>Style Sheets in any program allow you to apply consistent formatting of text to the entire web pages </li></ul></ul><ul><ul><li>Cascading refers to how style sheets are implemented </li></ul></ul>
  43. 43. You're Done - Now What? Test and Fix Your Website <ul><li>Site Management Software </li></ul><ul><ul><li>FrontPage </li></ul></ul><ul><ul><li>Dream weaver </li></ul></ul><ul><ul><li>Adobe Go Live </li></ul></ul><ul><li>Testing you site </li></ul><ul><ul><li>Before uploading the site to the world it is important to check how the site works </li></ul></ul><ul><ul><li>Open the first page and test the links to all the other pages </li></ul></ul><ul><ul><li>Check all the sites offline using a browser </li></ul></ul>
  44. 44. You're Done - Now What? Test and Fix Your Website <ul><ul><li>Watch someone else browse your site </li></ul></ul><ul><ul><li>Different browsers will give different looks </li></ul></ul><ul><li>Fixing your site </li></ul><ul><ul><li>Different browsers and HTML authoring software have different output </li></ul></ul><ul><ul><ul><li>Spacing problems </li></ul></ul></ul><ul><ul><ul><li>Table are out of whack </li></ul></ul></ul><ul><ul><ul><li>Graphics don’t appear </li></ul></ul></ul><ul><ul><ul><li>Page links don’t work </li></ul></ul></ul>
  45. 45. You're Done - Now What? - Test and Fix Your Website <ul><li>Fix it tips </li></ul><ul><ul><li>Biggest problem is to add spaces where you want it and in the amount you want </li></ul></ul><ul><ul><ul><li>Create a CSS file and specify how many pixels you need between line </li></ul></ul></ul><ul><ul><ul><li>Insert transparent gifs between two items, then specify its width or height to the number of pixel you want </li></ul></ul></ul><ul><ul><ul><ul><li>This tip is mostly used in website development </li></ul></ul></ul></ul><ul><ul><ul><li>Add extra characters like periods and then hide them the same color as the background </li></ul></ul></ul>
  46. 46. You're Done - Now What? - How to Upload and Update Your Site <ul><li>Gather all your files which will be send to the service provider. Make sure to remember the following points </li></ul><ul><ul><li>Send every file you site needs </li></ul></ul><ul><ul><li>Don’t send any files your site doesn't need </li></ul></ul><ul><ul><li>Make sure all your files are named properly </li></ul></ul><ul><ul><ul><li>Every file should have an extension </li></ul></ul></ul><ul><ul><ul><li>Never use a space in a file or folder name </li></ul></ul></ul>
  47. 47. You're Done - Now What? - How to Upload and Update Your Site <ul><li>Uploading files </li></ul><ul><ul><li>Get software for uploading files </li></ul></ul><ul><ul><li>Ask your provider or hot for your FTP (File transfer Protocol) information </li></ul></ul><ul><ul><ul><li>Host name – ftp.domain.com or string of numbers </li></ul></ul></ul><ul><ul><ul><li>Host type – window or unix </li></ul></ul></ul><ul><ul><ul><li>User id </li></ul></ul></ul><ul><ul><ul><li>Password </li></ul></ul></ul><ul><ul><ul><li>Directory path – where you site will be stored </li></ul></ul></ul>
  48. 48. You're Done - Now What? - How to Upload and Update Your Site <ul><li>Test your site online as soon as it goes online </li></ul><ul><ul><li>Make note of want went wrong in the browser </li></ul></ul><ul><ul><li>Make changes to the file using a web authoring software </li></ul></ul>
  49. 49. You're Done - Now What? - How and Why to Register Your Site <ul><li>Search Tools </li></ul><ul><ul><li>Pay a service on the web to enter your URL in many search engines and directories at once </li></ul></ul><ul><ul><ul><li>Google </li></ul></ul></ul><ul><ul><ul><li>Yahoo </li></ul></ul></ul><ul><ul><ul><li>Beaucoup </li></ul></ul></ul><ul><ul><ul><li>Search.com </li></ul></ul></ul><ul><ul><li>Go to Altavista: www.altavista.com and in the edit box enter link:yourdomain.com </li></ul></ul>
  50. 50. You're Done - Now What? - How and Why to Register Your Site <ul><li>What search tools look for </li></ul><ul><ul><li>Title of your page </li></ul></ul><ul><ul><li>First paragraph of your home page </li></ul></ul><ul><ul><li>Meta tags </li></ul></ul>
  51. 51. Additional Reading <ul><li>Basics of Web Design </li></ul><ul><ul><li>Customer: http://www.compasstechnologies.net/design-methodology.htm </li></ul></ul><ul><ul><li>IBM - http://www-03.ibm.com/easy/page/572 </li></ul></ul><ul><ul><li>Web Hosting - http://www.w3schools.com/hosting/default.asp </li></ul></ul><ul><li>Design Principles </li></ul><ul><ul><li>http:// dragon.ep.usm.edu/~yuen/WBLISS/webpage/design.htm </li></ul></ul>
  52. 52. Bibliography and References <ul><li>The Non Designer's Web Book, 3 rd Edition, Robin William & John Tollett </li></ul><ul><li>Navigation </li></ul><ul><ul><li>http://www.partdigital.com/tutorials/interface/ </li></ul></ul><ul><ul><li>http://www.07hosting.com/articles/15/1/How-to-Create-an-Effective-Site-Navigation-Structure </li></ul></ul><ul><li>Bad Design </li></ul><ul><ul><li>http://www.fenclwebdesign.com/bad-design.htm </li></ul></ul><ul><ul><li>http://www.ratz.com/featuresbad.html </li></ul></ul>
  53. 53. Bibliography and References <ul><li>Usability </li></ul><ul><ul><li>http://www.nngroup.com/events/tutorials/usability.html </li></ul></ul><ul><li>Color Codes </li></ul><ul><ul><li>http://www.pitt.edu/~nisg/cis/web/cgi/rgb.html </li></ul></ul>

×