tag:blogger.com,1999:blog-66318765561713306592024-03-18T22:54:06.107-04:00Stuff...Bill Ehttp://www.blogger.com/profile/04336288176473597872noreply@blogger.comBlogger14125tag:blogger.com,1999:blog-6631876556171330659.post-60298134042774258802008-11-29T17:43:00.002-05:002008-11-29T17:43:45.462-05:00About Preceding Case Studies<span style="font-weight: bold;">Please note:</span><br />The preceding Case Studies are under copyright protection of the respective web sites. It is for academic purposes only that parts and images are copied into this blog for review.Bill Ehttp://www.blogger.com/profile/04336288176473597872noreply@blogger.com0tag:blogger.com,1999:blog-6631876556171330659.post-82030769655558825482008-11-28T02:17:00.068-05:002008-11-29T17:41:36.836-05:00Case Studies #12: intuitivesurgical.comThis Case Study is in regards to the website www.intuitivesurgical.com, a website for the company that manufactures the da Vinci Surgical System.<br /><br /><span style="font-weight: bold;">Navigation:</span><br />The primary navigation bar of the site is located on the left of the page. It is a darker gray from the background and stands out because of this. Small light gray dashed lines separate the links from each other.<br /><a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgHyIxu0FiAQmTHcJlkbdUsNXXuv4tzvhu2P3Omm5dC5vdAqtFJeOaYN-GcZ4vgqcqj6xI5GrIhqcO974KPBRahz3v1c5abTavRjWRBhSaNpyOKBncOpe1eJRAURVa1zLHZqd6xYSckZ1M/s1600-h/primary.JPG"><img style="margin: 0px auto 10px; display: block; text-align: center; cursor: pointer; width: 148px; height: 151px;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgHyIxu0FiAQmTHcJlkbdUsNXXuv4tzvhu2P3Omm5dC5vdAqtFJeOaYN-GcZ4vgqcqj6xI5GrIhqcO974KPBRahz3v1c5abTavRjWRBhSaNpyOKBncOpe1eJRAURVa1zLHZqd6xYSckZ1M/s320/primary.JPG" alt="" id="BLOGGER_PHOTO_ID_5274165173327402546" border="0" /></a>After clicking on a link, the primary navigation bar expands to show secondary navigation with additional links to relate content.<br /><a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj5kv6O0p2MhkUiSC7Hi6ycyNnE4gIHXY0xxl15uF3jMmNWTmcqdJU8LNfJO9VDqKKlJVO4JyB6UBXpbmX8wHdFSMVvgBAzFQa2p502XMIoVBlhKX3-VKw7tyyIpAwuGoItGArDn0D8TlU/s1600-h/secondary.JPG"><img style="margin: 0px auto 10px; display: block; text-align: center; cursor: pointer; width: 209px; height: 317px;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj5kv6O0p2MhkUiSC7Hi6ycyNnE4gIHXY0xxl15uF3jMmNWTmcqdJU8LNfJO9VDqKKlJVO4JyB6UBXpbmX8wHdFSMVvgBAzFQa2p502XMIoVBlhKX3-VKw7tyyIpAwuGoItGArDn0D8TlU/s320/secondary.JPG" alt="" id="BLOGGER_PHOTO_ID_5274165186792249970" border="0" /></a>At the bottom of the page are the common useful links found on many sites, such as “Terms of Use” and “Site Map”.<br /><a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj37UbtO8ExiTx5vmjc8hvGGJov1ZRYSSjlBjGoF9U3TGq7WYp3-7yDj-DII01XYOYZrylaewXH59aUycxkXVkVnvvdDZdy7BpmnnzAt98tHc7CJy6PcpO4DrAWaq3qtupG6y_nO9lmyAE/s1600-h/bottom+nav.JPG"><img style="margin: 0px auto 10px; display: block; text-align: center; cursor: pointer; width: 320px; height: 15px;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj37UbtO8ExiTx5vmjc8hvGGJov1ZRYSSjlBjGoF9U3TGq7WYp3-7yDj-DII01XYOYZrylaewXH59aUycxkXVkVnvvdDZdy7BpmnnzAt98tHc7CJy6PcpO4DrAWaq3qtupG6y_nO9lmyAE/s320/bottom+nav.JPG" alt="" id="BLOGGER_PHOTO_ID_5274165190293196674" border="0" /></a>This setup for the navigation allows users to quickly find information, as the links are all located in one location. That is, clicking on a primary navigation link opens up a secondary navigation bar directly below it. This limits the time spent by users looking for the new location of the secondary navigation and clicking the links.<br /><br /><span style="font-weight: bold;">Architecture:</span><br />The architecture of the site is set up so that content is divided into the main categories located in the primary navigation. Each category has a main page that is then connected to sub-pages in a common “tree” outline. (The main page sections off into the different categories, which each section off into sub-pages). This is because the site is designed to provide users with as much information as possible on the products offered by the company and the resources available to different visitors. For example, physicians visiting the site can navigate to “Physician Resources” and then click the link on their specialty (such as “Cardiac Surgery”) and obtain information on how the products improve efficiency and quality of cardiac surgeries. This arrangement quickly divides the content so that users can obtain only relevant information without having to search through an entire page of compiled content.<br /><br /><span style="font-weight: bold;">Content/Typography:</span><br />The content hierarchy is apparent through the use of bold letters, letter size, and letter color.<br /><br />Heading 1:<br /><a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjax1JVb_zrIdu8Tlr44gngWPEy0G-y4T77FQX6IfqMnScstkJo6iUJxI8EjxaYicL5JblWJaYMoj9SNBLo8Q9S6EjtxslRc82WsnA7y6YS_PmUp1b43p88dN6-5KUhvvHrHk7SwA1258E/s1600-h/h1.JPG"><img style="margin: 0px auto 10px; display: block; text-align: center; cursor: pointer; width: 180px; height: 20px;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjax1JVb_zrIdu8Tlr44gngWPEy0G-y4T77FQX6IfqMnScstkJo6iUJxI8EjxaYicL5JblWJaYMoj9SNBLo8Q9S6EjtxslRc82WsnA7y6YS_PmUp1b43p88dN6-5KUhvvHrHk7SwA1258E/s320/h1.JPG" alt="" id="BLOGGER_PHOTO_ID_5274167164976437890" border="0" /></a>Large dark gray bold font, used as titles for content.<br /><br />Heading 2:<br /><a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjPlBcsTx_b3Kzq7xs0Pps4xifLOuUwMfMUee15D64va5_MByNH-X0PWtiZpadw5aSND-YYSNrVXdqaPR4xw6qiD8aa0aENdWWGxY3-SR63R8ZHHavQClwfshCEvdwIK-YDJH4OviJO604/s1600-h/h2.JPG"><img style="margin: 0px auto 10px; display: block; text-align: center; cursor: pointer; width: 110px; height: 19px;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjPlBcsTx_b3Kzq7xs0Pps4xifLOuUwMfMUee15D64va5_MByNH-X0PWtiZpadw5aSND-YYSNrVXdqaPR4xw6qiD8aa0aENdWWGxY3-SR63R8ZHHavQClwfshCEvdwIK-YDJH4OviJO604/s320/h2.JPG" alt="" id="BLOGGER_PHOTO_ID_5274167164561113554" border="0" /></a>Medium gray font, used sub-headings.<br /><br />Heading 3:<br /><a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjC1fHlJ8fQEKNJBesMaI5-EoIdX1VNsOs6TSlZvNdwiLT8UYFLcoMFnSSULVTdy7RItAE03qE6y9TcHxWrI1dnpPL49h_Oa4lxflVRsKoOqvgoZL2FQUBFv8r9k776NQNu3qOD0OepqpE/s1600-h/h3.JPG"><img style="margin: 0px auto 10px; display: block; text-align: center; cursor: pointer; width: 108px; height: 21px;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjC1fHlJ8fQEKNJBesMaI5-EoIdX1VNsOs6TSlZvNdwiLT8UYFLcoMFnSSULVTdy7RItAE03qE6y9TcHxWrI1dnpPL49h_Oa4lxflVRsKoOqvgoZL2FQUBFv8r9k776NQNu3qOD0OepqpE/s320/h3.JPG" alt="" id="BLOGGER_PHOTO_ID_5274167168984876290" border="0" /></a>Small blue font, used for links.<br /><br />Paragraph:<br /><a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhHIpl55BecpvqAcV2_uoZ1Gbvd20nefjeqoprzCDcW-oGcPVKVTRbPew3gOpnNp0NWXtEnbtBVZDzaGieY9iXQMfLcRTcSbaBN00_ti16qOSkGVIqoJa5JmmC98-JGNkuaSI4V7jhSc1Q/s1600-h/paragraph.JPG"><img style="margin: 0px auto 10px; display: block; text-align: center; cursor: pointer; width: 320px; height: 63px;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhHIpl55BecpvqAcV2_uoZ1Gbvd20nefjeqoprzCDcW-oGcPVKVTRbPew3gOpnNp0NWXtEnbtBVZDzaGieY9iXQMfLcRTcSbaBN00_ti16qOSkGVIqoJa5JmmC98-JGNkuaSI4V7jhSc1Q/s320/paragraph.JPG" alt="" id="BLOGGER_PHOTO_ID_5274167485749076754" border="0" /></a>Small dark gray font, used for content and information requiring sentences and paragraphs.<br /><br />The content on the page is organized in paragraph form, with some information in bulleted format. This allows users to obtain all of the relevant information and to scan the headlines for specific information. This organization works for the company’s site as the products they are offering are highly sophisticated, and most visitors to the site are looking for technical details and specifics about the products. Paragraph and bullet format are the best way to get large amounts of information across to the user.<br /><a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEihfL6YZO5qyL8AomkjIIWf8n2ZH4SMYksTvwbQhgRg8QmS-cRM7cpW3B6FFbvzzOpwSENj9x5ZliFFExWALw3tGSlMxZIXigc49U-6A1KX-zBnHM2SHUHZ6FQS6v5b_Q-5WhDBU8empUc/s1600-h/paragraph+form.JPG"><img style="margin: 0px auto 10px; display: block; text-align: center; cursor: pointer; width: 320px; height: 315px;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEihfL6YZO5qyL8AomkjIIWf8n2ZH4SMYksTvwbQhgRg8QmS-cRM7cpW3B6FFbvzzOpwSENj9x5ZliFFExWALw3tGSlMxZIXigc49U-6A1KX-zBnHM2SHUHZ6FQS6v5b_Q-5WhDBU8empUc/s320/paragraph+form.JPG" alt="" id="BLOGGER_PHOTO_ID_5274167168657391570" border="0" /></a><a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiSlrjzC_PDBJnrWiL7rFozgrrTg1EVYKKGndaYvGiy9S0AAEgW2z7ytyklpwNv2mY4XCD72oFqADfPVkTG2kppZ_sjgpYEmiX6yNcadIY72djuDmuPKFe8psQII4AdJsRcaV34IDPFahM/s1600-h/bullet+form.JPG"><img style="margin: 0px auto 10px; display: block; text-align: center; cursor: pointer; width: 320px; height: 250px;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiSlrjzC_PDBJnrWiL7rFozgrrTg1EVYKKGndaYvGiy9S0AAEgW2z7ytyklpwNv2mY4XCD72oFqADfPVkTG2kppZ_sjgpYEmiX6yNcadIY72djuDmuPKFe8psQII4AdJsRcaV34IDPFahM/s320/bullet+form.JPG" alt="" id="BLOGGER_PHOTO_ID_5274167171370091970" border="0" /></a>The width of the content area on the page is much smaller than the full site, as this allows users to quickly read the paragraphs line-by-line without losing their place when looking for the next line.<br /><a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg5nfIr03VVHxfYKxnrrsr335xFRpiA96wL9vOM61ruCVg2clOwLPyvgrEQ03IvuB6exK8YzQ5XEAWriDq5LVABnjN0StWgs0pKX-q5sa1d4QAf24gtgNPvT7Q8UWUdenLI_2VHhc0AHaE/s1600-h/width+layout.JPG"><img style="margin: 0px auto 10px; display: block; text-align: center; cursor: pointer; width: 320px; height: 96px;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg5nfIr03VVHxfYKxnrrsr335xFRpiA96wL9vOM61ruCVg2clOwLPyvgrEQ03IvuB6exK8YzQ5XEAWriDq5LVABnjN0StWgs0pKX-q5sa1d4QAf24gtgNPvT7Q8UWUdenLI_2VHhc0AHaE/s320/width+layout.JPG" alt="" id="BLOGGER_PHOTO_ID_5274167227382386834" border="0" /></a><br /><span style="font-weight: bold;">Grid/Structure:</span><br />The structure of the homepage for the site is in a grid format. This allows more information to be viewed on one page and the layout of the information to be customized.<br /><a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEibGbipe_OC92jihNkVtDYr_87wz-OGVdAiDyAe5zXypMPJDS1MI_yYNUZJXRBdS-39VTBkxbc1nIJ8tXSf82eu5dMYxjGGKWcMwiTynTPysI9CScKxlCqpZHq9ciNYo1VBpA_qDdJGO84/s1600-h/grid+structure.JPG"><img style="margin: 0px auto 10px; display: block; text-align: center; cursor: pointer; width: 320px; height: 257px;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEibGbipe_OC92jihNkVtDYr_87wz-OGVdAiDyAe5zXypMPJDS1MI_yYNUZJXRBdS-39VTBkxbc1nIJ8tXSf82eu5dMYxjGGKWcMwiTynTPysI9CScKxlCqpZHq9ciNYo1VBpA_qDdJGO84/s320/grid+structure.JPG" alt="" id="BLOGGER_PHOTO_ID_5274171040258610770" border="0" /></a>The structure of the content pages on the site consist of an upper row, containing the banner, and two columns. The left column contains the navigation and links, while the right column contains the content and information.<br /><a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjq2rN-XmPZU87aSuznTWCvmt3N2hgJpWBbByjK23GEhTwRExOpY7pz-7Uy2m7PD4mCqUIkrReHGVkdXRH3OqMWpmxgmsiMrxNVg8WmWSk7FxL7DaeOLcaT2rJEF6IU6w1mtZq95gf8JYY/s1600-h/column+structure.JPG"><img style="margin: 0px auto 10px; display: block; text-align: center; cursor: pointer; width: 320px; height: 246px;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjq2rN-XmPZU87aSuznTWCvmt3N2hgJpWBbByjK23GEhTwRExOpY7pz-7Uy2m7PD4mCqUIkrReHGVkdXRH3OqMWpmxgmsiMrxNVg8WmWSk7FxL7DaeOLcaT2rJEF6IU6w1mtZq95gf8JYY/s320/column+structure.JPG" alt="" id="BLOGGER_PHOTO_ID_5274171036830589906" border="0" /></a><br />This layout allows users to quickly find the navigation links and to separate navigation from content.<br /><br /><span style="font-weight: bold;">Iconography/Imagery:</span><br />The site uses six icons to help users navigate the site more effectively. These icons are:<br /><a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjhjQB-YTmt5jqHCCVQpHznQeAOs_ppsDJbtuKegyMrXiXZPSiiCOu7WSsfae_YGEJtCk6X7Vm_Yj34gSTCBITVokFjLabS6sGZZYXiSkv5gH_ePtae7k55YHsx0oMvxXv1Pr8tkoXrVjs/s1600-h/icon+search.JPG"><img style="margin: 0px auto 10px; display: block; text-align: center; cursor: pointer; width: 23px; height: 22px;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjhjQB-YTmt5jqHCCVQpHznQeAOs_ppsDJbtuKegyMrXiXZPSiiCOu7WSsfae_YGEJtCk6X7Vm_Yj34gSTCBITVokFjLabS6sGZZYXiSkv5gH_ePtae7k55YHsx0oMvxXv1Pr8tkoXrVjs/s320/icon+search.JPG" alt="" id="BLOGGER_PHOTO_ID_5274206592175964946" border="0" /></a>Search icon.<br /><a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjGOhYAGpk5hU0zhuwlkA36yEFbqkY9W_tPlNuvU1a2m_3-9BSngZoADVd0vIjxXo75QwGEaS5Qt3Yf-Cq8MR-j8D5RM77R7lrwNWnTPIfEwjzFtVhkZDvocmIxE9rFnsDKEim2w_2bBvU/s1600-h/icon+mail.JPG"><img style="margin: 0px auto 10px; display: block; text-align: center; cursor: pointer; width: 21px; height: 17px;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjGOhYAGpk5hU0zhuwlkA36yEFbqkY9W_tPlNuvU1a2m_3-9BSngZoADVd0vIjxXo75QwGEaS5Qt3Yf-Cq8MR-j8D5RM77R7lrwNWnTPIfEwjzFtVhkZDvocmIxE9rFnsDKEim2w_2bBvU/s320/icon+mail.JPG" alt="" id="BLOGGER_PHOTO_ID_5274206596495042514" border="0" /></a>Email icon.<br /><a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgZjWSyaY2iI0dyu86mlaLysbPNSnuWxB8Egvuy9uNmtPZ-fBONemwh9DykBCbGV3yXiUN9Hkme__mMZo_k2ooIga3C0GXtSZO05jxO56-7eoJ8Um6rZBdTFUDyeB6a3HgLeNtGYGCO6jk/s1600-h/icon+video.JPG"><img style="margin: 0px auto 10px; display: block; text-align: center; cursor: pointer; width: 29px; height: 21px;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgZjWSyaY2iI0dyu86mlaLysbPNSnuWxB8Egvuy9uNmtPZ-fBONemwh9DykBCbGV3yXiUN9Hkme__mMZo_k2ooIga3C0GXtSZO05jxO56-7eoJ8Um6rZBdTFUDyeB6a3HgLeNtGYGCO6jk/s320/icon+video.JPG" alt="" id="BLOGGER_PHOTO_ID_5274206592768495202" border="0" /></a>Video icon, used to indicate links which will lead to a movie clip of the product.<br /><a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh08vAH7IPUG8h7dQEWLk9jE_Z4edX71ThosOjXlJKEEn-kKlmodprFksnO2FxM9LaNoaToE3t97C3Jy8YeGdzAYssEXuCjH8qvTodfT1q06lhvdCvfVM9HlmAYQmvzl2EKeZqaQkM0rfo/s1600-h/icon+link.JPG"><img style="margin: 0px auto 10px; display: block; text-align: center; cursor: pointer; width: 19px; height: 21px;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh08vAH7IPUG8h7dQEWLk9jE_Z4edX71ThosOjXlJKEEn-kKlmodprFksnO2FxM9LaNoaToE3t97C3Jy8YeGdzAYssEXuCjH8qvTodfT1q06lhvdCvfVM9HlmAYQmvzl2EKeZqaQkM0rfo/s320/icon+link.JPG" alt="" id="BLOGGER_PHOTO_ID_5274206592293215474" border="0" /></a>Link icon. This icon is very helpful, as it is used to indicate if the content displayed is a link or not. This in addition to the dark-colored, underlined text, are the two types of links on the site. This helps maintain the uniform look of the site, as all links are one of the two types.<br /><a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi6Mv1Rea7azCAQ5Xgvdm4Nk8cFpq-BEkVaLboeONCcmtPiaf1l15t9ND1GIMNxgFCIFA-nwjz3O8eSrzwqBI6SkPn_M2NI5lXOKo-mWa7g8jXZVd4t5tO5uUd_3YDw-a2kIT70QY1Lf5U/s1600-h/icon+reference.JPG"><img style="margin: 0px auto 10px; display: block; text-align: center; cursor: pointer; width: 132px; height: 23px;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi6Mv1Rea7azCAQ5Xgvdm4Nk8cFpq-BEkVaLboeONCcmtPiaf1l15t9ND1GIMNxgFCIFA-nwjz3O8eSrzwqBI6SkPn_M2NI5lXOKo-mWa7g8jXZVd4t5tO5uUd_3YDw-a2kIT70QY1Lf5U/s320/icon+reference.JPG" alt="" id="BLOGGER_PHOTO_ID_5274212801259618706" border="0" /></a>Reference icon, indicates clinical publications that the content uses are references.<br /><a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgecygnwV09e04yjk2p6eX3W_0tZxPknF6Nt5sNRfORMoXQFedcGRJQSb-uBsLgb2ok1vAKcAX4Zy9AmQoBGZDBowZ_fjTb_Dd4BRyl3PlYXmrWQR_n6bt105X5jOXbuxLl2YvoU9ctMJ8/s1600-h/icon+brochure.JPG"><img style="margin: 0px auto 10px; display: block; text-align: center; cursor: pointer; width: 76px; height: 24px;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgecygnwV09e04yjk2p6eX3W_0tZxPknF6Nt5sNRfORMoXQFedcGRJQSb-uBsLgb2ok1vAKcAX4Zy9AmQoBGZDBowZ_fjTb_Dd4BRyl3PlYXmrWQR_n6bt105X5jOXbuxLl2YvoU9ctMJ8/s320/icon+brochure.JPG" alt="" id="BLOGGER_PHOTO_ID_5274212797088651122" border="0" /></a>Brochure icon, indicates a downloadable brochure.<br /><br />The site also uses imagery to help users understand the information and content provided. Because the company is providing products to hospitals, the site uses several images and thumbnails of the products in action to help illustrate their usefulness to surgeons. These are set into the text to add to the information or are separately placed.<br /><a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj3TSDIbQt7Y5kRqCgFzLjBOrNodlrnxs3qDI3ABFzZxzDiLTlLO43hZHqNKUUSyELcJB2v6FabCyv1ZsN_lUETklKYdF2VKWVXULDBnnKqTwPfcPwD4T9_UYHHpdS69mU__O4tlnfYDLo/s1600-h/image+in+text.JPG"><img style="margin: 0px auto 10px; display: block; text-align: center; cursor: pointer; width: 320px; height: 196px;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj3TSDIbQt7Y5kRqCgFzLjBOrNodlrnxs3qDI3ABFzZxzDiLTlLO43hZHqNKUUSyELcJB2v6FabCyv1ZsN_lUETklKYdF2VKWVXULDBnnKqTwPfcPwD4T9_UYHHpdS69mU__O4tlnfYDLo/s320/image+in+text.JPG" alt="" id="BLOGGER_PHOTO_ID_5274206596671392370" border="0" /></a><a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgh5p60QIURZ0LSDYzKUlLsJciPSIRUTKjEsUKG93HffulZHP_jTz-GRHaSB4KXbw6YB_2E6f4gITjKJHqglCIQpbSuhBFsEzvTLRn05LGghL4wYpodJ1D6_AhpLOfK3tdAz1g5FdJovI8/s1600-h/image.JPG"><img style="margin: 0px auto 10px; display: block; text-align: center; cursor: pointer; width: 320px; height: 175px;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgh5p60QIURZ0LSDYzKUlLsJciPSIRUTKjEsUKG93HffulZHP_jTz-GRHaSB4KXbw6YB_2E6f4gITjKJHqglCIQpbSuhBFsEzvTLRn05LGghL4wYpodJ1D6_AhpLOfK3tdAz1g5FdJovI8/s320/image.JPG" alt="" id="BLOGGER_PHOTO_ID_5274206645724223234" border="0" /></a> <span style="font-weight: bold;"><br />Color Palette:</span><br />The color palette of the website is comprised of various shades of gray with orange highlights. These are in addition to the common black and white site colors and blue links.<br /><a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEibHNXfscsjxKd-Lnbte-d5Xj1QCuDhl9tIPM8f9f7C3MXeUPBluzbdCbsKteiFZEqYEBwnmNJ1cI26mvWRUJnC57IhAffianIy_nKnh5P9zs1sRU5LqPGIab-nkrr1FCuM4YbfPJSsC3g/s1600-h/gray.JPG"><img style="margin: 0px auto 10px; display: block; text-align: center; cursor: pointer; width: 216px; height: 176px;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEibHNXfscsjxKd-Lnbte-d5Xj1QCuDhl9tIPM8f9f7C3MXeUPBluzbdCbsKteiFZEqYEBwnmNJ1cI26mvWRUJnC57IhAffianIy_nKnh5P9zs1sRU5LqPGIab-nkrr1FCuM4YbfPJSsC3g/s320/gray.JPG" alt="" id="BLOGGER_PHOTO_ID_5274210095969094642" border="0" /></a>Shades of gray.<br /><a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh_P6KtP1YonE8s81Mik2VT8E2qC2NN9BEL5HffZIKbhJamf77L2VSgAqiHuYhLwDQ4H-h3U9iVpqBGui_jkJppCgO_9jwxcDrq8V8umehran8TSRwDOxkOq2EBoJ0MHUn6oL8YG8lsLj4/s1600-h/orange.JPG"><img style="margin: 0px auto 10px; display: block; text-align: center; cursor: pointer; width: 162px; height: 76px;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh_P6KtP1YonE8s81Mik2VT8E2qC2NN9BEL5HffZIKbhJamf77L2VSgAqiHuYhLwDQ4H-h3U9iVpqBGui_jkJppCgO_9jwxcDrq8V8umehran8TSRwDOxkOq2EBoJ0MHUn6oL8YG8lsLj4/s320/orange.JPG" alt="" id="BLOGGER_PHOTO_ID_5274210079729359554" border="0" /></a>Orange highlights and boundaries.<br /><a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEifBFIyoXWZ0V-di5WtehoadToW9w9NjN_cWImOzg9uR0tuGu0mwFGOlhynL1D03NShrzTq1u3kgNqaZwlhsb9kBhqmZbAxkLWP5FY_wEd3q7Zm1ukRhRvveEBSlapBQ8hbZJcO_BtP8vw/s1600-h/black.JPG"><img style="margin: 0px auto 10px; display: block; text-align: center; cursor: pointer; width: 149px; height: 15px;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEifBFIyoXWZ0V-di5WtehoadToW9w9NjN_cWImOzg9uR0tuGu0mwFGOlhynL1D03NShrzTq1u3kgNqaZwlhsb9kBhqmZbAxkLWP5FY_wEd3q7Zm1ukRhRvveEBSlapBQ8hbZJcO_BtP8vw/s320/black.JPG" alt="" id="BLOGGER_PHOTO_ID_5274210082017212450" border="0" /></a>Black, used for rollover status on links.<br /><a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjxFGbEzrHuuVSa3ujQauAOzdJr_CaA5tSJENd9hJrtP0pRlRfQ-q2Nos9SaxKhKaxnl6sUAEptJPqCYbj8LBJBTvG3ukaCYyIN0c6tWkXWl1VBPa1ItnXYaIUrJIZa8UxBx1lZkE-4YHI/s1600-h/white.JPG"><img style="margin: 0px auto 10px; display: block; text-align: center; cursor: pointer; width: 159px; height: 64px;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjxFGbEzrHuuVSa3ujQauAOzdJr_CaA5tSJENd9hJrtP0pRlRfQ-q2Nos9SaxKhKaxnl6sUAEptJPqCYbj8LBJBTvG3ukaCYyIN0c6tWkXWl1VBPa1ItnXYaIUrJIZa8UxBx1lZkE-4YHI/s320/white.JPG" alt="" id="BLOGGER_PHOTO_ID_5274210085559033762" border="0" /></a>White, content background.<br /><a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhkvBGsej30V6RpxK1H8BLZ28ykkeJ4enQY5k0yt2VhF3nMCdvA-p0U9pNKMB73oIhyphenhyphenpfuKPPuyPavVHbzYnfoWjk0RssWc7zD7GGm1xXdrnVT2tVLXxXzwagR_qY6sVCt_smi_0mq0mi8/s1600-h/blue.JPG"><img style="margin: 0px auto 10px; display: block; text-align: center; cursor: pointer; width: 320px; height: 35px;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhkvBGsej30V6RpxK1H8BLZ28ykkeJ4enQY5k0yt2VhF3nMCdvA-p0U9pNKMB73oIhyphenhyphenpfuKPPuyPavVHbzYnfoWjk0RssWc7zD7GGm1xXdrnVT2tVLXxXzwagR_qY6sVCt_smi_0mq0mi8/s320/blue.JPG" alt="" id="BLOGGER_PHOTO_ID_5274210083053182306" border="0" /></a>Blue, links.<br />This color palette is well chosen, as the colors work well together and add to the professional look of the site. This is important, as the company is trying to get more customers to purchase their product, and need a color scheme that exhibits this goal.<br /><br /><span style="font-weight: bold;">Site Focus:</span><br />The focus of the site is to provide potential customers with information about the products and services provided by the company. This company, which specializes in surgical equipment (most notably the da Vinci System), has made their site as user-friendly as possible while still providing the depth of information consistent with other medical sites. That is, this site is able to be viewed by both medical and non-medical personnel and still be able to be understood. The website showcases the different abilities of the equipment and resources available to different users, such as patients and surgeons.<br />Useful features on the site include breadcrumbs and video content.<br /><a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjYOLlMEQhnnjfWJWLl8F0vV9Z4v0lZKMxj_RUEH8GCmmpgo368Fgs-tUdWbFmXcfNUhpH4rCzldPsvPfoRnFKkM_s51hpQrQSK71PM0cKszx-Q9ab4X0Djsgct68V7NzQ96BLA7sOXcQg/s1600-h/breadcrumbs.JPG"><img style="margin: 0px auto 10px; display: block; text-align: center; cursor: pointer; width: 111px; height: 25px;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjYOLlMEQhnnjfWJWLl8F0vV9Z4v0lZKMxj_RUEH8GCmmpgo368Fgs-tUdWbFmXcfNUhpH4rCzldPsvPfoRnFKkM_s51hpQrQSK71PM0cKszx-Q9ab4X0Djsgct68V7NzQ96BLA7sOXcQg/s320/breadcrumbs.JPG" alt="" id="BLOGGER_PHOTO_ID_5274212800365546530" border="0" /></a>Breadcrumbs allow a user to quickly navigate the site and be able to return to a previously viewed page without having to use the “back” button or start at the home page again.<br /><a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiT9A_L07_uxp8VdVjJbS9ZnhhCAjZtHszd7KOVmvEc_Y-gz8GvuqQY_x14I4Ex7CeKuAwoWF08Fy_y9JcdxRaWYDTIW1Rd66YCFkhjstvw8hTnra1YIfNhCICt4DZJVtk6EfNwzotRzeg/s1600-h/video.JPG"><img style="margin: 0px auto 10px; display: block; text-align: center; cursor: pointer; width: 204px; height: 212px;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiT9A_L07_uxp8VdVjJbS9ZnhhCAjZtHszd7KOVmvEc_Y-gz8GvuqQY_x14I4Ex7CeKuAwoWF08Fy_y9JcdxRaWYDTIW1Rd66YCFkhjstvw8hTnra1YIfNhCICt4DZJVtk6EfNwzotRzeg/s320/video.JPG" alt="" id="BLOGGER_PHOTO_ID_5274212806196676642" border="0" /></a>Video content is very important on this site, as it allows users to view the content differently and see the equipment in action.<a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgecygnwV09e04yjk2p6eX3W_0tZxPknF6Nt5sNRfORMoXQFedcGRJQSb-uBsLgb2ok1vAKcAX4Zy9AmQoBGZDBowZ_fjTb_Dd4BRyl3PlYXmrWQR_n6bt105X5jOXbuxLl2YvoU9ctMJ8/s1600-h/icon+brochure.JPG"><br /></a>Bill Ehttp://www.blogger.com/profile/04336288176473597872noreply@blogger.com0tag:blogger.com,1999:blog-6631876556171330659.post-48221297278302986512008-11-28T02:17:00.041-05:002008-11-29T14:01:39.049-05:00Case Studies #11: globalgaragesale.netThis Case Study is in regards to the website www.globalgaragesale.net, a website for an e-bay consignment business.<br /><br /><span style="font-weight: bold;">Navigation:</span><br />At the top of the page is the primary navigation bar. This contains links to the “About” page, “Services” page, “Policies” page, “Fees” page, “For Sale” page, “Locations” page, “Franchise” page, and “Home” page.<br /><a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgqlpK3eJcYbQlGGq4zcufbDECGjP0bpyQCSQIglxM2Xip1zY0N95Dx3Z96ZyQHnqtqRg31PGeqFRjn2XnH8-T9u4ldxdQkjSpZrKIxwhqIxeQ018bksR7uRdUjCOgUF2Yuu1Sx-zuGKio/s1600-h/primary.JPG"><img style="margin: 0px auto 10px; display: block; text-align: center; cursor: pointer; width: 320px; height: 18px;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgqlpK3eJcYbQlGGq4zcufbDECGjP0bpyQCSQIglxM2Xip1zY0N95Dx3Z96ZyQHnqtqRg31PGeqFRjn2XnH8-T9u4ldxdQkjSpZrKIxwhqIxeQ018bksR7uRdUjCOgUF2Yuu1Sx-zuGKio/s320/primary.JPG" alt="" id="BLOGGER_PHOTO_ID_5274156588117561778" border="0" /></a>To the left of the content is a secondary navigation bar. This contains additional links such as “Company News”, “Franchise” information, “More Information”, and “What’s Hot”.<br /><a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj0mRM7xp9jyeDKZ0NBcI8VmpGMvtCHRoJENKd8iZgFAZ1z2-dHSkV6II7ykeDNpoOqAMA1TwfU4Xyn_gnjZNJYe7YSXHz5VmQcCK7UinkjOG7BfW2pR6mQsPgOdpcmJYBS80tnuXx6gg0/s1600-h/secondary.JPG"><img style="margin: 0px auto 10px; display: block; text-align: center; cursor: pointer; width: 175px; height: 190px;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj0mRM7xp9jyeDKZ0NBcI8VmpGMvtCHRoJENKd8iZgFAZ1z2-dHSkV6II7ykeDNpoOqAMA1TwfU4Xyn_gnjZNJYe7YSXHz5VmQcCK7UinkjOG7BfW2pR6mQsPgOdpcmJYBS80tnuXx6gg0/s320/secondary.JPG" alt="" id="BLOGGER_PHOTO_ID_5274143401238602578" border="0" /></a>Rolling over these titles opens the navigation to show relevant links.<br /><a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg82mRhOweaPCRjv4NZXJwwsXfw9FA1O6kiNGIXNcwCqYfdpXsmw3ERjt7-TZ6C9gcC16vZ6EXxIm0ucom5W95mll_CElnlT-0ZhFoltDr6MMlCvgGlWYb725vE67JpiHwtDE6nmJ3x9qI/s1600-h/secondary+open.JPG"><img style="margin: 0px auto 10px; display: block; text-align: center; cursor: pointer; width: 167px; height: 258px;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg82mRhOweaPCRjv4NZXJwwsXfw9FA1O6kiNGIXNcwCqYfdpXsmw3ERjt7-TZ6C9gcC16vZ6EXxIm0ucom5W95mll_CElnlT-0ZhFoltDr6MMlCvgGlWYb725vE67JpiHwtDE6nmJ3x9qI/s320/secondary+open.JPG" alt="" id="BLOGGER_PHOTO_ID_5274143403569089522" border="0" /></a>At the bottom of the page are the (usual) links that are seldom used but important to some users. These include the site’s Privacy Policy, Site Map, and duplicate links to the other main pages.<br /><a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhg5rEinRhu0Z2lI7vjWcMgYBE0eYaq2GPHOchrCTLyfMiqhqN6u1Nto47zjqb-7-6jJHhmCb1cTQlucCZvGWh0CecKu8ACvI1JKwJOwSk0dmRyeAwh7vd_oZJPDldWOMmTNtQmzXs6ULk/s1600-h/bottom+nav.JPG"><img style="margin: 0px auto 10px; display: block; text-align: center; cursor: pointer; width: 320px; height: 26px;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhg5rEinRhu0Z2lI7vjWcMgYBE0eYaq2GPHOchrCTLyfMiqhqN6u1Nto47zjqb-7-6jJHhmCb1cTQlucCZvGWh0CecKu8ACvI1JKwJOwSk0dmRyeAwh7vd_oZJPDldWOMmTNtQmzXs6ULk/s320/bottom+nav.JPG" alt="" id="BLOGGER_PHOTO_ID_5274143412533071842" border="0" /></a>A user can determine which page of the site they are on by the activated tabs in the primary navigation.<br /><a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhOXhMtowyoVBUU0f1C4aTmkyaNsDfc8K1fWW9ydaSg0WVXuLO3P_LpKs0Om6D1vjCNabE_8x_T2zjNs8cnsX8TDFaCWT1LPDnGESALA-gVM4956vN2PQPzrwEauV6MQn_9OptJbAMwpcc/s1600-h/activated+tab.JPG"><img style="margin: 0px auto 10px; display: block; text-align: center; cursor: pointer; width: 320px; height: 18px;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhOXhMtowyoVBUU0f1C4aTmkyaNsDfc8K1fWW9ydaSg0WVXuLO3P_LpKs0Om6D1vjCNabE_8x_T2zjNs8cnsX8TDFaCWT1LPDnGESALA-gVM4956vN2PQPzrwEauV6MQn_9OptJbAMwpcc/s320/activated+tab.JPG" alt="" id="BLOGGER_PHOTO_ID_5274143411069278674" border="0" /></a>The navigation is set up to provide users with information on how conducting business with the company works, to provide users with information on how to contact or visit the company at its locations, and how the user can start a franchise. These intentions are visible in the layout of the navigation. The most useful links to users (who are primarily visiting the site to learn how the service provided works) are first. Then there is information on where the business is located, and finally franchise information. This setup allows users to quickly find the information required on the site.<br /><br /><span style="font-weight: bold;">Architecture:</span><br />The architecture of the site is very flat. That is, there are only single pages for each link. This allows a user to find all of the relevant information without having to click through to different pages. Also, because the information being provided is very static (does not change very often), the site does not have archives of previous information. Only the newest information is required by users, keeping the number of pages to a minimum. In addition, the site does not have to showcase items or products. This is done by linking to the company’s e-bay store. This also prevents the site from having several pages in one section of the site.<br /><span style="font-weight: bold;">Content/Typography:</span><br />The content hierarchy is apparent through the use of bold letters, letter size, and letter color.<br /><br />Heading 1:<br /><a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj8Lk-0DJDJXgw0xJfH8nbsaYSPKUFrXHnBtBMyyO-5QchGy3B03BbCRkXA0T51Xxuzpv1tMtLnxgmTg8xYi6xyuqxMaEG_fT1t2sZcMX6wSaFspl5Tjy6Afn1PE4X6c_T6wOOyJTd4nwk/s1600-h/h1.JPG"><img style="margin: 0px auto 10px; display: block; text-align: center; cursor: pointer; width: 88px; height: 25px;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj8Lk-0DJDJXgw0xJfH8nbsaYSPKUFrXHnBtBMyyO-5QchGy3B03BbCRkXA0T51Xxuzpv1tMtLnxgmTg8xYi6xyuqxMaEG_fT1t2sZcMX6wSaFspl5Tjy6Afn1PE4X6c_T6wOOyJTd4nwk/s320/h1.JPG" alt="" id="BLOGGER_PHOTO_ID_5274146774228777810" border="0" /></a>Large black font, used as titles for content.<br /><br />Heading 2:<br /><a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiGbspGHAiIWngKuDI9Rd5JcN9suFhtWZMrQkGqzm8QLr9azFojjcqFBpAxb4P3CZFuZar9r2pWSqSl7sUtExkGK8ysbIXFz51sIRisI7W4E9foUnX0FrNKj0ZOKOBjp8PyVipTiKvgpfU/s1600-h/h2.JPG"><img style="margin: 0px auto 10px; display: block; text-align: center; cursor: pointer; width: 112px; height: 21px;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiGbspGHAiIWngKuDI9Rd5JcN9suFhtWZMrQkGqzm8QLr9azFojjcqFBpAxb4P3CZFuZar9r2pWSqSl7sUtExkGK8ysbIXFz51sIRisI7W4E9foUnX0FrNKj0ZOKOBjp8PyVipTiKvgpfU/s320/h2.JPG" alt="" id="BLOGGER_PHOTO_ID_5274146774563748450" border="0" /></a>Medium black font, used sub-headings.<br /><br />Paragraph:<br /><a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiauRDeFzDVeNfrOT0octKYgI0Y4sSJzvsIMrgGjAT5H4HTdzIhYMQXuc6Fjsytmo4x3mBXVC-bQGN0RoRrioLlJ-QVgChBBi-X9fFXY2N4ptB1RLDzIyII2oLpXf_UFIfXbmJ-WdSGryE/s1600-h/paragraph.JPG"><img style="margin: 0px auto 10px; display: block; text-align: center; cursor: pointer; width: 320px; height: 30px;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiauRDeFzDVeNfrOT0octKYgI0Y4sSJzvsIMrgGjAT5H4HTdzIhYMQXuc6Fjsytmo4x3mBXVC-bQGN0RoRrioLlJ-QVgChBBi-X9fFXY2N4ptB1RLDzIyII2oLpXf_UFIfXbmJ-WdSGryE/s320/paragraph.JPG" alt="" id="BLOGGER_PHOTO_ID_5274146780667741970" border="0" /></a>Small black font, used for content and information requiring sentences and paragraphs.<br /><br />The content on the page is organized into paragraphs, as this is the easiest way to convey the information about the service to potential customers.<br /><a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEixBOW-zSkeDggIhpjR43ZTV7X4VDlT3ZZkISGQL89uyfMqYWK_xwJMb1dqNhZ2RDx-zUUt8uRdud5LV_xd3-JxJ6DCnCgIYq8mevhTIrtmeVQtaczJDobgn5sAQ67JtKBqgRdDe9xkCFI/s1600-h/paragraphlayout.JPG"><img style="margin: 0px auto 10px; display: block; text-align: center; cursor: pointer; width: 320px; height: 121px;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEixBOW-zSkeDggIhpjR43ZTV7X4VDlT3ZZkISGQL89uyfMqYWK_xwJMb1dqNhZ2RDx-zUUt8uRdud5LV_xd3-JxJ6DCnCgIYq8mevhTIrtmeVQtaczJDobgn5sAQ67JtKBqgRdDe9xkCFI/s320/paragraphlayout.JPG" alt="" id="BLOGGER_PHOTO_ID_5274146778804028914" border="0" /></a>When possible, information is bulleted to reduce the amount of reading required by the user.<br /><a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjS8P3XGHBfa-2VDkcfNM_Lj2zDv05XlwOhpa4qihEDk_qtgi53gOVxBi6CKeXGnweyNJlqQSABa8uyNVY1ml7jrNSTSH69gFXXi3d_EH-iITA7Pnn9jGi6j2O-9uA4nuGz8IQU9D3JoMI/s1600-h/bullet+layout.JPG"><img style="margin: 0px auto 10px; display: block; text-align: center; cursor: pointer; width: 320px; height: 160px;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjS8P3XGHBfa-2VDkcfNM_Lj2zDv05XlwOhpa4qihEDk_qtgi53gOVxBi6CKeXGnweyNJlqQSABa8uyNVY1ml7jrNSTSH69gFXXi3d_EH-iITA7Pnn9jGi6j2O-9uA4nuGz8IQU9D3JoMI/s320/bullet+layout.JPG" alt="" id="BLOGGER_PHOTO_ID_5274146780294344402" border="0" /></a>This organization of the content works well for the site, because there is plenty of important information about the service that needs to be completely understood by users before they use the service. This prevents and/or limits liability on the company as they have expressed all information in a clear and concise manner that is available to all users.<br /><br /><span style="font-weight: bold;">Grid/Structure:</span><br />The structure of the site is set up as a main upper row that contains the banner and primary navigation, and two columns that bound the content of the site. The left column contains the secondary navigation, and the right column contains a slideshow of current auctions and affiliated companies.<br /><a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjXlbXiAl2QQ9Rf2sJYoG25oRLKAC-i0lwgWFXZdVRPzFpwJlcz1r4t9yZXd7HiTf2VnuHc3-dYOmwQq2HRBvWbk7PiPRfL1Sbz86LsIlZnkd1OZGIcaTNFj-XdzVniBIlCHrCccCLht4s/s1600-h/upper+row.JPG"><img style="margin: 0px auto 10px; display: block; text-align: center; cursor: pointer; width: 320px; height: 58px;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjXlbXiAl2QQ9Rf2sJYoG25oRLKAC-i0lwgWFXZdVRPzFpwJlcz1r4t9yZXd7HiTf2VnuHc3-dYOmwQq2HRBvWbk7PiPRfL1Sbz86LsIlZnkd1OZGIcaTNFj-XdzVniBIlCHrCccCLht4s/s320/upper+row.JPG" alt="" id="BLOGGER_PHOTO_ID_5274149008302804674" border="0" /></a><a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjMv-ICOnmDCiloU04eKpI097VQwJDL4RYz3_-_5SA4UWQy_MVvUmmJuYcq0v6D4L2rrwBEezQ-9Be7ZAV73g21s73377OjLsqTGbuTlQicgyFX-B2YH33N2fm8sVMdhSpEILoHUk1-Xyo/s1600-h/leftcol.JPG"><img style="margin: 0px auto 10px; display: block; text-align: center; cursor: pointer; width: 70px; height: 320px;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjMv-ICOnmDCiloU04eKpI097VQwJDL4RYz3_-_5SA4UWQy_MVvUmmJuYcq0v6D4L2rrwBEezQ-9Be7ZAV73g21s73377OjLsqTGbuTlQicgyFX-B2YH33N2fm8sVMdhSpEILoHUk1-Xyo/s320/leftcol.JPG" alt="" id="BLOGGER_PHOTO_ID_5274149012190293954" border="0" /></a><a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEihP9P5qdiF6LVqQANZA6gzrRYfUtzK87w2-7TrFRjro3LnZHaHoYA6SFtB_Yw1V5VZ5-ud2lz05u0F5vw_YaKihrLhmOa4QpoSVwooJdkkRB2yZDJRN6w9NAAlWP39HSS5Z-0wClwjCxg/s1600-h/rightcol.JPG"><img style="margin: 0px auto 10px; display: block; text-align: center; cursor: pointer; width: 81px; height: 320px;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEihP9P5qdiF6LVqQANZA6gzrRYfUtzK87w2-7TrFRjro3LnZHaHoYA6SFtB_Yw1V5VZ5-ud2lz05u0F5vw_YaKihrLhmOa4QpoSVwooJdkkRB2yZDJRN6w9NAAlWP39HSS5Z-0wClwjCxg/s320/rightcol.JPG" alt="" id="BLOGGER_PHOTO_ID_5274149019496691570" border="0" /></a>This allows the content in the center of the page to be focused on by the user, while also quickly giving them additional information about the company without having to navigate to a different page.<br /><br /><span style="font-weight: bold;">Iconography/Imagery:</span><br />The site uses a few icons to help users navigate the site and be more efficient. These icons include:<br /><a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh4jcr7WbJf-UePtT6L2W1OuLM9LskquSYABdYyUNL-V-QBnt-RGWthYAgVtciJV31cNgtl0_AlBLJH6FcxVVyfVLLtbQ8nDZ-OS4V1KgzoC2Gv2KcGjdcBiCSjr9YJ1Sup1p8s7DnSTGk/s1600-h/icon+bullets.JPG"><img style="margin: 0px auto 10px; display: block; text-align: center; cursor: pointer; width: 27px; height: 116px;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh4jcr7WbJf-UePtT6L2W1OuLM9LskquSYABdYyUNL-V-QBnt-RGWthYAgVtciJV31cNgtl0_AlBLJH6FcxVVyfVLLtbQ8nDZ-OS4V1KgzoC2Gv2KcGjdcBiCSjr9YJ1Sup1p8s7DnSTGk/s320/icon+bullets.JPG" alt="" id="BLOGGER_PHOTO_ID_5274152300799489922" border="0" /></a>Bullet icons, to help users determine clickable buttons.<br /><br /><a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgP_DSA39pK9DgxDyFe3OPZvSkJeKXPc8-WHBPlYx0J6yfBvUf183Yxc05W4QblSwfTlYcC6UvVvRRQ9TE5lQN1HdsN6Vk7WbURBfLk5GeXV2Ias5fS_OgYMp6fOeKTfzodwyKNPDccpUg/s1600-h/icon+world.JPG"><img style="margin: 0px auto 10px; display: block; text-align: center; cursor: pointer; width: 28px; height: 26px;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgP_DSA39pK9DgxDyFe3OPZvSkJeKXPc8-WHBPlYx0J6yfBvUf183Yxc05W4QblSwfTlYcC6UvVvRRQ9TE5lQN1HdsN6Vk7WbURBfLk5GeXV2Ias5fS_OgYMp6fOeKTfzodwyKNPDccpUg/s320/icon+world.JPG" alt="" id="BLOGGER_PHOTO_ID_5274152304176029666" border="0" /></a>Google Toolbar button, to add the GlobalGarageSale toolbar.<br /><br /><a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgPz_du_1cWCmepV5aBQr8Qs5s3gESNexoZgLQmlSg9q2nYiujhtC1MjKINA1WXKcP8oaM5wSFpsrRdEspaT6sNyqVfrOhCzNltHmXERfK89AtqISSb2jln_EjYVvF0AeckYNITPHIzJPU/s1600-h/icon+rss.JPG"><img style="margin: 0px auto 10px; display: block; text-align: center; cursor: pointer; width: 36px; height: 23px;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgPz_du_1cWCmepV5aBQr8Qs5s3gESNexoZgLQmlSg9q2nYiujhtC1MjKINA1WXKcP8oaM5wSFpsrRdEspaT6sNyqVfrOhCzNltHmXERfK89AtqISSb2jln_EjYVvF0AeckYNITPHIzJPU/s320/icon+rss.JPG" alt="" id="BLOGGER_PHOTO_ID_5274152440703043090" border="0" /></a>Rss feed button.<br /><br /><a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhxm6H-IL7rc5TOMwKh7c7BbQlg8Bg7qUjSS-SfoAusJjT00yH_a6rMkN_MP8cCWVeiEirHiEv5I_P4JocdMhjzjy11darhNp-GduZ1t89bSSAwiTA0vUcX993PY-nHVO0EgoJgMJqRETg/s1600-h/icon+print.JPG"><img style="margin: 0px auto 10px; display: block; text-align: center; cursor: pointer; width: 26px; height: 25px;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhxm6H-IL7rc5TOMwKh7c7BbQlg8Bg7qUjSS-SfoAusJjT00yH_a6rMkN_MP8cCWVeiEirHiEv5I_P4JocdMhjzjy11darhNp-GduZ1t89bSSAwiTA0vUcX993PY-nHVO0EgoJgMJqRETg/s320/icon+print.JPG" alt="" id="BLOGGER_PHOTO_ID_5274152301539993746" border="0" /></a>Print button.<br /><br /><a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjjXBd4H4XU42SDHgPdiWYzMqpkqvS2viYkyL5h_RtPs4XsQzkmq8by_oA-AwXqCdB97en8YLlm-_AzRxCddjQzQV0Y7PYzLN4Xb4JcwKBNvAQWmP7juWkN9hvOYEVsV19vLdTn-iOgK_c/s1600-h/icon+recycle.JPG"><img style="margin: 0px auto 10px; display: block; text-align: center; cursor: pointer; width: 112px; height: 95px;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjjXBd4H4XU42SDHgPdiWYzMqpkqvS2viYkyL5h_RtPs4XsQzkmq8by_oA-AwXqCdB97en8YLlm-_AzRxCddjQzQV0Y7PYzLN4Xb4JcwKBNvAQWmP7juWkN9hvOYEVsV19vLdTn-iOgK_c/s320/icon+recycle.JPG" alt="" id="BLOGGER_PHOTO_ID_5274152306639088386" border="0" /></a>Recycle icon, to display to users that GlobalGarageSale is a “green” company.<br /><br /><a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj3faGDOjhkkwrZuquiq8HUwOr3aCk6rqie-p4Vkul8rjejzC3RwVzjgsYtbCw6lnfnajraoQtw_WgnSgAyIfaz-_lWbJmc6V5NsL2pxgtIuqVBCSY7ep7udSan8X4C_puAjJJSUVbOnS4/s1600-h/icon+search.JPG"><img style="margin: 0px auto 10px; display: block; text-align: center; cursor: pointer; width: 73px; height: 65px;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj3faGDOjhkkwrZuquiq8HUwOr3aCk6rqie-p4Vkul8rjejzC3RwVzjgsYtbCw6lnfnajraoQtw_WgnSgAyIfaz-_lWbJmc6V5NsL2pxgtIuqVBCSY7ep7udSan8X4C_puAjJJSUVbOnS4/s320/icon+search.JPG" alt="" id="BLOGGER_PHOTO_ID_5274152304726794930" border="0" /></a>Search icon.<br /><br />In addition to these icons, the site also uses imagery to help users navigate and obtain information from the site. These include:<br /><a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg-FW_FMxKoi2skgJGgyxvoH_WeO37vqkIbVBljVkZd1X9XAI7JVtoSs4Q2XlRhnekYwLQ79joVCEYjmot7glABvqp13xbeM3Da51NQ6E0OV0dKzQl-Ry5t4NBf2sYZyIHBH6GiSlpwAho/s1600-h/thumbnail+images.JPG"><img style="margin: 0px auto 10px; display: block; text-align: center; cursor: pointer; width: 115px; height: 320px;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg-FW_FMxKoi2skgJGgyxvoH_WeO37vqkIbVBljVkZd1X9XAI7JVtoSs4Q2XlRhnekYwLQ79joVCEYjmot7glABvqp13xbeM3Da51NQ6E0OV0dKzQl-Ry5t4NBf2sYZyIHBH6GiSlpwAho/s320/thumbnail+images.JPG" alt="" id="BLOGGER_PHOTO_ID_5274152443811371506" border="0" /></a>Current auction thumbnails.<br /><br /><a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhQANmhuvsCKzGzHHxIPkNqnkW_dc-IQhh3_yKIh1dEY73GQduoqaG3hsbDbjBGaHE6RblyTlLGTkJZEiaEuHmzBwjRQ1Efok9fNOMfkTLfroxWe6BLYwYGZ4GhVu0vzPRI8QPMgxAroKA/s1600-h/map+image.JPG"><img style="margin: 0px auto 10px; display: block; text-align: center; cursor: pointer; width: 316px; height: 320px;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhQANmhuvsCKzGzHHxIPkNqnkW_dc-IQhh3_yKIh1dEY73GQduoqaG3hsbDbjBGaHE6RblyTlLGTkJZEiaEuHmzBwjRQ1Efok9fNOMfkTLfroxWe6BLYwYGZ4GhVu0vzPRI8QPMgxAroKA/s320/map+image.JPG" alt="" id="BLOGGER_PHOTO_ID_5274152430239072722" border="0" /></a>Map of location.<br /><br /><a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjzKs2DZIQXbadKa_0bBMUg-GL6y-Xh6ALBuDAXm_MmRHF1j5PwALU103OyUs0t9g95gkvACA6qfgW9Ft9cjoEEp3U9RymFtkyb0NWaKbBQQbzVlMSDKcn9FRtHrE3refa4B_B_UypGEn0/s1600-h/ebay+images.JPG"><img style="margin: 0px auto 10px; display: block; text-align: center; cursor: pointer; width: 320px; height: 109px;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjzKs2DZIQXbadKa_0bBMUg-GL6y-Xh6ALBuDAXm_MmRHF1j5PwALU103OyUs0t9g95gkvACA6qfgW9Ft9cjoEEp3U9RymFtkyb0NWaKbBQQbzVlMSDKcn9FRtHrE3refa4B_B_UypGEn0/s320/ebay+images.JPG" alt="" id="BLOGGER_PHOTO_ID_5274152454148926706" border="0" /></a>E-bay images, to indicate that the company is a trusted seller on the E-bay website.<br /><br /><span style="font-weight: bold;">Color Palette:</span><br />The site uses a simple color palette of four main colors, in addition to black and white.<br /><a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi6-ue8fXaZWdXdLJo-OE9WhKz4-pMOGxZwskHuQRvkXcKhjmy4C2MHR9Ca-FnSLJ9e6WFr1hgEqQWC4a8cC7PT38YEt_A0bPST87hm-wfdJqz7lsdaNP6BK2ytgm1-XsUBBhZKyT29-B4/s1600-h/green.JPG"><img style="margin: 0px auto 10px; display: block; text-align: center; cursor: pointer; width: 103px; height: 28px;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi6-ue8fXaZWdXdLJo-OE9WhKz4-pMOGxZwskHuQRvkXcKhjmy4C2MHR9Ca-FnSLJ9e6WFr1hgEqQWC4a8cC7PT38YEt_A0bPST87hm-wfdJqz7lsdaNP6BK2ytgm1-XsUBBhZKyT29-B4/s320/green.JPG" alt="" id="BLOGGER_PHOTO_ID_5274154414426497858" border="0" /></a>Green.<br /><a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgAICJDdNYJC9xYCa4ksgKsUK7vV1T2X9r3xTUVe4dUhIXTlmynNb-gkUv2e-oG_Km-Zfe-Z3Zyu1iu0e0LGEfDXnFJKZ_yMZPCj9OSTBQwJSHozDn9r_FF2nlaWmTALyJ4HhUa8eGljq8/s1600-h/tan.JPG"><img style="margin: 0px auto 10px; display: block; text-align: center; cursor: pointer; width: 86px; height: 110px;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgAICJDdNYJC9xYCa4ksgKsUK7vV1T2X9r3xTUVe4dUhIXTlmynNb-gkUv2e-oG_Km-Zfe-Z3Zyu1iu0e0LGEfDXnFJKZ_yMZPCj9OSTBQwJSHozDn9r_FF2nlaWmTALyJ4HhUa8eGljq8/s320/tan.JPG" alt="" id="BLOGGER_PHOTO_ID_5274154427452263346" border="0" /></a>Tan.<br /><a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiF3TRCz58NfkPxrrZCL-PWAUq7MM2GLA9lDUWOtLkJOcBrRVlD4-XqIGGuyC23v-SQBuENvL9Pd_hyphenhyphen-q2usxQ2UNu-ogOFNMp3v9Xp5NXq1F1FqHipn1k9MFR-PYVWv19BoNfMZ30y-mE/s1600-h/yellow.JPG"><img style="margin: 0px auto 10px; display: block; text-align: center; cursor: pointer; width: 102px; height: 33px;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiF3TRCz58NfkPxrrZCL-PWAUq7MM2GLA9lDUWOtLkJOcBrRVlD4-XqIGGuyC23v-SQBuENvL9Pd_hyphenhyphen-q2usxQ2UNu-ogOFNMp3v9Xp5NXq1F1FqHipn1k9MFR-PYVWv19BoNfMZ30y-mE/s320/yellow.JPG" alt="" id="BLOGGER_PHOTO_ID_5274154439502612418" border="0" /></a>Yellow.<br /><a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi_kvHVVww7Sh8UQtBPbvP0IrIvkevI6BtwF8CTYRoz_e8hgK-iDwFJL_pYmT9eHuYrYw7-5eWyWXmUtHKBH_PNMhw4WzJCEUjQHW55Tm9J7aQtznUJeOY8EI-jbnstVPN5FgVf9skUmwI/s1600-h/blue.JPG"><img style="margin: 0px auto 10px; display: block; text-align: center; cursor: pointer; width: 145px; height: 49px;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi_kvHVVww7Sh8UQtBPbvP0IrIvkevI6BtwF8CTYRoz_e8hgK-iDwFJL_pYmT9eHuYrYw7-5eWyWXmUtHKBH_PNMhw4WzJCEUjQHW55Tm9J7aQtznUJeOY8EI-jbnstVPN5FgVf9skUmwI/s320/blue.JPG" alt="" id="BLOGGER_PHOTO_ID_5274154513665812914" border="0" /></a>Blue.<br /><a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhd6CHzvpd0ZP_xZPR1K8BobYbYva11Dc6NbGqYBgJaI1LzMfGwaWc4T5NPLGJLcZHsQBI5nft3VUY2_k05bSxzlGidGcSIR3hkY1bz9XGQyqPm77Sam-3iaJc2ghIDPPaby1rx2m9_8TA/s1600-h/black.JPG"><img style="margin: 0px auto 10px; display: block; text-align: center; cursor: pointer; width: 133px; height: 22px;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhd6CHzvpd0ZP_xZPR1K8BobYbYva11Dc6NbGqYBgJaI1LzMfGwaWc4T5NPLGJLcZHsQBI5nft3VUY2_k05bSxzlGidGcSIR3hkY1bz9XGQyqPm77Sam-3iaJc2ghIDPPaby1rx2m9_8TA/s320/black.JPG" alt="" id="BLOGGER_PHOTO_ID_5274154446343341954" border="0" /></a>Black.<br /><a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiNYbOqwaar2nwaPjpRIl_pVy3vVaZZyvrqtN3lClFdOtTdUMtmGnS4_6dI_mB0G1JM_XmxwwdckSx4TkHDUwSwH-W3W9dEsSNeR0_fAE2fxFKkP3vKd1I6J3y3VstY9EcQ4q08YvwIVDo/s1600-h/white.JPG"><img style="margin: 0px auto 10px; display: block; text-align: center; cursor: pointer; width: 77px; height: 24px;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiNYbOqwaar2nwaPjpRIl_pVy3vVaZZyvrqtN3lClFdOtTdUMtmGnS4_6dI_mB0G1JM_XmxwwdckSx4TkHDUwSwH-W3W9dEsSNeR0_fAE2fxFKkP3vKd1I6J3y3VstY9EcQ4q08YvwIVDo/s320/white.JPG" alt="" id="BLOGGER_PHOTO_ID_5274154421314897010" border="0" /></a>White.<br />The color palette of the site is somewhat awkward. The background of the page is a light tan color, and links and navigation are in green and yellow. These colors do not work well together, as the tan does not help the green and yellow. These colors might work better with a white background.<br /><br />Also, the green is an important aspect of the site, as the company tries to showcase that it is a “green” company. Through use of the company, users are recycling items rather than trashing them and purchasing new ones. This helps keep the items from ending up in landfills.<br /><br /><span style="font-weight: bold;">Site Focus:</span><br />The focus of the site is to provide potential customers with information about how the service works, how to contact and find the locations of the company, and how to start their own franchise. This is done through the different pages on the site such as those highlighting the fees associated, the company’s policies, and addresses for the locations.<br />A couple of possible improvements to the site could be to move the “Home” tab in the primary navigation bar to the left side, to rename a few of the links in the navigation system, and to change the background color to white.<br /><br />Moving the “Home” tab to the left side of the site would keep in line with the “norm” found on other sites. The navigation bar is meant to help users navigate around the site, and moving important parts of it would only lead to confusing the user as they would not be used to finding the home button to the right of the page.<br /><br />A few of the links, such as “More Information” and “What’s Hot” could be renamed to reflect more accurately the content on the pages. At first glance, these links are confusing and I had no idea what was on the pages. Renaming them would limit this confusion and prevent the user from wasting time clicking on them and finding information that is not relevant to their purpose of navigating the site.<br /><br />Lastly, changing the background color of the site to white (or even a light gray) would make the site look clean and professional. Currently, the tan is “upsetting” to the green and yellow currently on the page. The colors clash and do not add to the overall appearance of the site.Bill Ehttp://www.blogger.com/profile/04336288176473597872noreply@blogger.com0tag:blogger.com,1999:blog-6631876556171330659.post-24326739186554717042008-11-28T02:15:00.117-05:002008-11-29T03:04:01.813-05:00Case Studies #10: chevrolet.comThis Case Study is in regards to the website www.chevrolet.com.<br /><br /><span style="font-weight: bold;">Navigation:</span><br />The navigation of the site is found as a vertical primary navigation bar on the left of the page. This navigation bar contains links for users to see different Chevrolet vehicles, highlights of vehicles, shopping tools, and information about Chevrolet.<br /><a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgmXtKSoNddNUlPpT2ikbVEOxdOdBx3cUeli-n9FdGjsRibWIUZ-S_OGGyCii5WArWDG8iL4n3jLgn2VVtQu4qLVR7qnWWBzElhz4nbeTs0-MC53KoyNqBaawQbzsJzfn_QLLROvbunyNA/s1600-h/primary+nav.JPG"><img style="margin: 0px auto 10px; display: block; text-align: center; cursor: pointer; width: 120px; height: 320px;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgmXtKSoNddNUlPpT2ikbVEOxdOdBx3cUeli-n9FdGjsRibWIUZ-S_OGGyCii5WArWDG8iL4n3jLgn2VVtQu4qLVR7qnWWBzElhz4nbeTs0-MC53KoyNqBaawQbzsJzfn_QLLROvbunyNA/s320/primary+nav.JPG" alt="" id="BLOGGER_PHOTO_ID_5273977031377751714" border="0" /></a>When clicked, the primary navigation opens up to secondary navigation that allows the user to further refine what they are looking for. For example, in the image shown, the “Cars” link was clicked and different model cars are shown in the drop-down.<br /><a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgzsxklyoRoaFYFfui6DOyHFERjJiDWyxsBHEIEL1vWAEotH02Tyx0z26-LC9sX5ndb0g3nIyVCAGiEpqLaL3IIwdNnp3wsydGXu4OymfrpqCGDy8X7aztZj134_D4jTAsTZpvQ0GhST64/s1600-h/secondarynav.JPG"><img style="margin: 0px auto 10px; display: block; text-align: center; cursor: pointer; width: 183px; height: 319px;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgzsxklyoRoaFYFfui6DOyHFERjJiDWyxsBHEIEL1vWAEotH02Tyx0z26-LC9sX5ndb0g3nIyVCAGiEpqLaL3IIwdNnp3wsydGXu4OymfrpqCGDy8X7aztZj134_D4jTAsTZpvQ0GhST64/s320/secondarynav.JPG" alt="" id="BLOGGER_PHOTO_ID_5273977403425235858" border="0" /></a>When the cursor is plaved over one of the secondary navigation links, a tertiary pop-out window is opened and specific details about the vehicle are shown. This allows the user to quickly scan for a vehicle with specific details without opening up each page individually (though there is still the option to do so.)<br /><a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiAHRsKki07dgs8DW_GXF7K74jT9NPtR-oIRBUf0a-JaTR2ZKuv8P4gdUQ60Cm8LtwcTz7mLsfXb7JsRGw2ygFlOtGk5AoByKKiLaXNHPyUsc88hIzRkkypTwQ9jv6WIZ4pYOn-mXHIJ54/s1600-h/tertiary+nav.JPG"><img style="margin: 0px auto 10px; display: block; text-align: center; cursor: pointer; width: 320px; height: 212px;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiAHRsKki07dgs8DW_GXF7K74jT9NPtR-oIRBUf0a-JaTR2ZKuv8P4gdUQ60Cm8LtwcTz7mLsfXb7JsRGw2ygFlOtGk5AoByKKiLaXNHPyUsc88hIzRkkypTwQ9jv6WIZ4pYOn-mXHIJ54/s320/tertiary+nav.JPG" alt="" id="BLOGGER_PHOTO_ID_5273977023241385426" border="0" /></a>At the bottom of the page are useful but seldom used links (similar to many other sites).<br /><a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhGlIdegdUPAP9e-fa5FTckczhby_3unQyaORMM4TbepIAKx6p2qXg8bp_mRhSj_fXYOsT0jJlM2-EwifuM1l9SudHOXV9041JE7u561kExBoXF2JxbNDcctwOdkV3EhefK5n7zq_jTmxU/s1600-h/bottom+nav.JPG"><img style="margin: 0px auto 10px; display: block; text-align: center; cursor: pointer; width: 320px; height: 42px;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhGlIdegdUPAP9e-fa5FTckczhby_3unQyaORMM4TbepIAKx6p2qXg8bp_mRhSj_fXYOsT0jJlM2-EwifuM1l9SudHOXV9041JE7u561kExBoXF2JxbNDcctwOdkV3EhefK5n7zq_jTmxU/s320/bottom+nav.JPG" alt="" id="BLOGGER_PHOTO_ID_5273978520739529986" border="0" /></a><br /><span style="font-weight: bold;">Architecture:</span><br />The architecture of the site is set up to showcase the different vehicles available and their options. Each vehicle has its own main page, with sub-pages that have different information about the car (such as accessories, fuel economy, and safety). This makes it easy for users to find information about the vehicles quickly, as once they navigate to the cars main page (by clicking on the car on the primary navigation bar) the links to the information available about the vehicle are shown.<br /><br /><span style="font-weight: bold;">Content/Typography</span>:<br />The content hierarchy is apparent through the use of bold letters, letter size, and letter color.<br /><br />Heading 1:<br /><a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh7sDsLjWLXg416RlbgUsraJoijoYG5i7Yga1G47LsnloMHF8DUBAqhqT56MJm0s47J1YfdLMBAXllXnCFiLjWOS6jxwFTfCaw3cf2PTSn2U3AnFTpDfzVc2JRjrD0QJe-2CL3__kttTRE/s1600-h/h1.JPG"><img style="margin: 0px auto 10px; display: block; text-align: center; cursor: pointer; width: 170px; height: 34px;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh7sDsLjWLXg416RlbgUsraJoijoYG5i7Yga1G47LsnloMHF8DUBAqhqT56MJm0s47J1YfdLMBAXllXnCFiLjWOS6jxwFTfCaw3cf2PTSn2U3AnFTpDfzVc2JRjrD0QJe-2CL3__kttTRE/s320/h1.JPG" alt="" id="BLOGGER_PHOTO_ID_5273977026207538690" border="0" /></a> Large dark blue font, used as titles for content.<br /><br />Heading 2:<br /><a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhtdZX96ZjCQ6KS4KVGoXGJ7RcwbOuZ73aNg8-gmJj4qE3h4uSIBE66mD8hvvB4QlHXrFnJjf0xLWbH4fK0VjgKeqJ1I_2-pLdYySUDWf8yuvb0cHMhfbmReSKNHON4jq_JYgNcG2jF0AE/s1600-h/h2.JPG"><img style="margin: 0px auto 10px; display: block; text-align: center; cursor: pointer; width: 43px; height: 25px;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhtdZX96ZjCQ6KS4KVGoXGJ7RcwbOuZ73aNg8-gmJj4qE3h4uSIBE66mD8hvvB4QlHXrFnJjf0xLWbH4fK0VjgKeqJ1I_2-pLdYySUDWf8yuvb0cHMhfbmReSKNHON4jq_JYgNcG2jF0AE/s320/h2.JPG" alt="" id="BLOGGER_PHOTO_ID_5273977398997492946" border="0" /></a>Medium black font, used sub-headings.<br /><br />Heading 3:<br /><a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjtD36kPE9i5_31YOqRFyxwYAmDlpg9AlmAt_17tTbsm1i5TpiipTyiNsHk-oS-Pv168LW9nihIcfbGDXFKYCMX9vKn3G2wxpxP-uINfKBwdXFMO62aTAeE_0SNRSsRZ2iHfvm67OzhjRA/s1600-h/h3.JPG"><img style="margin: 0px auto 10px; display: block; text-align: center; cursor: pointer; width: 74px; height: 95px;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjtD36kPE9i5_31YOqRFyxwYAmDlpg9AlmAt_17tTbsm1i5TpiipTyiNsHk-oS-Pv168LW9nihIcfbGDXFKYCMX9vKn3G2wxpxP-uINfKBwdXFMO62aTAeE_0SNRSsRZ2iHfvm67OzhjRA/s320/h3.JPG" alt="" id="BLOGGER_PHOTO_ID_5273977021015238018" border="0" /></a>Small blue font, used for links and sub-titles for content.<br /><br />Paragraph:<br /><a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh_FEDQEdC-YqLWg3quASenF06WBrCsOFOdI_Kx6w5U20bJS3l0R7eiC8PSEG3Z1Si1vT0O1JyG3f5qPKFSbEz8VPcCkgvcN513QY3o2AJRZJCUegwlJHXOCUp4m7VTVuQtYUuh2y0747A/s1600-h/paragraph.JPG"><img style="margin: 0px auto 10px; display: block; text-align: center; cursor: pointer; width: 320px; height: 42px;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh_FEDQEdC-YqLWg3quASenF06WBrCsOFOdI_Kx6w5U20bJS3l0R7eiC8PSEG3Z1Si1vT0O1JyG3f5qPKFSbEz8VPcCkgvcN513QY3o2AJRZJCUegwlJHXOCUp4m7VTVuQtYUuh2y0747A/s320/paragraph.JPG" alt="" id="BLOGGER_PHOTO_ID_5273977022409584722" border="0" /></a>Small black font, used for content and information requiring sentences and paragraphs.<br /><br />The content on the page is organized mainly by vehicle model. For example, if I was looking for Chevrolet accessories, I would first have to determine the vehicle model that it will be used on prior to browsing the available accessories. This makes it easier on users, as they only see information relevant to the vehicle they are researching, planning on purchasing, or have bought.<br /><span style="font-weight: bold;"><br />Grid/Structure:</span><br />The site has a layout consisting of an upper row containing the page name and Chevrolet logo, a left navigation bar, and a bottom navigation bar. These three sides bound the content area, which contains the information about specific vehicles and Chevrolet.<br /><a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgYhmGi6Hnvt0FthtAW4RZ68x-stVDSD08nzAIkgKv4ostgcsz3CBlNdKxuDPU_QlrN0BK6C35XZ1im067TiTLXunadArbWWJjYgeWTqSYjWTdXzNG4Pr2GMjDryCW1eL595LBm25536c8/s1600-h/bounding+box.JPG"><img style="margin: 0px auto 10px; display: block; text-align: center; cursor: pointer; width: 320px; height: 207px;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgYhmGi6Hnvt0FthtAW4RZ68x-stVDSD08nzAIkgKv4ostgcsz3CBlNdKxuDPU_QlrN0BK6C35XZ1im067TiTLXunadArbWWJjYgeWTqSYjWTdXzNG4Pr2GMjDryCW1eL595LBm25536c8/s320/bounding+box.JPG" alt="" id="BLOGGER_PHOTO_ID_5273982374344290242" border="0" /></a>The layout of the content area depends on the content being displayed. For example, on the accessories page for a specific vehicle model the content is in a tabbed layout.<br /><a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhTQN_xJ8Elf8mfaDe9CzD3VbO5ObyqpA0ZXFUw9wlS_A_Xe-sz6G4QJBcid_ipJY8IGmlNUREXMNkfmINygwkwVilQ6jXgesD3NBXShBq5oEZzcgzNxAG8voDYUsCyq_XbJ7wtOmPEnnA/s1600-h/tab+layout.JPG"><img style="margin: 0px auto 10px; display: block; text-align: center; cursor: pointer; width: 320px; height: 252px;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhTQN_xJ8Elf8mfaDe9CzD3VbO5ObyqpA0ZXFUw9wlS_A_Xe-sz6G4QJBcid_ipJY8IGmlNUREXMNkfmINygwkwVilQ6jXgesD3NBXShBq5oEZzcgzNxAG8voDYUsCyq_XbJ7wtOmPEnnA/s320/tab+layout.JPG" alt="" id="BLOGGER_PHOTO_ID_5273982366909840722" border="0" /></a>The photos of a vehicle are in a grid layout on the page.<br />Mixing these layouts provides the best way for content to be displayed on the page and makes it easier for users to read the information/see the images.<br /><a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh2Eez8AohbICORG99NJb-yMPu0DBPv8PDLbkZ0rFNfQ9pXQdRYOez-0rqUwPBQvemJmiZtMuwhXWX5IKPL8IvlVrlS11RiMNcMC29OVp3hJDJOXcmUbe1uUHdFqY3bQqJICmtAqc4oTXE/s1600-h/grid+layout.JPG"><img style="margin: 0px auto 10px; display: block; text-align: center; cursor: pointer; width: 320px; height: 78px;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh2Eez8AohbICORG99NJb-yMPu0DBPv8PDLbkZ0rFNfQ9pXQdRYOez-0rqUwPBQvemJmiZtMuwhXWX5IKPL8IvlVrlS11RiMNcMC29OVp3hJDJOXcmUbe1uUHdFqY3bQqJICmtAqc4oTXE/s320/grid+layout.JPG" alt="" id="BLOGGER_PHOTO_ID_5273982370551664466" border="0" /></a><br /><span style="font-weight: bold;">Iconography/Imagery:</span><br />The site uses only three icons to help users navigate the pages.<br /><a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg1elwQnxjLOtojebyJy8uCpkf0kBOJAzZs9Jh741Cg-NnjXOnl-pEgx_CxHN4aOgn2TNJmpOXRW6XeI4KqfebMAPfyc1MKOtJCm0OtJzp82l4hdeAnEu5UClu7Ycm29nTG3k0mpcZz4LI/s1600-h/icon+dropdown.JPG"><img style="margin: 0px auto 10px; display: block; text-align: center; cursor: pointer; width: 30px; height: 15px;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg1elwQnxjLOtojebyJy8uCpkf0kBOJAzZs9Jh741Cg-NnjXOnl-pEgx_CxHN4aOgn2TNJmpOXRW6XeI4KqfebMAPfyc1MKOtJCm0OtJzp82l4hdeAnEu5UClu7Ycm29nTG3k0mpcZz4LI/s320/icon+dropdown.JPG" alt="" id="BLOGGER_PHOTO_ID_5273984887296413858" border="0" /></a>Drop-down icon, indicates which navigation component will open in a drop-down.<br /><br /><a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhaKRWbwjH95S7N1p5CNnMjT3A1EMudtElZCn9fYTAONx3-IJ0372TAuHDBNlFAKq38h7p-nvqARHPb6iGg-bMNkUMtSPxVb8AVDQOAgJJi-309kcrjXesUZNk451fYv0QEzoUSQ8yHEcY/s1600-h/icon+expand.JPG"><img style="margin: 0px auto 10px; display: block; text-align: center; cursor: pointer; width: 30px; height: 24px;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhaKRWbwjH95S7N1p5CNnMjT3A1EMudtElZCn9fYTAONx3-IJ0372TAuHDBNlFAKq38h7p-nvqARHPb6iGg-bMNkUMtSPxVb8AVDQOAgJJi-309kcrjXesUZNk451fYv0QEzoUSQ8yHEcY/s320/icon+expand.JPG" alt="" id="BLOGGER_PHOTO_ID_5273984893481269586" border="0" /></a>Plus icon, indicates information that can be expanded.<br /><br /><a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiwnVJ3eLbc_jFvgmuX0_bJSrYtpTWI0a1W4mMWlNOlX1lPCKmrJ3E0SMjP8j0bgk0YZt3HccFhkz1iV0eNMDBQ895z_qmEFv3TBrFeyUGrewhGJdBrmLhxvPU4DJcRWA8ZqlN4-YKGDTQ/s1600-h/icon+previous+and+next.JPG"><img style="margin: 0px auto 10px; display: block; text-align: center; cursor: pointer; width: 178px; height: 28px;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiwnVJ3eLbc_jFvgmuX0_bJSrYtpTWI0a1W4mMWlNOlX1lPCKmrJ3E0SMjP8j0bgk0YZt3HccFhkz1iV0eNMDBQ895z_qmEFv3TBrFeyUGrewhGJdBrmLhxvPU4DJcRWA8ZqlN4-YKGDTQ/s320/icon+previous+and+next.JPG" alt="" id="BLOGGER_PHOTO_ID_5273984897557062978" border="0" /></a>Forward and next icons, indicate additional images/information available.<br /><br />The images on the site are all used to display the different vehicles to users and entice them to purchase. Examples include the following vehicle images:<a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhDZf34SpR28SiwH8q-o84cYtkH6-5FSlPF7QK2Gwt6cT-wrcSUbvN-JMPO9EgRi86VMFKjmeLEfdnvepPtODafAsZ8gDsTLSeFL_NtWSFwWABL060kQBRZ2yt7jUl4Bspq7s7jtslB800/s1600-h/image1.JPG"><img style="margin: 0px auto 10px; display: block; text-align: center; cursor: pointer; width: 320px; height: 236px;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhDZf34SpR28SiwH8q-o84cYtkH6-5FSlPF7QK2Gwt6cT-wrcSUbvN-JMPO9EgRi86VMFKjmeLEfdnvepPtODafAsZ8gDsTLSeFL_NtWSFwWABL060kQBRZ2yt7jUl4Bspq7s7jtslB800/s320/image1.JPG" alt="" id="BLOGGER_PHOTO_ID_5273982371830170210" border="0" /></a><a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg5ahkPFlJckM4vcaDblBrcy_6DJ9rdLPMR-3eWCB_o_bNH2HSjghT57StVdovekorDmVh-15ImURL9lohnKFJKyzqgChjYyCaw2B5mNGm1y8ooKR7tRwAw6Ly1PIW6hb6vEpx77aD_z8k/s1600-h/image3.JPG"><img style="margin: 0px auto 10px; display: block; text-align: center; cursor: pointer; width: 320px; height: 241px;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg5ahkPFlJckM4vcaDblBrcy_6DJ9rdLPMR-3eWCB_o_bNH2HSjghT57StVdovekorDmVh-15ImURL9lohnKFJKyzqgChjYyCaw2B5mNGm1y8ooKR7tRwAw6Ly1PIW6hb6vEpx77aD_z8k/s320/image3.JPG" alt="" id="BLOGGER_PHOTO_ID_5273982446700395234" border="0" /></a><a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjRSjQTkNn6R95fXmE0puDavQeNS9p74_xHgTDkmc23Yy9upKU39UDCBGVic1WmV5r3DJtcxVZvdcZNpfxeY9NC9TrS8o_EASNstBsybTlJl6fppo33w4iGHZnzl0EDk-D4vveRB-XYck4/s1600-h/image2.JPG"><img style="margin: 0px auto 10px; display: block; text-align: center; cursor: pointer; width: 320px; height: 239px;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjRSjQTkNn6R95fXmE0puDavQeNS9p74_xHgTDkmc23Yy9upKU39UDCBGVic1WmV5r3DJtcxVZvdcZNpfxeY9NC9TrS8o_EASNstBsybTlJl6fppo33w4iGHZnzl0EDk-D4vveRB-XYck4/s320/image2.JPG" alt="" id="BLOGGER_PHOTO_ID_5273982443191574034" border="0" /></a><br /><span style="font-weight: bold;">Color Palette:</span><br />The site is in three main colors: blue, black, and white.<br /><a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiMXyf0Htwp4bvXCPJc2WoCE_WHCeW4UU9swTkqMUo9UXGp1KRONGiXhe-u8clT2d7GVHVUUqVyCTk9IoQx-828tlMUqaNIsF-9N5NNWNZbh3rZfofTFnN_pFLX7uZsiSnNMF8Zl62FDd0/s1600-h/blue.JPG"><img style="margin: 0px auto 10px; display: block; text-align: center; cursor: pointer; width: 188px; height: 153px;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiMXyf0Htwp4bvXCPJc2WoCE_WHCeW4UU9swTkqMUo9UXGp1KRONGiXhe-u8clT2d7GVHVUUqVyCTk9IoQx-828tlMUqaNIsF-9N5NNWNZbh3rZfofTFnN_pFLX7uZsiSnNMF8Zl62FDd0/s320/blue.JPG" alt="" id="BLOGGER_PHOTO_ID_5273984599957416178" border="0" /></a>Blue.<br /><a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiRIlggEYWV8192dANQK4WGldEHio6SDnvVbA0Ank3Rv3ugJt-Muj7khJbvrmQ_fbHL4UU7xgEwQTcFsBrIqkrq2UHVw_GRbNHCgT0LWBxR36c9nhBwC8eKx0JQ3rAS_3hK_o40ftCzSTU/s1600-h/black.JPG"><img style="margin: 0px auto 10px; display: block; text-align: center; cursor: pointer; width: 320px; height: 88px;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiRIlggEYWV8192dANQK4WGldEHio6SDnvVbA0Ank3Rv3ugJt-Muj7khJbvrmQ_fbHL4UU7xgEwQTcFsBrIqkrq2UHVw_GRbNHCgT0LWBxR36c9nhBwC8eKx0JQ3rAS_3hK_o40ftCzSTU/s320/black.JPG" alt="" id="BLOGGER_PHOTO_ID_5273984603450750594" border="0" /></a>Black.<br /><a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjIW0yFit7HH9Jlei0GaeWhNFcEMFAsFt9B-jXI3Xsnnh54PN3aYpT7UF7ZmoC6QXG-R2L5x4v4AP-LbDGgMHdamtC0uB30XQbXYwBsNZoUAn-0ILq66T_lLAEv5aZwmq-GBDf8Av6awuM/s1600-h/white.JPG"><img style="margin: 0px auto 10px; display: block; text-align: center; cursor: pointer; width: 264px; height: 96px;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjIW0yFit7HH9Jlei0GaeWhNFcEMFAsFt9B-jXI3Xsnnh54PN3aYpT7UF7ZmoC6QXG-R2L5x4v4AP-LbDGgMHdamtC0uB30XQbXYwBsNZoUAn-0ILq66T_lLAEv5aZwmq-GBDf8Av6awuM/s320/white.JPG" alt="" id="BLOGGER_PHOTO_ID_5273984600261489090" border="0" /></a>White.<br />As stated in the previous case study, this color choice really helps to unify the site and make the content stand out more. It also makes the site look more professional, as the colors work very well together and do not cause awkward vibrations or clashing.<br /><br />When navigating to the fuel economy page, the blue of the main page turns to green. This was done by Chevrolet to emphasize that they believe their vehicles are environmentally friendly as they are more fuel efficient than other vehicles.<br /><a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj1awTwnvsGDrlzfNisUGbruU__Ue_FjcM6LzY9gMfdEKD5mSAHHxyFKYzLNYOE8PtIpt2H9ZAp51vD0D1ngtmnIPtZ1qSFhJpQP4TyAxDkwSZh5zk7zkgAJFrSLNlhAmWhtTwfxGLiFrE/s1600-h/green.JPG"><img style="margin: 0px auto 10px; display: block; text-align: center; cursor: pointer; width: 320px; height: 193px;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj1awTwnvsGDrlzfNisUGbruU__Ue_FjcM6LzY9gMfdEKD5mSAHHxyFKYzLNYOE8PtIpt2H9ZAp51vD0D1ngtmnIPtZ1qSFhJpQP4TyAxDkwSZh5zk7zkgAJFrSLNlhAmWhtTwfxGLiFrE/s320/green.JPG" alt="" id="BLOGGER_PHOTO_ID_5273984607608196754" border="0" /></a><span style="font-weight: bold;"><br />Site Focus:</span><br />The focus of the site is to provide users with information about the vehicles available by Chevrolet dealers. The site showcases the car models, giving specific information on the vehicle such as performance, customization, and safety. Users are able to find detailed information on the vehicles without having to visit a showroom and speak with a salesperson. Users can also see different photos of the vehicles and see available accessories.<br />Features of the site include the Build and Price tool, the graph comparisons, and the 360 degree views.<br /><a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEicRfdvAbT5KLaM7fUgD8vhvJ6hZ9B2jjv3XAsk75eQbjozVZQ7WTwDeD5HmgiQnIJ9S0yIQt137iyPurksRx0AGPgqDyYmX1L3np7J1nAi5uklwhV1Dndmm9bmPs0GSX93VzLHkN-8_RM/s1600-h/car+builder.JPG"><img style="margin: 0px auto 10px; display: block; text-align: center; cursor: pointer; width: 320px; height: 124px;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEicRfdvAbT5KLaM7fUgD8vhvJ6hZ9B2jjv3XAsk75eQbjozVZQ7WTwDeD5HmgiQnIJ9S0yIQt137iyPurksRx0AGPgqDyYmX1L3np7J1nAi5uklwhV1Dndmm9bmPs0GSX93VzLHkN-8_RM/s320/car+builder.JPG" alt="" id="BLOGGER_PHOTO_ID_5273986922337855986" border="0" /></a>The Build and Price tool allows users to customize a vehicle with different options (such as accessories, paint color, trim) and determine an approximate price. Users can then order their car or search for a car that fits their specifications.<br /><a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhrt2yfWkY4QfBd2futwwzkQV_zYSo1Ed9Hos3TLv7nFvcFm-DWqyDyJUSkdYd9RX4S8Xh2z7KMefF81K1qCNUlPyZfP2JVuHD5N25L8asrEOd-w-_SmqSAy6nTZWzqf5L-iuF34RzyFbo/s1600-h/graph.JPG"><img style="margin: 0px auto 10px; display: block; text-align: center; cursor: pointer; width: 320px; height: 183px;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhrt2yfWkY4QfBd2futwwzkQV_zYSo1Ed9Hos3TLv7nFvcFm-DWqyDyJUSkdYd9RX4S8Xh2z7KMefF81K1qCNUlPyZfP2JVuHD5N25L8asrEOd-w-_SmqSAy6nTZWzqf5L-iuF34RzyFbo/s320/graph.JPG" alt="" id="BLOGGER_PHOTO_ID_5273986923002698242" border="0" /></a>The graph comparisons allow users to quickly see the pros and cons of certain vehicles in comparison to the other vehicles available.<br /><a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiRUa56KM_PsITqsNdx-5BmidY2jCVTfL3cxjgmGrLDIKZoDyvYYUsXOfkBaUPQy56xMphv81Hz31MqP6xzATzFi5iPN_CMZfz6chNysbc1tmWrytSSpyNuHXnCcH2uBRF7guXmroVcKOM/s1600-h/360+2.JPG"><img style="margin: 0px auto 10px; display: block; text-align: center; cursor: pointer; width: 320px; height: 174px;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiRUa56KM_PsITqsNdx-5BmidY2jCVTfL3cxjgmGrLDIKZoDyvYYUsXOfkBaUPQy56xMphv81Hz31MqP6xzATzFi5iPN_CMZfz6chNysbc1tmWrytSSpyNuHXnCcH2uBRF7guXmroVcKOM/s320/360+2.JPG" alt="" id="BLOGGER_PHOTO_ID_5273986929241194642" border="0" /></a><a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgNBqSVWBME02djT66NWOHVh3-VsakGUvD6Av46G_Ap-PDIPKKM-e0b3ugdELyj3ov4X7Xvy3TZzTbmVxgYWRrh4tFIXskq6h5Lt5riUpAVH_2J68aZ38u-Tat7ZAt2yt0JScP6OKjHYkI/s1600-h/360+1.JPG"><img style="margin: 0px auto 10px; display: block; text-align: center; cursor: pointer; width: 320px; height: 175px;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgNBqSVWBME02djT66NWOHVh3-VsakGUvD6Av46G_Ap-PDIPKKM-e0b3ugdELyj3ov4X7Xvy3TZzTbmVxgYWRrh4tFIXskq6h5Lt5riUpAVH_2J68aZ38u-Tat7ZAt2yt0JScP6OKjHYkI/s320/360+1.JPG" alt="" id="BLOGGER_PHOTO_ID_5273986925765198386" border="0" /></a>The 360 degree view allows users to see the car from angle without having to see it in person.Bill Ehttp://www.blogger.com/profile/04336288176473597872noreply@blogger.com0tag:blogger.com,1999:blog-6631876556171330659.post-44367045731676640312008-11-28T02:15:00.076-05:002008-11-29T02:03:24.843-05:00Case Studies #9: ge.comThis Case Study is in regards to the website www.ge.com.<br /><br /><span style="font-weight: bold;">Navigation:</span><br />At the top of the page (below the banner) is the primary navigation bar. This contains links to pages on the site with information about the company’s innovation, products and services, general information, investor relations, careers, and worldwide sites.<br /><a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiNkcSp9hgxI-Rt__KlYTFTwQapupFjcY_ka9jAPpC0Jow4NhAkZvRU7alIGKFEi2NptooFNdIxQrYG2GRyzjO0U3e0ixR8rnwGKGlhBOVkpI7jTSfSL2tYVT0LcAiPJBdxV-cAmH3-e84/s1600-h/primary+nav.JPG"><img style="margin: 0px auto 10px; display: block; text-align: center; cursor: pointer; width: 320px; height: 19px;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiNkcSp9hgxI-Rt__KlYTFTwQapupFjcY_ka9jAPpC0Jow4NhAkZvRU7alIGKFEi2NptooFNdIxQrYG2GRyzjO0U3e0ixR8rnwGKGlhBOVkpI7jTSfSL2tYVT0LcAiPJBdxV-cAmH3-e84/s320/primary+nav.JPG" alt="" id="BLOGGER_PHOTO_ID_5273964649970482930" border="0" /></a>When the cursor is placed over the primary navigation, two types of secondary navigation appear. One type contains thumbnails, while the other is just text.<br /><a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgwMX-3pA4Qn-40bKdXo6SkXo-VmpaJb2RB3pjJjxM42rzc6dO27NaaFly2QNbLbw0-HL2gL1ru7YinlXp5Z2dEsEhE5aJYgyXaAHHoYwKGIOKRTrfFz7VOHyuqFsvwAtd8C0QU8Lm9oP0/s1600-h/secondary+nav+pictures.JPG"><img style="margin: 0px auto 10px; display: block; text-align: center; cursor: pointer; width: 320px; height: 115px;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgwMX-3pA4Qn-40bKdXo6SkXo-VmpaJb2RB3pjJjxM42rzc6dO27NaaFly2QNbLbw0-HL2gL1ru7YinlXp5Z2dEsEhE5aJYgyXaAHHoYwKGIOKRTrfFz7VOHyuqFsvwAtd8C0QU8Lm9oP0/s320/secondary+nav+pictures.JPG" alt="" id="BLOGGER_PHOTO_ID_5273964655030976578" border="0" /></a><a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi9xzsiUvWZ_ybQ22DDi0bdKv9xWBs04WCRpV_eqJLQU-TIPtuZmQUn95kocIImbSWZyEYwPbMeZSefOQ2RVyqoWtVo_3z5bVFJxsr4DWahXRUg_cKFXMy8iDIa3WqK7qTRfUVPnkEbOUQ/s1600-h/secondary+nav+text.JPG"><img style="margin: 0px auto 10px; display: block; text-align: center; cursor: pointer; width: 320px; height: 139px;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi9xzsiUvWZ_ybQ22DDi0bdKv9xWBs04WCRpV_eqJLQU-TIPtuZmQUn95kocIImbSWZyEYwPbMeZSefOQ2RVyqoWtVo_3z5bVFJxsr4DWahXRUg_cKFXMy8iDIa3WqK7qTRfUVPnkEbOUQ/s320/secondary+nav+text.JPG" alt="" id="BLOGGER_PHOTO_ID_5273964824311310466" border="0" /></a>At the bottom of the page are additional links to other pages on the site, such as contact, privacy, and terms of use.<br /><a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjrDUnWYfvyWPutbN_g8llP9Oo7dBtudc6mb6m1Xx8kI7YyO6oADjBNiSVeKaW8LJfsDVB4Qw0I6edZcy9KY7eoI996KGZWahPh_9nXndvtT2WAzSOnRephMvAP_S-9nGoiKW32ipDk6d0/s1600-h/bottom+nav.JPG"><img style="margin: 0px auto 10px; display: block; text-align: center; cursor: pointer; width: 320px; height: 32px;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjrDUnWYfvyWPutbN_g8llP9Oo7dBtudc6mb6m1Xx8kI7YyO6oADjBNiSVeKaW8LJfsDVB4Qw0I6edZcy9KY7eoI996KGZWahPh_9nXndvtT2WAzSOnRephMvAP_S-9nGoiKW32ipDk6d0/s320/bottom+nav.JPG" alt="" id="BLOGGER_PHOTO_ID_5273964815160444370" border="0" /></a><br /><span style="font-weight: bold;">Architecture:</span><br />The architecture of the site is very flat, as this website is not meant to contain much information. Rather, it is used as a “stepping stone” to get to other websites that contain the information that a user is looking for. For example, if I was looking up information on GE’s lighting products, I would not find it on this site. Instead, I would be directed to a different site (still owned by GE) that contained only information regarding their lighting products.<a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjnZBZYRwAwXGLYQ5gnXzMQiNckwgjWYpZohQvtmYE-E7MOAfQHuIXlGkfGKFqeyOyEFlBiY6RVWIAUNv1qzX4CiUTgF4ussVjn9KwoAzSela62FbJT18_N-AIQLZajy4j_iGsUw-SuUlk/s1600-h/architecture.JPG"><img style="margin: 0px auto 10px; display: block; text-align: center; cursor: pointer; width: 320px; height: 178px;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjnZBZYRwAwXGLYQ5gnXzMQiNckwgjWYpZohQvtmYE-E7MOAfQHuIXlGkfGKFqeyOyEFlBiY6RVWIAUNv1qzX4CiUTgF4ussVjn9KwoAzSela62FbJT18_N-AIQLZajy4j_iGsUw-SuUlk/s320/architecture.JPG" alt="" id="BLOGGER_PHOTO_ID_5273964639672079058" border="0" /></a>This makes the site very easy to navigate, however can lead to users becoming lost as they navigate to different sites connected to the main site and then attempt to get back.<br /><br /><span style="font-weight: bold;">Content/Typography:</span><br />The content hierarchy is apparent through the use of bold letters, letter size, and letter color.<br /><br />Heading 1:<br /><a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgqt9KQOm18ZSqQcwtdqZUKkjX2N-nqfNQXdkaBdMKT9zQj5iBno1Xt_mivV-jqOBwKzKxNQXl0aDLfaLw5dZF7O5rnURmm__rfq1JmYe6Fg1QMNbTlFyyjZq40_QVNpeKM5AqjVcCofgw/s1600-h/h1.JPG"><img style="margin: 0px auto 10px; display: block; text-align: center; cursor: pointer; width: 99px; height: 36px;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgqt9KQOm18ZSqQcwtdqZUKkjX2N-nqfNQXdkaBdMKT9zQj5iBno1Xt_mivV-jqOBwKzKxNQXl0aDLfaLw5dZF7O5rnURmm__rfq1JmYe6Fg1QMNbTlFyyjZq40_QVNpeKM5AqjVcCofgw/s320/h1.JPG" alt="" id="BLOGGER_PHOTO_ID_5273964641165412930" border="0" /></a> Large black font, used as titles for content.<br /><br />Heading 2:<br /><a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgtF83f4ucO1tV0C0vTF1KHPH59PUzA1YW1LIdAbvUMM2cWXSfpXCK82KfXdeA1dmgkUa3oUUEUt6kRToyWcJZ2Flcpsh-6OUFsAPgDOAabtmggmbICZc23Civ2HPfpriXi2zqlo81b6Kk/s1600-h/h2.JPG"><img style="margin: 0px auto 10px; display: block; text-align: center; cursor: pointer; width: 320px; height: 58px;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgtF83f4ucO1tV0C0vTF1KHPH59PUzA1YW1LIdAbvUMM2cWXSfpXCK82KfXdeA1dmgkUa3oUUEUt6kRToyWcJZ2Flcpsh-6OUFsAPgDOAabtmggmbICZc23Civ2HPfpriXi2zqlo81b6Kk/s320/h2.JPG" alt="" id="BLOGGER_PHOTO_ID_5273964649818985826" border="0" /></a> Medium gray font, used as opening statements or quotes for content.<br /><br />Heading 3:<br /><a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgyyL233biOFm8_rlupacLudL5QBVQV5QTqV8wbZt_fbFAWYjHek2Krz2qTivovMDCCa1VscHxbPUYeylxl87tgEfH_x9jJMn3K0xXBoWBpttNZIsG5IzewTd7CuyN-6h1_REHuoV4QNAY/s1600-h/h3.JPG"><img style="margin: 0px auto 10px; display: block; text-align: center; cursor: pointer; width: 235px; height: 23px;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgyyL233biOFm8_rlupacLudL5QBVQV5QTqV8wbZt_fbFAWYjHek2Krz2qTivovMDCCa1VscHxbPUYeylxl87tgEfH_x9jJMn3K0xXBoWBpttNZIsG5IzewTd7CuyN-6h1_REHuoV4QNAY/s320/h3.JPG" alt="" id="BLOGGER_PHOTO_ID_5273964821359990594" border="0" /></a> Small blue font, used as sub-titles for content.<br /><br />Paragraph:<br /><a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjo4auLjMd5iACsAhBGvJz5645Z81wrYk8pYeHwvnuwSZ-N5wXTO38se29w2IXjmKGW-0qAx9HwjsK8ZlZTW0bAMEGAf16YtKfZnuS93OKL4PGL1PipnIMr_c2JITH_8yCJkAQHUN6WPXI/s1600-h/paragraph.JPG"><img style="margin: 0px auto 10px; display: block; text-align: center; cursor: pointer; width: 320px; height: 41px;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjo4auLjMd5iACsAhBGvJz5645Z81wrYk8pYeHwvnuwSZ-N5wXTO38se29w2IXjmKGW-0qAx9HwjsK8ZlZTW0bAMEGAf16YtKfZnuS93OKL4PGL1PipnIMr_c2JITH_8yCJkAQHUN6WPXI/s320/paragraph.JPG" alt="" id="BLOGGER_PHOTO_ID_5273964824738083426" border="0" /></a>Small black font, used for information requiring sentences and paragraphs.<br /><br />The content on the page is organized into a few broad categories, which then link to different pages. This makes it easy for users to browse and find content, and it also allows the pages to take up less room (which results in less scrolling for users.)<br /><br /><span style="font-weight: bold;">Grid/Structure:</span><br />The main page’s structure is made up of rows with the banner and search bar in the first row, the primary navigation in the second row, the content in the next row, and the bottom links in the last row.<br /><a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi0yLY-lWXSTqd_U9-cGG2wj2pTR_NXv6x1iXBRVzwJcfBOKapV483-tlbnzZ-dD-tBNsnZ_ngz-06LqzUyew-cwodB9exy_n6J-VUCXHUhAFJ2WxiicjI5wDwl-iz44Kaa-KSmoVxSR0c/s1600-h/rows.JPG"><img style="margin: 0px auto 10px; display: block; text-align: center; cursor: pointer; width: 320px; height: 234px;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi0yLY-lWXSTqd_U9-cGG2wj2pTR_NXv6x1iXBRVzwJcfBOKapV483-tlbnzZ-dD-tBNsnZ_ngz-06LqzUyew-cwodB9exy_n6J-VUCXHUhAFJ2WxiicjI5wDwl-iz44Kaa-KSmoVxSR0c/s320/rows.JPG" alt="" id="BLOGGER_PHOTO_ID_5273970171652773618" border="0" /></a><br />When navigating to a page on the site, the top and bottom of the page stays the same, but the content area adjusts to display the information clearly. For example, when on the “Products & Services” page, the content area is made up of two columns, with a nested table in the right that contains links to the different products in a grid. The width of the columns are visually appealing, as they are not equal and are roughly in the ratio 1:3.<br /><a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgQ08NxRulVjIZXW_jyyx6IVKl5WtXPCq5IT3yPOXXvhpAwTqQ3307WHaWO2aFWyaKbvuZHwx_QNTRDUn3B11pyEg3-yjhSxAFsVlcUdh9brEa5QMz2e5DdG2z6O5pz4RPiyL69uEoFliY/s1600-h/layout1.JPG"><img style="margin: 0px auto 10px; display: block; text-align: center; cursor: pointer; width: 320px; height: 146px;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgQ08NxRulVjIZXW_jyyx6IVKl5WtXPCq5IT3yPOXXvhpAwTqQ3307WHaWO2aFWyaKbvuZHwx_QNTRDUn3B11pyEg3-yjhSxAFsVlcUdh9brEa5QMz2e5DdG2z6O5pz4RPiyL69uEoFliY/s320/layout1.JPG" alt="" id="BLOGGER_PHOTO_ID_5273970175646828898" border="0" /></a><a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhU8zHsI-gM-mm_QpbAqWLQNh7cEtZ9de_DoHdWTLNaFy6Qrh5_1pev0uHg1IYJFsLFQZQLXJs7L6MMFX-pL6ppd38Neg-8zyHhUf5YyRcOgSb6RRvGV6uKWPioPEyKU1XnQPaKuzt85sg/s1600-h/layout2.JPG"><img style="margin: 0px auto 10px; display: block; text-align: center; cursor: pointer; width: 320px; height: 169px;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhU8zHsI-gM-mm_QpbAqWLQNh7cEtZ9de_DoHdWTLNaFy6Qrh5_1pev0uHg1IYJFsLFQZQLXJs7L6MMFX-pL6ppd38Neg-8zyHhUf5YyRcOgSb6RRvGV6uKWPioPEyKU1XnQPaKuzt85sg/s320/layout2.JPG" alt="" id="BLOGGER_PHOTO_ID_5273970175675655282" border="0" /></a><br /><span style="font-weight: bold;">Iconography/Imagery:</span><br />The site uses two icons in addition to imagery to help users navigate.<br /><a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjk43G2lvxXZ6-xZXvQwDTncEDLqHTkkAeK39aHJg84k3v04eKvXKUDQ50AqhWHC7cXbmhVUDZtD5wsnKfJDzKATVwSj6Kb3sukxjbxyq7WQhdy1Ql_dwDTezpr017YxsztiT9SDHo0Ros/s1600-h/icon+arrow.JPG"><img style="margin: 0px auto 10px; display: block; text-align: center; cursor: pointer; width: 20px; height: 19px;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjk43G2lvxXZ6-xZXvQwDTncEDLqHTkkAeK39aHJg84k3v04eKvXKUDQ50AqhWHC7cXbmhVUDZtD5wsnKfJDzKATVwSj6Kb3sukxjbxyq7WQhdy1Ql_dwDTezpr017YxsztiT9SDHo0Ros/s320/icon+arrow.JPG" alt="" id="BLOGGER_PHOTO_ID_5273969765130090514" border="0" /></a>Arrow icon, used in buttons or to show that the content is a link.<br /><a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhLccj5Uga1cZb5HQmMwK0uElpHmbJCSaaqV6x5N9XvPdHE8VzlcQxHelR1ZPReDmSOYvyfqJyzA50qoRqL9H0exC1xYqw6tpuOm2ir6Wnvwm8fzwEFuPDmxumkF8vteXiD070JFUPEvpg/s1600-h/icon+world.JPG"><img style="margin: 0px auto 10px; display: block; text-align: center; cursor: pointer; width: 44px; height: 28px;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhLccj5Uga1cZb5HQmMwK0uElpHmbJCSaaqV6x5N9XvPdHE8VzlcQxHelR1ZPReDmSOYvyfqJyzA50qoRqL9H0exC1xYqw6tpuOm2ir6Wnvwm8fzwEFuPDmxumkF8vteXiD070JFUPEvpg/s320/icon+world.JPG" alt="" id="BLOGGER_PHOTO_ID_5273969759818406386" border="0" /></a>World icon, used in the primary navigation bar.<br /><br />Imagery on the website helps to explain content on the page. For example, the page regarding Aviation has the following image:<br /><a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj5mHJV9_FDfqe7PY0UWIdNxoNRBerVEbcurWfIx8cImeXBBgC9eVnJ5MIZ-zXq7dwCBAAI_oJxrEV4KpOHB7OF9IvPPgcEK4a0c7Jep6SqjbdGhvf_rlIaciBX7d9H2b9wuCf3QfiBq5o/s1600-h/image+aviation.JPG"><img style="margin: 0px auto 10px; display: block; text-align: center; cursor: pointer; width: 241px; height: 205px;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj5mHJV9_FDfqe7PY0UWIdNxoNRBerVEbcurWfIx8cImeXBBgC9eVnJ5MIZ-zXq7dwCBAAI_oJxrEV4KpOHB7OF9IvPPgcEK4a0c7Jep6SqjbdGhvf_rlIaciBX7d9H2b9wuCf3QfiBq5o/s320/image+aviation.JPG" alt="" id="BLOGGER_PHOTO_ID_5273969763452973346" border="0" /></a>And the Oil and Gas page has this image:<br /><a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjJeIxywkKYmSLN2xpolki64w-Vwmuw5ttGf1L91DUTlHf6Imt7p-Crv9OGWD7M9H1Bw0lzj2usoLmgbbKIMQuz92nEf6ZzCCJptD0Sma_VJB6cfmaRtQURiLcz3Y0NNL4rUV_jbzCPNQY/s1600-h/image+oil.JPG"><img style="margin: 0px auto 10px; display: block; text-align: center; cursor: pointer; width: 246px; height: 199px;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjJeIxywkKYmSLN2xpolki64w-Vwmuw5ttGf1L91DUTlHf6Imt7p-Crv9OGWD7M9H1Bw0lzj2usoLmgbbKIMQuz92nEf6ZzCCJptD0Sma_VJB6cfmaRtQURiLcz3Y0NNL4rUV_jbzCPNQY/s320/image+oil.JPG" alt="" id="BLOGGER_PHOTO_ID_5273969762938848498" border="0" /></a><br /><span style="font-weight: bold;">Color Palette:</span><br />The color palette of the site is very simple, consisting of only blue, black, and white. This makes the site very clean and professional, as there are no colors to distract from the images on the site or the information being presented.<br /><a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh_HGuMkVErYa-M_QBthFZLMVpnbYqo-WJ3pKqeI0VRS7TTu7A4VVgpX87Y_xFv9ZGtD4_6qBnNVOQY2KXwK9V3TCH2vOZjTZLhSL6ASTHr_Bnx54xiBHZajVKiQ-EbVkmJ6B0H1YBoTys/s1600-h/blue.JPG"><img style="margin: 0px auto 10px; display: block; text-align: center; cursor: pointer; width: 194px; height: 42px;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh_HGuMkVErYa-M_QBthFZLMVpnbYqo-WJ3pKqeI0VRS7TTu7A4VVgpX87Y_xFv9ZGtD4_6qBnNVOQY2KXwK9V3TCH2vOZjTZLhSL6ASTHr_Bnx54xiBHZajVKiQ-EbVkmJ6B0H1YBoTys/s320/blue.JPG" alt="" id="BLOGGER_PHOTO_ID_5273971010463226722" border="0" /></a>Blue.<br /><a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjH8SKL-5qotBZk_3OE-EyibVhfL9m67hxyKuH1wBin0fzF7c9dGhk4NNYmTwZZhWeO9eAgpeMJhLDyhFSD4cmgqAwQc-aKO7kQ201sy1VSIIwLwzddRzMNdjHzZBJNZ48xoBh-cJYDcDw/s1600-h/black.JPG"><img style="margin: 0px auto 10px; display: block; text-align: center; cursor: pointer; width: 123px; height: 262px;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjH8SKL-5qotBZk_3OE-EyibVhfL9m67hxyKuH1wBin0fzF7c9dGhk4NNYmTwZZhWeO9eAgpeMJhLDyhFSD4cmgqAwQc-aKO7kQ201sy1VSIIwLwzddRzMNdjHzZBJNZ48xoBh-cJYDcDw/s320/black.JPG" alt="" id="BLOGGER_PHOTO_ID_5273971007955683682" border="0" /></a> Black.<br /><a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjyA_uooOJ5wKkfL8SkNVn8-A5yptwI4WCTsQC5E1X81N-OQ88TU7qpamyZG_lvOfZOpYBPawklRwRcvRhDpzLa1lhwLOOZjRaOykgKBFjWJ1W1ppdAhVR9ulHyLoS0beiCo9mWFiDwAOo/s1600-h/white.JPG"><img style="margin: 0px auto 10px; display: block; text-align: center; cursor: pointer; width: 320px; height: 35px;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjyA_uooOJ5wKkfL8SkNVn8-A5yptwI4WCTsQC5E1X81N-OQ88TU7qpamyZG_lvOfZOpYBPawklRwRcvRhDpzLa1lhwLOOZjRaOykgKBFjWJ1W1ppdAhVR9ulHyLoS0beiCo9mWFiDwAOo/s320/white.JPG" alt="" id="BLOGGER_PHOTO_ID_5273971009562698802" border="0" /></a>White.<br /><br /><span style="font-weight: bold;">Site Focus:</span><br />The focus of the site is to provide users with information about the company. The site contains information about different innovations that the company has achieved, different products and services they offer, different locations they are present at, and information about careers with the company. The site does this well by streamlining the information and keeping the content to a minimum on each page, making it easy to understand each page more quickly than by having to read several paragraphs of information.<br />An improvement to the site could be to have a link on the sub-sites that link back to the main site more easily for users who might get “lost” on these new pages without realizing it.Bill Ehttp://www.blogger.com/profile/04336288176473597872noreply@blogger.com0tag:blogger.com,1999:blog-6631876556171330659.post-85820843695560035032008-11-28T02:15:00.054-05:002008-11-29T01:15:32.240-05:00Case Studies #8: google.comThis Case Study is in regards to the website www.google.com, a website that searches the web for user inputted content.<br /><br /><span style="font-weight: bold;">Navigation:</span><br />The navigation of the site consists of a primary navigation bar in the top left of the page, a permanent navigation bar in the top right of the page, and a center section of the page that contains the search box and the links commonly found at the bottom of other sites (such as Privacy and Business programs).<br /><a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgNGd-xWAQwLWsXUN8i9G6tX65AOZo-26iiqu3HMxWsFy8vf4-DhcCa9o6bUENt72KCTWvY7_Qn0Vt_36N81L9rxpkPnoVrCexreeAyPixhJfnCl6wZZQXV4ifEYTdl9QZ-queiWhcaJj0/s1600-h/primarynav.JPG"><img style="margin: 0px auto 10px; display: block; text-align: center; cursor: pointer; width: 320px; height: 23px;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgNGd-xWAQwLWsXUN8i9G6tX65AOZo-26iiqu3HMxWsFy8vf4-DhcCa9o6bUENt72KCTWvY7_Qn0Vt_36N81L9rxpkPnoVrCexreeAyPixhJfnCl6wZZQXV4ifEYTdl9QZ-queiWhcaJj0/s320/primarynav.JPG" alt="" id="BLOGGER_PHOTO_ID_5273955943935294882" border="0" /></a><a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh9JxQveQAEODERemcTBanv_YN5K-yREeznhfu9F3E8Hjtp3M9hpOOixAKG2p81pS8baMMmb_zCS8nx60xDZ6SZhOPK-NEZ1NfcThlvFQW_NlvNwGc7xz0rYbsA0nzuWcjCC7Zkh3j8SD8/s1600-h/permanentnav.JPG"><img style="margin: 0px auto 10px; display: block; text-align: center; cursor: pointer; width: 123px; height: 29px;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh9JxQveQAEODERemcTBanv_YN5K-yREeznhfu9F3E8Hjtp3M9hpOOixAKG2p81pS8baMMmb_zCS8nx60xDZ6SZhOPK-NEZ1NfcThlvFQW_NlvNwGc7xz0rYbsA0nzuWcjCC7Zkh3j8SD8/s320/permanentnav.JPG" alt="" id="BLOGGER_PHOTO_ID_5273956312929742562" border="0" /></a><a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEilTk73zTPqO3H_5CDUikIQF68SkSGPHx3KJCf2VrGRWR7QNLFIXT86mce0CaJbiXu-d0NVFybmm7VBUMALt1ZDgMdTJQH20an_hBeJhUZQhkz4kT_rSnxLQjXnpvaSIFsPFPsRl1ZZ1as/s1600-h/center.JPG"><img style="margin: 0px auto 10px; display: block; text-align: center; cursor: pointer; width: 320px; height: 209px;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEilTk73zTPqO3H_5CDUikIQF68SkSGPHx3KJCf2VrGRWR7QNLFIXT86mce0CaJbiXu-d0NVFybmm7VBUMALt1ZDgMdTJQH20an_hBeJhUZQhkz4kT_rSnxLQjXnpvaSIFsPFPsRl1ZZ1as/s320/center.JPG" alt="" id="BLOGGER_PHOTO_ID_5273955670248686082" border="0" /></a>This navigation setup is designed so that users can find desired information as quickly as possible and with the least number of mouse clicks. All of the main search types are located on the main page, and the search box is the only content.<br />At the bottom of a page when searching, the Google logo is transformed into a pagination navigation system.<br /><a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgALoCd_cvwNHXIP4u0xe1GF3-Bhe13E_qV9-nsebydjkbBTnOURdgeScmFUW7oeR9Ry2vU3-5-XFEra10hhV9zmtCHCEyZFe2QDHdDjiMJF-FwVL1lWDQFo57UYxgkCiFjS0giI4SVuSs/s1600-h/google+pagination.JPG"><img style="margin: 0px auto 10px; display: block; text-align: center; cursor: pointer; width: 277px; height: 70px;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgALoCd_cvwNHXIP4u0xe1GF3-Bhe13E_qV9-nsebydjkbBTnOURdgeScmFUW7oeR9Ry2vU3-5-XFEra10hhV9zmtCHCEyZFe2QDHdDjiMJF-FwVL1lWDQFo57UYxgkCiFjS0giI4SVuSs/s320/google+pagination.JPG" alt="" id="BLOGGER_PHOTO_ID_5273956430646128210" border="0" /></a>This allows users to quickly navigate through the results, while also adding a unique touch to the site.<br /><br /><span style="font-weight: bold;">Architecture:</span><br />The architecture of the site is set up so that all of the sections are connected to each other while still being separated enough that the content is not that same. That is, if I am searching for an image, but then decide it’s a video I’m looking for, I can quickly change to that search and then see results of only videos. This helps to make the site more uniform and prevent users from becoming lost or frustrated with having to click several links to change what they’re doing.<br /><br /><span style="font-weight: bold;">Content/Typography:</span><br />The content hierarchy is apparent through the use of bold letters, letter size, and letter color.<br />When searching:<br />Heading 1:<br /><a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhzR0cFuLjbDQVRyVoLJ2vLeyzUYbbhBY30emomt5n6r3rONZlH5E7eiQaVuvEKE2ci2gxOnf_I3BAleaJoN9mqJQDhRsq6N_ndCK8WUm0s4czk1RtVAksZ238Y-qCVkWpj_tbtb6eVMBA/s1600-h/h1.JPG"><img style="margin: 0px auto 10px; display: block; text-align: center; cursor: pointer; width: 284px; height: 28px;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhzR0cFuLjbDQVRyVoLJ2vLeyzUYbbhBY30emomt5n6r3rONZlH5E7eiQaVuvEKE2ci2gxOnf_I3BAleaJoN9mqJQDhRsq6N_ndCK8WUm0s4czk1RtVAksZ238Y-qCVkWpj_tbtb6eVMBA/s320/h1.JPG" alt="" id="BLOGGER_PHOTO_ID_5273956187267146674" border="0" /></a> Large blue font, used as titles for content.<br /><br />Heading 2:<br /><a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhnGLWCBR_GSGO017S9UfBbbgbd9Jadd5OSOC6CI9O3d__mLZF3p2WrsCZ4S18U-qaEyTVXCX59vHlekayzVfFtdWE-lUqQDaBKgUaaXycTssZ_BO9Du9Ra4Azmh7qFAfkGij2Tqfv3IsQ/s1600-h/h2.JPG"><img style="margin: 0px auto 10px; display: block; text-align: center; cursor: pointer; width: 160px; height: 20px;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhnGLWCBR_GSGO017S9UfBbbgbd9Jadd5OSOC6CI9O3d__mLZF3p2WrsCZ4S18U-qaEyTVXCX59vHlekayzVfFtdWE-lUqQDaBKgUaaXycTssZ_BO9Du9Ra4Azmh7qFAfkGij2Tqfv3IsQ/s320/h2.JPG" alt="" id="BLOGGER_PHOTO_ID_5273956441497559058" border="0" /></a>Small green font, used to indicate the source of the content.<br /><br />Paragraph:<br /><a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgJsStAFEtvLfU0zBjM42oEP-k_jpCqtjzdSJ29pB7gW9VFkqqNpUNXpd3h5b5HUbSkjLgZzZL6OrZ6pFU8DliPxWVmb62nWSnC7VGxUQQjl_0-HgTBvf2I_Y7NcazDVudt2qL0BVTAYAo/s1600-h/black.JPG"><img style="margin: 0px auto 10px; display: block; text-align: center; cursor: pointer; width: 320px; height: 35px;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgJsStAFEtvLfU0zBjM42oEP-k_jpCqtjzdSJ29pB7gW9VFkqqNpUNXpd3h5b5HUbSkjLgZzZL6OrZ6pFU8DliPxWVmb62nWSnC7VGxUQQjl_0-HgTBvf2I_Y7NcazDVudt2qL0BVTAYAo/s320/black.JPG" alt="" id="BLOGGER_PHOTO_ID_5273956182666902386" border="0" /></a>Small black font, used for information requiring sentences and paragraphs.<br /><br />The content on the page is organized by Google’s proprietary ranking system. This ensures that content that the most matches to the user’s query are displayed first. This prevents the user from having to search through thousands of results for the few sites that may be pertinent to the query made, saving time and keeping the user coming back to use the service again in the future.<br /><br /><span style="font-weight: bold;">Grid/Structure:</span><br />The layout of the main page is simple. There is a single row across the top containing the primary and permanent navigation, and the search box is in the center of the page.<br /><a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi00_sgUuxLBLcigF42UMcwKqhrLWGrW5zo3U4tvgSUs8wLDUPWAV2Dynj2z44JFV67FOf2RsVZY97MANF81XXYylTGncSxirOGkMVzoYfUAC12wjamYGlf4qt1p-xeW3dgjlk5kYW2Xps/s1600-h/main+page+layout.JPG"><img style="margin: 0px auto 10px; display: block; text-align: center; cursor: pointer; width: 320px; height: 85px;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi00_sgUuxLBLcigF42UMcwKqhrLWGrW5zo3U4tvgSUs8wLDUPWAV2Dynj2z44JFV67FOf2RsVZY97MANF81XXYylTGncSxirOGkMVzoYfUAC12wjamYGlf4qt1p-xeW3dgjlk5kYW2Xps/s320/main+page+layout.JPG" alt="" id="BLOGGER_PHOTO_ID_5273956532382776962" border="0" /></a>When a search is made, the page adjusts and the results are displayed in a single column with the title of the content, a short blurb about the result, and the location of the result on the internet.<br /><a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg5cOiYjqss0r0dR7ft7Hqk855FYbI07W69m5DvE9tOU3qiUkZ5QCwpgl1PvvlCwxRaKvJUyRrqu1-GOiCdUO5E4H5VXkvL_g9VfxCf7C2p8xxIwJFKThZ32EIMubIJvA3qcyuZUOzsZ5Y/s1600-h/search+layout.JPG"><img style="margin: 0px auto 10px; display: block; text-align: center; cursor: pointer; width: 320px; height: 236px;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg5cOiYjqss0r0dR7ft7Hqk855FYbI07W69m5DvE9tOU3qiUkZ5QCwpgl1PvvlCwxRaKvJUyRrqu1-GOiCdUO5E4H5VXkvL_g9VfxCf7C2p8xxIwJFKThZ32EIMubIJvA3qcyuZUOzsZ5Y/s320/search+layout.JPG" alt="" id="BLOGGER_PHOTO_ID_5273956540687913890" border="0" /></a>To the right of the results is another column that contains advertised links. This is a source of profit for the site. Businesses can bid on keywords and be shown at different positions relative to the top of the page.<br /><br /><span style="font-weight: bold;">Iconography/Imagery:</span><br />The site uses some icons to help users navigate around. These include:<br /><a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjOBF-1GNYaHcgdO2d5ZNUZIroPBGZbcpJLVT5R6fvUVKeqA9Y4W5PYxjuzyRpgAarzLBeabU-XrA_dGwnUEMSspQM42hoz4kn4RClSZLPYBrxb-Al6BLfZ-k1CWMZoPx3BY_-IyNRGxQM/s1600-h/icon+arrow.JPG"><img style="margin: 0px auto 10px; display: block; text-align: center; cursor: pointer; width: 28px; height: 30px;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjOBF-1GNYaHcgdO2d5ZNUZIroPBGZbcpJLVT5R6fvUVKeqA9Y4W5PYxjuzyRpgAarzLBeabU-XrA_dGwnUEMSspQM42hoz4kn4RClSZLPYBrxb-Al6BLfZ-k1CWMZoPx3BY_-IyNRGxQM/s320/icon+arrow.JPG" alt="" id="BLOGGER_PHOTO_ID_5273955678152241058" border="0" /></a>Arrow, used for pagination of pages.<br /><a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiQXOC_Aqx8zyORnJADJSVDVawc7ox90Kj-p5sQGlbWcoUNSoSe0n2Ezc92PIYSUiiJPEUgB-T932UP_gjAlUqZd7If690kLPUoZndVkvmKk7Mgy7ObS4RQ6B5NwkEqkFiLHgW5cd0aL_s/s1600-h/icon+plus.JPG"><img style="margin: 0px auto 10px; display: block; text-align: center; cursor: pointer; width: 26px; height: 28px;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiQXOC_Aqx8zyORnJADJSVDVawc7ox90Kj-p5sQGlbWcoUNSoSe0n2Ezc92PIYSUiiJPEUgB-T932UP_gjAlUqZd7If690kLPUoZndVkvmKk7Mgy7ObS4RQ6B5NwkEqkFiLHgW5cd0aL_s/s320/icon+plus.JPG" alt="" id="BLOGGER_PHOTO_ID_5273956051657127410" border="0" /></a>Plus symbol, used to add content and pages to user favorites.<br /><a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhJ9iKdsFLjqzfhRuUAf2fqmyJ2ewvMDC2dMBdziuzcNQ41SeRmBTWUqiaC_x1mu8fzd-V4Q0d4F3QRxvJ6UDBDYNob4TEyHeBZXTb0NPh_YjR1FHVklj19LqA7qFV7FeIQYxim8Y8CeWA/s1600-h/promote.JPG"><img style="margin: 0px auto 10px; display: block; text-align: center; cursor: pointer; width: 28px; height: 29px;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhJ9iKdsFLjqzfhRuUAf2fqmyJ2ewvMDC2dMBdziuzcNQ41SeRmBTWUqiaC_x1mu8fzd-V4Q0d4F3QRxvJ6UDBDYNob4TEyHeBZXTb0NPh_YjR1FHVklj19LqA7qFV7FeIQYxim8Y8CeWA/s320/promote.JPG" alt="" id="BLOGGER_PHOTO_ID_5273956169390602674" border="0" /></a>Promote, used to alert other users of worthy results.<br /><a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgNGtVyq6KIcMOrfhjAUZwLFF9ZncshcyX7qJ7huwTWXmmHRTIvMkEQ2X30gTY5TlaI3nPteqBwr72hjDKOMw2MB_QOol2uqh9p9g66pX0FbJtp9ibiAbCui3-XjCpKSZQViqBR6mi3AqA/s1600-h/icon+delete.JPG"><img style="margin: 0px auto 10px; display: block; text-align: center; cursor: pointer; width: 22px; height: 25px;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgNGtVyq6KIcMOrfhjAUZwLFF9ZncshcyX7qJ7huwTWXmmHRTIvMkEQ2X30gTY5TlaI3nPteqBwr72hjDKOMw2MB_QOol2uqh9p9g66pX0FbJtp9ibiAbCui3-XjCpKSZQViqBR6mi3AqA/s320/icon+delete.JPG" alt="" id="BLOGGER_PHOTO_ID_5273956302539545314" border="0" /></a>Delete, used to remove the content from the results page.<br /><a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgmpkS9rdQlrMYEl1gBanxleW0Gor8cjlaMrLREMagjPFQ-PNJkF1wgxt9Vha-mS1Q3HKsApPTxQKP-GS-A8z1GPRMkAWDj3S-J_rqnE8X8KzdlN2ACpoSb0Wy2NSFiGQYlwXuYRZtlOCQ/s1600-h/icon+comment.JPG"><img style="margin: 0px auto 10px; display: block; text-align: center; cursor: pointer; width: 19px; height: 21px;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgmpkS9rdQlrMYEl1gBanxleW0Gor8cjlaMrLREMagjPFQ-PNJkF1wgxt9Vha-mS1Q3HKsApPTxQKP-GS-A8z1GPRMkAWDj3S-J_rqnE8X8KzdlN2ACpoSb0Wy2NSFiGQYlwXuYRZtlOCQ/s320/icon+comment.JPG" alt="" id="BLOGGER_PHOTO_ID_5273956051606081826" border="0" /></a>Comment, used to make a comment or notes about a result.<br /><a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgiYbUwH4du9Yqcpj461QiWb7_UizPv9HOp4kRLuWSwA4zdGg95lpoiKxPT0JRpHFaXcfQAttEhKDcxMAkbGa_5emjzOg2sMI7JiCiVuR6MMdmYZhDUNFQbxDcwUSxkmb1_AJ4t4mMgt5A/s1600-h/icon+map+view.JPG"><img style="margin: 0px auto 10px; display: block; text-align: center; cursor: pointer; width: 161px; height: 25px;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgiYbUwH4du9Yqcpj461QiWb7_UizPv9HOp4kRLuWSwA4zdGg95lpoiKxPT0JRpHFaXcfQAttEhKDcxMAkbGa_5emjzOg2sMI7JiCiVuR6MMdmYZhDUNFQbxDcwUSxkmb1_AJ4t4mMgt5A/s320/icon+map+view.JPG" alt="" id="BLOGGER_PHOTO_ID_5273955682226346242" border="0" /></a>Map view icons, used to change the layout of the map page.<br /><a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiyJ6G3EH-5amf6Dlw7RpKhqkx1dDnlbvGnXEh5HmRnzXKiVj4trzzetQTsBgEBSHLNR9RYZq4CV8S9qTBeyOGk3qLlTpxHtCBfMEujNHSfs7LPTVEIjjoFriGPLI8O4-PzqRs4idtNVrE/s1600-h/icon+print.JPG"><img style="margin: 0px auto 10px; display: block; text-align: center; cursor: pointer; width: 23px; height: 25px;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiyJ6G3EH-5amf6Dlw7RpKhqkx1dDnlbvGnXEh5HmRnzXKiVj4trzzetQTsBgEBSHLNR9RYZq4CV8S9qTBeyOGk3qLlTpxHtCBfMEujNHSfs7LPTVEIjjoFriGPLI8O4-PzqRs4idtNVrE/s320/icon+print.JPG" alt="" id="BLOGGER_PHOTO_ID_5273956308666532162" border="0" /></a>Print icon.<br /><a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjlewC5mbe7ULqHEgxjNYswBKfEIAmzkD1CKlW0KU3zlwTuWV21IY7PrNAgfwCwEC3HEAbz-8EwP9och3_viR96oUyCAlB1YRg4w-Yvgz4Bsq_OJGU-dbVUWytodJ0z0FJIqpyeDCfCF1w/s1600-h/icon+send.JPG"><img style="margin: 0px auto 10px; display: block; text-align: center; cursor: pointer; width: 26px; height: 25px;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjlewC5mbe7ULqHEgxjNYswBKfEIAmzkD1CKlW0KU3zlwTuWV21IY7PrNAgfwCwEC3HEAbz-8EwP9och3_viR96oUyCAlB1YRg4w-Yvgz4Bsq_OJGU-dbVUWytodJ0z0FJIqpyeDCfCF1w/s320/icon+send.JPG" alt="" id="BLOGGER_PHOTO_ID_5273956446689446754" border="0" /></a> Send icon.<br /><a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhHuLhSmj1lFqeuLo2IuKaLCwtvpbZHD8TutZFuZvq7lkp6WkJ3PLy_PCAn-JPGV9CpWtCTFZ_dWdFdw_13zaCik8Qlmcra4JuT6LMmRRSZy94-iRRTbujz3HuadHVuWgehQMKREuZZK_U/s1600-h/icon+link.JPG"><img style="margin: 0px auto 10px; display: block; text-align: center; cursor: pointer; width: 27px; height: 23px;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhHuLhSmj1lFqeuLo2IuKaLCwtvpbZHD8TutZFuZvq7lkp6WkJ3PLy_PCAn-JPGV9CpWtCTFZ_dWdFdw_13zaCik8Qlmcra4JuT6LMmRRSZy94-iRRTbujz3HuadHVuWgehQMKREuZZK_U/s320/icon+link.JPG" alt="" id="BLOGGER_PHOTO_ID_5273956444821780450" border="0" /></a>Link icon.<br /><br />The site also uses imagery to help users navigate and find content. Some examples of this include:<br /><a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj6W1NnI9NGa0GH1y8mbRHEurcXxNWDzAxFjD_4tIAL81ATMAe-Iqn8RKoVAyFf0rE9BcCszUDl0Scymo14tmKJjelYgi3A6sM4SeuGGhzzUSfJoeigcF7RU-CyGIbFmUbTyfpVgwCOqJQ/s1600-h/maps.JPG"><img style="margin: 0px auto 10px; display: block; text-align: center; cursor: pointer; width: 320px; height: 162px;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj6W1NnI9NGa0GH1y8mbRHEurcXxNWDzAxFjD_4tIAL81ATMAe-Iqn8RKoVAyFf0rE9BcCszUDl0Scymo14tmKJjelYgi3A6sM4SeuGGhzzUSfJoeigcF7RU-CyGIbFmUbTyfpVgwCOqJQ/s320/maps.JPG" alt="" id="BLOGGER_PHOTO_ID_5273955937481487778" border="0" /></a>Map images.<br /><a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjMmFe2uVq-SShH0EpvSHJIYQWdsn31wH6bSnqiq5yAGe8oJrcVW_JjuLk461BQDUvs_BOKLgINEM8zkfWyMtVXUDTeXpY-XQ9N2VRLTL4hkAzcDX_HHGSoa8Ya7PJwmQjzS2nV2RoTJ7Y/s1600-h/imagery+thumbnails.JPG"><img style="margin: 0px auto 10px; display: block; text-align: center; cursor: pointer; width: 320px; height: 174px;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjMmFe2uVq-SShH0EpvSHJIYQWdsn31wH6bSnqiq5yAGe8oJrcVW_JjuLk461BQDUvs_BOKLgINEM8zkfWyMtVXUDTeXpY-XQ9N2VRLTL4hkAzcDX_HHGSoa8Ya7PJwmQjzS2nV2RoTJ7Y/s320/imagery+thumbnails.JPG" alt="" id="BLOGGER_PHOTO_ID_5273956059679981618" border="0" /></a> Image thumbnails.<br /><a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEia7ibWkwc_KkZeVyVQDlGcq0_1VsCjdA3hQtj9oZSNWHRuRgs9Yd2ZgMwA6Huz-Dn9-nvsDuhl2Fy71vFTeC5OySqXthRyjG_GGXBVFUwqjWzAb-zUB3HU-tkINmcXXcDj1DW4ZfR0alM/s1600-h/imagery+videos.JPG"><img style="margin: 0px auto 10px; display: block; text-align: center; cursor: pointer; width: 320px; height: 138px;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEia7ibWkwc_KkZeVyVQDlGcq0_1VsCjdA3hQtj9oZSNWHRuRgs9Yd2ZgMwA6Huz-Dn9-nvsDuhl2Fy71vFTeC5OySqXthRyjG_GGXBVFUwqjWzAb-zUB3HU-tkINmcXXcDj1DW4ZfR0alM/s320/imagery+videos.JPG" alt="" id="BLOGGER_PHOTO_ID_5273956308136346882" border="0" /></a>Video thumbnails.<br /><br /><span style="font-weight: bold;">Color Palette:</span><br />The site is in basic colors that are based off the Google logo.<br /><a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgn3vgX3UE-yn_8Harm7I0XLKipFk7VKNy9AwHk-KKQMM1R_Ec22SmcGkAFT9P76Aa3K7i3HWh3kTHplDjt2p3q6-g2b5nFXugisocSuMyBc258CK8mzQXJVYnikY1ZKZe6CF_EvDkaj-Y/s1600-h/blue.JPG"><img style="margin: 0px auto 10px; display: block; text-align: center; cursor: pointer; width: 160px; height: 24px;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgn3vgX3UE-yn_8Harm7I0XLKipFk7VKNy9AwHk-KKQMM1R_Ec22SmcGkAFT9P76Aa3K7i3HWh3kTHplDjt2p3q6-g2b5nFXugisocSuMyBc258CK8mzQXJVYnikY1ZKZe6CF_EvDkaj-Y/s320/blue.JPG" alt="" id="BLOGGER_PHOTO_ID_5273956428519492994" border="0" /></a>Blue, used for links and the navigation.<br /><a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhURXGFAt6NY7ZAiNaLb2R1WFp7IP9LwkpXzygyIYyWwf0WJT9n784dfFU2MOYHXdioXg-t1kYSanq-XYzPCr-WxDcIjcM6QN_-MU7W9WOVsaNuZs8Rvv2VDKRrTSN09qMo6u6uc5LpcPs/s1600-h/red.JPG"><img style="margin: 0px auto 10px; display: block; text-align: center; cursor: pointer; width: 59px; height: 28px;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhURXGFAt6NY7ZAiNaLb2R1WFp7IP9LwkpXzygyIYyWwf0WJT9n784dfFU2MOYHXdioXg-t1kYSanq-XYzPCr-WxDcIjcM6QN_-MU7W9WOVsaNuZs8Rvv2VDKRrTSN09qMo6u6uc5LpcPs/s320/red.JPG" alt="" id="BLOGGER_PHOTO_ID_5273956312322945154" border="0" /></a>Red, used for titles and headings.<br /><a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhFJcEWiQNHjVYHmRAITVnce9UvbbymXT4iimv02b4v69tBmIzxmRg5UzMjr4HDHZfXnANMApOnnoEAjREuM04ElTVafv_7GyGqydz0DgGVndKj5HSJMfeHxG0DHSTCie-jvUDtEkqMPe0/s1600-h/green.JPG"><img style="margin: 0px auto 10px; display: block; text-align: center; cursor: pointer; width: 320px; height: 24px;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhFJcEWiQNHjVYHmRAITVnce9UvbbymXT4iimv02b4v69tBmIzxmRg5UzMjr4HDHZfXnANMApOnnoEAjREuM04ElTVafv_7GyGqydz0DgGVndKj5HSJMfeHxG0DHSTCie-jvUDtEkqMPe0/s320/green.JPG" alt="" id="BLOGGER_PHOTO_ID_5273956055317501682" border="0" /></a>Green, sub-links under some content (such as news).<br /><a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjkZhPw-twc4b2em50oij8NcIQgHVvVTeh-ao7eiaX3lieVoLo0aLUrwLje1ZpAtXgfIoNTT2Dqltse3AQMgYjztiXm0uB3vq2VZfPr2xy-50entbKtOgQ9m-qQsJ2SVNF5EMdAfwHKefQ/s1600-h/yellow.JPG"><img style="margin: 0px auto 10px; display: block; text-align: center; cursor: pointer; width: 313px; height: 37px;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjkZhPw-twc4b2em50oij8NcIQgHVvVTeh-ao7eiaX3lieVoLo0aLUrwLje1ZpAtXgfIoNTT2Dqltse3AQMgYjztiXm0uB3vq2VZfPr2xy-50entbKtOgQ9m-qQsJ2SVNF5EMdAfwHKefQ/s320/yellow.JPG" alt="" id="BLOGGER_PHOTO_ID_5273956174652670482" border="0" /></a>Yellow, used to create boxes and dividers to separate content.<br />In addition to these, most paragraph text is in black and the backgrounds of the pages (unless they are changed by the user) are white.<br /><a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhOjY2CQ6WgwQFjTG7UTPrtZBJLdSvq-2DJ5l7A3iQ839PLPmF8ckNSwB7f48RC73pldchAyVzT5YgU4O_vbRHE23vCR_XjOkI04mga3su1MkztsrZeYpII6ehGBGVC1PYEe3E2zStJ2tc/s1600-h/paragraph.JPG"><img style="margin: 0px auto 10px; display: block; text-align: center; cursor: pointer; width: 320px; height: 19px;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhOjY2CQ6WgwQFjTG7UTPrtZBJLdSvq-2DJ5l7A3iQ839PLPmF8ckNSwB7f48RC73pldchAyVzT5YgU4O_vbRHE23vCR_XjOkI04mga3su1MkztsrZeYpII6ehGBGVC1PYEe3E2zStJ2tc/s320/paragraph.JPG" alt="" id="BLOGGER_PHOTO_ID_5273956058269554562" border="0" /></a><a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh2Jk37-jyBcrdu1g-xOEV4Me0wy9v2AQL4x1RGiUTvv0YN4dgW2OTchpW1yfRrt7i176iGg5szzPKGnK6wPeQu7FFsuHO2QtlhbNIfqZ8_62tZDkEEFIJP0IX8FblPf9JtiQv1zT0QRLQ/s1600-h/white.JPG"><img style="margin: 0px auto 10px; display: block; text-align: center; cursor: pointer; width: 270px; height: 107px;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh2Jk37-jyBcrdu1g-xOEV4Me0wy9v2AQL4x1RGiUTvv0YN4dgW2OTchpW1yfRrt7i176iGg5szzPKGnK6wPeQu7FFsuHO2QtlhbNIfqZ8_62tZDkEEFIJP0IX8FblPf9JtiQv1zT0QRLQ/s320/white.JPG" alt="" id="BLOGGER_PHOTO_ID_5273955931618008946" border="0" /></a><span style="font-weight: bold;"><br />Site Focus:</span><br />The focus of the site is to provide users with access to any type of content imaginable on the web. The site allows users to search for specific content (through the search on the main page), or browse through content (such as videos or news). The site is meant to be the ultimate tool for finding anything, and has features that allow it to do so. There aren’t any changes that need to be made, as almost every aspect of the site is customizable by the user. For example, if you don’t like the placement of a news box, you can move it where ever you’d like.<br /><a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgMgoYuR8VdlRYlK1mGQNgEoDjBqODpr3BWoncJfAOlgc_zTUIiy6c_z42yz-Jd2YIToTJnHFm8K4t21SeHz5qUcfJu7WGitrokDN-8AVlylXcgJpif6jsCRFCUccQjd5Jt06kY4dfJdto/s1600-h/personalize.JPG"><img style="margin: 0px auto 10px; display: block; text-align: center; cursor: pointer; width: 320px; height: 26px;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgMgoYuR8VdlRYlK1mGQNgEoDjBqODpr3BWoncJfAOlgc_zTUIiy6c_z42yz-Jd2YIToTJnHFm8K4t21SeHz5qUcfJu7WGitrokDN-8AVlylXcgJpif6jsCRFCUccQjd5Jt06kY4dfJdto/s320/personalize.JPG" alt="" id="BLOGGER_PHOTO_ID_5273956537287152130" border="0" /></a>Some important features:<br /><a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiiIkWvQPdYCFUCZ3DZzAE1x9kliwU5nveVLzVyStsgtakC0gSI-ekHC5Edt7A8SJ7Ax1mJEc08xyvWw7JsIx8nxUtoH-jvKKk_mfpz54f6BHBrxbQk1msojkxoNE32Q_mxVXxLBR-Gtsw/s1600-h/imagery+map.JPG"><img style="margin: 0px auto 10px; display: block; text-align: center; cursor: pointer; width: 320px; height: 164px;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiiIkWvQPdYCFUCZ3DZzAE1x9kliwU5nveVLzVyStsgtakC0gSI-ekHC5Edt7A8SJ7Ax1mJEc08xyvWw7JsIx8nxUtoH-jvKKk_mfpz54f6BHBrxbQk1msojkxoNE32Q_mxVXxLBR-Gtsw/s320/imagery+map.JPG" alt="" id="BLOGGER_PHOTO_ID_5273955932882323954" border="0" /></a>Google Maps allows users to get directions, see maps, satellite images, and even street-view pictures.<br /><a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiQtYiBBMwvyLnF16Sm-4TG5uvjVjoTRB4ki-0BeqoQ-yUsFA8iqRhGucYmx_MwDGhSkwEC8SyAp79ccoThYdmdGZLVDx1aL4qW104QN-d8UhcFevWUsDQUPXWG4lBIisz8J9xsjpxUV6s/s1600-h/gmail.JPG"><img style="margin: 0px auto 10px; display: block; text-align: center; cursor: pointer; width: 320px; height: 94px;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiQtYiBBMwvyLnF16Sm-4TG5uvjVjoTRB4ki-0BeqoQ-yUsFA8iqRhGucYmx_MwDGhSkwEC8SyAp79ccoThYdmdGZLVDx1aL4qW104QN-d8UhcFevWUsDQUPXWG4lBIisz8J9xsjpxUV6s/s320/gmail.JPG" alt="" id="BLOGGER_PHOTO_ID_5273955946645913794" border="0" /></a>Gmail provides users with several gigabytes of email space for free.<br /><a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiDDV8fVi8AW-UOD-_IT5g04m0OPJ1pzZ3UtzkzafntfXOETSU6hyphenhyphen84GEFmpq_scHktGiDocM33mPDBKmFaWuePPF6x0tww3TW9ZhF4xEPQOZqEELtaVbeM56kPiQ74NUeUc5B8lE99zsY/s1600-h/googledocs.JPG"><img style="margin: 0px auto 10px; display: block; text-align: center; cursor: pointer; width: 320px; height: 238px;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiDDV8fVi8AW-UOD-_IT5g04m0OPJ1pzZ3UtzkzafntfXOETSU6hyphenhyphen84GEFmpq_scHktGiDocM33mPDBKmFaWuePPF6x0tww3TW9ZhF4xEPQOZqEELtaVbeM56kPiQ74NUeUc5B8lE99zsY/s320/googledocs.JPG" alt="" id="BLOGGER_PHOTO_ID_5273955678932651826" border="0" /></a>Google Documents allows users to create and save word, excel, and powerpoint documents online.Bill Ehttp://www.blogger.com/profile/04336288176473597872noreply@blogger.com0tag:blogger.com,1999:blog-6631876556171330659.post-40285278144930408052008-11-28T02:14:00.122-05:002008-11-28T23:31:18.119-05:00Case Studies #7: devonselfstorage.comThis Case Study is in regards to the website devonselfstorage.com, a website for a self storage company in several East Coast states.<br /><br /><span style="font-weight: bold;">Navigation:</span><br />The main page of the site has a primary navigation bar that runs across the top of the screen. It contains links to “Home”, “Locations”, “Space Calculator”, “Facility Information”, and “About”. These are present no matter where you are on the site, as they are pertinent to all locations of the company.<br /><a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiu8H9MruWwfg8t4RS13WwzbP35r75HjW5M3ntKGl2ya4CRplFLuAuBdmbB3kO6LRS1weUAqnOD7VlLJUwYXDnCsjGWviHtBn42Ci_dl7LyZ_ymyATgcH9IYXymlVqpVqtIkVLuBNpKDJU/s1600-h/primary+nav.JPG"><img style="margin: 0px auto 10px; display: block; text-align: center; cursor: pointer; width: 320px; height: 23px;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiu8H9MruWwfg8t4RS13WwzbP35r75HjW5M3ntKGl2ya4CRplFLuAuBdmbB3kO6LRS1weUAqnOD7VlLJUwYXDnCsjGWviHtBn42Ci_dl7LyZ_ymyATgcH9IYXymlVqpVqtIkVLuBNpKDJU/s320/primary+nav.JPG" alt="" id="BLOGGER_PHOTO_ID_5273887569851582818" border="0" /></a> The primary navigation also contains secondary drop down navigation.<br /><a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgKBpWV04oSivgrmVygDVI33Zh_AT5bwQokbdhalFdFTw2_ItGzwDh2tjvx-QkvhWPw_5ppEKRnux91AfiOJLOsopXCpg58VAxA4IfpUVNcGeRVTHsu1FUcCqK7tbnjqYa6fcUp12cOJNg/s1600-h/secondary+real.JPG"><img style="margin: 0px auto 10px; display: block; text-align: center; cursor: pointer; width: 215px; height: 296px;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgKBpWV04oSivgrmVygDVI33Zh_AT5bwQokbdhalFdFTw2_ItGzwDh2tjvx-QkvhWPw_5ppEKRnux91AfiOJLOsopXCpg58VAxA4IfpUVNcGeRVTHsu1FUcCqK7tbnjqYa6fcUp12cOJNg/s320/secondary+real.JPG" alt="" id="BLOGGER_PHOTO_ID_5273930320443922194" border="0" /></a> On the main page of the site there is tertiary navigation that contains links to individual sites in different states. This is accessed by scrolling down the page on the main site.<br /><a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjGY8LAR8wrAJIfV7vu-19MqkGTEfWxEuP1yBKk5KUfwwxmMFam7jBA-N3l51tt7ZZw9tqG7D9qCf6uge6EtISyQcGgIyPzSKZul9K7jYIJrwbkZ8lWm_9vVycu4eVWtcrzCm8jc0zIsYo/s1600-h/secondary.JPG"><img style="margin: 0px auto 10px; display: block; text-align: center; cursor: pointer; width: 320px; height: 266px;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjGY8LAR8wrAJIfV7vu-19MqkGTEfWxEuP1yBKk5KUfwwxmMFam7jBA-N3l51tt7ZZw9tqG7D9qCf6uge6EtISyQcGgIyPzSKZul9K7jYIJrwbkZ8lWm_9vVycu4eVWtcrzCm8jc0zIsYo/s320/secondary.JPG" alt="" id="BLOGGER_PHOTO_ID_5273887574830866386" border="0" /></a> At the bottom of the page are links to other pages that users may find useful. They include “Security”, “Moving Supplies”, and “Privacy Policy”. These are important to have as some users will want the information prior to moving their items into the storage facilities, however because they are not used as often they are not included in the primary navigation bar.<br /><a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh0tDJLzkWQSCiJLUNmc8dBMInKQkMIoVgNfK04gB0J3PCFKKVMhklGQgOKyZHPmRtbVmrLcuU8eFfjqL6skae7Fp5vOQcFJ5OuZ9KjkYpi9FX7tMp2BethIbueVDiBIryVcCsl4xjbufo/s1600-h/bottom+nav.JPG"><img style="margin: 0px auto 10px; display: block; text-align: center; cursor: pointer; width: 320px; height: 30px;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh0tDJLzkWQSCiJLUNmc8dBMInKQkMIoVgNfK04gB0J3PCFKKVMhklGQgOKyZHPmRtbVmrLcuU8eFfjqL6skae7Fp5vOQcFJ5OuZ9KjkYpi9FX7tMp2BethIbueVDiBIryVcCsl4xjbufo/s320/bottom+nav.JPG" alt="" id="BLOGGER_PHOTO_ID_5273887573245549682" border="0" /></a> This is an efficient way to lay out the navigation, as the most important information is easily found without having to search.<br /><br /><span style="font-weight: bold;">Architecture:</span><br />The site is set up so that users first visit the main company page. From there, they can view information that is applicable to all locations, such as security and their policies, or they can view information regarding specific locations by choosing the state and address. This setup allows users to quickly find the information that will be applicable to them when using the company at a specific location. Had the site had information about all of the locations on one large list, it would have been harder for customers to find information about a specific location. With this design, information is cleanly organized by location and easy to navigate.<br /><br /><span style="font-weight: bold;">Content/Typography:</span><br />The content hierarchy is apparent through the use of bold letters, letter size, and letter color.<br />Heading 1:<br /><a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhs2VVbKIf7Fzrrr1pglJ3GM-FoAMCyi4-Ww-jA1dZvcTt66gAaSrbV4iBOnu-Smr1r5l2GcO5GQcOWWQMw9swkxZKGgaPyjjPIqo5TuRmOq3B8vgXjfLY_9vM_LLXKHp8f4gxAvcq33Nc/s1600-h/h1.JPG"><img style="margin: 0px auto 10px; display: block; text-align: center; cursor: pointer; width: 217px; height: 36px;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhs2VVbKIf7Fzrrr1pglJ3GM-FoAMCyi4-Ww-jA1dZvcTt66gAaSrbV4iBOnu-Smr1r5l2GcO5GQcOWWQMw9swkxZKGgaPyjjPIqo5TuRmOq3B8vgXjfLY_9vM_LLXKHp8f4gxAvcq33Nc/s320/h1.JPG" alt="" id="BLOGGER_PHOTO_ID_5273890509801954402" border="0" /></a>Large white font on blue background (horizontal line), used as titles for content.<br /><br />Heading 2:<br /><a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiiXfmydCzDSezaH0co77JocIv_G76TewGrK9mTT0SGIwbo2iUAoud1OxOZnfTiEUkatjg6kopAyHNXrga0EfDc_L9C1CSBOTRHXOaNe-RA0u35DQXO9z70elzZhqNj6ACSoYNFewm92ns/s1600-h/h2.JPG"><img style="margin: 0px auto 10px; display: block; text-align: center; cursor: pointer; width: 269px; height: 21px;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiiXfmydCzDSezaH0co77JocIv_G76TewGrK9mTT0SGIwbo2iUAoud1OxOZnfTiEUkatjg6kopAyHNXrga0EfDc_L9C1CSBOTRHXOaNe-RA0u35DQXO9z70elzZhqNj6ACSoYNFewm92ns/s320/h2.JPG" alt="" id="BLOGGER_PHOTO_ID_5273890506112389234" border="0" /></a> Large black font, used as headings on pages.<br /><br />Paragraph:<br /><a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgf4ukpEBLogZxDbKGkTt2hyKixPd7bD1Jc4JcMFIoJF4A_E0fzAFPnu4kLuHruVXvq-PTdeniujorCqHUpho85hBDtHBfAojhNuhl2JdBu6iy_HQj1ff4BNTjaYbl6whAvBp-N6pRBTpo/s1600-h/paragraph.JPG"><img style="margin: 0px auto 10px; display: block; text-align: center; cursor: pointer; width: 149px; height: 30px;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgf4ukpEBLogZxDbKGkTt2hyKixPd7bD1Jc4JcMFIoJF4A_E0fzAFPnu4kLuHruVXvq-PTdeniujorCqHUpho85hBDtHBfAojhNuhl2JdBu6iy_HQj1ff4BNTjaYbl6whAvBp-N6pRBTpo/s320/paragraph.JPG" alt="" id="BLOGGER_PHOTO_ID_5273890513727174306" border="0" /></a> Small blue or black font, used for information requiring sentences and paragraphs.<br /><br />Heading 3:<br /><a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiKv0bxoqz8IS2x2Zr8-w6iDIPSVbT8eE6GuZQ3cpyPXeWlLeyt6RhQlJOHIJPBXTJ3L-wY0mF7RsaZQc6K9QfY218gWmQWpwEV_hqRvZ8A2XX9VaD4JXBso5W3ZfZ9BLZ43IqsI6dxhKw/s1600-h/h3.JPG"><img style="margin: 0px auto 10px; display: block; text-align: center; cursor: pointer; width: 270px; height: 20px;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiKv0bxoqz8IS2x2Zr8-w6iDIPSVbT8eE6GuZQ3cpyPXeWlLeyt6RhQlJOHIJPBXTJ3L-wY0mF7RsaZQc6K9QfY218gWmQWpwEV_hqRvZ8A2XX9VaD4JXBso5W3ZfZ9BLZ43IqsI6dxhKw/s320/h3.JPG" alt="" id="BLOGGER_PHOTO_ID_5273890506838105090" border="0" /></a> Small blue font, used as sub-information and links.<br /><br />The content on the page is organized into paragraphs, as the site is used mostly to convey information about the services of the company to potential and current customers.<br /> <a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEidYza3JLNACnqu7KH1wMDjUZnUG-vpZVbv0TtqdmG_I_O7etsJWmhWAI8xQ9bIoUwiKB2UjEShL3EIXIM36qCYbRoxufUNixoyHS9JC-lopSrhMrkUpqY9GfGmPumfHqhbNj0zH8KYAsI/s1600-h/content.JPG"><img style="margin: 0px auto 10px; display: block; text-align: center; cursor: pointer; width: 320px; height: 56px;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEidYza3JLNACnqu7KH1wMDjUZnUG-vpZVbv0TtqdmG_I_O7etsJWmhWAI8xQ9bIoUwiKB2UjEShL3EIXIM36qCYbRoxufUNixoyHS9JC-lopSrhMrkUpqY9GfGmPumfHqhbNj0zH8KYAsI/s320/content.JPG" alt="" id="BLOGGER_PHOTO_ID_5273890513699484114" border="0" /></a><br /><span style="font-weight: bold;">Grid/Structure:</span><br />The structure of this site, unlike the others, is completely horizontal. That is, it consists of a single column broken up with several rows. This limits the amount of searching that is required, as all of the headings and titles for the information are in the same place on the page as you scroll down. This layout works for this site, as the purpose is not about content, but about conveying information to customers. A customer would look up information on the site and then contact the company to make further arrangements. The site is an in-between step for customers, and because of this it was made easy to navigate and simply structured.<br /><br /><span style="font-weight: bold;">Iconography/Imagery:</span><br />The site uses a few icons to help users navigate the page, but less so than other pages critiqued. These include:<a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiByt2VL5GqoOdYu-dLLcTFIgs4YEhW7pGANxut4BTCGTWoOSRJn6G22Bx3LXfUF-46MRjL3PD9bkgdpetYv6yOF1GRHWfzeHFIjFVzMHO35FloR4Jo3ScjcLZyBF2DV7Uqw906XyfL1F0/s1600-h/print.JPG"><img style="margin: 0px auto 10px; display: block; text-align: center; cursor: pointer; width: 32px; height: 23px;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiByt2VL5GqoOdYu-dLLcTFIgs4YEhW7pGANxut4BTCGTWoOSRJn6G22Bx3LXfUF-46MRjL3PD9bkgdpetYv6yOF1GRHWfzeHFIjFVzMHO35FloR4Jo3ScjcLZyBF2DV7Uqw906XyfL1F0/s320/print.JPG" alt="" id="BLOGGER_PHOTO_ID_5273900874315281442" border="0" /></a> Print icon allows users to print out a page containing important information about a location.<br /> <a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgLlb7zu9NLsVgDCMjAeNyCNnQQQTr2yHXAd-bjsZZFEE4nMbF7HStNtUT4zz-qcI-Be_KGVX4bYRUfuGyj4VjJVRKWiME5muSBkAIfCvqBmqBE5cECTwfpyqJpcOqES9zAPRmMcwtZEsM/s1600-h/play.JPG"><img style="margin: 0px auto 10px; display: block; text-align: center; cursor: pointer; width: 25px; height: 26px;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgLlb7zu9NLsVgDCMjAeNyCNnQQQTr2yHXAd-bjsZZFEE4nMbF7HStNtUT4zz-qcI-Be_KGVX4bYRUfuGyj4VjJVRKWiME5muSBkAIfCvqBmqBE5cECTwfpyqJpcOqES9zAPRmMcwtZEsM/s320/play.JPG" alt="" id="BLOGGER_PHOTO_ID_5273900879903558770" border="0" /></a>Forward button informs users that the statement is a link.<br /><a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjZsZoLjZ-PyWVvD0BIoaIeANkaeEJXNmBgwoSAP2D4HUG5iH1Njl2l7lT-7rG2s_lFWNa61_Ex3IWekH5_8P4Wje1sQJFtdtfoNd5JN6E-RTtTpqLsqHA1xU_Ab7hRzE9KY2RQKgSqVn4/s1600-h/info.JPG"><img style="margin: 0px auto 10px; display: block; text-align: center; cursor: pointer; width: 25px; height: 21px;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjZsZoLjZ-PyWVvD0BIoaIeANkaeEJXNmBgwoSAP2D4HUG5iH1Njl2l7lT-7rG2s_lFWNa61_Ex3IWekH5_8P4Wje1sQJFtdtfoNd5JN6E-RTtTpqLsqHA1xU_Ab7hRzE9KY2RQKgSqVn4/s320/info.JPG" alt="" id="BLOGGER_PHOTO_ID_5273900878216277058" border="0" /></a>Information icon informs users that additional information is available.<br /><br />In addition to the icons, the site also uses thumbnails and imagery to help users obtain information about the service. Some of these include:<br /><a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEivwHe5ZC_RT-oSlPSJPl0Ri6NbtuAN-QH-rG0E7SmYDH5C_tbI5VS2OWbvn-43WzmU_BymxWVwUh9vGpzvKUQcHQDvmdnJsRySaDkKo4jj9nvRoOIL92pLiKgCBdJLH3DH1rQut_HrRHQ/s1600-h/map.JPG"><img style="margin: 0px auto 10px; display: block; text-align: center; cursor: pointer; width: 320px; height: 148px;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEivwHe5ZC_RT-oSlPSJPl0Ri6NbtuAN-QH-rG0E7SmYDH5C_tbI5VS2OWbvn-43WzmU_BymxWVwUh9vGpzvKUQcHQDvmdnJsRySaDkKo4jj9nvRoOIL92pLiKgCBdJLH3DH1rQut_HrRHQ/s320/map.JPG" alt="" id="BLOGGER_PHOTO_ID_5273901063104609938" border="0" /></a> Map of locations. Allows users to quickly find locations close to them.<br /><a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEipXCYvqX8nAdbCBWr5LSI8IuYaxqi4oKpaQVpqyEzGaiO60f__4Myxpb2oZhGzXwQS5BLpLekDFBMGrfat85VFbkMvr_WjzariVjbELjTc24b6nDtVLNByjPuZgeCM3m0LCW_gi0l8jdg/s1600-h/thumbnails.JPG"><img style="margin: 0px auto 10px; display: block; text-align: center; cursor: pointer; width: 320px; height: 160px;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEipXCYvqX8nAdbCBWr5LSI8IuYaxqi4oKpaQVpqyEzGaiO60f__4Myxpb2oZhGzXwQS5BLpLekDFBMGrfat85VFbkMvr_WjzariVjbELjTc24b6nDtVLNByjPuZgeCM3m0LCW_gi0l8jdg/s320/thumbnails.JPG" alt="" id="BLOGGER_PHOTO_ID_5273901065697978706" border="0" /></a> Thumbnails of the locations. These help users to match up locations with their information.<br /><br /><span style="font-weight: bold;">Color Palette:</span><br />The website is made up of the following main colors:<br /><a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjmxhXJw2JhJvcTRRs-fp-0354_lg6PeHOs755FRl6p-3cH95sf6u2fOVFnm-dWEDmku7SS4NCfy6kooCLVBqm0n-6vs0UcNCYnWbR-VAzS6ozE5al6G2V_NL56OlB4foQRa4j9mr79PSk/s1600-h/blue.JPG"><img style="margin: 0px auto 10px; display: block; text-align: center; cursor: pointer; width: 292px; height: 30px;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjmxhXJw2JhJvcTRRs-fp-0354_lg6PeHOs755FRl6p-3cH95sf6u2fOVFnm-dWEDmku7SS4NCfy6kooCLVBqm0n-6vs0UcNCYnWbR-VAzS6ozE5al6G2V_NL56OlB4foQRa4j9mr79PSk/s320/blue.JPG" alt="" id="BLOGGER_PHOTO_ID_5273902012000626658" border="0" /></a> Blue, used for title bars and the outer background.<br /> <a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiem6AYPu2WVdWoRdbzEMYIlcFo51Tu8eHg5_T3yagHY8mNIcx18nnDYeAmSenBtLsQhcErr-WR05nVwv7RYxHbB0_U6kBH_TAhSxIncVRl5NpUSf9zugW3fRcgY-3mjngaWs0qTJOL-sw/s1600-h/red.JPG"><img style="margin: 0px auto 10px; display: block; text-align: center; cursor: pointer; width: 258px; height: 28px;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiem6AYPu2WVdWoRdbzEMYIlcFo51Tu8eHg5_T3yagHY8mNIcx18nnDYeAmSenBtLsQhcErr-WR05nVwv7RYxHbB0_U6kBH_TAhSxIncVRl5NpUSf9zugW3fRcgY-3mjngaWs0qTJOL-sw/s320/red.JPG" alt="" id="BLOGGER_PHOTO_ID_5273902014817502882" border="0" /></a>Red, used for important info and accents.<br /> <a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhqX5PLUiViTG4TwvQiFXDGoLCOn-VIi5F0G8p1BvpWrwD9ot1evQb2nxHEYtA_L92AfEF4J5e_pBGYd_CwZsrVdcXR4X_q8XtNGjM01MaYfRAQONLrpbhUDbfU8heEKPOLMXMvvtrRsTI/s1600-h/black.JPG"><img style="margin: 0px auto 10px; display: block; text-align: center; cursor: pointer; width: 214px; height: 21px;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhqX5PLUiViTG4TwvQiFXDGoLCOn-VIi5F0G8p1BvpWrwD9ot1evQb2nxHEYtA_L92AfEF4J5e_pBGYd_CwZsrVdcXR4X_q8XtNGjM01MaYfRAQONLrpbhUDbfU8heEKPOLMXMvvtrRsTI/s320/black.JPG" alt="" id="BLOGGER_PHOTO_ID_5273902010767484370" border="0" /></a>Black, used for headings and text. <a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhq5jKzH6D8JxZN8lt3FI8qUuNHT65PIG1UP0-kJ36uOIcGB0XhVbUhhD3PWSSew2OG6AuR7BGy1VEb3J_1kKRSeXONogp75_dgAgAvn1PLethix_q1ps3XQD-tOEPzdWsfIkGGYV2Copc/s1600-h/white.JPG"><img style="margin: 0px auto 10px; display: block; text-align: center; cursor: pointer; width: 255px; height: 74px;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhq5jKzH6D8JxZN8lt3FI8qUuNHT65PIG1UP0-kJ36uOIcGB0XhVbUhhD3PWSSew2OG6AuR7BGy1VEb3J_1kKRSeXONogp75_dgAgAvn1PLethix_q1ps3XQD-tOEPzdWsfIkGGYV2Copc/s320/white.JPG" alt="" id="BLOGGER_PHOTO_ID_5273902011365759842" border="0" /></a>White, used for the main background of the site.<br /><br /><span style="font-weight: bold;">Site Focus:</span><br />The focus of the site is to provide users with information about the services provided by the self storage company. The site contains relevant information, such as security offered and other services, so that users are more likely to choose the company when needing a storage location. The site provides directions and contact information for the different locations available. Two important features of the site are the space calculator tool and the breadcrumbs.<br /><br />The space calculator tool allows users to determine what size space they should expect to be renting from the company. It takes an input from the user, such as the room they are packing up or the type of furniture, and turns it into a unit size that can be asked for when reservations are made.<a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEifhpWACv0eTwpDrv0BWQiTeUSTEb-QOjsCMBThaLmcp2zcfKndzEFXiC6RNfTM8gm2NizyCg77SLoJ5wKVv1mzV51PrihU1qw0iKlvHX0yXrelHshhTJWxv1Sg032a7EJPW7yNF5-ll-Y/s1600-h/space+calculator.JPG"><img style="margin: 0px auto 10px; display: block; text-align: center; cursor: pointer; width: 320px; height: 245px;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEifhpWACv0eTwpDrv0BWQiTeUSTEb-QOjsCMBThaLmcp2zcfKndzEFXiC6RNfTM8gm2NizyCg77SLoJ5wKVv1mzV51PrihU1qw0iKlvHX0yXrelHshhTJWxv1Sg032a7EJPW7yNF5-ll-Y/s320/space+calculator.JPG" alt="" id="BLOGGER_PHOTO_ID_5273929826214580338" border="0" /></a> The breadcrumb feature follows the user’s navigation through the site. This allows the user to always know where on the site they are and makes it easier to backtrack to a specific page if needed to view information on other locations or services offered.<br /> <a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEivjFmZXYaNps_x8V83Hgs-zIKDCzlUCnhwXON7guvAE2WS_cXRO3Q_SGk9iqDG97RSEBgIC_uh0qO4nPWfLPpcNnP1RKERVuEhn4Rh3om5rr0rTP1dN7yoW1jQDoV0zc8E-ZgXx63WGvc/s1600-h/breadcrumb.JPG"><img style="margin: 0px auto 10px; display: block; text-align: center; cursor: pointer; width: 320px; height: 22px;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEivjFmZXYaNps_x8V83Hgs-zIKDCzlUCnhwXON7guvAE2WS_cXRO3Q_SGk9iqDG97RSEBgIC_uh0qO4nPWfLPpcNnP1RKERVuEhn4Rh3om5rr0rTP1dN7yoW1jQDoV0zc8E-ZgXx63WGvc/s320/breadcrumb.JPG" alt="" id="BLOGGER_PHOTO_ID_5273929824711335186" border="0" /></a><br />Improvement:<br />An improvement that could be made to the site is that the primary navigation bar could be made to look more like buttons and have larger text. This would make it look more clickable and important, unlike current where it is “just kind of there.”Bill Ehttp://www.blogger.com/profile/04336288176473597872noreply@blogger.com0tag:blogger.com,1999:blog-6631876556171330659.post-76048987879698296112008-11-28T02:14:00.074-05:002008-11-28T20:16:14.848-05:00Case Studies #6: youtube.comThis Case Study is in regards to the website www.youtube.com, a website for sharing videos.<br /><br /><span style="font-weight: bold;">Navigation:</span><br />The navigation of the site is set up with a primary navigation that contains “Home”, “Videos”, “Channels”, and “Community”.<br /><a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEirQcDUaHEZQi6YUwdF2VEri6q8Z5oeoeVTu5azUKhSmVxLHTspRx3BFTvHvQd8iENeN8Vc8iRjt6F9CPkoBB311dN6RjobsmDw3EWFmQIw6H6mH3nRyEli8IOPDh_367lY4qevpcCz6ZA/s1600-h/primary+nav.JPG"><img style="margin: 0px auto 10px; display: block; text-align: center; cursor: pointer; width: 320px; height: 19px;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEirQcDUaHEZQi6YUwdF2VEri6q8Z5oeoeVTu5azUKhSmVxLHTspRx3BFTvHvQd8iENeN8Vc8iRjt6F9CPkoBB311dN6RjobsmDw3EWFmQIw6H6mH3nRyEli8IOPDh_367lY4qevpcCz6ZA/s320/primary+nav.JPG" alt="" id="BLOGGER_PHOTO_ID_5273839497356087218" border="0" /></a>A secondary navigation is available when one of the tabs in the primary navigation is selected. These links allow the content to be refined and more specific videos to be found.<br /><a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj36dZzlcnD3aFsmA8q9DIopKYkPY2hiX2RSfRiP8_7oP8uYNIGjhZ4ymtzQETbIlGikPZtIb5DZDn4IsZ-w4Iz1_A0EXUpif-FKukhy-4kS4F3RCudupLZihtLHj6OogBcU3IF4pRmj4M/s1600-h/secondary.JPG"><img style="margin: 0px auto 10px; display: block; text-align: center; cursor: pointer; width: 139px; height: 320px;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj36dZzlcnD3aFsmA8q9DIopKYkPY2hiX2RSfRiP8_7oP8uYNIGjhZ4ymtzQETbIlGikPZtIb5DZDn4IsZ-w4Iz1_A0EXUpif-FKukhy-4kS4F3RCudupLZihtLHj6OogBcU3IF4pRmj4M/s320/secondary.JPG" alt="" id="BLOGGER_PHOTO_ID_5273839498617658162" border="0" /></a>In the top right corner of the page is the permanent navigation, which allows users to sign in, view their favorite videos, find help on using the site, and sign up if not registered yet.<br /><a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjwUIPcvHohMiDnoiPT_pkcqfYbKEZrAySpuFme_Pw8SSWvUUSY19DM230IslnsAByQZl3p6pINCwm0z_fbYmbrF8ySMZNacE4YqhNZig6gZwSqqSTv7UxkUz3TomCYJakI1ZZr8Q4acgQ/s1600-h/permanent+links.JPG"><img style="margin: 0px auto 10px; display: block; text-align: center; cursor: pointer; width: 235px; height: 29px;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjwUIPcvHohMiDnoiPT_pkcqfYbKEZrAySpuFme_Pw8SSWvUUSY19DM230IslnsAByQZl3p6pINCwm0z_fbYmbrF8ySMZNacE4YqhNZig6gZwSqqSTv7UxkUz3TomCYJakI1ZZr8Q4acgQ/s320/permanent+links.JPG" alt="" id="BLOGGER_PHOTO_ID_5273839500857026306" border="0" /></a>At the bottom of the content, there are pagination links that allow the pages to load more quickly by splitting up the content.<br /><a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj3aIhIIpVhCAmO60DNCZ33AGt6wwx_nacMRPdiGr1FNF3rr5W4vhyx-IMsMaF7dPgOnsZASlmVN6cY-zKe2uLIF6h3lwsbTTgkrIcdyOjnJ1hSyPl-vLV5-Y2Boge-H15eq7xA-XPguMw/s1600-h/pagination.JPG"><img style="margin: 0px auto 10px; display: block; text-align: center; cursor: pointer; width: 249px; height: 40px;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj3aIhIIpVhCAmO60DNCZ33AGt6wwx_nacMRPdiGr1FNF3rr5W4vhyx-IMsMaF7dPgOnsZASlmVN6cY-zKe2uLIF6h3lwsbTTgkrIcdyOjnJ1hSyPl-vLV5-Y2Boge-H15eq7xA-XPguMw/s320/pagination.JPG" alt="" id="BLOGGER_PHOTO_ID_5273839500008150738" border="0" /></a>Lastly, at the bottom of the page there are the useful but seldom used links and a repeat of the major links. These are used to find information that is important but not needed by everyone, such as privacy policy and terms of use.<br /><a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi4r5Ob9M_Sb5aZkFeLT1F55THETbeq1XEcaAlI9A8UdSnVHyTLPAnl_bkrdxAQ0bHqD_p3U2T1rvZ0GePkIXHlakQtJuNZewm_SdY3Xsvvj11cimFg3fShSvIqpLXi5ws-RHkDUeqrkNo/s1600-h/bottom+links.JPG"><img style="margin: 0px auto 10px; display: block; text-align: center; cursor: pointer; width: 320px; height: 50px;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi4r5Ob9M_Sb5aZkFeLT1F55THETbeq1XEcaAlI9A8UdSnVHyTLPAnl_bkrdxAQ0bHqD_p3U2T1rvZ0GePkIXHlakQtJuNZewm_SdY3Xsvvj11cimFg3fShSvIqpLXi5ws-RHkDUeqrkNo/s320/bottom+links.JPG" alt="" id="BLOGGER_PHOTO_ID_5273839501940379634" border="0" /></a> <span style="font-weight: bold;">Architecture:</span><br />The architecture of the site is designed to allow the many videos to be accessed and viewed quickly by users. The main page has several links that lead to different ways to view the content (videos), while also allowing the user to navigate to their account info, their favorites, and popular content. There aren’t very many levels to this website, as the purpose is to display the content. Clicking on “Help,” for example, brings you to the Help Resources page, where you can then navigate to a more specific type of help. If you click on “Help Center” and then click on different links to filter the results, the page breadcrumbs your way to help indicate where on the page you are. This helps keep the many pages of the site easy to access and navigates.<br /><a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhIYSbvpfYyzpa5Rb-xZJ_K_GirlKAjVHVp20_qXf37Owikhny8tktozmNhdl14cb2RXebtW65ZJQuOfu-fgwAaRXn52yh-uLmznuo7fpzW-9MjlDMIHp-HkinSCuDiKNrWdVyXZXY-b-I/s1600-h/breadcrumbs.JPG"><img style="margin: 0px auto 10px; display: block; text-align: center; cursor: pointer; width: 320px; height: 21px;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhIYSbvpfYyzpa5Rb-xZJ_K_GirlKAjVHVp20_qXf37Owikhny8tktozmNhdl14cb2RXebtW65ZJQuOfu-fgwAaRXn52yh-uLmznuo7fpzW-9MjlDMIHp-HkinSCuDiKNrWdVyXZXY-b-I/s320/breadcrumbs.JPG" alt="" id="BLOGGER_PHOTO_ID_5273850776635583986" border="0" /></a><br /><span style="font-weight: bold;">Content/Typography:</span><br />The content hierarchy is very apparent through the use of bold letters, letter size, and letter color.<br />Heading 1:<br /><a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgYy0eJt8ljkTK-iAyfgMpCgsu7n56baK3aI7CwKYr6EpMRYHCBBzy766K94vnCsq50Ew3_RaH9_ABo51J6Dn6m3tajinDq7l0kyseWsOCXANV1ut_bcLeIvra0e8gmYMpXQum08nBH428/s1600-h/h1.JPG"><img style="margin: 0px auto 10px; display: block; text-align: center; cursor: pointer; width: 162px; height: 30px;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgYy0eJt8ljkTK-iAyfgMpCgsu7n56baK3aI7CwKYr6EpMRYHCBBzy766K94vnCsq50Ew3_RaH9_ABo51J6Dn6m3tajinDq7l0kyseWsOCXANV1ut_bcLeIvra0e8gmYMpXQum08nBH428/s320/h1.JPG" alt="" id="BLOGGER_PHOTO_ID_5273852264027731538" border="0" /></a>Large black font, used as headings on pages.<br /><br />Heading 2:<br /><a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiIVDpmZK1B5t843WSu51mXoLul4qWHbqXeKNnN_RbNlYw1tmZjU6S3bv-fDONDF8G8doPTkQcAWEcWIepKWqUD2w9h1c-cJBcxgJHdFKjl6-dcWWk4RwzyG4BsN3d60CEGYNOEc_c-SeA/s1600-h/h2.JPG"><img style="margin: 0px auto 10px; display: block; text-align: center; cursor: pointer; width: 320px; height: 27px;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiIVDpmZK1B5t843WSu51mXoLul4qWHbqXeKNnN_RbNlYw1tmZjU6S3bv-fDONDF8G8doPTkQcAWEcWIepKWqUD2w9h1c-cJBcxgJHdFKjl6-dcWWk4RwzyG4BsN3d60CEGYNOEc_c-SeA/s320/h2.JPG" alt="" id="BLOGGER_PHOTO_ID_5273852310243744786" border="0" /></a>Medium blue font, used as content titles on pages.<br /><br />Paragraph:<br /><a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiygleeClz8bdX8uN66uWSV1EcXmyUg81Mdi6-NyQ7Tu-m_wB-MsdotmJNp_KaGWslWttdvMQ-X-wP5O74gqvnYSkA3A9dRIsJu5ZwkaBABv_EMze3U_9yQvIMlip5d9Ay01BPb08pjLmI/s1600-h/paragraph.JPG"><img style="margin: 0px auto 10px; display: block; text-align: center; cursor: pointer; width: 320px; height: 38px;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiygleeClz8bdX8uN66uWSV1EcXmyUg81Mdi6-NyQ7Tu-m_wB-MsdotmJNp_KaGWslWttdvMQ-X-wP5O74gqvnYSkA3A9dRIsJu5ZwkaBABv_EMze3U_9yQvIMlip5d9Ay01BPb08pjLmI/s320/paragraph.JPG" alt="" id="BLOGGER_PHOTO_ID_5273852344594610530" border="0" /></a>Small black font, used for information requiring sentences and paragraphs.<br /><br />This typography is very easy to read, as it is a much darker color from the white background. This prevents the text from fading too much into the background and becoming difficult to read (such as in the green heading text from www.phillycarshare.org, see below).<br /><br />The content on the page is organized very effectively to allow users to find the content they’re looking for quickly. Popular content is either accessed by the links on the right of the page or the thumbnails in the center of the page. The login box is located on the right of the page, and the search bar is located at the top of the page.<br /><a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgi6H-DkQEISa3YP6qhGxK3xVdOmWJf7-UuWBlPzD2n-VvvtFkptMB3PbQvgRkIsLsGhlMsX_fe9a_7yZf78rDfI0ObnDm_BL2D12X23GDaRhMV66pf2Dlyql4-CEZU0iw2Kq6uJU2b6PQ/s1600-h/search.JPG"><img style="margin: 0px auto 10px; display: block; text-align: center; cursor: pointer; width: 320px; height: 38px;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgi6H-DkQEISa3YP6qhGxK3xVdOmWJf7-UuWBlPzD2n-VvvtFkptMB3PbQvgRkIsLsGhlMsX_fe9a_7yZf78rDfI0ObnDm_BL2D12X23GDaRhMV66pf2Dlyql4-CEZU0iw2Kq6uJU2b6PQ/s320/search.JPG" alt="" id="BLOGGER_PHOTO_ID_5273852621848492178" border="0" /></a><span style="font-weight: bold;"><br />Grid/Structure:</span><br />The site is comprised of several rows with a column on the right about halfway down the page. The navigation is in the full page width row, and the content is in the rows below this. The right column contains the login box, news and updates, and advertisements (a major source of revenue for the free service). At the bottom of the page is a full page width row that contains the important and but seldom used links. This structure is very common, and is easy to navigate by even the newest members as many other sites use it as well.<br /><br /><br /><span style="font-weight: bold;">Iconography/Imagery:</span><br />The site uses several icons to help users navigate the site. These include:<br /><a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiPNKwAdZKcFL7tjInJzb28SgZn1j3MFLWQFDPEOUk7F7lbfmXrj4qaCpaS3qyxuKZKAP6ZViPVRvGexmxwrL-ykz0wm5IH-IEODALK4lEEKaG-79P96tVB-jTDMzCGG375QYWFUxwQq_s/s1600-h/icon+stars.JPG"><img style="margin: 0px auto 10px; display: block; text-align: center; cursor: pointer; width: 74px; height: 21px;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiPNKwAdZKcFL7tjInJzb28SgZn1j3MFLWQFDPEOUk7F7lbfmXrj4qaCpaS3qyxuKZKAP6ZViPVRvGexmxwrL-ykz0wm5IH-IEODALK4lEEKaG-79P96tVB-jTDMzCGG375QYWFUxwQq_s/s320/icon+stars.JPG" alt="" id="BLOGGER_PHOTO_ID_5273879295080610322" border="0" /></a>Stars indicate which videos other users have liked/disliked.<br /><a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhnor18gRZidf1iddITcOLkP2PEIcowYC61dsyTs9V4_MaEiTdYiGaYPhMwmvyWKo2ctYdtX2VStLTi0mI_xK29Mt-AmeyuqA2OmPc6jKxLs0EYlbfWP7vHjrxqm6zbWYLKShqjQduPVww/s1600-h/icon+share.JPG"><img style="margin: 0px auto 10px; display: block; text-align: center; cursor: pointer; width: 39px; height: 30px;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhnor18gRZidf1iddITcOLkP2PEIcowYC61dsyTs9V4_MaEiTdYiGaYPhMwmvyWKo2ctYdtX2VStLTi0mI_xK29Mt-AmeyuqA2OmPc6jKxLs0EYlbfWP7vHjrxqm6zbWYLKShqjQduPVww/s320/icon+share.JPG" alt="" id="BLOGGER_PHOTO_ID_5273879395914871938" border="0" /></a>Share icon allows users to share videos with others.<br /><a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiur70R41BzoiVt_QtHj72lR-hQb3_OHKicShRqkt7IpS5vk23EW5zw-ynBdg_L7qOYAZP5jN6t-pYiUbQjkyCjxxPQeB6fQrHCjNWB55kz6sx9Csrcm0ayPuZA5k6PriDiMhKkgzq40IM/s1600-h/icon+heart.JPG"><img style="margin: 0px auto 10px; display: block; text-align: center; cursor: pointer; width: 26px; height: 26px;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiur70R41BzoiVt_QtHj72lR-hQb3_OHKicShRqkt7IpS5vk23EW5zw-ynBdg_L7qOYAZP5jN6t-pYiUbQjkyCjxxPQeB6fQrHCjNWB55kz6sx9Csrcm0ayPuZA5k6PriDiMhKkgzq40IM/s320/icon+heart.JPG" alt="" id="BLOGGER_PHOTO_ID_5273879297662176818" border="0" /></a>Heart icon allows users to tag the video as a favorite to be found more easily.<br /><a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjwGxIl6jz6_wINs2mbPTraRaksdaiw_AgoVgcQWQ3eZiUSo6M9K2NUIa8kNATVQ6h_FjLQjjevZbaw8jH2jgaDfwSIYQKNCrPTs_gJrFT54itE6w4pCHQhr0EGqLU8KYE0fdyzZ37lFhI/s1600-h/icon+playlist.JPG"><img style="margin: 0px auto 10px; display: block; text-align: center; cursor: pointer; width: 24px; height: 29px;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjwGxIl6jz6_wINs2mbPTraRaksdaiw_AgoVgcQWQ3eZiUSo6M9K2NUIa8kNATVQ6h_FjLQjjevZbaw8jH2jgaDfwSIYQKNCrPTs_gJrFT54itE6w4pCHQhr0EGqLU8KYE0fdyzZ37lFhI/s320/icon+playlist.JPG" alt="" id="BLOGGER_PHOTO_ID_5273879302293144674" border="0" /></a>Playlist icon allows users to add the video to a playlist of other chosen videos.<br /><a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi8xbAElyeMPxeHKPDO4-NXxD1ZiRItASIVJn9_MK2DYbUDsbmdTtX-Ih1oOVnxeaxIpofsHyEHsczWU5iGiNmrDuhw00vusJHfBwxJktUYwOUzUwH3kPUFdeaXoR-zvmJBb92hl95BD14/s1600-h/icon+flag.JPG"><img style="margin: 0px auto 10px; display: block; text-align: center; cursor: pointer; width: 25px; height: 22px;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi8xbAElyeMPxeHKPDO4-NXxD1ZiRItASIVJn9_MK2DYbUDsbmdTtX-Ih1oOVnxeaxIpofsHyEHsczWU5iGiNmrDuhw00vusJHfBwxJktUYwOUzUwH3kPUFdeaXoR-zvmJBb92hl95BD14/s320/icon+flag.JPG" alt="" id="BLOGGER_PHOTO_ID_5273879295703512626" border="0" /></a>Flag icon allows users to tag videos that may contain inappropriate content for administrator review.<br /><a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi7iqLRrSEb1foTbeOW_Wbx2TKe42__smqO2N0f9cxSXNrdX9zHv90c57-CPnWfxlVCSl3QZl_PKZATH-Q-Kj6XhlJeUTu1EoagBjIp7lvwkYf_AFdBGXbwVyiqLJ0Nj2bqA0IdkZQgj3Q/s1600-h/icon+yesno.JPG"><img style="margin: 0px auto 10px; display: block; text-align: center; cursor: pointer; width: 46px; height: 25px;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi7iqLRrSEb1foTbeOW_Wbx2TKe42__smqO2N0f9cxSXNrdX9zHv90c57-CPnWfxlVCSl3QZl_PKZATH-Q-Kj6XhlJeUTu1EoagBjIp7lvwkYf_AFdBGXbwVyiqLJ0Nj2bqA0IdkZQgj3Q/s320/icon+yesno.JPG" alt="" id="BLOGGER_PHOTO_ID_5273879297492418866" border="0" /></a>Positive/Negative icon allows users to rate comments made by other users.<br /><br />In addition to these main icons, videos are displayed as thumbnails. This allows users to quickly browse the results of a search or an exploration of popular content and quickly sort possible videos to watch just by looking without reading the titles and information.<br /><a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh5FA4fp586HQnryDzjG-r-IkOa46pzA__e4I_OMmncALrp0Utxyn1vpKj1aksRfrMOUR5H5gF-8uZEIOgLhvjlmRJ5AubdUs9VNIEJvhRQKtrrR8JXf6RJhC6JFimTfOBsHeTHWoKJs_8/s1600-h/thumbnails.JPG"><img style="margin: 0px auto 10px; display: block; text-align: center; cursor: pointer; width: 320px; height: 133px;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh5FA4fp586HQnryDzjG-r-IkOa46pzA__e4I_OMmncALrp0Utxyn1vpKj1aksRfrMOUR5H5gF-8uZEIOgLhvjlmRJ5AubdUs9VNIEJvhRQKtrrR8JXf6RJhC6JFimTfOBsHeTHWoKJs_8/s320/thumbnails.JPG" alt="" id="BLOGGER_PHOTO_ID_5273881957631354994" border="0" /></a><span style="font-weight: bold;"><br />Color Palette:</span><br />The website is made up of the following main colors:<br /><br /><a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEibrJUGkEwV5onqnFnrMUYzY87RynFmBN06a5sMvQrza5vgGTUjCUny9TqnKlxEpI0qrZ1Dd_tV6NyuavSgj2Sb4Eg6XXTw_L7nBvCG8g5TGW5zuJx2nvBiU6J47Zq_E4ltrj12VQkmIW8/s1600-h/black.JPG"><img style="margin: 0px auto 10px; display: block; text-align: center; cursor: pointer; width: 168px; height: 38px;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEibrJUGkEwV5onqnFnrMUYzY87RynFmBN06a5sMvQrza5vgGTUjCUny9TqnKlxEpI0qrZ1Dd_tV6NyuavSgj2Sb4Eg6XXTw_L7nBvCG8g5TGW5zuJx2nvBiU6J47Zq_E4ltrj12VQkmIW8/s320/black.JPG" alt="" id="BLOGGER_PHOTO_ID_5273881211396731586" border="0" /></a>Black, used for text and some headings<br /><br /><a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj2XxfXLbg8REbdOVgdBFUlGiSdLVpO_2QrFyoqp-Z6T-xsm7giSaxkm7gcOtBTX7IKEugd4HKjMuQoU8METXBuLHsyVUGrlHw_ouGqzpoS5g45FGNs31ndlgaHSSBrxhfNweoGE92NVgE/s1600-h/white.JPG"><img style="margin: 0px auto 10px; display: block; text-align: center; cursor: pointer; width: 174px; height: 131px;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj2XxfXLbg8REbdOVgdBFUlGiSdLVpO_2QrFyoqp-Z6T-xsm7giSaxkm7gcOtBTX7IKEugd4HKjMuQoU8METXBuLHsyVUGrlHw_ouGqzpoS5g45FGNs31ndlgaHSSBrxhfNweoGE92NVgE/s320/white.JPG" alt="" id="BLOGGER_PHOTO_ID_5273881212486411378" border="0" /></a>White, used for the background<br /><a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi5Q4TrA-JFfkJulnn5uOc9CsQuaVjbAHUJTyy_2LZLsZ8hU2eQG47_StxzRdxDWY0mI-TdR5MagSEHWnG1r0vMCdR1DnPWkDJADIIhLmOXee1mcQITrlvPm4xzpbfq1XfuM-VVqE5ABpI/s1600-h/red.JPG"><img style="margin: 0px auto 10px; display: block; text-align: center; cursor: pointer; width: 83px; height: 61px;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi5Q4TrA-JFfkJulnn5uOc9CsQuaVjbAHUJTyy_2LZLsZ8hU2eQG47_StxzRdxDWY0mI-TdR5MagSEHWnG1r0vMCdR1DnPWkDJADIIhLmOXee1mcQITrlvPm4xzpbfq1XfuM-VVqE5ABpI/s320/red.JPG" alt="" id="BLOGGER_PHOTO_ID_5273881205119732498" border="0" /></a>Red, used in the logo and in the rating system<br /><br /><a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEixOXKT9GBIy_5YAxoIHHlnIdFusjFNQ_Uw-IB7g-eP8vY08axtsRCEmNKzxWGlzfQiaWliReKlrnv7Vszj36NBEEYCrtOoksFLSt8-UlkMnpNbxM3fuX11thW1ui8mfWxFcuXL9ojDwfc/s1600-h/blue.JPG"><img style="margin: 0px auto 10px; display: block; text-align: center; cursor: pointer; width: 238px; height: 31px;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEixOXKT9GBIy_5YAxoIHHlnIdFusjFNQ_Uw-IB7g-eP8vY08axtsRCEmNKzxWGlzfQiaWliReKlrnv7Vszj36NBEEYCrtOoksFLSt8-UlkMnpNbxM3fuX11thW1ui8mfWxFcuXL9ojDwfc/s320/blue.JPG" alt="" id="BLOGGER_PHOTO_ID_5273881220736873314" border="0" /></a>Blue, used as links and titles for videos<br /><br /><a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhtopFV152eAjodVb6tpyaj-urm1Gg0Q6a1SSBRx43hYwZgo5wwJbM5IqTEapiIVN_FZ0KWrysWvqShcVAxLfMwkCcNH3HU8xrnAVGecWBEbimJSaxxcPETsEWtpxJ1kd-qhoNkcNakL9Q/s1600-h/yellow.JPG"><img style="margin: 0px auto 10px; display: block; text-align: center; cursor: pointer; width: 98px; height: 46px;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhtopFV152eAjodVb6tpyaj-urm1Gg0Q6a1SSBRx43hYwZgo5wwJbM5IqTEapiIVN_FZ0KWrysWvqShcVAxLfMwkCcNH3HU8xrnAVGecWBEbimJSaxxcPETsEWtpxJ1kd-qhoNkcNakL9Q/s320/yellow.JPG" alt="" id="BLOGGER_PHOTO_ID_5273881216951007394" border="0" /></a>Yellow, used to indicate important or new items<br /><br />This palette really helps to bring out the content on the page, as the colors are not very bright and the background is pure white. This makes the colorful thumbnails of the videos and the videos themselves when opened stand out, which is the purpose of the site.<br /><br /><span style="font-weight: bold;">Site Focus</span>:<br />The focus of the site is to provide users with video content on material that they find interesting or amusing. Users can sign up on the site and upload their own videos to the database, allowing others to view them. An important feature of the site is the ability for users to make comments on and rate a video. This helps future users search and filter out undesirable content, as others have previously viewed and decided if it was worth watching or not. Also, comments allow users to interact with the publisher and get questions answered.<br /><a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjm6I3j8oJ_WsEFvaBnCpfISydJpKL05kX5FlSh7Kc_bHghnYwGkFZLDMAK1PK2vmHpWP_dKoahs-ez9q42ys8iNRhjZ8akeockQtdfwVPMh3qoJZM4i1hRyo8HZXe2ZRfmHIee_uQjZ9Y/s1600-h/rating.JPG"><img style="margin: 0px auto 10px; display: block; text-align: center; cursor: pointer; width: 220px; height: 35px;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjm6I3j8oJ_WsEFvaBnCpfISydJpKL05kX5FlSh7Kc_bHghnYwGkFZLDMAK1PK2vmHpWP_dKoahs-ez9q42ys8iNRhjZ8akeockQtdfwVPMh3qoJZM4i1hRyo8HZXe2ZRfmHIee_uQjZ9Y/s320/rating.JPG" alt="" id="BLOGGER_PHOTO_ID_5273881582544196466" border="0" /></a>Another great feature is the recommendations on the right of the page. These are videos that other users who have enjoyed the current video have also liked. This allows users to watch videos that they might otherwise not have watched.<br /><a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhdXKOR2R0yPjfjLJNC6-_J9PP0EKBu_md0yw6-Myxsi9RA-_h-FIaavfCm1V__-t-AcW0Cqz-m-8K2MqD4LSgdKE5F1SVIRNoe8ETtBo6pCCz6kuhLwhQlXIvS4jxrwOzyHBrMVjtMfzc/s1600-h/related.JPG"><img style="margin: 0px auto 10px; display: block; text-align: center; cursor: pointer; width: 304px; height: 253px;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhdXKOR2R0yPjfjLJNC6-_J9PP0EKBu_md0yw6-Myxsi9RA-_h-FIaavfCm1V__-t-AcW0Cqz-m-8K2MqD4LSgdKE5F1SVIRNoe8ETtBo6pCCz6kuhLwhQlXIvS4jxrwOzyHBrMVjtMfzc/s320/related.JPG" alt="" id="BLOGGER_PHOTO_ID_5273881584519666034" border="0" /></a><br />Improvement:<br />An improvement to the site could be to allow for several filters to be applied to the results of a search or to browsing the site’s content. For example, clicking on “Videos” and then on “Science & Technology” allows users to see related material, however I cannot further refine my search at this point by looking for videos that contain, for example, material on computers. I would have to enter this into the search bar and try there. This would allow for users to spend less time searching for material they are interested in and more time viewing the content.Bill Ehttp://www.blogger.com/profile/04336288176473597872noreply@blogger.com0tag:blogger.com,1999:blog-6631876556171330659.post-74446351341022038932008-11-28T02:14:00.054-05:002008-11-28T16:42:00.886-05:00Case Studies #5: phillycarshare.orgThis Case Study is in regards to the website www.phillycarshare.org, a website for a car sharing business for residents in Philadelphia, Pennsylvania.<br /><br /><span style="font-weight: bold;">Navigation:</span><br />The navigation for the site is set up with a primary navigation bar at the top of the page, a drop down secondary navigation, and a navigation section at the bottom of the page that contains rarely used or special user links (such as developers and universities).<br /><a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgrZiuAL_nWOzGjWP6zlbiIGW-nPe3OoK-AMXSKTY4OtIZnxWV8rYHnRO-OeosK_Dr52G44SVPXcqTHuTc-dv0Jkdjcp762MNhxLNlRqttvGoPtbwgfYP0AHraAtbdTr8Q3Ttuof6bZR2k/s1600-h/primary.JPG"><img style="margin: 0px auto 10px; display: block; text-align: center; cursor: pointer; width: 320px; height: 22px;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgrZiuAL_nWOzGjWP6zlbiIGW-nPe3OoK-AMXSKTY4OtIZnxWV8rYHnRO-OeosK_Dr52G44SVPXcqTHuTc-dv0Jkdjcp762MNhxLNlRqttvGoPtbwgfYP0AHraAtbdTr8Q3Ttuof6bZR2k/s320/primary.JPG" alt="" id="BLOGGER_PHOTO_ID_5273805450021261442" border="0" /></a><a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgNIlBhXh7OEDTodLT-Em-dhZNT30bebp3nQ3u0rqPoSTZWx3WP4jF8QZbmGEPjaEZZLsiRe7J6eSsi2n_QSTic1JY1gzaE917Ejs11_zWhZI5TL72P-6qEk9SIwN9Y8mwqBAbC_nIAu2g/s1600-h/secondary.JPG"><img style="margin: 0px auto 10px; display: block; text-align: center; cursor: pointer; width: 181px; height: 157px;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgNIlBhXh7OEDTodLT-Em-dhZNT30bebp3nQ3u0rqPoSTZWx3WP4jF8QZbmGEPjaEZZLsiRe7J6eSsi2n_QSTic1JY1gzaE917Ejs11_zWhZI5TL72P-6qEk9SIwN9Y8mwqBAbC_nIAu2g/s320/secondary.JPG" alt="" id="BLOGGER_PHOTO_ID_5273805455029576402" border="0" /></a><a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiBzclucGK-dWJB6_ED3TUYTvqt-vR9QW9joX1fFfFqk0jWsm2g76BO6lTDzTeUTSjqIFiydsV_PCTLQU4SVCUEp7Yltt-HUiTNVRFPqtoTM732ZU16ESVnbXMzINnfimkZd1M8bnpxQGI/s1600-h/bottom.JPG"><img style="margin: 0px auto 10px; display: block; text-align: center; cursor: pointer; width: 320px; height: 48px;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiBzclucGK-dWJB6_ED3TUYTvqt-vR9QW9joX1fFfFqk0jWsm2g76BO6lTDzTeUTSjqIFiydsV_PCTLQU4SVCUEp7Yltt-HUiTNVRFPqtoTM732ZU16ESVnbXMzINnfimkZd1M8bnpxQGI/s320/bottom.JPG" alt="" id="BLOGGER_PHOTO_ID_5273805454169528050" border="0" /></a>This is an easy to use interface, as rolling over one of the titles in the primary navigation bar quickly creates a dropdown that has additional links under the same category.<br /><br />The top right of the page contains a login box for current members. This location is common on many websites, and allows someone to locate it quickly.<br /><a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj9NJ9s30UtBUaWKJ-VYX9lpJtaQAacB2KumL0IcOzOnxjULB_ruaW6WGJDPNV1M86TlBi5bDAeP79ZxXdXhdsnz4Myw8WXWjA47AT56vD-wElKCG4pMcdqsIwlvj2-S4XUzB4yquS76Rk/s1600-h/login.JPG"><img style="margin: 0px auto 10px; display: block; text-align: center; cursor: pointer; width: 256px; height: 74px;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj9NJ9s30UtBUaWKJ-VYX9lpJtaQAacB2KumL0IcOzOnxjULB_ruaW6WGJDPNV1M86TlBi5bDAeP79ZxXdXhdsnz4Myw8WXWjA47AT56vD-wElKCG4pMcdqsIwlvj2-S4XUzB4yquS76Rk/s320/login.JPG" alt="" id="BLOGGER_PHOTO_ID_5273805462058486578" border="0" /></a><br /><span style="font-weight: bold;">Architecture:</span><br />The architecture of the website is easy to navigate. Clicking on a link brings you to that page. If I click on “Businesses” in the primary navigation bar, I will be brought to the businesses web page. From here I have additional links to take me to the other sub-pages of this topic, or I can use the secondary navigation to get there.<br /><a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhTKjpAp4Aos14BceZ5Zp9HCIoOhKCA-Tgwfozniu0RqXJ098Ad8fmH9o8UbxqMHpbnce77vjW1OeU9065cO_epLjj7NRWafWMm7MZAi99bqRNpRqe0-a_Z0QodFVEOz4AKYATbnXbC7MM/s1600-h/additional+nav.JPG"><img style="margin: 0px auto 10px; display: block; text-align: center; cursor: pointer; width: 320px; height: 26px;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhTKjpAp4Aos14BceZ5Zp9HCIoOhKCA-Tgwfozniu0RqXJ098Ad8fmH9o8UbxqMHpbnce77vjW1OeU9065cO_epLjj7NRWafWMm7MZAi99bqRNpRqe0-a_Z0QodFVEOz4AKYATbnXbC7MM/s320/additional+nav.JPG" alt="" id="BLOGGER_PHOTO_ID_5273820111839701730" border="0" /></a>The other pages are set up similarly. This allows the user to quickly go to a specific page, while also allowing new users to see general overviews of the information on the site. Users can get to almost any page on the website through this architecture as the pages are all interconnected. This prevents certain pages from becoming lost on the site and dead-end pages that have no other links.<br /><br /><span style="font-weight: bold;">Content/Typography:</span><br />The content hierarchy is very apparent through the use of bold letters, letter size, and letter color.<br />Heading 1:<br /><a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiKz3kVsVZqiyslaDBbeibRonY0zcZOYnePweVzKlCY4PcZMuJ9KtlsYVQOWDtgrj51UuiEgCQ0TDv0RRtFiiPd7e9hDHx-OS3C_mPBmRhIhxRKZOb2f_asEVbykvzuJa2y132UUQbRrKY/s1600-h/h13.JPG"><img style="margin: 0px auto 10px; display: block; text-align: center; cursor: pointer; width: 153px; height: 25px;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiKz3kVsVZqiyslaDBbeibRonY0zcZOYnePweVzKlCY4PcZMuJ9KtlsYVQOWDtgrj51UuiEgCQ0TDv0RRtFiiPd7e9hDHx-OS3C_mPBmRhIhxRKZOb2f_asEVbykvzuJa2y132UUQbRrKY/s320/h13.JPG" alt="" id="BLOGGER_PHOTO_ID_5273820118442107602" border="0" /></a><a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEifARA2Nkr2gUxVYj6-leqkb1S4v9xiAMeE6oITWNaPfo17adf5GgJSY1E2LicETh3-MjKgmpWu1gqIdAnhEj6huTOzkygZF6vAfohCNycZJUfLvjFQ6LEO9WpYl-haO_Orh1RkrBKKbzE/s1600-h/h12.JPG"><img style="margin: 0px auto 10px; display: block; text-align: center; cursor: pointer; width: 125px; height: 23px;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEifARA2Nkr2gUxVYj6-leqkb1S4v9xiAMeE6oITWNaPfo17adf5GgJSY1E2LicETh3-MjKgmpWu1gqIdAnhEj6huTOzkygZF6vAfohCNycZJUfLvjFQ6LEO9WpYl-haO_Orh1RkrBKKbzE/s320/h12.JPG" alt="" id="BLOGGER_PHOTO_ID_5273820117807834114" border="0" /></a><a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhQEseoKd3bCYUfuXmgg4XmZyqf5wy6iqgoEriwvkTH0LoUHKHS3vDP7QtiWYF4DQWv6Md7zX8fgfMxu5S2raUXB27DPMHVs7NS4ez1tKl-po_42DiyXWjapO7LTQQl4jLlE0dnvnovpuc/s1600-h/h1.JPG"><img style="margin: 0px auto 10px; display: block; text-align: center; cursor: pointer; width: 320px; height: 35px;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhQEseoKd3bCYUfuXmgg4XmZyqf5wy6iqgoEriwvkTH0LoUHKHS3vDP7QtiWYF4DQWv6Md7zX8fgfMxu5S2raUXB27DPMHVs7NS4ez1tKl-po_42DiyXWjapO7LTQQl4jLlE0dnvnovpuc/s320/h1.JPG" alt="" id="BLOGGER_PHOTO_ID_5273820118324397986" border="0" /></a>Large font (either dark purple, green, or white depending on the background)<br /><br />Heading 2:<br /><a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgtHFqETZ9h9nDCdv8KlJFiaeAeZmIhbUbTibJMspWpY7W2YNauA-_luNAL_2fBCmhZiP2EwDhFN8W3BJKZuBf4EWO5Gcg0436dfPZuFloKmBYs1vJD3vSEXMoawO5347Wi-4aJzIqoZtY/s1600-h/h2.JPG"><img style="margin: 0px auto 10px; display: block; text-align: center; cursor: pointer; width: 140px; height: 26px;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgtHFqETZ9h9nDCdv8KlJFiaeAeZmIhbUbTibJMspWpY7W2YNauA-_luNAL_2fBCmhZiP2EwDhFN8W3BJKZuBf4EWO5Gcg0436dfPZuFloKmBYs1vJD3vSEXMoawO5347Wi-4aJzIqoZtY/s320/h2.JPG" alt="" id="BLOGGER_PHOTO_ID_5273820120570414962" border="0" /></a> Medium green font, used as sub-headings on pages.<br /><br /><br />Paragraph:<br /><a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhUL1BTF7s1Du_oIHFeJz5E-4SPLIHsLEThekp-sEPRa0lm_pzsTqNZHYOZqJRcZg8lUtMe2kOGe6ZhRkLxs4v3V-sJfFkS_jg8OOLfUR20LbCdmKpD9VQsjTvI7c-mQdOpPvo1ufzC2AI/s1600-h/paragraph.JPG"><img style="margin: 0px auto 10px; display: block; text-align: center; cursor: pointer; width: 320px; height: 78px;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhUL1BTF7s1Du_oIHFeJz5E-4SPLIHsLEThekp-sEPRa0lm_pzsTqNZHYOZqJRcZg8lUtMe2kOGe6ZhRkLxs4v3V-sJfFkS_jg8OOLfUR20LbCdmKpD9VQsjTvI7c-mQdOpPvo1ufzC2AI/s320/paragraph.JPG" alt="" id="BLOGGER_PHOTO_ID_5273821099604524418" border="0" /></a>Small black font, used for information requiring sentences and paragraphs.<br /><br />This typography is fairly easy to read, and the size of the text reflects its importance on the page.<br /><br />To the right of the information on the main page, there is a box for recent news and updates. Also, the pages are organized so that there are user categories (business users, residential, etc). This makes it quick and simple for members to find information that pertains to them and not information about other member types accidently (such as when the information is all together and separated by headline titles.)<br /><br /><span style="font-weight: bold;">Grid/Structure:</span><br />The layout of the site is a bounding corner and a main content section. The Top of the bounding corner consists of the primary navigation and banner, while the right of the bounding corner consists of the login box.<br /><a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgj-669VX2BKh2Jxfnhy8bztEIeOs3aetm5i_HZ05ZF3tNWIuv4gwP1rh3lvQlEYsU8-ubwyqyr0zIEl1PlTATXDiPUFmFrFPNq-8I9M2hrGRRGVSej5wGpD00ahHGbIIKq_mjyc5I_3fk/s1600-h/login.JPG"><img style="margin: 0px auto 10px; display: block; text-align: center; cursor: pointer; width: 256px; height: 74px;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgj-669VX2BKh2Jxfnhy8bztEIeOs3aetm5i_HZ05ZF3tNWIuv4gwP1rh3lvQlEYsU8-ubwyqyr0zIEl1PlTATXDiPUFmFrFPNq-8I9M2hrGRRGVSej5wGpD00ahHGbIIKq_mjyc5I_3fk/s320/login.JPG" alt="" id="BLOGGER_PHOTO_ID_5273825693108765122" border="0" /></a><br /><a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjZKx8yDvVzYhyphenhyphenCmmzTMA0wX4JxG6DkT9abejvAXMtRBbeC4ev9hsctNN3OZvawucq4bznJcpkZD6zLZPN9jPcGtbjnDaKsk9mT4g_tybJ8mgrINmByvBFeXYXGQs26Lu5FETsUl777bUM/s1600-h/bouding+corner.JPG"><img style="margin: 0px auto 10px; display: block; text-align: center; cursor: pointer; width: 320px; height: 238px;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjZKx8yDvVzYhyphenhyphenCmmzTMA0wX4JxG6DkT9abejvAXMtRBbeC4ev9hsctNN3OZvawucq4bznJcpkZD6zLZPN9jPcGtbjnDaKsk9mT4g_tybJ8mgrINmByvBFeXYXGQs26Lu5FETsUl777bUM/s320/bouding+corner.JPG" alt="" id="BLOGGER_PHOTO_ID_5273825694376370786" border="0" /></a>This keeps the content of the site enclosed within further options that a user may find useful. This also helps to define the edge of the page and prevent it from looking like it extends forever.<br /><br /><span style="font-weight: bold;">Iconography/Imagery:</span><br />The site uses some icons to help users navigate, and also images to show cars and locations of pods available.<br /><br />Icons include:<br /><a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjv2lcvuAm0L3I66ACUCQm80m692z2lFzZhlop_q8ihRpW0tGU4BVUCVfizHQi-a4WfIY5qua4u1ln7xBtJuXZpupu7IXgND24761KOa921mvyWQxd3o80PfD3M7lF66bn_66FXugml2Rg/s1600-h/icon+1.JPG"><img style="margin: 0px auto 10px; display: block; text-align: center; cursor: pointer; width: 35px; height: 27px;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjv2lcvuAm0L3I66ACUCQm80m692z2lFzZhlop_q8ihRpW0tGU4BVUCVfizHQi-a4WfIY5qua4u1ln7xBtJuXZpupu7IXgND24761KOa921mvyWQxd3o80PfD3M7lF66bn_66FXugml2Rg/s320/icon+1.JPG" alt="" id="BLOGGER_PHOTO_ID_5273823231573194370" border="0" /></a>Separation icon used between links in the primary navigation.<br /><a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEggTZizhK-IsC21byYm_OosB0tz-Avf04rCVB5cMik0c36OP_TVDZNf35ilOeWcMSBWmQbDIAf4pfFAzJHUdH2udsytOQKAJwIwnrWb2zcY_4vjcwDKr0XwcnmQQy73Rqm3eiNdCh1aW_s/s1600-h/icon+2.JPG"><img style="margin: 0px auto 10px; display: block; text-align: center; cursor: pointer; width: 60px; height: 61px;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEggTZizhK-IsC21byYm_OosB0tz-Avf04rCVB5cMik0c36OP_TVDZNf35ilOeWcMSBWmQbDIAf4pfFAzJHUdH2udsytOQKAJwIwnrWb2zcY_4vjcwDKr0XwcnmQQy73Rqm3eiNdCh1aW_s/s320/icon+2.JPG" alt="" id="BLOGGER_PHOTO_ID_5273823236123650514" border="0" /></a>Simple dot for bulleted items.<br /><br />Images include:<br /><a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj53Dlflv1Ol6ZNEA009teBdGmT0WmHHCTEOxttQZVgVAStgSjhvqyFwL2_CRDi7-8xdaU1FPWPOMCAjO9Lhbsa7SgCZkZ42g9bLyuI0RTStw91WVw3omkLkZ0Dk1kFFVJfNOeJFP1rtdI/s1600-h/map.JPG"><img style="margin: 0px auto 10px; display: block; text-align: center; cursor: pointer; width: 295px; height: 296px;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj53Dlflv1Ol6ZNEA009teBdGmT0WmHHCTEOxttQZVgVAStgSjhvqyFwL2_CRDi7-8xdaU1FPWPOMCAjO9Lhbsa7SgCZkZ42g9bLyuI0RTStw91WVw3omkLkZ0Dk1kFFVJfNOeJFP1rtdI/s320/map.JPG" alt="" id="BLOGGER_PHOTO_ID_5273823603507478674" border="0" /></a>Map image for pod locations.<br /><br /><br /><a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjIqIS8LPvEAf90U09Em82Nzz0nbSsrQDz3XtMG5YCctwlH97Tk3_Worq5siTT-7idnlSSNTVX4H1aMWUZ7je6azwJMoeJ102QYfcKHyvXnN_PgfTMI9iTtlX8ickXLJUMtz3Ha37gwHp4/s1600-h/car.JPG"><img style="margin: 0px auto 10px; display: block; text-align: center; cursor: pointer; width: 320px; height: 70px;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjIqIS8LPvEAf90U09Em82Nzz0nbSsrQDz3XtMG5YCctwlH97Tk3_Worq5siTT-7idnlSSNTVX4H1aMWUZ7je6azwJMoeJ102QYfcKHyvXnN_PgfTMI9iTtlX8ickXLJUMtz3Ha37gwHp4/s320/car.JPG" alt="" id="BLOGGER_PHOTO_ID_5273823596707119218" border="0" /></a>Car images to indicate cars available.<br /><br />These images of the cars help users determine which car they should rent for certain events and also what car to look for when arriving at the pod location.<br /><br /><br /><span style="font-weight: bold;">Color Palette:</span><br />The color palette of the site is very important to showcase the organization’s position. The green color really stresses the point that this is a green-oriented organization. The use of the shared cars helps to reduce greenhouse gas production, helping the environment. This is more than just a way for users to save money in Philadelphia. It’s a way for users to take a step toward a better Earth.<br /><a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiGKzmd76btPn3uRRDDwkOu8JYNsTW9n8tj0CVP3sxbtj4Ee8TYeQ-jyDyxAxAYMIPVZz-Op7QXW6UWgIBX47zXaC6qDPgfMPbqMsUq3iGayM4J3DJ70PKPh9qYqASm9aqeLxWpKIJaDIg/s1600-h/green.JPG"><img style="margin: 0px auto 10px; display: block; text-align: center; cursor: pointer; width: 201px; height: 71px;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiGKzmd76btPn3uRRDDwkOu8JYNsTW9n8tj0CVP3sxbtj4Ee8TYeQ-jyDyxAxAYMIPVZz-Op7QXW6UWgIBX47zXaC6qDPgfMPbqMsUq3iGayM4J3DJ70PKPh9qYqASm9aqeLxWpKIJaDIg/s320/green.JPG" alt="" id="BLOGGER_PHOTO_ID_5273824868108501762" border="0" /></a>In addition to the green, purple, yellow, black, white and are also used. The purple and yellow are compliments to the green and do not overpower the color, while the black and white are used as text and the main background color.<br /><a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiYHMMGteRwO1UxVJ_iBFe6biLHWhfaLBOPF22KV1pSpFmWWnvao39O-9XQHAu7zs9EZMoT0vI4C7sXvsjYliIuhSphLBF5g7wLIRzFrfye6ylRjZaSt8SZ9A4YU3BANloJDHPEmPYhhzs/s1600-h/purple.JPG"><img style="margin: 0px auto 10px; display: block; text-align: center; cursor: pointer; width: 170px; height: 32px;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiYHMMGteRwO1UxVJ_iBFe6biLHWhfaLBOPF22KV1pSpFmWWnvao39O-9XQHAu7zs9EZMoT0vI4C7sXvsjYliIuhSphLBF5g7wLIRzFrfye6ylRjZaSt8SZ9A4YU3BANloJDHPEmPYhhzs/s320/purple.JPG" alt="" id="BLOGGER_PHOTO_ID_5273824870663887506" border="0" /></a><a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEilZ4aje6YwuOew-Y1jVNYHDePC5hwNWZ5rCWhuHLh3cX0f9IxlKk-h7_itqqolIbsx8cfFSxkcCc3TeOZtK4Rb9VNOZQBfTWRYlxjyLiTJN-CTfReprhKE5kusqKbF3694U7WxWplMk90/s1600-h/yellow.JPG"><img style="margin: 0px auto 10px; display: block; text-align: center; cursor: pointer; width: 172px; height: 33px;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEilZ4aje6YwuOew-Y1jVNYHDePC5hwNWZ5rCWhuHLh3cX0f9IxlKk-h7_itqqolIbsx8cfFSxkcCc3TeOZtK4Rb9VNOZQBfTWRYlxjyLiTJN-CTfReprhKE5kusqKbF3694U7WxWplMk90/s320/yellow.JPG" alt="" id="BLOGGER_PHOTO_ID_5273824873900104050" border="0" /></a><a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjDCyf4NE8oniSh8a9nfTGvfNI17zhvfsuRJWV_82RNNxoFlSow6FUQhLwaa_TnzSiBwkmsoU-9HH_fcrH6YoSHgLoBl9PU_QNwL6Dg3V_KCF10xGO2qM4zXofOP-9xS_XZYt1khbbrmDo/s1600-h/black.JPG"><img style="margin: 0px auto 10px; display: block; text-align: center; cursor: pointer; width: 112px; height: 14px;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjDCyf4NE8oniSh8a9nfTGvfNI17zhvfsuRJWV_82RNNxoFlSow6FUQhLwaa_TnzSiBwkmsoU-9HH_fcrH6YoSHgLoBl9PU_QNwL6Dg3V_KCF10xGO2qM4zXofOP-9xS_XZYt1khbbrmDo/s320/black.JPG" alt="" id="BLOGGER_PHOTO_ID_5273824876809646354" border="0" /></a><a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgzIbW28WsoavEFXnolVhE2E2JWThB6e_l8imiuvaJK-4KASMhBpc5t0M0Urqa6d2_ZYuctMOpTihHDsC3HXiC2dxPVPkj-lkcpV0CDebP6G2PKFlfp2q9HTfQZr0UPdP_VNBSHitydOMM/s1600-h/white.JPG"><img style="margin: 0px auto 10px; display: block; text-align: center; cursor: pointer; width: 263px; height: 110px;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgzIbW28WsoavEFXnolVhE2E2JWThB6e_l8imiuvaJK-4KASMhBpc5t0M0Urqa6d2_ZYuctMOpTihHDsC3HXiC2dxPVPkj-lkcpV0CDebP6G2PKFlfp2q9HTfQZr0UPdP_VNBSHitydOMM/s320/white.JPG" alt="" id="BLOGGER_PHOTO_ID_5273824882569923570" border="0" /></a><br /><span style="font-weight: bold;">Site Focus:</span><br />The focus of the site is to provide PhillyCarShare members and prospective members with information on how a membership will help them and how to reserve a car. The site makes it easy to do this, as the navigation is user-friendly (links are well titled, and are not ambiguous) and the layout is clear and concise (the text is easy to read, there aren’t several paragraphs of information). A few great features of the site include the news box on the front page of the site and the reservation system.<br /><br />The news box makes it easy for members to quickly see any updates or changes to the system that could affect them and also see any special events that they may want to take part of being offered by PhillyCarShare or sponsor companies.<br /><a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhQG8nhPR5JwXlArnXP38Ni3NyZ4xw7lEY98cWTPlC9JVCsd1jjqCdm0VdmqA3zrwfio1NJg2-hFVlzl4g2XbwBhSWlxQxUYe-N3_jGyibno61FcIv27D3brASQ7MAY4P6vhAPhIp0tsZg/s1600-h/newsbox.JPG"><img style="margin: 0px auto 10px; display: block; text-align: center; cursor: pointer; width: 240px; height: 254px;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhQG8nhPR5JwXlArnXP38Ni3NyZ4xw7lEY98cWTPlC9JVCsd1jjqCdm0VdmqA3zrwfio1NJg2-hFVlzl4g2XbwBhSWlxQxUYe-N3_jGyibno61FcIv27D3brASQ7MAY4P6vhAPhIp0tsZg/s320/newsbox.JPG" alt="" id="BLOGGER_PHOTO_ID_5273826627195911554" border="0" /></a>The reservation system makes it very easy to make a reservation for a specific vehicle. It is graphically setup so that users can quickly see when cars are and are not available. This makes is easy for members to determine when and where they can use a car and when they have to return it, increasing the efficiency of the entire system for all users.<br /><br /><a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi90UXIUJ_t5BxBm3Dhp1sUpD_IYecvDUsobqEDUiIwsfnEk4hDelLmk0td90DXdH0r_mzT8Xc62FcI6FRjID4ziLApgOeEvHs0Nc8Q91Gw8HD1jTBSeQElsSYslZ_e5KmKxc0R3jbRxS8/s1600-h/caravailability.JPG"><img style="margin: 0px auto 10px; display: block; text-align: center; cursor: pointer; width: 320px; height: 178px;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi90UXIUJ_t5BxBm3Dhp1sUpD_IYecvDUsobqEDUiIwsfnEk4hDelLmk0td90DXdH0r_mzT8Xc62FcI6FRjID4ziLApgOeEvHs0Nc8Q91Gw8HD1jTBSeQElsSYslZ_e5KmKxc0R3jbRxS8/s320/caravailability.JPG" alt="" id="BLOGGER_PHOTO_ID_5273826632504291042" border="0" /></a><br />Improvement:<br />An improvement that could be made would be to make the green text on the white background darker. It is fairly light, and could be difficult to read for some people. Making it darker would make it easier to read, and since it is a heading, this is important.Bill Ehttp://www.blogger.com/profile/04336288176473597872noreply@blogger.com0tag:blogger.com,1999:blog-6631876556171330659.post-51983148889135128872008-11-28T02:14:00.034-05:002008-11-28T14:07:13.621-05:00Case Studies #4: digg.comThis Case Study is in regards to the website www.digg.com, a website that allows users to share content they find on the web with others.<br /><br /><span style="font-weight: bold;">Navigation:</span><br />At the top of the page is the secondary navigation bar, which consists of “Join Digg”, “About”, and “Login”.<br /><a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj7RbcsxYz0g6164yIl7JNi9C24IQDTs1euHER6VSSjpZLjEA9ZdntkOetmaADiC35SWyszo2MD8l2uokNd9cQFY2nTFP5ftPw5t09aBv93qayG43t0wML0vWCb4H2HK9gSURaQvBxLkRU/s1600-h/secondary+nav.JPG"><img style="margin: 0px auto 10px; display: block; text-align: center; cursor: pointer; width: 320px; height: 27px;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj7RbcsxYz0g6164yIl7JNi9C24IQDTs1euHER6VSSjpZLjEA9ZdntkOetmaADiC35SWyszo2MD8l2uokNd9cQFY2nTFP5ftPw5t09aBv93qayG43t0wML0vWCb4H2HK9gSURaQvBxLkRU/s320/secondary+nav.JPG" alt="" id="BLOGGER_PHOTO_ID_5273765409336704770" border="0" /></a>Below this is the primary navigation bar, which splits up the content into the different categories that users may be searching for. This is a different color from the bar above it containing the banner, and contains drop-downs to further refine the applied filters.<br /><a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjeLTzi_3xY5qaM7GTT7G4v-BL52j8-_9pLOu0TJD8LN8bqmjIAHwY9TF7oxNGja__yMn3fNqfzhSN4uq90GZB0DaBuSuaX6HlCfVn-_qw8CwJ6fPg_YNBMJTYNGTN87nVLConCrWpN9N0/s1600-h/primary+nav.JPG"><img style="margin: 0px auto 10px; display: block; text-align: center; cursor: pointer; width: 320px; height: 15px;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjeLTzi_3xY5qaM7GTT7G4v-BL52j8-_9pLOu0TJD8LN8bqmjIAHwY9TF7oxNGja__yMn3fNqfzhSN4uq90GZB0DaBuSuaX6HlCfVn-_qw8CwJ6fPg_YNBMJTYNGTN87nVLConCrWpN9N0/s320/primary+nav.JPG" alt="" id="BLOGGER_PHOTO_ID_5273765391810573298" border="0" /></a>Below the primary navigation bar are options to view the content different, such as photos or videos. This allows the user to have a customized output of results when visiting the page.<br /><a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh7cOVRiVPNTC6wfwtZEhKYvY4E6poNgIVOYPAfQrl7-wOUXoXi51TV3PZq3s7RwRmtfcv42Px-7d7sKAbANg4ICKEmBWxT5UuMriQ2pnfYOPVNF9L3MrYOI7DIsj1kk2siYtfPsMgQDK4/s1600-h/below+primary+nav.JPG"><img style="margin: 0px auto 10px; display: block; text-align: center; cursor: pointer; width: 320px; height: 19px;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh7cOVRiVPNTC6wfwtZEhKYvY4E6poNgIVOYPAfQrl7-wOUXoXi51TV3PZq3s7RwRmtfcv42Px-7d7sKAbANg4ICKEmBWxT5UuMriQ2pnfYOPVNF9L3MrYOI7DIsj1kk2siYtfPsMgQDK4/s320/below+primary+nav.JPG" alt="" id="BLOGGER_PHOTO_ID_5273765391195638818" border="0" /></a>Below the content on the page are links that paginate the results. This helps to break up the results so that users do not have to scroll down an extremely long page and allow the page to load faster.<br /><a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj9VIhrWorSWjK-lxDVP8mJ9Ps6FGczrm6r2FSm4MnxT6DgoWJB_Ld_2JgLBJNPgtpgbh3i9ruW-duIPt74W3d6BXTAQ8dSvvlDOt1bJOmvEhdOCRavY5mu88mvr1Ou_dYeJUe40ixIe8s/s1600-h/pagination.JPG"><img style="margin: 0px auto 10px; display: block; text-align: center; cursor: pointer; width: 320px; height: 42px;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj9VIhrWorSWjK-lxDVP8mJ9Ps6FGczrm6r2FSm4MnxT6DgoWJB_Ld_2JgLBJNPgtpgbh3i9ruW-duIPt74W3d6BXTAQ8dSvvlDOt1bJOmvEhdOCRavY5mu88mvr1Ou_dYeJUe40ixIe8s/s320/pagination.JPG" alt="" id="BLOGGER_PHOTO_ID_5273765767835439730" border="0" /></a>At the bottom of the page are links that users may find helpful. They include links to the main pages on the site, tools that the site provides to its users, and a FAQ section for users that need help using the site.<br /><a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgz_W6cOMc9PIQVyF8BLTwLt6n_Vxq61LhJJCWQ5eg8qUIFDJ4FelgK-Sv4GYzivcFvTCPl0VBJ828D_oi7xMP7zzt9hpDipHPY9Zz7nfjTgZTKNAvilI0AE1vp8lFRr23prZ0m2eqy_-M/s1600-h/bottom+of+page.JPG"><img style="margin: 0px auto 10px; display: block; text-align: center; cursor: pointer; width: 320px; height: 80px;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgz_W6cOMc9PIQVyF8BLTwLt6n_Vxq61LhJJCWQ5eg8qUIFDJ4FelgK-Sv4GYzivcFvTCPl0VBJ828D_oi7xMP7zzt9hpDipHPY9Zz7nfjTgZTKNAvilI0AE1vp8lFRr23prZ0m2eqy_-M/s320/bottom+of+page.JPG" alt="" id="BLOGGER_PHOTO_ID_5273765778945521266" border="0" /></a><br /><span style="font-weight: bold;">Architecture:</span><br />The architecture of digg.com is fairly straightforward, with a primary level that contains the main pages of the site such as the homepage, about, contact, blog, search, and help. When a search is made or content on the main page is browsed, the site becomes “deeper.” That is, the pages become linked to each other and form a chain that a user can view from the beginning or jump to a certain page (through the pagination navigation controls). At each of the results, the user who contributed it is also linked. Clicking on the user’s name next to the result brings you to their user-page, which has biographical information, how long they’ve been a member, and number of “diggs” they have made. This is an easy to use architecture, as the only pages that take a few clicks to find are the actual results of a search. That is, I can find out how to look for something easily (ex., I can click on “Technology” in the primary navigation bar and find content that is technology based), and then I can scroll and look through the results to find something that looks interesting. If I wanted to find help on using the site, I would only have to click on a link under the “Help” section at the bottom of the page. This keeps the number of clicks to a minimum, which prevents users from becoming annoyed and leaving the site.<br /><br /><span style="font-weight: bold;">Content/Typography:</span><br />The content hierarchy is very apparent through the use of bold letters, letter size, and letter color. On the home page of the site:<br />Heading 1:<br /><a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhq7lvcHSqjTZ_z-kVMRjjjdErFIWZDIljEzvG60GG4Vqp_pgdUWy9x5IXxqDdrnAVeW5kOnpxpDnQqU-K_buqMyeCSZXJ64NuQrFDvNjX9PUXp8_RrPdPuYoCUphZk3lczBPWovS87KW4/s1600-h/H1.JPG"><img style="margin: 0px auto 10px; display: block; text-align: center; cursor: pointer; width: 206px; height: 29px;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhq7lvcHSqjTZ_z-kVMRjjjdErFIWZDIljEzvG60GG4Vqp_pgdUWy9x5IXxqDdrnAVeW5kOnpxpDnQqU-K_buqMyeCSZXJ64NuQrFDvNjX9PUXp8_RrPdPuYoCUphZk3lczBPWovS87KW4/s320/H1.JPG" alt="" id="BLOGGER_PHOTO_ID_5273786747923144306" border="0" /></a>Large black font, used for result headline<br /><br />Heading 2:<br /><a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEif6kovQN4mnC5wTjGV0Ql1ceOBf9HBWfiSSboe9yvoJHlKELIbGFcMnRUqNXShB_o1RgbXS_alhsLeoeBWH0LqtHxPucT82Zx9jqQ9gvEg04aGNFph3Jcl9UX-v-fcCFtqmUBn0vJWG8E/s1600-h/h2.JPG"><img style="margin: 0px auto 10px; display: block; text-align: center; cursor: pointer; width: 320px; height: 19px;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEif6kovQN4mnC5wTjGV0Ql1ceOBf9HBWfiSSboe9yvoJHlKELIbGFcMnRUqNXShB_o1RgbXS_alhsLeoeBWH0LqtHxPucT82Zx9jqQ9gvEg04aGNFph3Jcl9UX-v-fcCFtqmUBn0vJWG8E/s320/h2.JPG" alt="" id="BLOGGER_PHOTO_ID_5273786756412071890" border="0" /></a>Large blue font, bold, used for result title<br /><br />Heading 3:<br /><a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhrKusmEUO-dUzvK8HH-2UZtH1-Qdg4tQpR_Wq2KvXUJpK6o2PkvV5z4gyGQTOKEdSxJV_cJyMuZJk9hPQTpd_bkmMRJEeTxjRgKRYYObBhUlb46j7mQo24kykjWzqpl9a647PkOR5HloE/s1600-h/h3.JPG"><img style="margin: 0px auto 10px; display: block; text-align: center; cursor: pointer; width: 72px; height: 20px;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhrKusmEUO-dUzvK8HH-2UZtH1-Qdg4tQpR_Wq2KvXUJpK6o2PkvV5z4gyGQTOKEdSxJV_cJyMuZJk9hPQTpd_bkmMRJEeTxjRgKRYYObBhUlb46j7mQo24kykjWzqpl9a647PkOR5HloE/s320/h3.JPG" alt="" id="BLOGGER_PHOTO_ID_5273786755497665282" border="0" /></a>Small blue font, used for information below result details (comments, user who posted, etc)<br /><br /><br />Paragraph:<br /><a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhjFrmHCyxVp3fI2hPJuO3VAA1FlVALBPK1De54dxumyLBM311h5ofwVmiSMauUrUku2EIivKu1AudVq6sAsXpjJz53fcPxGq8kWsFhyphenhyphenjQLe4Vw3qz6A-1FPKsIGaEm4uz3i9rXU4vk7ps/s1600-h/paragraph.JPG"><img style="margin: 0px auto 10px; display: block; text-align: center; cursor: pointer; width: 317px; height: 37px;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhjFrmHCyxVp3fI2hPJuO3VAA1FlVALBPK1De54dxumyLBM311h5ofwVmiSMauUrUku2EIivKu1AudVq6sAsXpjJz53fcPxGq8kWsFhyphenhyphenjQLe4Vw3qz6A-1FPKsIGaEm4uz3i9rXU4vk7ps/s320/paragraph.JPG" alt="" id="BLOGGER_PHOTO_ID_5273786759828268130" border="0" /></a>Small black font, used for main result information<br /><br />This setup allows users to quickly determine what is important and what is additional information about the result.<br /><br /><span style="font-weight: bold;">Grid/Structure:</span><br />The layout of the site starts with three rows that contain navigation links, and then changes to two columns with nested rows in the left column that contain the content and nested rows in the right column that contain popular content in the subject area selected. This is a common layout that is easy to navigate and find information on, as other sites use it as well.<br /><br /><a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgBBNojEF33ohv__uipj13RJo9nx9GDZ869CYZQVgQBKWDGDz1zc3FSBk9QaXBDoYvbtZeJInVLtxtBLBYMiawLQx4XaYkqDdVGPxmm6IoDe50HfXdXVJ-YhOLkP7loUE1n5x8GwT7CGmw/s1600-h/rows.JPG"><img style="margin: 0px auto 10px; display: block; text-align: center; cursor: pointer; width: 320px; height: 33px;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgBBNojEF33ohv__uipj13RJo9nx9GDZ869CYZQVgQBKWDGDz1zc3FSBk9QaXBDoYvbtZeJInVLtxtBLBYMiawLQx4XaYkqDdVGPxmm6IoDe50HfXdXVJ-YhOLkP7loUE1n5x8GwT7CGmw/s320/rows.JPG" alt="" id="BLOGGER_PHOTO_ID_5273782813958989506" border="0" /></a><a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj35vlVjwh32SvPdN5YXaOOCEHYudTgie2ra3j1fD4AkUC3-cxRoCxQaDtsEhgoYImjGxfLSstKhfJZ9NTHq_TGUvsxALpeIorbKIRULHkhxKi9aUnLOZbEMwXqpbeBZxzKSbdNz6Puu6w/s1600-h/cols.JPG"><img style="margin: 0px auto 10px; display: block; text-align: center; cursor: pointer; width: 320px; height: 130px;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj35vlVjwh32SvPdN5YXaOOCEHYudTgie2ra3j1fD4AkUC3-cxRoCxQaDtsEhgoYImjGxfLSstKhfJZ9NTHq_TGUvsxALpeIorbKIRULHkhxKi9aUnLOZbEMwXqpbeBZxzKSbdNz6Puu6w/s320/cols.JPG" alt="" id="BLOGGER_PHOTO_ID_5273782820116242018" border="0" /></a>However, the layout of the left column can be changed to a grid format by clicking the layout icons at the top of the results, further allowing the results to be customized by the user.<br /><br /><span style="font-weight: bold;">Iconography/Imagery:</span><br />The site has several icons that help users to navigate the page and accomplish tasks quicker. These include:<br />Layout – changes the current layout of the results between rows and grid:<a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh03S1oO3D53OTP38e6560Xzl_k5Ol-X4N6esrXnQ3MpHkX4opMNLXX139B-T_baaopU89cIXMtN3E-zYGgGws1giSdbdCz0FKXIAHujp3XzuNDFVfA9gghLz1OW18zV4s_fLon8uGb_Q4/s1600-h/layout.JPG"><img style="margin: 0px auto 10px; display: block; text-align: center; cursor: pointer; width: 65px; height: 40px;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh03S1oO3D53OTP38e6560Xzl_k5Ol-X4N6esrXnQ3MpHkX4opMNLXX139B-T_baaopU89cIXMtN3E-zYGgGws1giSdbdCz0FKXIAHujp3XzuNDFVfA9gghLz1OW18zV4s_fLon8uGb_Q4/s320/layout.JPG" alt="" id="BLOGGER_PHOTO_ID_5273782815717636610" border="0" /></a>Comment – allows users to comment on the results:<a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj9p3SEGAy_dTd9ueQ3Wbs7sqxIDTc20PcN9xAMgi6IlaUsc4fQIV-Gfc75aXkXiLpT2xXq4pfPXXaV69eprqrw3cUCqCj5JML5nImP8IHsoq0C2fkQNKW5X0BHbLAxUVXmSb8_HdPttXs/s1600-h/comment.JPG"><img style="margin: 0px auto 10px; display: block; text-align: center; cursor: pointer; width: 22px; height: 20px;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj9p3SEGAy_dTd9ueQ3Wbs7sqxIDTc20PcN9xAMgi6IlaUsc4fQIV-Gfc75aXkXiLpT2xXq4pfPXXaV69eprqrw3cUCqCj5JML5nImP8IHsoq0C2fkQNKW5X0BHbLAxUVXmSb8_HdPttXs/s320/comment.JPG" alt="" id="BLOGGER_PHOTO_ID_5273782914140287570" border="0" /></a>Share – share results with a friend:<a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjZUy_bhe6UKORtxCuZd_ZdwbLwSs0fzTxOk8IYslhRY981MKBMdZ28DgNpbnvFsg4EsXb5rzxTkmI5P7Lh9pbACVGAZ1OIoPQ1Bg6jfPoiFxf0U_wJnyi6dzbDkMlxG22wdiO3fZ11qm4/s1600-h/share.JPG"><img style="margin: 0px auto 10px; display: block; text-align: center; cursor: pointer; width: 23px; height: 24px;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjZUy_bhe6UKORtxCuZd_ZdwbLwSs0fzTxOk8IYslhRY981MKBMdZ28DgNpbnvFsg4EsXb5rzxTkmI5P7Lh9pbACVGAZ1OIoPQ1Bg6jfPoiFxf0U_wJnyi6dzbDkMlxG22wdiO3fZ11qm4/s320/share.JPG" alt="" id="BLOGGER_PHOTO_ID_5273782920902634082" border="0" /></a>Bury – remove results from the page to allow more room for other content:<a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjWcveQx1R8D6s7Wz8egaPHAo2os2Hws5jaKpJaSgIz3mjbaqKzbLqpTlJrNSLNIpNCdsViYPgyoTar7kfBwVhsX7Vza00XzT8o4SWk0y4__Cxs0sTUDbAkbq7-ydPTscbqBPEHpEfSpbc/s1600-h/bury.JPG"><img style="margin: 0px auto 10px; display: block; text-align: center; cursor: pointer; width: 20px; height: 22px;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjWcveQx1R8D6s7Wz8egaPHAo2os2Hws5jaKpJaSgIz3mjbaqKzbLqpTlJrNSLNIpNCdsViYPgyoTar7kfBwVhsX7Vza00XzT8o4SWk0y4__Cxs0sTUDbAkbq7-ydPTscbqBPEHpEfSpbc/s320/bury.JPG" alt="" id="BLOGGER_PHOTO_ID_5273782913588440514" border="0" /></a>Customize – change the settings of the page:<a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjykSsev3PBE6wVBbYHTvUxVYG_NSjUufRNjKjQwksQ9gp1jotuvELk-cUluazMRdEy3Kpu4Iyx4U-Ua_ch-KezyUhKZaTpzwLzyCMGrP5wfjcI090GcUjtCoKu6oJ3FtcTQkk48HstxWY/s1600-h/customize.JPG"><img style="margin: 0px auto 10px; display: block; text-align: center; cursor: pointer; width: 19px; height: 19px;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjykSsev3PBE6wVBbYHTvUxVYG_NSjUufRNjKjQwksQ9gp1jotuvELk-cUluazMRdEy3Kpu4Iyx4U-Ua_ch-KezyUhKZaTpzwLzyCMGrP5wfjcI090GcUjtCoKu6oJ3FtcTQkk48HstxWY/s320/customize.JPG" alt="" id="BLOGGER_PHOTO_ID_5273783423129020018" border="0" /></a>Dropdown arrow – indicates that there are more options available on the navigation bar:<a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgTjPdHoY36cvcOD5-9U3qqusa6LG7kFHgMuAuGHTKMx2f1ocdVC4fwnjmQX-C5KTMc1ezek5a1nazxfzMQdq8K_32wLSN68jh6PaUSs1t7PE3snTTAoMuiR7MKGxGF49djmM4BVk1fvlc/s1600-h/dropdown+arrow.JPG"><img style="margin: 0px auto 10px; display: block; text-align: center; cursor: pointer; width: 18px; height: 23px;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgTjPdHoY36cvcOD5-9U3qqusa6LG7kFHgMuAuGHTKMx2f1ocdVC4fwnjmQX-C5KTMc1ezek5a1nazxfzMQdq8K_32wLSN68jh6PaUSs1t7PE3snTTAoMuiR7MKGxGF49djmM4BVk1fvlc/s320/dropdown+arrow.JPG" alt="" id="BLOGGER_PHOTO_ID_5273783420405454834" border="0" /></a>Camera – indicates a picture result:<a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgDKI66bi8wCN-zpt6QqoUqn0IWrKV4_cM5veDpcf4E_huW927JhoZE5AkgTF1ux-L__OsMtXdRnwFS92QTzS9PRbtRnVIXmIewA_wiNQbfgmpAQOXCgGYRX7CGfmDYusyu91D_3wmPxwY/s1600-h/camera.JPG"><img style="margin: 0px auto 10px; display: block; text-align: center; cursor: pointer; width: 25px; height: 23px;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgDKI66bi8wCN-zpt6QqoUqn0IWrKV4_cM5veDpcf4E_huW927JhoZE5AkgTF1ux-L__OsMtXdRnwFS92QTzS9PRbtRnVIXmIewA_wiNQbfgmpAQOXCgGYRX7CGfmDYusyu91D_3wmPxwY/s320/camera.JPG" alt="" id="BLOGGER_PHOTO_ID_5273782814974778642" border="0" /></a>Camcorder – indicates a video result:<a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi9pZC_SUYK7gBYC0_BnXbvRO33bCe51Ego4RGxOPvm39sDwT9PArQga_oKq9io8IdQBKfmtSGs-aSI6wd74-GKyOkcdOoyO_6RV9JL2wDcsri2uOZROIBanxvfThqb1OI7WQUDTRwHYyc/s1600-h/camcorder.JPG"><img style="margin: 0px auto 10px; display: block; text-align: center; cursor: pointer; width: 23px; height: 23px;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi9pZC_SUYK7gBYC0_BnXbvRO33bCe51Ego4RGxOPvm39sDwT9PArQga_oKq9io8IdQBKfmtSGs-aSI6wd74-GKyOkcdOoyO_6RV9JL2wDcsri2uOZROIBanxvfThqb1OI7WQUDTRwHYyc/s320/camcorder.JPG" alt="" id="BLOGGER_PHOTO_ID_5273782812977597058" border="0" /></a><span style="font-weight: bold;">Color Palette:</span><br />The site’s main colors green and blue, with accents made in orange and red. The background is mostly white and text, when forming paragraphs, is in black.<br /><br />Blue:<a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg_obNJc_mcdklLinvy_hYH9H6vQ_T6pZ4HAgrST_MufszR7Ei13B0zGTPhhbadXmqH13_gCbFqNQb2ylrujtW8k1BvFpfUAQt5Hw7aS046LKMqU_9_beZ302YstEEMLjS374CFPCFdfQE/s1600-h/blue.JPG"><img style="margin: 0px auto 10px; display: block; text-align: center; cursor: pointer; width: 67px; height: 39px;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg_obNJc_mcdklLinvy_hYH9H6vQ_T6pZ4HAgrST_MufszR7Ei13B0zGTPhhbadXmqH13_gCbFqNQb2ylrujtW8k1BvFpfUAQt5Hw7aS046LKMqU_9_beZ302YstEEMLjS374CFPCFdfQE/s320/blue.JPG" alt="" id="BLOGGER_PHOTO_ID_5273784504899958770" border="0" /></a>Green:<a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjWsGhj8CqkcisBiraCGWU8KS6Bt4CgElOYnXl4e9qMRpRlsqWvPwkS-NFdCXWZIxMu-Ij1xMjR4mS8dEm8M9xBdIUThy_duDgfxuAeZzrDNYCKCdNXPM5w_-Xg1XUSRf7SnNGwjmzJHlQ/s1600-h/green.JPG"><img style="margin: 0px auto 10px; display: block; text-align: center; cursor: pointer; width: 114px; height: 23px;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjWsGhj8CqkcisBiraCGWU8KS6Bt4CgElOYnXl4e9qMRpRlsqWvPwkS-NFdCXWZIxMu-Ij1xMjR4mS8dEm8M9xBdIUThy_duDgfxuAeZzrDNYCKCdNXPM5w_-Xg1XUSRf7SnNGwjmzJHlQ/s320/green.JPG" alt="" id="BLOGGER_PHOTO_ID_5273784439607821170" border="0" /></a>Orange:<a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj2BiBBWMGWIi7jwXz8fSBNXgXSOBOA-J1UTiSei_T61Vfp2e8WzaYS9g96IZtv2mNwk1mvdxZt1u4uoRgbc7611Pjj5OXD9UH4MuOgedLl9zJwj7XmpBV46FIa6IQ0ItkIBXG8_XKcv9o/s1600-h/orange.JPG"><img style="margin: 0px auto 10px; display: block; text-align: center; cursor: pointer; width: 82px; height: 27px;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj2BiBBWMGWIi7jwXz8fSBNXgXSOBOA-J1UTiSei_T61Vfp2e8WzaYS9g96IZtv2mNwk1mvdxZt1u4uoRgbc7611Pjj5OXD9UH4MuOgedLl9zJwj7XmpBV46FIa6IQ0ItkIBXG8_XKcv9o/s320/orange.JPG" alt="" id="BLOGGER_PHOTO_ID_5273784437584789922" border="0" /></a>Red:<a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgFMfrkrQWtd_QzF-gbWgWjk3gd1qx7TReD4Y0milzk1ZTjAJ9GWv0eJZ9FsJhiaV7KjrDIpeKPgZj2BKttL6fImmBwZWEEw4ewYOtgsvf5V5nPop-uX58sVjUbfIaKIh7Zb-1MiixlyKA/s1600-h/red.JPG"><img style="margin: 0px auto 10px; display: block; text-align: center; cursor: pointer; width: 46px; height: 21px;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgFMfrkrQWtd_QzF-gbWgWjk3gd1qx7TReD4Y0milzk1ZTjAJ9GWv0eJZ9FsJhiaV7KjrDIpeKPgZj2BKttL6fImmBwZWEEw4ewYOtgsvf5V5nPop-uX58sVjUbfIaKIh7Zb-1MiixlyKA/s320/red.JPG" alt="" id="BLOGGER_PHOTO_ID_5273784445217383762" border="0" /></a>White:<a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiAzymZRs_oWDLl_-5S57ikJBmmBz14I7MffC1O33nmx-UJGAWgdsn1bSmqiymG_v7gKqEQ9VEBsQuoOlAhr4JeFIYmv_hxc21uGJVeFm_av-4gS3BdXKfQBEqHGRJE8y9PM6NVeNe5dWU/s1600-h/white.JPG"><img style="margin: 0px auto 10px; display: block; text-align: center; cursor: pointer; width: 230px; height: 105px;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiAzymZRs_oWDLl_-5S57ikJBmmBz14I7MffC1O33nmx-UJGAWgdsn1bSmqiymG_v7gKqEQ9VEBsQuoOlAhr4JeFIYmv_hxc21uGJVeFm_av-4gS3BdXKfQBEqHGRJE8y9PM6NVeNe5dWU/s320/white.JPG" alt="" id="BLOGGER_PHOTO_ID_5273784448852101570" border="0" /></a>Black:<br /><a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg52FXKuOo0H_In_F3I4YUkErj-cxJq-Io-M3AB76LFoH7UpPTihLII_vJqQiCKe6x4XSYqb0w3Dr_rw5zfoaaJonVm1YcfOQvZXDxI6luZKxyW0WPUPYW-WUUueTMD04dzVau1OrcNhEc/s1600-h/black.JPG"><img style="margin: 0px auto 10px; display: block; text-align: center; cursor: pointer; width: 206px; height: 72px;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg52FXKuOo0H_In_F3I4YUkErj-cxJq-Io-M3AB76LFoH7UpPTihLII_vJqQiCKe6x4XSYqb0w3Dr_rw5zfoaaJonVm1YcfOQvZXDxI6luZKxyW0WPUPYW-WUUueTMD04dzVau1OrcNhEc/s320/black.JPG" alt="" id="BLOGGER_PHOTO_ID_5273784438988958898" border="0" /></a><br /><span style="font-weight: bold;">Site Focus:</span><br />The focus of the site is to connect different users to content that they normally would not find on the internet. With several billion web pages on the internet, it is impossible for strange and interesting pages to reach everyone. This site allows you to share what you found with others who find the same types of content desirable.<br />An important feature of the site is the ability for users to receive RSS feeds on content that they find interesting. This allows them to be updated to new content without having to continually check the site.<br /><br />Improvement:<br />A possible improvement to the site could be to decrease the width of the paragraphs located beneath the content titles. This would allow users to scan the information quickly and prevent users from having to scan from side to side excessively.<br /><a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgHOyOooFmkB6XDjD1MS5clT99KFeLm2pmo97oS6M1u8770CGyc2PQHwVkOt-swDYKPhsjvz0gNw5q2-HgWoOv18lDO97mWvYbGzkP2o5_uTrgruiL7M9JdhHOml1gRU-XxTMmF9Gbrpps/s1600-h/improvement.JPG"><img style="margin: 0px auto 10px; display: block; text-align: center; cursor: pointer; width: 320px; height: 164px;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgHOyOooFmkB6XDjD1MS5clT99KFeLm2pmo97oS6M1u8770CGyc2PQHwVkOt-swDYKPhsjvz0gNw5q2-HgWoOv18lDO97mWvYbGzkP2o5_uTrgruiL7M9JdhHOml1gRU-XxTMmF9Gbrpps/s320/improvement.JPG" alt="" id="BLOGGER_PHOTO_ID_5273786447086065042" border="0" /></a>Bill Ehttp://www.blogger.com/profile/04336288176473597872noreply@blogger.com0tag:blogger.com,1999:blog-6631876556171330659.post-61946882020878650782008-11-28T00:08:00.034-05:002008-11-28T02:13:15.755-05:00Case Studies #3: www.midomi.comThis Case Study is in regards to the website www.midomi.com, a site that allows users to search for songs by either lyrics or by singing it through a microphone.<br /><br /><span style="font-weight: bold;">Navigation:</span><br />The navigation of the site (on the home page) is set up as follows. There is a primary navigation bar at the very top of the screen that includes “Studio” ( to record a song for others to search by), “midomi Stars” (users with high ratings on their recordings), “Hot Artists” (artists getting several search requests by users), and “Explore” (used to explore artists by genre, style, etc).<br /><a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiFArrIlRUCYddY8Y5ItQbgRLxMT1lY0bKpI9dym4yxGYe9VLcaaWZC2vQzYovSZaAAiVsgEVKyLBiXuVm_QbW5r5sF3-W1zeummFzdT5KxkYpOh8FWn4hyphenhyphenOfNbGtp0hlCsP4X76Bmes9I/s1600-h/primary+nav.JPG"><img style="margin: 0px auto 10px; display: block; text-align: center; cursor: pointer; width: 320px; height: 23px;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiFArrIlRUCYddY8Y5ItQbgRLxMT1lY0bKpI9dym4yxGYe9VLcaaWZC2vQzYovSZaAAiVsgEVKyLBiXuVm_QbW5r5sF3-W1zeummFzdT5KxkYpOh8FWn4hyphenhyphenOfNbGtp0hlCsP4X76Bmes9I/s320/primary+nav.JPG" alt="" id="BLOGGER_PHOTO_ID_5273585854531476706" border="0" /></a>To the right of the primary navigation bar are links to register and login to the site.<br /><br />Above the primary navigation bar is an input area for users to quickly search for music by typing in lyrics, artists, song names, or albums<br /><br /><a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg9cXqVbfpPrgZiztzHKZJFRnd5hiB9mVEJqi-z6YrM9ajLHlEeBV6CJIzksG8VqpDpq4qTaXES4ynh6nHtk_qmVKZHB6Jhf27ris1mlA_NummCHntxCHVswU0qIlG_B9sHuHkOBgSDvs4/s1600-h/above+primary+nav.JPG"><img style="margin: 0px auto 10px; display: block; text-align: center; cursor: pointer; width: 297px; height: 42px;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg9cXqVbfpPrgZiztzHKZJFRnd5hiB9mVEJqi-z6YrM9ajLHlEeBV6CJIzksG8VqpDpq4qTaXES4ynh6nHtk_qmVKZHB6Jhf27ris1mlA_NummCHntxCHVswU0qIlG_B9sHuHkOBgSDvs4/s320/above+primary+nav.JPG" alt="" id="BLOGGER_PHOTO_ID_5273586138042617842" border="0" /></a>The primary navigation is always at the top of the page no matter where you are in the site. This allows users to quickly navigate to the content on the site they are looking for.<br /><br />When on a certain page, the primary navigation bar shows the page as active by changing the text color and underlining the text.<br /><br /><a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhS_viw8p6WAryfFuBU_fOiAozFz9zyQkUDr9Mm-la6JGfAimfBGmaepdReEZ94txWAOB1D83IpYP6yuUo0S1CvJFtfcBwclAPh40o3cGiOnByNN86oRepX9Vb8iPy2r8fFTglA6pteCTk/s1600-h/active+tab.JPG"><img style="margin: 0px auto 10px; display: block; text-align: center; cursor: pointer; width: 86px; height: 33px;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhS_viw8p6WAryfFuBU_fOiAozFz9zyQkUDr9Mm-la6JGfAimfBGmaepdReEZ94txWAOB1D83IpYP6yuUo0S1CvJFtfcBwclAPh40o3cGiOnByNN86oRepX9Vb8iPy2r8fFTglA6pteCTk/s320/active+tab.JPG" alt="" id="BLOGGER_PHOTO_ID_5273586315346454082" border="0" /></a>At the bottom of the page, there are links to the site’s legal disclaimers and Terms of Use and Privacy Notice in addition to links to other pages on the site that aren’t present in the primary navigation bar (such as Video Tour.) This section of the page also contains links to change the language of the page.<br /><br /><a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh0GDtOSx9ejiuyDBi41964fj_m-hEoghu30GhX152n90cmK6KNbQNBq0wji0tDDaLOnJkRUMlII8bddBuXNF83tf643i3E_1SaDVwBMMKGOJMBZh9DLRFyadW_oGBJSKYhk0LgXJXwwUg/s1600-h/bottom+of+page.JPG"><img style="margin: 0px auto 10px; display: block; text-align: center; cursor: pointer; width: 320px; height: 26px;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh0GDtOSx9ejiuyDBi41964fj_m-hEoghu30GhX152n90cmK6KNbQNBq0wji0tDDaLOnJkRUMlII8bddBuXNF83tf643i3E_1SaDVwBMMKGOJMBZh9DLRFyadW_oGBJSKYhk0LgXJXwwUg/s320/bottom+of+page.JPG" alt="" id="BLOGGER_PHOTO_ID_5273586473615500562" border="0" /></a>After clicking the “Explore” link, a secondary navigation bar appears on the page and allows the user to control what content is shown on the page. This includes filtering by genre, language, and time.<br /><br /><a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgBH1k_sln4jBc9QGhEkcQNxkaDOtcjIoWQk6S0OXLs-vAhiWhCzrzuBOA3-tg_eZROBJyWockHyOfm9V4fXVMVStp1209cPQGb3636GTmBrgQvhiedH_sNOvlrhyWd8nvs_cBqtLhv9Qo/s1600-h/secondary+nav.JPG"><img style="margin: 0px auto 10px; display: block; text-align: center; cursor: pointer; width: 320px; height: 46px;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgBH1k_sln4jBc9QGhEkcQNxkaDOtcjIoWQk6S0OXLs-vAhiWhCzrzuBOA3-tg_eZROBJyWockHyOfm9V4fXVMVStp1209cPQGb3636GTmBrgQvhiedH_sNOvlrhyWd8nvs_cBqtLhv9Qo/s320/secondary+nav.JPG" alt="" id="BLOGGER_PHOTO_ID_5273586736738342066" border="0" /></a><br /><span style="font-weight: bold;">Architecture:</span><br />The architecture of the site is as follows. The main page leads to the four main pages: Studio, midomi Stars, Hot Artists, and Explore. Clicking on Studio leads to a page that does not contain new links to other pages. Clicking on midomi Stars leads to information about the top midomi users. I can view different categories, such as Top Recordings, and navigate to the user’s information pages and see their other recordings and biographical information. Clicking on Hot Artists leads to a page that lists artists that are repeatedly searched for on the site. From this page I can listen to audio clips of songs, or I can follow the links to the artist’s information pages, where there are links for photos, videos, songs, and fans. In this way, the architecture of the site is not deep until you reach the sections of the site that contain user and artists information.<br /><br /><br /><span style="font-weight: bold;">Content/Typography:</span><br />The content hierarchy is apparent through the size of the text.<br /><br />Heading 1:<br /><a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj2mYIHBRaiFzSVIk4nXRQAm3WuwOTTI9A11FoiY-D6HQh2OnSzoaxYxVVf-bd546VPlzNsW0MnTfyBMeU2xcMXgRNTP_KAnjFahp7DD68DKmnL3QI4usBcWniqzH7_3cd57YE-433auJw/s1600-h/h1.JPG"><img style="margin: 0px auto 10px; display: block; text-align: center; cursor: pointer; width: 296px; height: 68px;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj2mYIHBRaiFzSVIk4nXRQAm3WuwOTTI9A11FoiY-D6HQh2OnSzoaxYxVVf-bd546VPlzNsW0MnTfyBMeU2xcMXgRNTP_KAnjFahp7DD68DKmnL3QI4usBcWniqzH7_3cd57YE-433auJw/s320/h1.JPG" alt="" id="BLOGGER_PHOTO_ID_5273587002507110690" border="0" /></a>Large font, bold, in white. This is used to display artist names and songs in the center of the site’s page. It stands out against the dark background and is quickly read on visiting the site.<br /><br />Heading 2:<br /><a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiXtihIMvYxF4V9GLia097HmZxkY3pm7hyphenhyphenicmPXJeYfFl4RfaIZ8H0eatw0xetidUtZpHjD_9ZPF4Gl-O9Z36PjcIg9eBXTEYMXIZGcpqHE6tWWq-vXZ2AONYWR9knaJPSyi_8L6wZPSRM/s1600-h/h2.JPG"><img style="margin: 0px auto 10px; display: block; text-align: center; cursor: pointer; width: 123px; height: 47px;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiXtihIMvYxF4V9GLia097HmZxkY3pm7hyphenhyphenicmPXJeYfFl4RfaIZ8H0eatw0xetidUtZpHjD_9ZPF4Gl-O9Z36PjcIg9eBXTEYMXIZGcpqHE6tWWq-vXZ2AONYWR9knaJPSyi_8L6wZPSRM/s320/h2.JPG" alt="" id="BLOGGER_PHOTO_ID_5273588343139464242" border="0" /></a>Large orange font. Used as headers for sections on the main page of the site.<br /><br /><br />Heading 3:<br /><a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgdrs_SWlX65dTSkaBXFhPHyBGbQRc5FeMhyKt9llsQu99SWHz_ngBppsYoIiFLKt6GO4T2X9I_1HIWo8rW37u5OpnGkpU6nCqHsvSno6njOJgqfWclMTYiQDUAMBfef9JsPgIjInzKCe0/s1600-h/h3.JPG"><img style="margin: 0px auto 10px; display: block; text-align: center; cursor: pointer; width: 181px; height: 46px;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgdrs_SWlX65dTSkaBXFhPHyBGbQRc5FeMhyKt9llsQu99SWHz_ngBppsYoIiFLKt6GO4T2X9I_1HIWo8rW37u5OpnGkpU6nCqHsvSno6njOJgqfWclMTYiQDUAMBfef9JsPgIjInzKCe0/s320/h3.JPG" alt="" id="BLOGGER_PHOTO_ID_5273588346097023394" border="0" /></a> Medium blue font. Used as titles for songs or artists in different sections on the main page of the site.<br /><br />Heading 4:<br /><a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjWSrLPIq9vDLsMeC4EPNn271TpRLElSiZqsHCLUlgcH_g_2N4w1o9MeGb1WWouQ2mYXXHKcZ-KdU-ejeQCq_oJtgNMn_7pgR2ofFRrmhP8ziTZjElbtVnl2ezBxIx6OhV0dNIfHlIKs30/s1600-h/h4.JPG"><img style="margin: 0px auto 10px; display: block; text-align: center; cursor: pointer; width: 76px; height: 19px;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjWSrLPIq9vDLsMeC4EPNn271TpRLElSiZqsHCLUlgcH_g_2N4w1o9MeGb1WWouQ2mYXXHKcZ-KdU-ejeQCq_oJtgNMn_7pgR2ofFRrmhP8ziTZjElbtVnl2ezBxIx6OhV0dNIfHlIKs30/s320/h4.JPG" alt="" id="BLOGGER_PHOTO_ID_5273588349265090034" border="0" /></a> Small blue font. Used to indicate artists names in different sections on the main page of the site.<br /><br />Paragraph:<br /><a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjGxNa-y7sNISG8P5JyjezAtchyphenhyphen204LyYJqB5WsWK93ekCBKjsOXUHMvoTuIb6EhqxQNiPuU2EISLPhvK-IYWJhVdMccOvQ6RO0v4bJhnfNKwb9op1DoYLbAKIFlxMr1q3tgg-wdgN81Lc/s1600-h/paragraph.JPG"><img style="margin: 0px auto 10px; display: block; text-align: center; cursor: pointer; width: 290px; height: 33px;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjGxNa-y7sNISG8P5JyjezAtchyphenhyphen204LyYJqB5WsWK93ekCBKjsOXUHMvoTuIb6EhqxQNiPuU2EISLPhvK-IYWJhVdMccOvQ6RO0v4bJhnfNKwb9op1DoYLbAKIFlxMr1q3tgg-wdgN81Lc/s320/paragraph.JPG" alt="" id="BLOGGER_PHOTO_ID_5273588348446523874" border="0" /></a>Small black font, sans-serif.<br /><br />This typography has its strengths and weaknesses. The strong, contrasting colors of the main headings (bold white font against black) make it very easy to read the top artists and information located in the center of the main page. This is also true of the black font and the orange font (the orange is dark enough that it stands out clearly against the white.) The font that does not stand out enough is the blue text. When against the dark background in the center of the page, it is fairly easy to read.<br /><a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgK7muq5rB5f6uq1rl9J0Q1aNgiCpCc-qY01qrRM-NqLc6pZKHbG-Sm10xwBCuT-SXdk2C0CLlA0_y3b-P74J7J5aeb8-WQ72kWZa359A5r36egjBkOq7Fss-sEKYAR28XgHetzQn6wnqo/s1600-h/difficult+to+read+2.JPG"><img style="margin: 0px auto 10px; display: block; text-align: center; cursor: pointer; width: 320px; height: 50px;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgK7muq5rB5f6uq1rl9J0Q1aNgiCpCc-qY01qrRM-NqLc6pZKHbG-Sm10xwBCuT-SXdk2C0CLlA0_y3b-P74J7J5aeb8-WQ72kWZa359A5r36egjBkOq7Fss-sEKYAR28XgHetzQn6wnqo/s320/difficult+to+read+2.JPG" alt="" id="BLOGGER_PHOTO_ID_5273590912321372706" border="0" /></a>However, when it is on the white background the normal-weight text and the blue color make it difficult to quickly read.<br /><br /><a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg0w6Dd8uzv4Y1xc5AC7pMy6HmxhsH2zh754qPwPIAP0R7XVDptBNzK_L72_MI-w50NwuD4yerkFeqDbSwp0jP2oOVZzvTuZCQhUTYpnUUUvVIJW6XYHqzOD3hBayNlO11ucB7QT5bwP44/s1600-h/difficult+to+read.JPG"><img style="margin: 0px auto 10px; display: block; text-align: center; cursor: pointer; width: 320px; height: 115px;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg0w6Dd8uzv4Y1xc5AC7pMy6HmxhsH2zh754qPwPIAP0R7XVDptBNzK_L72_MI-w50NwuD4yerkFeqDbSwp0jP2oOVZzvTuZCQhUTYpnUUUvVIJW6XYHqzOD3hBayNlO11ucB7QT5bwP44/s320/difficult+to+read.JPG" alt="" id="BLOGGER_PHOTO_ID_5273590906994818226" border="0" /></a>This is a weakness that should be corrected, as artist names are an important aspect on the site and are the reason why users visit.<br /><br />The organization of the site is easy to navigate. The information most required by users is located on the front of the main page, and links to other content are placed in locations that are easy to find. The activated primary navigation bar also indicates where on the page I am.<br /><br /><span style="font-weight: bold;">Grid/Structure</span>:<br />The structure of the site is set up as several rows with a column located about halfway down the page.<br /><br />At the top of the page, the top row contains the banner, primary navigation, and input box to search for artists and songs.<br /><br />Below this is the main content row, which contains a link to the voice recording search, iPhone application, and a few of the top artists on the site.<br /><a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjGsFNwt66WpgujFQobR0vS_uaOLVj0iCB0vRnf8PIsS-iGQFA7FCtpEZ9Z2QEByUIVEGTnR8eDh_p6HmbW1dgzH8SkiT5XNlKE1ZqMuhSGE0A4x2usWSXgFm2jZokSfOMTbaqy0KfOF3s/s1600-h/top+two+rows.JPG"><img style="margin: 0px auto 10px; display: block; text-align: center; cursor: pointer; width: 320px; height: 152px;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjGsFNwt66WpgujFQobR0vS_uaOLVj0iCB0vRnf8PIsS-iGQFA7FCtpEZ9Z2QEByUIVEGTnR8eDh_p6HmbW1dgzH8SkiT5XNlKE1ZqMuhSGE0A4x2usWSXgFm2jZokSfOMTbaqy0KfOF3s/s320/top+two+rows.JPG" alt="" id="BLOGGER_PHOTO_ID_5273592384189792514" border="0" /></a>Under the main content are several rows of other information, such as featured videos, hot tracks, up & coming artists, album pick, and new releases. Featured videos, hot tracks, and new releases are themselves in grid format as they contain several thumbnails, while the other sections are in row format as they contain more text-based information than imagery.<a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgpMfGYh2UcYFG8t8hkOXywcii4ejJCiXTvArSTODsmRW-Q3LvUaBiyudDITed6hui4U6O1nK4xrbv8cDf_Zgiaow_T0PdtVp5yq9hogm1aviP-bmhP1zZV5maIE21CoJDrUuZq3v61I2Q/s1600-h/grid.JPG"><img style="margin: 0px auto 10px; display: block; text-align: center; cursor: pointer; width: 320px; height: 110px;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgpMfGYh2UcYFG8t8hkOXywcii4ejJCiXTvArSTODsmRW-Q3LvUaBiyudDITed6hui4U6O1nK4xrbv8cDf_Zgiaow_T0PdtVp5yq9hogm1aviP-bmhP1zZV5maIE21CoJDrUuZq3v61I2Q/s320/grid.JPG" alt="" id="BLOGGER_PHOTO_ID_5273593727555264898" border="0" /></a><a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgH5BeOGrcuu_U1wbq-cPe65N8_jXgb2cNekceyDAPNhQX6I1PEsUNQAB8JFKbpckOSjiAcCGsPm0aVrx9FGQPAcV2auHd837tWjjh3D7xsRwU_ZSdtRcZtYAkK-S5G7Kl16BO7fyqr3Ks/s1600-h/row.JPG"><img style="margin: 0px auto 10px; display: block; text-align: center; cursor: pointer; width: 320px; height: 93px;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgH5BeOGrcuu_U1wbq-cPe65N8_jXgb2cNekceyDAPNhQX6I1PEsUNQAB8JFKbpckOSjiAcCGsPm0aVrx9FGQPAcV2auHd837tWjjh3D7xsRwU_ZSdtRcZtYAkK-S5G7Kl16BO7fyqr3Ks/s320/row.JPG" alt="" id="BLOGGER_PHOTO_ID_5273593731613074546" border="0" /></a>To the right of the content is a column that contains midomi stars (highly rated users) and current updates to artists and users.<br /><a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjkaTfMfyYYoEdc-aLK5ZhwRFV7fJiwZix-zY82UJCcON5-w6SZPxPX1rxSIK68ufcbrf7BSuRcqa11CPDwf5VVOqDlYu_QVxKJe9UjqHsVHc-x2w4yKTHnHjj2jLi8DR6qB_znUp2rScA/s1600-h/right+col.JPG"><img style="margin: 0px auto 10px; display: block; text-align: center; cursor: pointer; width: 146px; height: 320px;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjkaTfMfyYYoEdc-aLK5ZhwRFV7fJiwZix-zY82UJCcON5-w6SZPxPX1rxSIK68ufcbrf7BSuRcqa11CPDwf5VVOqDlYu_QVxKJe9UjqHsVHc-x2w4yKTHnHjj2jLi8DR6qB_znUp2rScA/s320/right+col.JPG" alt="" id="BLOGGER_PHOTO_ID_5273594398968452386" border="0" /></a><span style="font-weight: bold;"><br />Iconography/Imagery:</span><br />The site uses several icons throughout the website. Some of these include:<br /><a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjUSADwPFKesqXTSVDPYqIDBXsAXtu7Qt4ZJJHn6ZH5vkK6U2OBUshVOtEi6_uYEDjkI0AI_cFJYt0Ga4EDBZFRypJltFkTje71h_t48s9ha8vRcCUWpO6d076j0hAj8cv3qoGbRqJNIX4/s1600-h/microphone.JPG"><img style="margin: 0px auto 10px; display: block; text-align: center; cursor: pointer; width: 24px; height: 23px;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjUSADwPFKesqXTSVDPYqIDBXsAXtu7Qt4ZJJHn6ZH5vkK6U2OBUshVOtEi6_uYEDjkI0AI_cFJYt0Ga4EDBZFRypJltFkTje71h_t48s9ha8vRcCUWpO6d076j0hAj8cv3qoGbRqJNIX4/s320/microphone.JPG" alt="" id="BLOGGER_PHOTO_ID_5273595894641956962" border="0" /></a>Microphone next to “Studio” link<br /><a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiIFdDAvGZg0tiqPLNOF3E-rAbfUE07G6qG8TditndU2K5wrnVpmBBgB8KYyTs5ZjiAHMdjLgMl0OPLiKHNT0d89RYk6tv4cUhOgKPsODL2keJ1ptCnPsgJN8j83Izk1jjB08NyoOml6qc/s1600-h/star.JPG"><img style="margin: 0px auto 10px; display: block; text-align: center; cursor: pointer; width: 19px; height: 21px;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiIFdDAvGZg0tiqPLNOF3E-rAbfUE07G6qG8TditndU2K5wrnVpmBBgB8KYyTs5ZjiAHMdjLgMl0OPLiKHNT0d89RYk6tv4cUhOgKPsODL2keJ1ptCnPsgJN8j83Izk1jjB08NyoOml6qc/s320/star.JPG" alt="" id="BLOGGER_PHOTO_ID_5273595900239476130" border="0" /></a> Star next to “midomi Stars” link<br /><a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjyj_Tv5qnP0OVcg7icfl7oKFVNUvz3INS3RrFp5tsluDuC30GVLJ6wqmhLo9YpISXPdCAgZjdx0OGcG-mwNWSreWYKsK_eyKlq4GqDnGdm2DEiPZgEBeGdAx99iCMEhRJYGTNDrPiqZ04/s1600-h/flame.JPG"><img style="margin: 0px auto 10px; display: block; text-align: center; cursor: pointer; width: 19px; height: 20px;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjyj_Tv5qnP0OVcg7icfl7oKFVNUvz3INS3RrFp5tsluDuC30GVLJ6wqmhLo9YpISXPdCAgZjdx0OGcG-mwNWSreWYKsK_eyKlq4GqDnGdm2DEiPZgEBeGdAx99iCMEhRJYGTNDrPiqZ04/s320/flame.JPG" alt="" id="BLOGGER_PHOTO_ID_5273595899344410962" border="0" /></a> Flame next to “Hot Artists” link<br /><a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhnfSDwp5sCLdGNPEhPmdlBiAtg77jSp5PTvVlktYl9SPY46bw37W1fMd6qxmtlBClZL1RainugnwOTyj2OmvLcWjyTd-BbZyXUG2PTk3EgbQvnaq6RMp6tTPSnCMwb9_4o9UPC78lyMc8/s1600-h/lightbulb.JPG"><img style="margin: 0px auto 10px; display: block; text-align: center; cursor: pointer; width: 18px; height: 21px;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhnfSDwp5sCLdGNPEhPmdlBiAtg77jSp5PTvVlktYl9SPY46bw37W1fMd6qxmtlBClZL1RainugnwOTyj2OmvLcWjyTd-BbZyXUG2PTk3EgbQvnaq6RMp6tTPSnCMwb9_4o9UPC78lyMc8/s320/lightbulb.JPG" alt="" id="BLOGGER_PHOTO_ID_5273595896190371778" border="0" /></a><br />Lightbulb next to “Explore” link<br /><br />These four icons help users understand what each of the primary navigation links accomplish (clicking “Studio,” I’ll most likely be recording something).<br /><br />Next to the search boxes on the site are two different icons. Next to the recording search is an icon that that looks like sound waves and a magnifying glass, while next to the text search is a magnifying glass icon.<br /><a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj5_Uu320-pABNkWf4VWzyZtke9eVBCVxVT2Y9oIxkUsSXGj9bnewRNBVZVPWQc7hDk3o-o4unzldDv5nLEqcZDRX5X_fqBFEpUnt1i5qPCxN8mkqSbJ9xufRNYmyJg674zldDbAxk3ljY/s1600-h/sound+search.JPG"><img style="margin: 0px auto 10px; display: block; text-align: center; cursor: pointer; width: 37px; height: 29px;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj5_Uu320-pABNkWf4VWzyZtke9eVBCVxVT2Y9oIxkUsSXGj9bnewRNBVZVPWQc7hDk3o-o4unzldDv5nLEqcZDRX5X_fqBFEpUnt1i5qPCxN8mkqSbJ9xufRNYmyJg674zldDbAxk3ljY/s320/sound+search.JPG" alt="" id="BLOGGER_PHOTO_ID_5273597012702793970" border="0" /></a><a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEihf0GzMD0UYBGDWljrf-aH6NlmHOOeJj8vb24mwXGSBdU-TkuiEvNS6JS5SdcZ2Qnuj4SxSr30utgtqBSvCdFxkWALa97bboMbP6-KvaeWsbGXCbZTKbdqaQ8Mjy2L5GX78-rxwBFkcVY/s1600-h/regular+search.JPG"><img style="margin: 0px auto 10px; display: block; text-align: center; cursor: pointer; width: 23px; height: 27px;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEihf0GzMD0UYBGDWljrf-aH6NlmHOOeJj8vb24mwXGSBdU-TkuiEvNS6JS5SdcZ2Qnuj4SxSr30utgtqBSvCdFxkWALa97bboMbP6-KvaeWsbGXCbZTKbdqaQ8Mjy2L5GX78-rxwBFkcVY/s320/regular+search.JPG" alt="" id="BLOGGER_PHOTO_ID_5273597009124250530" border="0" /></a>Also, next to songs and artists names are play buttons and shopping cart symbols. They allow users to quickly listen to and purchase music on the site.<br /><a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjrX3gvWj2CURAQ0fI6xjbqrEQGBvpkD1TUsbEmnR3jrDJEp6XQbuqWhyphenhyphen_lJ8oqwOoL8eRrIPu1ZLZ9Kw7E2gD4GhnvOo6k0yKm4QbOBm2wa-GTrA_gZj4jB3kUi3rxlyQ3cJdfFtJZwX0/s1600-h/buy.JPG"><img style="margin: 0px auto 10px; display: block; text-align: center; cursor: pointer; width: 29px; height: 25px;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjrX3gvWj2CURAQ0fI6xjbqrEQGBvpkD1TUsbEmnR3jrDJEp6XQbuqWhyphenhyphen_lJ8oqwOoL8eRrIPu1ZLZ9Kw7E2gD4GhnvOo6k0yKm4QbOBm2wa-GTrA_gZj4jB3kUi3rxlyQ3cJdfFtJZwX0/s320/buy.JPG" alt="" id="BLOGGER_PHOTO_ID_5273597013853076690" border="0" /></a><a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjjksA9DvCyxWPXfwrOFTcCEHMYcxR1CBIe8IqOw2u5TlmKF42Hhyyb2U967US4hGVf97bImotnqid4grUp7vxC3bPn-rzJloloPjRTcmzwxMTp1PHxXWUqOzZg5N3IRscx-FZejYuyYP0/s1600-h/play.JPG"><img style="margin: 0px auto 10px; display: block; text-align: center; cursor: pointer; width: 27px; height: 26px;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjjksA9DvCyxWPXfwrOFTcCEHMYcxR1CBIe8IqOw2u5TlmKF42Hhyyb2U967US4hGVf97bImotnqid4grUp7vxC3bPn-rzJloloPjRTcmzwxMTp1PHxXWUqOzZg5N3IRscx-FZejYuyYP0/s320/play.JPG" alt="" id="BLOGGER_PHOTO_ID_5273597012867045602" border="0" /></a>The site contains images, but these are only thumbnails of artists and album covers that are in the site’s database. This provides users with graphical content that they can search through, in addition to textual and rhythmic (through singing).<br /><br /><span style="font-weight: bold;">Color Palette:<br /></span>The color palette of this website is based off of orange, brown, blue, black, and white.<br /><br />Orange:<a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh9zdTvGJWq-CwtAIFFkU5m9GrAkC0CQ6zi923RkyOqgzVkWWph-BqIm3jpFDA7twMSf4vEOmieoH3bdEPO5xDF2-DLSEmH8yRu6wrMLe6j3Gu3rwo5inSjavve_g3kG3jyR5q7xQSO1Ko/s1600-h/orange.JPG"><img style="margin: 0px auto 10px; display: block; text-align: center; cursor: pointer; width: 199px; height: 49px;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh9zdTvGJWq-CwtAIFFkU5m9GrAkC0CQ6zi923RkyOqgzVkWWph-BqIm3jpFDA7twMSf4vEOmieoH3bdEPO5xDF2-DLSEmH8yRu6wrMLe6j3Gu3rwo5inSjavve_g3kG3jyR5q7xQSO1Ko/s320/orange.JPG" alt="" id="BLOGGER_PHOTO_ID_5273600181668444946" border="0" /></a>Brown:<a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhmKDVzijaSSZlXlIHLw-3v-xIxL2tY4dCnBH6N1_-VFaM2J2FKGI_wbnMzwQ-nVm4sbSUqUqlIe7G54tcyWxg6O-m9lELqrZTHWbDzpDZjH9DymC5v2c7YE1wv1uW-002KjqFzBd4PeFQ/s1600-h/brown.JPG"><img style="margin: 0px auto 10px; display: block; text-align: center; cursor: pointer; width: 80px; height: 29px;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhmKDVzijaSSZlXlIHLw-3v-xIxL2tY4dCnBH6N1_-VFaM2J2FKGI_wbnMzwQ-nVm4sbSUqUqlIe7G54tcyWxg6O-m9lELqrZTHWbDzpDZjH9DymC5v2c7YE1wv1uW-002KjqFzBd4PeFQ/s320/brown.JPG" alt="" id="BLOGGER_PHOTO_ID_5273600171463524418" border="0" /></a>Blue:<a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEglST5bENCuHDmbWpZx2-8SbsWx4EpPOZ6iHA8Oo8TIwychVHnWhe79m37dhF7jL6GFobGsY10lqHTpRaQORIO2MAerRqwFEyIqeJY7c5BH8G0SEys8zly9xwKNvQi9POLUgEnn60v31mI/s1600-h/blue.JPG"><img style="margin: 0px auto 10px; display: block; text-align: center; cursor: pointer; width: 218px; height: 122px;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEglST5bENCuHDmbWpZx2-8SbsWx4EpPOZ6iHA8Oo8TIwychVHnWhe79m37dhF7jL6GFobGsY10lqHTpRaQORIO2MAerRqwFEyIqeJY7c5BH8G0SEys8zly9xwKNvQi9POLUgEnn60v31mI/s320/blue.JPG" alt="" id="BLOGGER_PHOTO_ID_5273600167490582034" border="0" /></a><br />Black (dark gray):<a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhiKxfHM1ssrdPlRhVIvjnETVGHFdCmuPdNScjSvuTklGIgaQkb29Hd6ZtQqgVgffjZeYJYgchM3cu0EUjZb36_8TNjEg8Bx3zUnkwhx3HLk-A3iQ6vamp3l4mF5RHp4F-m6Oz_NGvcT7c/s1600-h/black.JPG"><img style="margin: 0px auto 10px; display: block; text-align: center; cursor: pointer; width: 140px; height: 73px;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhiKxfHM1ssrdPlRhVIvjnETVGHFdCmuPdNScjSvuTklGIgaQkb29Hd6ZtQqgVgffjZeYJYgchM3cu0EUjZb36_8TNjEg8Bx3zUnkwhx3HLk-A3iQ6vamp3l4mF5RHp4F-m6Oz_NGvcT7c/s320/black.JPG" alt="" id="BLOGGER_PHOTO_ID_5273600178383184690" border="0" /></a>White:<a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh_Spr-qtm_KF462b8r5Xv9-GDZs79rmLsu4yU8I06syclHOkMj0jZ_x7viox19sJY-eUHuHI3d1hLGiSWzhjtP2d7giVVgX8QmTtlEXP2zEgzy0-gHqfSn7VncXXuL4vEKURUkBsgVjo8/s1600-h/white.JPG"><img style="margin: 0px auto 10px; display: block; text-align: center; cursor: pointer; width: 320px; height: 37px;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh_Spr-qtm_KF462b8r5Xv9-GDZs79rmLsu4yU8I06syclHOkMj0jZ_x7viox19sJY-eUHuHI3d1hLGiSWzhjtP2d7giVVgX8QmTtlEXP2zEgzy0-gHqfSn7VncXXuL4vEKURUkBsgVjo8/s320/white.JPG" alt="" id="BLOGGER_PHOTO_ID_5273600525760561906" border="0" /></a>The website starts off on top with an orange/brown bar that contains the banner and the primary navigation bar. This is next to a bar of light blue, which is then next to a dark gray/black bar that contains highly rated artists. The rest of the page is then on a white background. This scheme draws a users focus to the center of the page, as it as the most activity. This is where the site’s main feature, the ability to find a song by recording a sample, is located. There is enough of a gradient in the colors so that they are not solid, and they are matched up so that they complement each other without looking unpleasant together.<br /><br /><span style="font-weight: bold;">Site Focus:</span><br />The purpose of this site is to provide users with information about songs, artists, and albums that they are interested in. Users can enter in search boxes text-based information that they know about a song or artist, and the site will provide them with relevant information. Or, users can use a feature not found at other sites and use the audio search. To do this, users record themselves singing the song and upload it to the site. The site uses software to match up the user’s recording to similar recordings uploaded by other members and displays the information about possible matches to the user. In this way, users can find songs that they know the tune to, but not the lyrics. The site also has music videos and photos of artists on their pages within the site, and users and send messages to artists and other members.<br /><br /><br />Improvement:<br />An improvement for the site could be to change the font color and size. Currently, there is text that is readable, but not easily. This includes the blue font on white and the gray font on white. Changing these to a black font or making them bolder would allow them to be read more easily on the white background.Bill Ehttp://www.blogger.com/profile/04336288176473597872noreply@blogger.com0tag:blogger.com,1999:blog-6631876556171330659.post-87348089183753823572008-10-08T17:36:00.002-04:002008-10-08T17:46:26.067-04:00About Further Case Study Posts:<span style="font-weight: bold;">Please note:</span><br />The following Case Studies are under copyright protection of the respective web sites. It is for academic purposes only that parts and images are copied into this blog for review.Bill Ehttp://www.blogger.com/profile/04336288176473597872noreply@blogger.com0tag:blogger.com,1999:blog-6631876556171330659.post-69115478400079616902008-09-09T11:24:00.027-04:002008-11-28T00:06:53.350-05:00Case Studies #2: www.woot.comThis Case Study is in regards to the website </span><a href="http://www.woot.com/"><span style=";font-family:";font-size:12;" >www.woot.com</span></a><span style=";font-family:";font-size:12;" >, a site that provides discounted items with inexpensive shipping every day.<br /><br /><b>Navigation:</b><br />The navigation of the site (on the home page) is set up as follows. There is a primary navigation bar at the very top of the screen that includes "today’s woot" (this brings you back to the home page for the day), "the blog" (a place for woot members to get together and talk about different topics), “the community” (information about previous deals, contests, and member discussions), "write us" (different ways to get in contact with woot), "your account" (self explanatory), and “what is woot” (information regarding woot’s purpose and methods).</span></p><p class="MsoNormal" style="margin-bottom: 0.0001pt; line-height: normal;"><a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgnhRisjBeTAQfmuPHsKYBKRahruWSDbexb0cnQq6dNyLltfNSvIX43OwlmsWy8xG7Iy-U7v9vVCNq1sIeZLXXwnGDT77_Uh9gd8YGJeB2RnATwb_rcGvoENLdje9zTiN4wnZxwE5Ml5sg/s1600-h/primary+nav.JPG"><img style="margin: 0px auto 10px; display: block; text-align: center; cursor: pointer; width: 320px; height: 20px;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgnhRisjBeTAQfmuPHsKYBKRahruWSDbexb0cnQq6dNyLltfNSvIX43OwlmsWy8xG7Iy-U7v9vVCNq1sIeZLXXwnGDT77_Uh9gd8YGJeB2RnATwb_rcGvoENLdje9zTiN4wnZxwE5Ml5sg/s320/primary+nav.JPG" alt="" id="BLOGGER_PHOTO_ID_5273563220550281554" border="0" /></a><br /><span style=";font-family:";font-size:12;" ><o:p></o:p></span></p> <p class="MsoNormal" style="margin-bottom: 0.0001pt; line-height: normal;"><span style=";font-family:";font-size:12;" ><o:p> </o:p></span></p> <p class="MsoNormal" style="margin-bottom: 0.0001pt; line-height: normal;"><span style=";font-family:";font-size:12;" >Above the primary navigation bar is an additional information section, where a secondary deal is available.<span style=""> </span>This section also has a place for member comments and a link to become a sponsor.<o:p></o:p></span></p> <p class="MsoNormal" style="margin-bottom: 0.0001pt; line-height: normal;"><span style=";font-family:";font-size:12;" ><o:p> </o:p></span></p> <p class="MsoNormal" style="margin-bottom: 0.0001pt; line-height: normal;"><a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhLkxGU76IVOXtDvCDihjjv0GbPwyw6uWgE0yvtzviK-cSqBT345awMQiwSZYKzNdsvfxXfUlh6GjCLUqrcBCeXPZaWtEMeu0DeJeU1oBZSE9YNf03nby36MhX2_U06y7E_xiClIhFEzSo/s1600-h/side+deal.JPG"><img style="margin: 0px auto 10px; display: block; text-align: center; cursor: pointer; width: 320px; height: 20px;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhLkxGU76IVOXtDvCDihjjv0GbPwyw6uWgE0yvtzviK-cSqBT345awMQiwSZYKzNdsvfxXfUlh6GjCLUqrcBCeXPZaWtEMeu0DeJeU1oBZSE9YNf03nby36MhX2_U06y7E_xiClIhFEzSo/s320/side+deal.JPG" alt="" id="BLOGGER_PHOTO_ID_5273563551474225666" border="0" /></a></p> <p class="MsoNormal" style="margin-bottom: 0.0001pt; line-height: normal;"><span style=";font-family:";font-size:12;" ><o:p> </o:p></span></p> <p class="MsoNormal" style="margin-bottom: 0.0001pt; line-height: normal;"><span style=";font-family:";font-size:12;" >This navigation is always at the top of the page no matter where you are in the site.<span style=""> </span>Because this site shows the day’s deal, the secondary navigation is located below the picture of the item.<span style=""> </span>It consists of a tab-interface with the option to either view Product Info or Product Stats.<o:p></o:p></span></p> <p class="MsoNormal" style="margin-bottom: 0.0001pt; line-height: normal;"><span style=";font-family:";font-size:12;" ><o:p> </o:p></span></p> <p class="MsoNormal" style="margin-bottom: 0.0001pt; line-height: normal;"><a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEguAItbXVttUmtYWD9XoBMrKtG0JjUq1ZzVFj1Fgj5iBCFgUgwdzmKR8Q_-N8mA4A_t8urRA9GlDqhwZkUbljZ3Cf21cfqdfqnhB2tJ7QeBdr0mJCeHSGm1B7obyAhJyW0kP1lQ4xxyMII/s1600-h/secondary+nav.JPG"><img style="margin: 0px auto 10px; display: block; text-align: center; cursor: pointer; width: 224px; height: 37px;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEguAItbXVttUmtYWD9XoBMrKtG0JjUq1ZzVFj1Fgj5iBCFgUgwdzmKR8Q_-N8mA4A_t8urRA9GlDqhwZkUbljZ3Cf21cfqdfqnhB2tJ7QeBdr0mJCeHSGm1B7obyAhJyW0kP1lQ4xxyMII/s320/secondary+nav.JPG" alt="" id="BLOGGER_PHOTO_ID_5273564396952842370" border="0" /></a></p> <p class="MsoNormal" style="margin-bottom: 0.0001pt; line-height: normal;"><span style=";font-family:";font-size:12;" ><o:p> </o:p></span></p> <p class="MsoNormal" style="margin-bottom: 0.0001pt; line-height: normal;"><span style=";font-family:";font-size:12;" >To the right of the secondary navigation are pictures and links to sub-domains for the site.<span style=""> </span>They include shirt.woot.com and wine.woot.com.</span></p><p class="MsoNormal" style="margin-bottom: 0.0001pt; line-height: normal;"><a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg1Ir0EBXPORSBwNXQh0BEhz3An0qTAS9P0T2NxYKkGrgC01qabg5X111gTIKXquFqp2SaoJEMNJenbd-xmtBaD8LVD8ixARU5aoT41beGUsem8a5XzhvYrVLgMUqiMw7gCsq5wKav9vBM/s1600-h/sub-domains.JPG"><img style="margin: 0px auto 10px; display: block; text-align: center; cursor: pointer; width: 305px; height: 173px;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg1Ir0EBXPORSBwNXQh0BEhz3An0qTAS9P0T2NxYKkGrgC01qabg5X111gTIKXquFqp2SaoJEMNJenbd-xmtBaD8LVD8ixARU5aoT41beGUsem8a5XzhvYrVLgMUqiMw7gCsq5wKav9vBM/s320/sub-domains.JPG" alt="" id="BLOGGER_PHOTO_ID_5273568502724488098" border="0" /></a><br /></p> <p class="MsoNormal" style="margin-bottom: 0.0001pt; line-height: normal;"><span style=";font-family:";font-size:12;" ><o:p> </o:p></span></p> <p class="MsoNormal" style="margin-bottom: 0.0001pt; line-height: normal;"><span style=";font-family:";font-size:12;" >They navigation to these sites are exactly the same as the main site woot.com (although in different color schemes).<o:p></o:p></span></p> <p class="MsoNormal" style="margin-bottom: 0.0001pt; line-height: normal;"><span style=";font-family:";font-size:12;" ><o:p> </o:p></span></p><span style=";font-family:";font-size:12;" ><o:p></o:p></span> <p class="MsoNormal" style="margin-bottom: 0.0001pt; line-height: normal;"><span style=";font-family:";font-size:12;" ><o:p> </o:p></span></p> <p class="MsoNormal" style="margin-bottom: 0.0001pt; line-height: normal;"><a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh1N6qNI32GDnlkSdRFJ7dhf7o7pASb8hj_WYjh9iUNvU0GP0KRYGX_D-ijX9AVqx7jJA5b1RzaJRbY4CMnR78-bCNM80Lm3CWhuicpScbYJC2yIO27O3SaPNrVo9Pr0Y_mELUOGcZJ_zE/s1600-h/winewoot.JPG"><img style="margin: 0px auto 10px; display: block; text-align: center; cursor: pointer; width: 320px; height: 17px;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh1N6qNI32GDnlkSdRFJ7dhf7o7pASb8hj_WYjh9iUNvU0GP0KRYGX_D-ijX9AVqx7jJA5b1RzaJRbY4CMnR78-bCNM80Lm3CWhuicpScbYJC2yIO27O3SaPNrVo9Pr0Y_mELUOGcZJ_zE/s320/winewoot.JPG" alt="" id="BLOGGER_PHOTO_ID_5273568232664039170" border="0" /></a><br /><a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiyH6eEhHpiEm3Wo368Ul7fU2IdKXMMoAc-dTiLLnJtsh7dS6eZepH4UgY-uZBCEW7CcbGTNDwdH7iidvfzGzuqKq9PkQvEgoDS81YQEbO9gw7Z_Wgr-GG_HTTx-tlU3Cnrbe2KKT1gHNI/s1600-h/shirtwoot.JPG"><img style="margin: 0px auto 10px; display: block; text-align: center; cursor: pointer; width: 320px; height: 17px;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiyH6eEhHpiEm3Wo368Ul7fU2IdKXMMoAc-dTiLLnJtsh7dS6eZepH4UgY-uZBCEW7CcbGTNDwdH7iidvfzGzuqKq9PkQvEgoDS81YQEbO9gw7Z_Wgr-GG_HTTx-tlU3Cnrbe2KKT1gHNI/s320/shirtwoot.JPG" alt="" id="BLOGGER_PHOTO_ID_5273568225364116018" border="0" /></a></p><p class="MsoNormal" style="margin-bottom: 0.0001pt; line-height: normal;"><span style=";font-family:";font-size:12;" ><o:p></o:p></span></p> <p class="MsoNormal" style="margin-bottom: 0.0001pt; line-height: normal;"><span style=";font-family:";font-size:12;" ><o:p> </o:p></span></p> <p class="MsoNormal" style="margin-bottom: 0.0001pt; line-height: normal;"><span style=";font-family:";font-size:12;" >The location of the primary navigation bar allows for information from the website to be easily found.<span style=""> </span>The primary navigation is just to the right of the banner of the site’s logo, and active pages are easily discernable from inactive (it is easy to know which page you are on).<o:p></o:p></span></p> <p class="MsoNormal" style="margin-bottom: 0.0001pt; line-height: normal;"><span style=";font-family:";font-size:12;" ><o:p> </o:p></span></p> <p class="MsoNormal" style="margin-bottom: 0.0001pt; line-height: normal;"><a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiDeg9RL2TBSEe-pYTa6CR5Kp4s2I_Y96IPwCFhX9px1Z1nQkB4_yOEkHEAcfzhgYU-f2d9A7lJdh6W7QA_mzGY3DVosZjIpc8sXpkX6z8MAgr_-6MSSq_M8_5Zl-HnzrVAto0aQft2j58/s1600-h/active+tab.JPG"><img style="margin: 0px auto 10px; display: block; text-align: center; cursor: pointer; width: 105px; height: 27px;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiDeg9RL2TBSEe-pYTa6CR5Kp4s2I_Y96IPwCFhX9px1Z1nQkB4_yOEkHEAcfzhgYU-f2d9A7lJdh6W7QA_mzGY3DVosZjIpc8sXpkX6z8MAgr_-6MSSq_M8_5Zl-HnzrVAto0aQft2j58/s320/active+tab.JPG" alt="" id="BLOGGER_PHOTO_ID_5273563232429073986" border="0" /></a></p> <p class="MsoNormal" style="margin-bottom: 0.0001pt; line-height: normal;"><span style=";font-family:";font-size:12;" ><o:p> </o:p></span></p> <p class="MsoNormal" style="margin-bottom: 0.0001pt; line-height: normal;"><span style=";font-family:";font-size:12;" >At the bottom of the page, there are legal disclaimers and links to the site’s Terms of Use and Privacy Policy.<o:p></o:p></span></p> <p class="MsoNormal" style="margin-bottom: 0.0001pt; line-height: normal;"><span style=";font-family:";font-size:12;" ><o:p> </o:p></span></p> <p class="MsoNormal" style="margin-bottom: 0.0001pt; line-height: normal;"><a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEif5LzsN_6xBgZUtez-rVCa9ltrhHXga0q7ktEYfzFw0vr_Rmdq8Ds4M8ljW11Hb_imoe2RrEcXCDUtAmMwasq4hNDMgUq6qeVaNXi8DMf7wLY_wY2J3ydbt9I8KICSEnKtmMNtLxzuR50/s1600-h/bottom+of+page.JPG"><img style="margin: 0px auto 10px; display: block; text-align: center; cursor: pointer; width: 320px; height: 23px;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEif5LzsN_6xBgZUtez-rVCa9ltrhHXga0q7ktEYfzFw0vr_Rmdq8Ds4M8ljW11Hb_imoe2RrEcXCDUtAmMwasq4hNDMgUq6qeVaNXi8DMf7wLY_wY2J3ydbt9I8KICSEnKtmMNtLxzuR50/s320/bottom+of+page.JPG" alt="" id="BLOGGER_PHOTO_ID_5273563243358622610" border="0" /></a></p> <p class="MsoNormal" style="margin-bottom: 0.0001pt; line-height: normal;"><span style=";font-family:";font-size:12;" ><o:p> </o:p></span></p> <p class="MsoNormal" style="margin-bottom: 0.0001pt; line-height: normal;"><span style=";font-family:";font-size:12;" >After clicking on the "the community" tab, I can view previous deals and the comments users have made.<span style=""> </span>I can also change the page to show contests put on by the site and general discussion boards.<o:p></o:p></span></p> <p class="MsoNormal" style="margin-bottom: 0.0001pt; line-height: normal;"><span style=";font-family:";font-size:12;" ><o:p> </o:p></span></p> <p class="MsoNormal" style="margin-bottom: 0.0001pt; line-height: normal;"><a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiQZqJ9v-4_AEhqp93HvCKA5wgF21jVNtP2-dZgo2tFMhRrFfhXSfUNnJeEZxSGqscdh-gguw08psvu3aMIhursppXdCBTgKazyoUasu8KfekMy_167TLwCauf_I3Jou-OAhhMQLFZYunU/s1600-h/contests,+etc.JPG"><img style="margin: 0px auto 10px; display: block; text-align: center; cursor: pointer; width: 320px; height: 121px;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiQZqJ9v-4_AEhqp93HvCKA5wgF21jVNtP2-dZgo2tFMhRrFfhXSfUNnJeEZxSGqscdh-gguw08psvu3aMIhursppXdCBTgKazyoUasu8KfekMy_167TLwCauf_I3Jou-OAhhMQLFZYunU/s320/contests,+etc.JPG" alt="" id="BLOGGER_PHOTO_ID_5273563248408010658" border="0" /></a></p><p class="MsoNormal" style="margin-bottom: 0.0001pt; line-height: normal;"><br /><span style=";font-family:";font-size:12;" ><br /><b>Architecture:<o:p></o:p></b></span></p> <p class="MsoNormal" style="margin-bottom: 0.0001pt; line-height: normal;"><span style=";font-family:";font-size:12;" >Unlike most sites, the architecture of woot.com is very shallow.<span style=""> </span>This is because unlike other sites, the main function is to provide users with the day’s deal.<span style=""> </span>Clicking on a link in the primary navigation brings you to that page, and from there you navigate to another page on the primary navigation bar or to a sub-domain of the site.<span style=""> </span>Even previous woot deals can be easily found by clicking “the community” in the primary navigation bar.<span style=""> </span>This makes the site very easy to navigate, as all of the information can be found without many clicks of the mouse (very flat architecture).<o:p></o:p></span></p> <p class="MsoNormal" style="margin-bottom: 0.0001pt; line-height: normal;"><span style=";font-family:";font-size:12;" ><br /><br /><b>Content/Typography:<br /></b>The content hierarchy is apparent through the size of the text and the letter color.<span style=""> </span>Text next to the item is in black, while text in the description is in white.<o:p></o:p></span></p> <p class="MsoNormal" style="margin-bottom: 0.0001pt; line-height: normal;"><span style=";font-family:";font-size:12;" ><br />Heading 1:<br /></span><a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjK3ebyxPpAio6ZudAAoa2fN83zU2hgTG0rZAloBOwfx-2LOQFkQRPpeWZ5hOH_vHE78IgancrZY3gLkHslxDLmWU_Mdy-2f6RyQNTV6CjoHmUAZP6FSUFc8ujyjzMf3YtphSc9M6GfwiQ/s1600-h/soldout.JPG"><img style="margin: 0px auto 10px; display: block; text-align: center; cursor: pointer; width: 278px; height: 67px;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjK3ebyxPpAio6ZudAAoa2fN83zU2hgTG0rZAloBOwfx-2LOQFkQRPpeWZ5hOH_vHE78IgancrZY3gLkHslxDLmWU_Mdy-2f6RyQNTV6CjoHmUAZP6FSUFc8ujyjzMf3YtphSc9M6GfwiQ/s320/soldout.JPG" alt="" id="BLOGGER_PHOTO_ID_5273567245422504898" border="0" /></a><span style=";font-family:";font-size:12;" >Large font, bold, in the site’s orange color.<span style=""> </span>This is used solely for buying the item (or informing that it is sold out, as shown here)<br /><br />Heading 2:<br /></span><a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEghhBV8I3rn56nsGf1RcnXEdyUtKhin1jW7mHpmAusbp-rBfnvKdOISrdSzX9E1yogvWm_lhjAeX2K8bQrhtiLY24HMy8PvMaqPtk6_D7_TC2ERxb5aY8IHmkTi6OCFokBRLq9vfBd8zv0/s1600-h/heading2.JPG"><img style="margin: 0px auto 10px; display: block; text-align: center; cursor: pointer; width: 288px; height: 98px;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEghhBV8I3rn56nsGf1RcnXEdyUtKhin1jW7mHpmAusbp-rBfnvKdOISrdSzX9E1yogvWm_lhjAeX2K8bQrhtiLY24HMy8PvMaqPtk6_D7_TC2ERxb5aY8IHmkTi6OCFokBRLq9vfBd8zv0/s320/heading2.JPG" alt="" id="BLOGGER_PHOTO_ID_5273567246594208802" border="0" /></a><span style=";font-family:";font-size:12;" >Large black font<br /><br /><br />Heading 3:<br /></span><a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg7gkEejJT5Ia8AIgP1D14mpO-bSVQh-jnDgLbWdAMk-5s61AnQk4JafJJGAyGbKCNJ8Zf6i-W2vhVxbWfgpNiu0kkGu_u61CsGaLTOnJzhZi9cl8JWJtMRY9xMQ4walNuxAnAvGcp6gQA/s1600-h/heading3.JPG"><img style="margin: 0px auto 10px; display: block; text-align: center; cursor: pointer; width: 320px; height: 38px;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg7gkEejJT5Ia8AIgP1D14mpO-bSVQh-jnDgLbWdAMk-5s61AnQk4JafJJGAyGbKCNJ8Zf6i-W2vhVxbWfgpNiu0kkGu_u61CsGaLTOnJzhZi9cl8JWJtMRY9xMQ4walNuxAnAvGcp6gQA/s320/heading3.JPG" alt="" id="BLOGGER_PHOTO_ID_5273567246184117138" border="0" /></a><span style=";font-family:";font-size:12;" >Medium white bold font<br /><br />Heading 4:<o:p></o:p></span></p> <p class="MsoNormal" style="margin-bottom: 0.0001pt; line-height: normal;"><a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiXxx4jN-7ycXfy8xCBCXUcFYINKeoxqLZNfB_1tZexn5q2OTL8DByhjuFZo9dbYCZ2AxAnQSwhy-x9I3w4V4xi8NDYcE_gOT9KiajRHE8xdFyK1HAwkHYl8XkFJhr8yts3FpB6D4VPmxI/s1600-h/heading4.JPG"><img style="margin: 0px auto 10px; display: block; text-align: center; cursor: pointer; width: 238px; height: 25px;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiXxx4jN-7ycXfy8xCBCXUcFYINKeoxqLZNfB_1tZexn5q2OTL8DByhjuFZo9dbYCZ2AxAnQSwhy-x9I3w4V4xi8NDYcE_gOT9KiajRHE8xdFyK1HAwkHYl8XkFJhr8yts3FpB6D4VPmxI/s320/heading4.JPG" alt="" id="BLOGGER_PHOTO_ID_5273567251199535634" border="0" /></a><span style=";font-family:";font-size:12;" > <span style=""></span>Used as headlines in the links section of the page.<span style=""> </span>Site’s orange color, bold, and overlined.<o:p></o:p></span></p> <p class="MsoNormal" style="margin-bottom: 0.0001pt; line-height: normal;"><span style=";font-family:";font-size:12;" ><br />Paragraph:<br /></span><a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiXGZ-TYnTTDpYL1V7omzOPS0gLmSlOM6ctr3BRoykIgP6EV0bOGVpMixml_rKuCuIJHBQc9MvcsWwedHb981TbCqy4DTU4rPSTVd7GRL6DCyEVSMaDQE-OlJGt8gz_Yjvh2hDqx4Sy1fI/s1600-h/paragraph.JPG"><img style="margin: 0px auto 10px; display: block; text-align: center; cursor: pointer; width: 320px; height: 92px;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiXGZ-TYnTTDpYL1V7omzOPS0gLmSlOM6ctr3BRoykIgP6EV0bOGVpMixml_rKuCuIJHBQc9MvcsWwedHb981TbCqy4DTU4rPSTVd7GRL6DCyEVSMaDQE-OlJGt8gz_Yjvh2hDqx4Sy1fI/s320/paragraph.JPG" alt="" id="BLOGGER_PHOTO_ID_5273567250001479378" border="0" /></a><br /><span style=";font-family:";font-size:12;" >Small white font (sometimes set to even lower letter size to show “two conversations” at once)<br /><br />In my opinion, this is a very effective typography setup.<span style=""> </span>I can quickly and easily find the most important information, which is in larger text and bold.<span style=""> </span>The one piece of information that I need to see first “pops” off the page when I open it (the button to buy or the statement that the product is sold out.)<span style=""> </span>The text also follows the color scheme of the page, while still making the text easy to read and does not create “vibrations” in the text.<span style=""> </span>A possible change to make the text easier to read quickly could be to increase the letter spacing in the top bar displaying the side deal.<span style=""> </span>Currently, the letters look too close to each other; however the deal is still able to be read.<o:p></o:p></span></p> <p class="MsoNormal" style="margin-bottom: 0.0001pt; line-height: normal;"><a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgrw5yA0cS5h0B2Zpvc88kHRAExWPFA6pVRRD-_5yIq8OB2uJYCFB0fJgx-_r2hAgr1Yk5e7toz6gH74YrmSC4ORXR251n-sHMamls0QKdiXQtXx5i99I0TLkumsRIWSjNRhg1PNHGoPUk/s1600-h/letting+spacing.JPG"><img style="margin: 0px auto 10px; display: block; text-align: center; cursor: pointer; width: 85px; height: 13px;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgrw5yA0cS5h0B2Zpvc88kHRAExWPFA6pVRRD-_5yIq8OB2uJYCFB0fJgx-_r2hAgr1Yk5e7toz6gH74YrmSC4ORXR251n-sHMamls0QKdiXQtXx5i99I0TLkumsRIWSjNRhg1PNHGoPUk/s320/letting+spacing.JPG" alt="" id="BLOGGER_PHOTO_ID_5273566882767108098" border="0" /></a><br /></p> <p class="MsoNormal" style="margin-bottom: 0.0001pt; line-height: normal;"><span style=";font-family:";font-size:12;" ><o:p> </o:p></span></p> <p class="MsoNormal" style="margin-bottom: 0.0001pt; line-height: normal;"><span style=";font-family:";font-size:12;" >Content on the page is well organized.<span style=""> </span>The vital information is located at the top of the page, next to the image of the product.<span style=""> </span>More information about the product can be found by scrolling down the page, and I can easily tell where I am by the activated tab in the primary navigation bar.<br /><br /><b>Grid/Structure:<o:p></o:p></b></span></p> <p class="MsoNormal" style="margin-bottom: 0.0001pt; line-height: normal;"><span style=";font-family:";font-size:12;" >The structure of the site is set up as two rows at the top of the page and two columns at the bottom.<span style=""> </span><o:p></o:p></span></p> <p class="MsoNormal" style="margin-bottom: 0.0001pt; line-height: normal;"><span style=";font-family:";font-size:12;" ><o:p> </o:p></span></p> <p class="MsoNormal" style="margin-bottom: 0.0001pt; line-height: normal;"><span style=";font-family:";font-size:12;" ><o:p> </o:p></span></p> <p class="MsoNormal" style="margin-bottom: 0.0001pt; line-height: normal;"><span style=";font-family:";font-size:12;" ><o:p> </o:p></span></p> <p class="MsoNormal" style="margin-bottom: 0.0001pt; line-height: normal;"><span style=";font-family:";font-size:12;" >At the top of the page, the top row contains the banner, the side deal, and the primary navigation.<span style=""> </span>The second row contains two columns, with the image of the deal on the left and the main information about the deal on the right.<o:p></o:p></span><br /><br /><a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj2-LTw1N4FE_6vV3_6oeD61kYJnUjaKEZeaOeTtH17BkR4PXXV6PGuMPMcITMI7VViwJaAV0d-A3n7YiWvAQk4t7T_2SK-EtMrz5fK2B0yMb8Dde-yHEeCcLeaoJHw_1LKIZby6aJ8Q34/s1600-h/page+rows.JPG"><img style="margin: 0px auto 10px; display: block; text-align: center; cursor: pointer; width: 320px; height: 164px;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj2-LTw1N4FE_6vV3_6oeD61kYJnUjaKEZeaOeTtH17BkR4PXXV6PGuMPMcITMI7VViwJaAV0d-A3n7YiWvAQk4t7T_2SK-EtMrz5fK2B0yMb8Dde-yHEeCcLeaoJHw_1LKIZby6aJ8Q34/s320/page+rows.JPG" alt="" id="BLOGGER_PHOTO_ID_5273566458081203906" border="0" /></a><br /><span style=";font-family:";font-size:12;" >At the bottom of the page, the page is divided into two columns with the left column containing a comical story about the product as well as the product info, and the right column links to sub-domains and news.<o:p></o:p></span></p> <p class="MsoNormal" style="margin-bottom: 0.0001pt; line-height: normal;"><span style=";font-family:";font-size:12;" ><o:p> </o:p></span></p> <p class="MsoNormal" style="margin-bottom: 0.0001pt; line-height: normal;"><span style=";font-family:";font-size:12;" ><br /><o:p></o:p></span></p> <p class="MsoNormal" style="margin-bottom: 0.0001pt; line-height: normal;"><span style=";font-family:";font-size:12;" ><o:p> </o:p></span></p> <p class="MsoNormal" style="margin-bottom: 0.0001pt; line-height: normal;"><span style=";font-family:";font-size:12;" >This structure is the same for the other sub-domains, and helps keep the image of the site uniform and easy to navigate when going from site to site.<o:p></o:p></span></p> <p class="MsoNormal" style="margin-bottom: 0.0001pt; line-height: normal;"><span style=";font-family:";font-size:12;" ><o:p> </o:p></span></p> <p class="MsoNormal" style="margin-bottom: 0.0001pt; line-height: normal;"><a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgd8nFj9aFTdId8pGRdyrQL5SUNrMQZDVCazSa7VMjoCMrkIyO-9dx5yVysuakzPdeE9hq5JxcF3Vhx0bdAnbJZJocW4WFWWYOFDzxYNF6iBJdznKg_pWzHxGAvOOeqyGVGMi-Py4sLyYI/s1600-h/winewoot+page+structure.JPG"><img style="margin: 0px auto 10px; display: block; text-align: center; cursor: pointer; width: 320px; height: 230px;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgd8nFj9aFTdId8pGRdyrQL5SUNrMQZDVCazSa7VMjoCMrkIyO-9dx5yVysuakzPdeE9hq5JxcF3Vhx0bdAnbJZJocW4WFWWYOFDzxYNF6iBJdznKg_pWzHxGAvOOeqyGVGMi-Py4sLyYI/s320/winewoot+page+structure.JPG" alt="" id="BLOGGER_PHOTO_ID_5273566460773775106" border="0" /></a></p><p class="MsoNormal" style="margin-bottom: 0.0001pt; line-height: normal;"><a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjY7DJxlbZtV4leRME1DPOXpi15yUBgqD-PqaOaifyCLoFFlnGuJRz-0M3dzRgQVW6Oxyj-zi0vt1DMctG7ZXY7IFUwEgUZHDtcF3Wxjp1pocKRe9lLWWygHL95fruAv406GN0ZeuVdPXA/s1600-h/shirtwoot+page+structure.JPG"><img style="margin: 0px auto 10px; display: block; text-align: center; cursor: pointer; width: 320px; height: 230px;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjY7DJxlbZtV4leRME1DPOXpi15yUBgqD-PqaOaifyCLoFFlnGuJRz-0M3dzRgQVW6Oxyj-zi0vt1DMctG7ZXY7IFUwEgUZHDtcF3Wxjp1pocKRe9lLWWygHL95fruAv406GN0ZeuVdPXA/s320/shirtwoot+page+structure.JPG" alt="" id="BLOGGER_PHOTO_ID_5273566466957923266" border="0" /></a></p> <p class="MsoNormal" style="margin-bottom: 0.0001pt; line-height: normal;"><span style=";font-family:";font-size:12;" ><o:p> </o:p></span></p> <p class="MsoNormal" style="margin-bottom: 0.0001pt; line-height: normal;"><span style=";font-family:";font-size:12;" >After clicking on the “the community” tab, the layout of the site changes slightly, replacing the product content area with a single column with information arranged by date.<span style=""> </span>This keeps the layout simple and easy to navigate, as it is not what the general user will be used to when using the site.<o:p></o:p></span></p> <p class="MsoNormal" style="margin-bottom: 0.0001pt; line-height: normal;"><span style=";font-family:";font-size:12;" ><o:p> </o:p></span></p> <p class="MsoNormal" style="margin-bottom: 0.0001pt; line-height: normal;"><a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhhuxk4xt188D1m3cOWoWEG5zqY_ifizqshxEIS-IVJRMbICxJFCnV-FRYeMUILZ4EhaoFMhyphenhyphenrH-1OyI3O3aAwvmMvchVL7dqUv_L10DLJfgokZSDtkDxqwwzzCvIReFFdL57Rs7LrgCYI/s1600-h/the+community+single+col.JPG"><img style="margin: 0px auto 10px; display: block; text-align: center; cursor: pointer; width: 320px; height: 213px;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhhuxk4xt188D1m3cOWoWEG5zqY_ifizqshxEIS-IVJRMbICxJFCnV-FRYeMUILZ4EhaoFMhyphenhyphenrH-1OyI3O3aAwvmMvchVL7dqUv_L10DLJfgokZSDtkDxqwwzzCvIReFFdL57Rs7LrgCYI/s320/the+community+single+col.JPG" alt="" id="BLOGGER_PHOTO_ID_5273566457139150306" border="0" /></a></p> <p class="MsoNormal" style="margin-bottom: 0.0001pt; line-height: normal;"><span style=";font-family:";font-size:12;" ><br /><b>Iconography/Imagery:</b><br />The site uses only three images on the main page.<span style=""> </span>These are for the product at woot.com, the product at shirt.woot.com, and the product at wine.woot.com.<span style=""> </span>This prevents the user from having to search for what the deal of the day is, as it is front and center on the homepage.<o:p></o:p></span></p> <p class="MsoNormal" style="margin-bottom: 0.0001pt; line-height: normal;"><span style=";font-family:";font-size:12;" ><br />Clicking on the product image opens a popup window that shows an enlarged view of the item.<o:p></o:p></span></p> <p class="MsoNormal" style="margin-bottom: 0.0001pt; line-height: normal;"><span style=";font-family:";font-size:12;" ><o:p> </o:p></span></p> <p class="MsoNormal" style="margin-bottom: 0.0001pt; line-height: normal;"><a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiB7TLPWOsMr9E7siLEjOqX8_W6KvCrXCBLrT6osQFkZleVEQIliFn0ssQMD3RWjKuENKdqQFm5Uz_Cx2IUt0nXiQjLlxFAlnl3Tpa0FBK7QqxyfpZa3rhcZUHIbr22wuP_t5mANr_XbF4/s1600-h/enlarged+image.JPG"><img style="margin: 0px auto 10px; display: block; text-align: center; cursor: pointer; width: 320px; height: 230px;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiB7TLPWOsMr9E7siLEjOqX8_W6KvCrXCBLrT6osQFkZleVEQIliFn0ssQMD3RWjKuENKdqQFm5Uz_Cx2IUt0nXiQjLlxFAlnl3Tpa0FBK7QqxyfpZa3rhcZUHIbr22wuP_t5mANr_XbF4/s320/enlarged+image.JPG" alt="" id="BLOGGER_PHOTO_ID_5273566064592061986" border="0" /></a></p> <p class="MsoNormal" style="margin-bottom: 0.0001pt; line-height: normal;"><span style=";font-family:";font-size:12;" ><o:p> </o:p></span></p> <p class="MsoNormal" style="margin-bottom: 0.0001pt; line-height: normal;"><span style=";font-family:";font-size:12;" >The main page of the site contains a few icons that make it easier to navigate and view.<span style=""> </span>These include a “Go” button to sign in, a play button for the “wootcasts”, and a simple block image for bulleted items.<o:p></o:p></span></p> <p class="MsoNormal" style="margin-bottom: 0.0001pt; line-height: normal;"><span style=";font-family:";font-size:12;" ><o:p> </o:p></span></p><a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgHGdWbzOBy2althJQe5izKrdolVXGSpt5BYZJBemzDtXhkh4qdCZOuYVIqXUH5qEJ9KOqlITRK6AhKQzx78TXHNiQ171AUWRddccsmJ96xelMAtC1W_H2mA5JBpGGz8K9YHuFDYMlIhr4/s1600-h/go+button.JPG"><img style="margin: 0px auto 10px; display: block; text-align: center; cursor: pointer; width: 41px; height: 27px;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgHGdWbzOBy2althJQe5izKrdolVXGSpt5BYZJBemzDtXhkh4qdCZOuYVIqXUH5qEJ9KOqlITRK6AhKQzx78TXHNiQ171AUWRddccsmJ96xelMAtC1W_H2mA5JBpGGz8K9YHuFDYMlIhr4/s320/go+button.JPG" alt="" id="BLOGGER_PHOTO_ID_5273565807745914386" border="0" /></a><br /><a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiulrpkAo96uB5EcxzSeGuogqoY_3TrrdXqxZSo6UkcumzY0uvaKPsE_0pvwopm8AWNGAGDVSgiAuf1y3efb0F5KLLluXt7aszQp753_ixnoii8HfXZdFTdKQtjedXlfhca6j3j05DngUU/s1600-h/wootcast+play.JPG"><img style="margin: 0px auto 10px; display: block; text-align: center; cursor: pointer; width: 40px; height: 37px;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiulrpkAo96uB5EcxzSeGuogqoY_3TrrdXqxZSo6UkcumzY0uvaKPsE_0pvwopm8AWNGAGDVSgiAuf1y3efb0F5KLLluXt7aszQp753_ixnoii8HfXZdFTdKQtjedXlfhca6j3j05DngUU/s320/wootcast+play.JPG" alt="" id="BLOGGER_PHOTO_ID_5273565807254888194" border="0" /></a><br /><a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEje5_bVF8TRHvdKmudMECfi8M169-NiB3av1X1iqGPCIhhpJWqdanmSRFT6qUbecZbgrp1KGGiCNRDX3b2ptmkhYJfahFCbv0DQEq4uUDWYxZCYDAlnZCOPN2xpvQH6vu07CuxhcJf07JQ/s1600-h/bulleted+block.JPG"><img style="margin: 0px auto 10px; display: block; text-align: center; cursor: pointer; width: 24px; height: 19px;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEje5_bVF8TRHvdKmudMECfi8M169-NiB3av1X1iqGPCIhhpJWqdanmSRFT6qUbecZbgrp1KGGiCNRDX3b2ptmkhYJfahFCbv0DQEq4uUDWYxZCYDAlnZCOPN2xpvQH6vu07CuxhcJf07JQ/s320/bulleted+block.JPG" alt="" id="BLOGGER_PHOTO_ID_5273565818818721794" border="0" /></a><p class="MsoNormal" style="margin-bottom: 0.0001pt; line-height: normal;"><span style=";font-family:";font-size:12;" ><o:p></o:p></span></p> <p class="MsoNormal" style="margin-bottom: 0.0001pt; line-height: normal;"><span style=";font-family:";font-size:12;" ><o:p> </o:p></span></p> <p class="MsoNormal" style="margin-bottom: 0.0001pt; line-height: normal;"><span style=";font-family:";font-size:12;" >When navigating to the feedback page, current information about the purchase history of users is displayed in easy to view bar graphs and a map displays where users are buying the item from.<o:p></o:p></span></p> <p class="MsoNormal" style="margin-bottom: 0.0001pt; line-height: normal;"><span style=";font-family:";font-size:12;" ><o:p> </o:p></span></p> <p class="MsoNormal" style="margin-bottom: 0.0001pt; line-height: normal;"><a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjZtxB2BgE0EYiFPTbCmZfTOOBHkVaTsLaZiwWpzGWWEO6Qce4cyhOgXwNup3X-i4Em-K2_uM7f34lgdJcpTGaBlCphLfJq-89wSPUGxU6RpKlZYH1YuxZYkWknorEQdCeE_KSLssgVhhk/s1600-h/bar+graphs.JPG"><img style="margin: 0px auto 10px; display: block; text-align: center; cursor: pointer; width: 320px; height: 237px;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjZtxB2BgE0EYiFPTbCmZfTOOBHkVaTsLaZiwWpzGWWEO6Qce4cyhOgXwNup3X-i4Em-K2_uM7f34lgdJcpTGaBlCphLfJq-89wSPUGxU6RpKlZYH1YuxZYkWknorEQdCeE_KSLssgVhhk/s320/bar+graphs.JPG" alt="" id="BLOGGER_PHOTO_ID_5273563244328426322" border="0" /></a></p> <p class="MsoNormal" style="margin-bottom: 0.0001pt; line-height: normal;"><span style=";font-family:";font-size:12;" ><o:p> </o:p></span></p> <p class="MsoNormal" style="margin-bottom: 0.0001pt; line-height: normal;"><a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjStCzh8YJSmpDSUMygTHfRzT73bomn6jpCnIHBKcsRyo7bOr059VYaXlfmXhJ-mBMjuNqHealAHtrbmHrt-iHpKYDNa_l_S8yTj7LFw3ThYL20lFv5n6N7LgsXBGgVIcHTkVKKSxl2lGI/s1600-h/map+graph.JPG"><img style="margin: 0px auto 10px; display: block; text-align: center; cursor: pointer; width: 320px; height: 218px;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjStCzh8YJSmpDSUMygTHfRzT73bomn6jpCnIHBKcsRyo7bOr059VYaXlfmXhJ-mBMjuNqHealAHtrbmHrt-iHpKYDNa_l_S8yTj7LFw3ThYL20lFv5n6N7LgsXBGgVIcHTkVKKSxl2lGI/s320/map+graph.JPG" alt="" id="BLOGGER_PHOTO_ID_5273565628359588994" border="0" /></a></p> <p class="MsoNormal" style="margin-bottom: 0.0001pt; line-height: normal;"><span style=";font-family:";font-size:12;" ><span style=""> </span><br /><b>Color Palette:<br /></b>The color palette of this website consists of three main colors (black, green, and orange) and shades of them:<br />Dark green:<br /></span><a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiXmnSV5NJQDjQp9VY1LZUt5HuJFfcyn9SseHe6gsyiiJADsO7H6CWdqnThf0bLSU0tR7BA7XFMZSSGjC3GVnd7cOtGqj5sSENOrc7cVeoKz6bx2bv_WYuUXmPaOl0HYSramF1Hapch-3s/s1600-h/dark+green.JPG"><img style="margin: 0px auto 10px; display: block; text-align: center; cursor: pointer; width: 196px; height: 84px;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiXmnSV5NJQDjQp9VY1LZUt5HuJFfcyn9SseHe6gsyiiJADsO7H6CWdqnThf0bLSU0tR7BA7XFMZSSGjC3GVnd7cOtGqj5sSENOrc7cVeoKz6bx2bv_WYuUXmPaOl0HYSramF1Hapch-3s/s320/dark+green.JPG" alt="" id="BLOGGER_PHOTO_ID_5273564828210973810" border="0" /></a><span style=";font-family:";font-size:12;" ><br />Light green:<o:p></o:p></span></p> <p class="MsoNormal" style="margin-bottom: 0.0001pt; line-height: normal;"><br /><a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjlJT1IdxcioohdbIgxVNXwrXS_9N5NwUA4g_GOlYVc9yfFPyfWWHuqzt69Rvy0kOgDTIQVMKUaYgHhGhs8sZhV507lih6MGRAZaWFC5UaBO7tR8O-B72yQeU2s1fhjUiPu_Ph-9BhIv2M/s1600-h/light+green.JPG"><img style="margin: 0px auto 10px; display: block; text-align: center; cursor: pointer; width: 319px; height: 53px;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjlJT1IdxcioohdbIgxVNXwrXS_9N5NwUA4g_GOlYVc9yfFPyfWWHuqzt69Rvy0kOgDTIQVMKUaYgHhGhs8sZhV507lih6MGRAZaWFC5UaBO7tR8O-B72yQeU2s1fhjUiPu_Ph-9BhIv2M/s320/light+green.JPG" alt="" id="BLOGGER_PHOTO_ID_5273564836759140194" border="0" /></a><br /><span style=";font-family:";font-size:12;" >Black:<br /></span></p><p class="MsoNormal" style="margin-bottom: 0.0001pt; line-height: normal;"><a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjCB4wkYM3xAC6SYxBeI59oLfmaR_HtUWda91yxtexHpf7ICzFijnKLIcbnzDzlmIQC6ICCjMDFJv5s5HgEZfz5UNXwUj_0St5RBMKsAnBMKgsPi8DhWY36LMil6V9mlgZI-fBl2h6ykjo/s1600-h/black.JPG"><img style="margin: 0px auto 10px; display: block; text-align: center; cursor: pointer; width: 181px; height: 62px;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjCB4wkYM3xAC6SYxBeI59oLfmaR_HtUWda91yxtexHpf7ICzFijnKLIcbnzDzlmIQC6ICCjMDFJv5s5HgEZfz5UNXwUj_0St5RBMKsAnBMKgsPi8DhWY36LMil6V9mlgZI-fBl2h6ykjo/s320/black.JPG" alt="" id="BLOGGER_PHOTO_ID_5273564825326405458" border="0" /></a></p><p class="MsoNormal" style="margin-bottom: 0.0001pt; line-height: normal;"><span style=";font-family:";font-size:12;" > <!--[if !supportLineBreakNewLine]--> <!--[endif]--><o:p></o:p></span></p> <p class="MsoNormal" style="margin-bottom: 0.0001pt; line-height: normal;"><span style=";font-family:";font-size:12;" ><br /></span></p><p class="MsoNormal" style="margin-bottom: 0.0001pt; line-height: normal;"><span style=";font-family:";font-size:12;" >Orange:<o:p></o:p></span></p> <p class="MsoNormal" style="margin-bottom: 0.0001pt; line-height: normal;"><a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiEIaiPYWdv6zs6OBrAGDjQiO1Mb2CWwDsDci4j2JHeGjaOkTynKfmogv6NN8LyY6UTyuBKOxXlYMFyuMBEqXPNY0eEuEBb20A0ALMCuWlQDpAOYzZZWvJsGeaorVYVAZhORZlvpXBRh_o/s1600-h/orange.JPG"><img style="margin: 0px auto 10px; display: block; text-align: center; cursor: pointer; width: 97px; height: 62px;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiEIaiPYWdv6zs6OBrAGDjQiO1Mb2CWwDsDci4j2JHeGjaOkTynKfmogv6NN8LyY6UTyuBKOxXlYMFyuMBEqXPNY0eEuEBb20A0ALMCuWlQDpAOYzZZWvJsGeaorVYVAZhORZlvpXBRh_o/s320/orange.JPG" alt="" id="BLOGGER_PHOTO_ID_5273564924473276738" border="0" /></a></p><p class="MsoNormal" style="margin-bottom: 0.0001pt; line-height: normal;"><br /></p><p class="MsoNormal" style="margin-bottom: 0.0001pt; line-height: normal;"><span style=";font-family:";font-size:12;" >Gray:<br /></span><a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEispGrdLuqY99ow6tWR3g-31_kgSJ1HdeKKkpOjmE_8R-XOmqNmPuQBuhz2BChPPhA1rGBoo4OJ-_FXx24Uw2wDCDuHXHIURQ1PJUdQ96NcjiXBYlVkpz21hmT6glfAK-mFvJT6dKyCu1k/s1600-h/gray.JPG"><img style="margin: 0px auto 10px; display: block; text-align: center; cursor: pointer; width: 68px; height: 40px;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEispGrdLuqY99ow6tWR3g-31_kgSJ1HdeKKkpOjmE_8R-XOmqNmPuQBuhz2BChPPhA1rGBoo4OJ-_FXx24Uw2wDCDuHXHIURQ1PJUdQ96NcjiXBYlVkpz21hmT6glfAK-mFvJT6dKyCu1k/s320/gray.JPG" alt="" id="BLOGGER_PHOTO_ID_5273564824967423314" border="0" /></a><span style=";font-family:";font-size:12;" ><br />White:<br /></span><a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhZgY-SbbApfP4-IKVgROgkCLpHWHNRt8_qniiSD28xR2IDr6SpdOpc5nB7SpyysA2yNzoaMRXIo90PRB30FpmZNOg3vcYYc_w6GV_qWx1HN336iV0IGkIvQid9oeNEyf2-QqDdcnHO9Zw/s1600-h/white.JPG"><img style="margin: 0px auto 10px; display: block; text-align: center; cursor: pointer; width: 139px; height: 116px;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhZgY-SbbApfP4-IKVgROgkCLpHWHNRt8_qniiSD28xR2IDr6SpdOpc5nB7SpyysA2yNzoaMRXIo90PRB30FpmZNOg3vcYYc_w6GV_qWx1HN336iV0IGkIvQid9oeNEyf2-QqDdcnHO9Zw/s320/white.JPG" alt="" id="BLOGGER_PHOTO_ID_5273564820240155250" border="0" /></a><span style=";font-family:";font-size:12;" ><br />The color scheme of the website draws in your focus to the main content, the sale going on at the time.<span style=""> </span>The upper bound in green and the lower bound in green box in the main content, making it stand out more.<span style=""> </span>This really helps to accentuate that the sale is the most important part of the site.<br /><br /><b>Site Focus:<br /></b>The purpose of the site is to provide users with access to a discounted item that changes every day.<span style=""> </span>The product has a picture(s) and description, and can be from almost any category.<span style=""> </span>A very important feature of this site is the blog sections.<span style=""> </span>This is where users can ask questions and post answers regarding the current item and its features.<span style=""> </span>This allows users to find out more information about the product without having to leave the site, a big deal since most users will tend to visit sites such as Amazon, CNet, or Yahoo to look up reviews and see customer feedback.<span style=""> </span>Users can view all of this and get answers to questions quickly without having to leave the woot website. <!--[if !supportLineBreakNewLine]--> <!--[endif]--><o:p></o:p></span></p> <p class="MsoNormal" style="margin-bottom: 0.0001pt; line-height: normal;"><a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj_ocFICIjO_0MSy1jCqAXz9RIG0kuYl7rDLkIq4umXZJVz0_HO4Jd0w4kwFkQeOJqk_5y9UrOP9Dl2A0BdRNn0DjExNum55uJCzpGtBMEdYCt6LTo_PUsZS1xdQgUa8VcVgLl6jz4SZNg/s1600-h/user+feedback.JPG"><img style="margin: 0px auto 10px; display: block; text-align: center; cursor: pointer; width: 320px; height: 164px;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj_ocFICIjO_0MSy1jCqAXz9RIG0kuYl7rDLkIq4umXZJVz0_HO4Jd0w4kwFkQeOJqk_5y9UrOP9Dl2A0BdRNn0DjExNum55uJCzpGtBMEdYCt6LTo_PUsZS1xdQgUa8VcVgLl6jz4SZNg/s320/user+feedback.JPG" alt="" id="BLOGGER_PHOTO_ID_5273564584732042738" border="0" /></a></p><p class="MsoNormal" style="margin-bottom: 0.0001pt; line-height: normal;"><br /><span style=";font-family:";font-size:12;" ><o:p></o:p></span></p> <p class="MsoNormal" style="margin-bottom: 0.0001pt; line-height: normal;"><span style=";font-family:";font-size:12;" ><o:p> </o:p></span></p> <p class="MsoNormal" style="margin-bottom: 0.0001pt; line-height: normal;"><span style=";font-family:";font-size:12;" >Improvement:<o:p></o:p></span></p> <p class="MsoNormal" style="margin-bottom: 0.0001pt; line-height: normal;"><span style=";font-family:";font-size:12;" >An improvement to the site that would make it easier to navigate would be to add a couple more links to the primary navigation, or even have a drop-down navigation system.<span style=""> </span>I feel that the “the community” tab is very vague, and unless I have clicked on it before I wouldn’t be sure of what it links to.<span style=""> </span>Having a drop-down on this tab could provide more information to the user, such as “contests”, “previous woots”, etc.<o:p></o:p></span></p> <p class="MsoNormal" style="margin-bottom: 0.0001pt; line-height: normal;"><span style=";font-family:";font-size:12;" ><o:p> </o:p></span></p> <p class="MsoNormal"><o:p> </o:p></p>Bill Ehttp://www.blogger.com/profile/04336288176473597872noreply@blogger.com0tag:blogger.com,1999:blog-6631876556171330659.post-16859073411799584112008-09-09T11:23:00.147-04:002008-10-08T22:19:48.913-04:00Case Studies #1: www.instructables.comThis Case Study is in regards to the website <a href="http://www.instructables.com/">www.instructables.com</a>.<br /><br /><span style="font-weight: bold;">Navigation:</span><br />The navigation of the site (on the home page) is set up as follows. There is a navigation bar at the very top of the screen that includes "Home", "Explore", "Community", "Submit", and the Login/Search area.<a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgiW3p5vaIV0vZ62ZIWuZJA7jVOgAvJ2JSBvyiBvJh6gR9TjtihL2JAk3D9BYV6vhvDiPpRzUfhNx9HO20EaTNyeFQb2Ss3ChyUYCM_NMx7MkT4PyZ38Cg5LWHnZOj5amYuJ-XpuOJtn7s/s1600-h/always-present+navbar.JPG"><img style="margin: 0px auto 10px; display: block; text-align: center; cursor: pointer;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgiW3p5vaIV0vZ62ZIWuZJA7jVOgAvJ2JSBvyiBvJh6gR9TjtihL2JAk3D9BYV6vhvDiPpRzUfhNx9HO20EaTNyeFQb2Ss3ChyUYCM_NMx7MkT4PyZ38Cg5LWHnZOj5amYuJ-XpuOJtn7s/s320/always-present+navbar.JPG" alt="" id="BLOGGER_PHOTO_ID_5254930608526785810" border="0" /></a><div style="text-align: left;">This navigation is always at the top of the page no matter where you are in the site.<br />The primary navigation bar at the bottom of the banner contains the main elements of that divide the site into its many components.<br /><a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjCk6jXA7_PHoyV_rQ0UmTJRmjeS1JrR0HEDjrkUmMddlmrqwp0LOdCAoE_0EjvBAkLi_gKF3bn4BHxOlVx9v6ctY7SnzaQiRxNEnImJQtDwYwBt9yRutNEmX_8d6kPPPQLoXjlExhj-mk/s1600-h/nav+below+banner.JPG"><img style="margin: 0px auto 10px; display: block; text-align: center; cursor: pointer;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjCk6jXA7_PHoyV_rQ0UmTJRmjeS1JrR0HEDjrkUmMddlmrqwp0LOdCAoE_0EjvBAkLi_gKF3bn4BHxOlVx9v6ctY7SnzaQiRxNEnImJQtDwYwBt9yRutNEmX_8d6kPPPQLoXjlExhj-mk/s320/nav+below+banner.JPG" alt="" id="BLOGGER_PHOTO_ID_5254930699405352130" border="0" /></a>Secondary navigation is broken up into two parts. On the left is a listing divided by category and keyword.<br /><br /><a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhxLbwduKeS0MF6p-ifZCnVAfgEXjLyhYVmCk7TK_EtGquqWoOVvudAtb068c91c2qJQQYbKsEJsDafQYogoUS_IqyJ4R-vB8rFOoyiWuukDQpRtag21l86y2aSQUffTc11JCMvUra7WBU/s1600-h/category.JPG"><img style="margin: 0px auto 10px; display: block; text-align: center; cursor: pointer;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhxLbwduKeS0MF6p-ifZCnVAfgEXjLyhYVmCk7TK_EtGquqWoOVvudAtb068c91c2qJQQYbKsEJsDafQYogoUS_IqyJ4R-vB8rFOoyiWuukDQpRtag21l86y2aSQUffTc11JCMvUra7WBU/s320/category.JPG" alt="" id="BLOGGER_PHOTO_ID_5254930805283592898" border="0" /></a><br />And on the top of the content is navigation splitting up (paginating) the information by content type.<br /><a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjYGdLrk2PdMi3Czj4hdEJjQ_YBzvvhUcajEh4qaTG_JBwk1gaUk0RXcRXJmZVFPVqPURWxrrvfrF2jkX-_B-EnoE6mQ1sSWI7SiTtgmeDAqSIqoTg4ZYlXNwAcP3b3StI6_ohpNq4Os9I/s1600-h/tabs.JPG"><img style="margin: 0px auto 10px; display: block; text-align: center; cursor: pointer;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjYGdLrk2PdMi3Czj4hdEJjQ_YBzvvhUcajEh4qaTG_JBwk1gaUk0RXcRXJmZVFPVqPURWxrrvfrF2jkX-_B-EnoE6mQ1sSWI7SiTtgmeDAqSIqoTg4ZYlXNwAcP3b3StI6_ohpNq4Os9I/s320/tabs.JPG" alt="" id="BLOGGER_PHOTO_ID_5254930893026018002" border="0" /></a>These groupings make it easy to find certain information provided by the website quickly and easily. The primary navigation bar is the most prominent on the site, taking up the entire width of the page and is located at the bottom of the banner (where the start of the page's info would be or the "typical" location of the navigation bar on a website.) This navigation bar does not disappear when clicking from page to page. The category and tabs appear after clicking on a subject and going to the second level of the site. I can tell that it is navigation because it is a different color from the main section and is set off on the left and top of the pages. Also, after clicking a link in the primary navigation bar (while on that page) the link changes color. <a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhqniaCxaJYIp5urVctKkQIgzXZKYebbnmN7ywCdFCVrLqji_IGyvQk-3jMjP0Up3QxdaimI2Pgr5htVsvYfcJDNhOvtTqr-640FY1L-hUXEO-lS0bjITkpQOVO44jR9Y0rWo_dsCNsEWY/s1600-h/link+activated.JPG"><img style="margin: 0px auto 10px; display: block; text-align: center; cursor: pointer;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhqniaCxaJYIp5urVctKkQIgzXZKYebbnmN7ywCdFCVrLqji_IGyvQk-3jMjP0Up3QxdaimI2Pgr5htVsvYfcJDNhOvtTqr-640FY1L-hUXEO-lS0bjITkpQOVO44jR9Y0rWo_dsCNsEWY/s320/link+activated.JPG" alt="" id="BLOGGER_PHOTO_ID_5254945862190325634" border="0" /></a>However, the content links do not change for pages previously visited. This could be because the site contains information that is more arranged for people who have a specific idea in mind. That is, a person would click "Craft" because they were looking for craft-related projects. Once there, they would not want to be reminded about which links they had clicked previously because the content is continuously updated and previous projects can be searched for.<br /><br />I always know where I am on this site because of both a list on the left of the page (which is also clickable) that lists the subcategories that I am current under and the primary navigation bar which changes the color of the category link. Also, by clicking the "Home" button at the top of the screen I can get back to the first page at any time.<br /><br /><span style="font-weight: bold;">Architecture:</span><br />The site does not appear to have a deep architecture. The main purpose of the site is to provide access to different types of projects in all types of categories (technology, crafts, food, outdoors, etc) and list them in a way that is easy for anyone to find something that interests them. The site has only a couple of levels and these would be the main level, which has majority of the content, and then the instructions for the actual project. Every page has the primary navigation bar and any other page (except for individual projects) can be navigated easily. For this reason, the architecture of this website is very flat. I think that this is a very good thing because it allows me to find the projects I'm interested in much faster through less clicking. I can go from main page to a category and then perhaps a subcategory before finding the project I want. This keeps me from having to guess where a link would be or what page certain information would be found on.<br /><br /><span style="font-weight: bold;">Content/Typography:<br /></span>The content hierarchy is very apparent through the use of bold letters, letter size, and letter color. For example, on the home page of the site:<br />Heading 1:<br /><a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh7UWZdUI79LWI6IAN2x4mtPitphJh_3ukXaNik6cNZmT84byZknIGQOtMlNe45v6IDDj3lgWx5t_m51_mLHrGg_qsJMEwG4BOGxOu7kcz42DxeNOpVO8QbdzqKEkJu7o-U3R8VRGbo25U/s1600-h/h1.JPG"><img style="margin: 0pt 10px 10px 0pt; float: left; cursor: pointer;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh7UWZdUI79LWI6IAN2x4mtPitphJh_3ukXaNik6cNZmT84byZknIGQOtMlNe45v6IDDj3lgWx5t_m51_mLHrGg_qsJMEwG4BOGxOu7kcz42DxeNOpVO8QbdzqKEkJu7o-U3R8VRGbo25U/s320/h1.JPG" alt="" id="BLOGGER_PHOTO_ID_5254955023105739474" border="0" /></a>Large font, bold, all capitals<br /><br />Heading 2:<br /><a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEheWiiF_np8rZ6rd9LaTqGZm7TWtxo8-6QCjw1pZFhhv_QqiTFgCF8StoRUZDdciyhhsxwp0rcH1JJj5TWX66j54ofFTenlKstS8j73uqgyiAOegkYKGwfy_sNTumm3-A1sJHn9CjXjvd0/s1600-h/h2.JPG"><img style="margin: 0pt 10px 10px 0pt; float: left; cursor: pointer;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEheWiiF_np8rZ6rd9LaTqGZm7TWtxo8-6QCjw1pZFhhv_QqiTFgCF8StoRUZDdciyhhsxwp0rcH1JJj5TWX66j54ofFTenlKstS8j73uqgyiAOegkYKGwfy_sNTumm3-A1sJHn9CjXjvd0/s320/h2.JPG" alt="" id="BLOGGER_PHOTO_ID_5254955029657631058" border="0" /></a>Large font, bold, orange color<br /><br /><br />Heading 3:<br /><a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj8vsK_lgasNMUVzTKmA8zRvrnxi-jMv3qxYy-chxmVOIHbkrlCJMSNimRS-x7zTxmOmKMfnxdP4jJjEs5Hhghd0FMzgA9uWujkv2lc1sRBYnVq4hyphenhyphenCRTdYFoK5y7vMiMDDDIlE6YT6bnY/s1600-h/h3.JPG"><img style="margin: 0pt 10px 10px 0pt; float: left; cursor: pointer;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj8vsK_lgasNMUVzTKmA8zRvrnxi-jMv3qxYy-chxmVOIHbkrlCJMSNimRS-x7zTxmOmKMfnxdP4jJjEs5Hhghd0FMzgA9uWujkv2lc1sRBYnVq4hyphenhyphenCRTdYFoK5y7vMiMDDDIlE6YT6bnY/s320/h3.JPG" alt="" id="BLOGGER_PHOTO_ID_5254955032466198626" border="0" /></a>Small font, bold<br /><br /><br />Paragraph:<br /><a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhWLHJhSMI-cAjIZTnuVUepr9myM6Yzu6dQ6cX1Hw2PyRuuUivof3tP1UUmFvVYU7ASflZ5EZZ35FD7MXlAxrQC2LKzt0-lOQx0B1zQ_BGwaw0pgpw_6kKFfdlSSXG4n2Hh5fkPJS89Sbw/s1600-h/p.JPG"><img style="margin: 0pt 10px 10px 0pt; float: left; cursor: pointer;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhWLHJhSMI-cAjIZTnuVUepr9myM6Yzu6dQ6cX1Hw2PyRuuUivof3tP1UUmFvVYU7ASflZ5EZZ35FD7MXlAxrQC2LKzt0-lOQx0B1zQ_BGwaw0pgpw_6kKFfdlSSXG4n2Hh5fkPJS89Sbw/s320/p.JPG" alt="" id="BLOGGER_PHOTO_ID_5254955032305553682" border="0" /></a>Small font<br /><br /><br />I think that this is a very effective way to set up the typography of the site as it makes important sections of the page more visible to users while also incorporating the color scheme. The only fix I would make to the site typography is to increase the letter spacing of Headline 2 text, as a couple of lines of it cannot be read as fast as normally spaced letters.<br /><br />The content of the site is arranged in a way that prevents a user from becoming lost in searching for a specific project. The names of the links in the primary navigation bar are clear and concise and are easily understandable. Also (and importantly) there is no "Other"/"Misc" link to confuse users about the content located on that page. However, because projects are categorized by keywords and terms, it is possible to find a project under several of the main categories (making it easier to find the project).<br /><br /><span style="font-weight: bold;">Grid/Structure:</span><br />The grid structure of the pages stays consistent as I go from one page to another. For example, on the home page the layout is:<br /><a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiwggvfb6h3qmmdWDLcpm0tIudBKqO2ClSUbhtvZHzr-fVFqnLGqW6yFNLpfxzRyay3i6DHVTJSyfDJfFAIbHKRPJCUYXT_oENJ9u76vwkMYrTlfFKpk2bgwF8zx-o5LAw9EsfB9dKPaHM/s1600-h/layout.JPG"><img style="margin: 0px auto 10px; display: block; text-align: center; cursor: pointer;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiwggvfb6h3qmmdWDLcpm0tIudBKqO2ClSUbhtvZHzr-fVFqnLGqW6yFNLpfxzRyay3i6DHVTJSyfDJfFAIbHKRPJCUYXT_oENJ9u76vwkMYrTlfFKpk2bgwF8zx-o5LAw9EsfB9dKPaHM/s320/layout.JPG" alt="" id="BLOGGER_PHOTO_ID_5254959640319755394" border="0" /></a>There is an upper section, a lower section divided into smaller groups, and a right section. Clicking on a project, the layout is:<br /><a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEja9eSGklL13y8iqzBKswIqAuXckDTVnrosInL7Ve6O_hsyXxkZPIfAHmnUOSyC_UZhdC1p_t7fWH7iLB9OfrZpFhOWttdMpVYolpFqw3eaIkJveiKrx9HK082HZcT04jr4eqaAkN3FXwc/s1600-h/layout2.JPG"><img style="margin: 0px auto 10px; display: block; text-align: center; cursor: pointer;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEja9eSGklL13y8iqzBKswIqAuXckDTVnrosInL7Ve6O_hsyXxkZPIfAHmnUOSyC_UZhdC1p_t7fWH7iLB9OfrZpFhOWttdMpVYolpFqw3eaIkJveiKrx9HK082HZcT04jr4eqaAkN3FXwc/s320/layout2.JPG" alt="" id="BLOGGER_PHOTO_ID_5254960083222241570" border="0" /></a>Again, there is an upper section, a lower section that contains project details, and a right section. However, clicking on the project changes the content of the sections. For example, on the home page the upper section contained a flash with thumbnails of top projects on the site. Below this was a listing of top projects in different categories, and on the right was a list of competitions underway. When clicking on a project, these change to information regarding the project. Most importantly (and a great feature of the page), the right section changes to similar projects that others have found interesting/useful. This saves time when looking for a type of project, but not necessarily a specific one. With this type of layout, the first thing that I notice (the focal point) is the flash animation on the home page and the step thumbnails on the project page. These are both important, as they indicated what projects people have found the most interesting/fun and how easy a project is (through the number of steps)/how well documented it is. I notice these two things because of their location on the page (middle center when the page loads) and their relative colors to the surrounding page (the flash video is darker and the thumbnails are in a gray box).<br /><br /><span style="font-weight: bold;">Iconography/Imagery:</span><br />Due to the nature of the site, it is very important to use pictures. The main goal of the site is to provide information about projects, and users want to see steps and completed projects. Their layout is pleasing to the eye because the thumbnails are large enough to be seen easily, but small enough to allow several projects to fit on a single page.<br /><a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhS_6XCZg9wAIStzzZkRGIoiQpdqW45rzCA6zdX3fb9SIZ5LC1DLfIYJEEO36lzP-uo6q290cpG33QHs7GE3WhrY1V63ukwq0Ebp-DzJmgNhvpb_HcYxc-tem2WhiOyqlAfdMUVYwbLPL0/s1600-h/projects.JPG"><img style="margin: 0px auto 10px; display: block; text-align: center; cursor: pointer;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhS_6XCZg9wAIStzzZkRGIoiQpdqW45rzCA6zdX3fb9SIZ5LC1DLfIYJEEO36lzP-uo6q290cpG33QHs7GE3WhrY1V63ukwq0Ebp-DzJmgNhvpb_HcYxc-tem2WhiOyqlAfdMUVYwbLPL0/s320/projects.JPG" alt="" id="BLOGGER_PHOTO_ID_5254962511241375586" border="0" /></a>If I want to see more images of a project, I can either click the thumbnail or the link below it. However, I can also distinguish different projects from each other without having to read their titles with the thumbnails. Because of this, the images are a vital factor in the success of this site.<br /><br />In addition to the images and thumbnails, there are two small icons that aid in laying out the projects in a way that suits the user. These icons are:<br /><a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgNMtWZGZn-DGs_GkhTrgvO55Y7N9x44EDaG-0RZl_v0i8Ep9-r_aFytw5ChBZhiUX4bHgC45JXFLtt29-FMLzS3s4U25yVWTHvVZ3c4G5qJbTv-t_oVdZNweiwHxSBUctGkx8DiTyAuSw/s1600-h/symbols.JPG"><img style="margin: 0px auto 10px; display: block; text-align: center; cursor: pointer;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgNMtWZGZn-DGs_GkhTrgvO55Y7N9x44EDaG-0RZl_v0i8Ep9-r_aFytw5ChBZhiUX4bHgC45JXFLtt29-FMLzS3s4U25yVWTHvVZ3c4G5qJbTv-t_oVdZNweiwHxSBUctGkx8DiTyAuSw/s320/symbols.JPG" alt="" id="BLOGGER_PHOTO_ID_5254963327385269042" border="0" /></a>These two icons are very easy to figure out, as their meanings are apparent when connected with both the current layout of the page and their location. Currently, the "thumbnail" layout is selected, as it is underlined in orange and is how the projects are organized on the page. If I wanted to see thumbnails and descriptions, I would click the second icon and get the following layout:<br /><a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiCxyw9zExgbScsN5-rc-4RpEIUaHjo34ZZ0haZO8Q3q_Z0DNOJsN_cikcLYUbyrg9rbYrIjQEI2nWhR-qRK00QYp3aoBwOQtCxEXA2ns1sXocWhkv5WAPN49pqFFoJgAAf9rOse9s5rNA/s1600-h/layout3.JPG"><img style="margin: 0px auto 10px; display: block; text-align: center; cursor: pointer;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiCxyw9zExgbScsN5-rc-4RpEIUaHjo34ZZ0haZO8Q3q_Z0DNOJsN_cikcLYUbyrg9rbYrIjQEI2nWhR-qRK00QYp3aoBwOQtCxEXA2ns1sXocWhkv5WAPN49pqFFoJgAAf9rOse9s5rNA/s320/layout3.JPG" alt="" id="BLOGGER_PHOTO_ID_5254963908140380722" border="0" /></a>As you can see, the layout is exactly as indicated in the icon, making them easy to use for users with different preferences.<br /><br /><span style="font-weight: bold;">Color Palette:<span style="font-weight: bold;"><span style="font-weight: bold;"><br /></span></span></span>The color palette is very simple for the website. The site is made up of five distinct colors:<br />Bright orange:<br /><a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg3iG5UNN5eQyM9Z_ex0cK5PqZx-sUU8XkMTpuTX08CfSbjPGvsyle9RMBLzMlB4FfaeMsvfloQItuUVsKWMiB5716LVhirIcoCaRAmpuMvPrVmupNhCR6UbhohAY5WXU6XkbKXKQPImfI/s1600-h/orange.JPG"><img style="margin: 0pt 10px 10px 0pt; float: left; cursor: pointer;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg3iG5UNN5eQyM9Z_ex0cK5PqZx-sUU8XkMTpuTX08CfSbjPGvsyle9RMBLzMlB4FfaeMsvfloQItuUVsKWMiB5716LVhirIcoCaRAmpuMvPrVmupNhCR6UbhohAY5WXU6XkbKXKQPImfI/s320/orange.JPG" alt="" id="BLOGGER_PHOTO_ID_5254965302427613858" border="0" /></a><br /><br /><br /><br /><br />Black:<br /><a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgL9tia26vk1A_1kluyGNgLBjcY0mpUwST1IHJzpORuhWV5I-KEj4p6N84oJj14UOLnuObqQb_xlMYovsHPl5amZyeKbDXbABQXTLZj8PIbjTmJcBi3fXzi5L6jIPocai50-aL0dphYBLc/s1600-h/black.JPG"><img style="margin: 0pt 10px 10px 0pt; float: left; cursor: pointer;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgL9tia26vk1A_1kluyGNgLBjcY0mpUwST1IHJzpORuhWV5I-KEj4p6N84oJj14UOLnuObqQb_xlMYovsHPl5amZyeKbDXbABQXTLZj8PIbjTmJcBi3fXzi5L6jIPocai50-aL0dphYBLc/s320/black.JPG" alt="" id="BLOGGER_PHOTO_ID_5254965301066956226" border="0" /></a><br /><br /><br />Gray:<br /><a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiTlZ9-l-Tb3otp_VnqxnlBIPDiMMeh4VEkPzs36KJYaA1L0jp-6YlYx-sqZiHk-aD81t9sP1A1JvCofNcVou8O4GFdMPH5UwcFwaT3JbSAgcQcOC-AVSQJurau-DYo_pmwJArG8YG6llc/s1600-h/gray.JPG"><img style="margin: 0pt 10px 10px 0pt; float: left; cursor: pointer;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiTlZ9-l-Tb3otp_VnqxnlBIPDiMMeh4VEkPzs36KJYaA1L0jp-6YlYx-sqZiHk-aD81t9sP1A1JvCofNcVou8O4GFdMPH5UwcFwaT3JbSAgcQcOC-AVSQJurau-DYo_pmwJArG8YG6llc/s320/gray.JPG" alt="" id="BLOGGER_PHOTO_ID_5254965305421934082" border="0" /></a><br /><br /><br />White:<br /><a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjFvty0DNrglLzjuEP0uU-kemxfWE8AD_GhH6fOzwuYUWMwuwv5zlTcfVM61cdsE3-D13HB6GRFCH_hPj43NLUhoDWxct2aSYWdqg4kGGzG-WDO485b-U7PGqYSx2oWt0ngCnV6B43kN0U/s1600-h/white.JPG"><img style="margin: 0pt 10px 10px 0pt; float: left; cursor: pointer;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjFvty0DNrglLzjuEP0uU-kemxfWE8AD_GhH6fOzwuYUWMwuwv5zlTcfVM61cdsE3-D13HB6GRFCH_hPj43NLUhoDWxct2aSYWdqg4kGGzG-WDO485b-U7PGqYSx2oWt0ngCnV6B43kN0U/s320/white.JPG" alt="" id="BLOGGER_PHOTO_ID_5254965304466488258" border="0" /></a><br /><br /><br /><br />Dark yellow/orange:<br /><a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh1aoxHYwUwtuYuNOZoNW4qNPSNAurTVv5dSOuR3PhD4GBjzsQZgkz016KedhIlAfgAzFHiKL-MT-xXTrGif-x3xvqjBTMkBXokhgl1os9zdXTALNXV1xdmYNP7ZoZlFfFQVIF_7HUdJLU/s1600-h/orange2.JPG"><img style="margin: 0pt 10px 10px 0pt; float: left; cursor: pointer;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh1aoxHYwUwtuYuNOZoNW4qNPSNAurTVv5dSOuR3PhD4GBjzsQZgkz016KedhIlAfgAzFHiKL-MT-xXTrGif-x3xvqjBTMkBXokhgl1os9zdXTALNXV1xdmYNP7ZoZlFfFQVIF_7HUdJLU/s320/orange2.JPG" alt="" id="BLOGGER_PHOTO_ID_5254965307230831474" border="0" /></a><br /><br />The banner (upper section of the site) is the bright orange color and is separated by the primary navigation bar, which is dark yellow/orange, from the content area of the site. Less important links and content is a shade of gray and the background of the website is white.<br />I think that these colors were chosen because it makes the site much different from other sites, where bright colors are not used. Because the site is composed of user content, the color of the site is not going to distract users from accessing projects they want information on. This could be reason why only two colors were chosen in addition to the "normal" ones (black, white, gray).<br />Also, having the bright orange bar on top cleans up the look of the information below, making it look more organized and effective on a plain white background (as opposed to a colorful background or a site that is all white with black text).<br /><br /><span style="font-weight: bold;">Site Focus:<br /></span><span><span>In my opinion, the purpose of this site is to easily provide users with projects and the steps required to complete the projects for almost anything they can think of. These projects are all user submitted. The search box at the top of the page allows a user to look specifically for a certain project without having to search the category or categories that it falls under, and keywords for each project help users find similar projects.<br /><br />I feel that a very important feature about the site is the user feedback. Users can give feedback on a a project in two different ways. They can either post a question/comment, or they can rate the project:<br /></span></span><a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgVrenn28eHPFQvR9U3Sd_iTw3nYiqW_9XvXqiWxKvJ6mPGy01dh1i0S3UL23ysPCELVnMAcN3_wbgM1f6_JvUHN1KI0Wren1gk0Tg_E7dpp6aP8DYcPV_4gL0cs-dSpxs3jEb06XG2_HM/s1600-h/comments.JPG"><img style="margin: 0px auto 10px; display: block; text-align: center; cursor: pointer;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgVrenn28eHPFQvR9U3Sd_iTw3nYiqW_9XvXqiWxKvJ6mPGy01dh1i0S3UL23ysPCELVnMAcN3_wbgM1f6_JvUHN1KI0Wren1gk0Tg_E7dpp6aP8DYcPV_4gL0cs-dSpxs3jEb06XG2_HM/s320/comments.JPG" alt="" id="BLOGGER_PHOTO_ID_5254969033029506322" border="0" /></a><br /><a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi1nWj_JBIDkEru_guYK0MA4K_mIue7B_BNxqcsuodkK3D3sccUkFyqMAsNnfDFnCcQg__bKcdXbXt_XxNPRmMLcds3f5PmK1qRm3H3FABRAGvwqmQprz4qI-R1YyTnf7k1BF5x6fakNIg/s1600-h/rating.JPG"><img style="margin: 0px auto 10px; display: block; text-align: center; cursor: pointer;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi1nWj_JBIDkEru_guYK0MA4K_mIue7B_BNxqcsuodkK3D3sccUkFyqMAsNnfDFnCcQg__bKcdXbXt_XxNPRmMLcds3f5PmK1qRm3H3FABRAGvwqmQprz4qI-R1YyTnf7k1BF5x6fakNIg/s320/rating.JPG" alt="" id="BLOGGER_PHOTO_ID_5254969031923842610" border="0" /></a>Both of these features allow users to quickly determine how well a project is documented and/or constructed, in addition to looking up questions others have and answers or asking their own questions. Due to the purpose of the site, this is one of best features available for users while determining which project(s) to accomplish.<br /><br />If I was to improve on the site, I would make a following changes. I would rearrange the content on the home page and put the "community" above the "contest<span><span>" section. I feel that the site is more about the interaction and sharing of ideas and projects, so this would come before a contest between members (this is a personal decision based on how I view the website. some users may visit the site just to compete in the contests. however, I think that a customized site for such users could be created after they log into the site.) Also, I would decrease the size of the orange banner at the top of the page. I feel that it takes up a lot of space and for people using laptops (like myself), it prevents much of the content from being visible on the screen without scrolling down. I would either make it thinner or use the space to show projects that are customized to the user. For example, showing projects that are similar to ones that I have recently looked at in this space would be an effective way to use space on the site without wasting.<br /></span></span></div>Bill Ehttp://www.blogger.com/profile/04336288176473597872noreply@blogger.com0