« Hit with the Ugly Stick | Main | Examples of good and bad design. -Kurt »
September 29, 2005
Tai on Design
Disappointing Design: Powersource Native American Art and Education Center
Admirable Design: American Indian Nations
As encouraged by Paula Petrik, the Powersource site has relatively small images and does not take long to load. There aren’t any flashing animations or excessively long pages. However, as discussed by Mike O’Malley, the author of the site seems to have done little with design after loading a basic text document onto the website. On the first page of the site, you can see the haphazardly placed images of organizations who have awarded this website (why, I don't know). Although it does contain information on American Indian art/symbolism, individual pages have less design development than the page you see here. With most of the information though, users interested in learning about any topics discussed would prefer more information and/or links to other sites with more information. Pages appear to be uploaded text documents, with little formatting for web-use. There is not a maintained navigation bar and the only link provided is to return to the main page.
In the American Indian Nations site, it appears a team of designers are involved. The navigation bar remains constant on all pages. Organizations or topics are linked even within paragraphs to direct readers to further resources within the site. One is easily able to see what the resources provided on the site include. Contact information is made clear, as well as tabs on the top-right of the screen for easy movement to involved organizations/sponsors. The site is quick to load while maintaining visual aesthetics. Graphics indicate an experienced designer, who understood how to bolster the text and appeal of the site, without detracting from the information sharing.
Posted by tgerhart at September 29, 2005 11:23 AM
Comments
Tai -
To post a picture of a screenshot:
1. When the screen you want is up, hit "Alt + Print Screen" or "Fn + Print Screen" on a laptop. Print Screen may be abbreviated to something like "Prnt Scrn." This saves an image of your current window to the clipboard.
2. Open Photoshop. Once it's running, go to "File," then "New," then "Image from Clipboard." Voila, the image you captured with Print Screen is now there!
3. Resize the image. Go to "Image," then "Resize Image." Somewhere around 4" to 5" wide is good. Make sure the box that says something about keeping it proportional is checked, that way the dimensions will stay the same.
4. Save your resized image as something like "screenshot1.jpg" or "baddesign.jpg" or whatever.
5. Go to make a blog entry. To the left of the box where you enter the text, you'll see "Upload file." Click it.
6. A new window will pop up. Choose "Browse" to select the image you saved, and make sure the button for "Local Archive Path" is selected. Hit "Upload."
7. The window changes. Make sure you select "Show me the HTML," then click on "Embedded Image."
8. You'll then get a string of HTML that looks like: {img alt="clio.jpg" src="http://chnm.gmu.edu/history/faculty/kelly/blogs/h696f05/archives/clio.jpg" width="300" height="362" /}
9. Simply cut and paste that string of HTML into your post, and when you Preview the post, you'll see the image, and the rest of us will as well once you post. Easy!
Posted by: mhobbs at September 29, 2005 12:16 PM
Wow. That disappointing site is truly bad, isn't it?
Mills
Posted by: Mills at October 3, 2005 01:18 PM