IDD410 Blog

A Blog for IDD410 on the text "Site-Seeing: A Visual Approach to Web Usablity"

Monday, December 04, 2006

Mission Statement: Site 3- Campus Compact

The website for Connecticut's branch of Campus Compact will be a site that informs and educates college students and faculty about this nationwide organization. There will be plenty of information regarding Campus Compact and taking part in community services, along with announcements, activities, and updates. This division of Campus Compact will list the schools of Connecticut that are involved so that students can find information regarding their own campus branch. The site design will be professional and mimic the national site by using the colors (maroon and teal) that appear in both the logo and the site itself. By doing this, the audience will know that the two sites are connected.
I plan research a little more about Campus Compact through their national website and then look over my previous mind map. Hopefully, I will be able to add a few more details. I will then create a site map much like the one I did for Amistad America's site. This will help me organize the second and third level pages that I need to create for the final website. I plan to fix the mock up that I had created earlier and use that as the base structure for my Campus Compact website.

Wednesday, November 15, 2006

atlantic freedom tour mockup site

Tuesday, November 07, 2006

Chapter 8

-Dynamic content publishing helps anyone to update sites without having to know extensive HTML. It closes the gap slightly between content and formatting. It a;so can help with customization.
-Web-based applications are a little more than basic applets, but they can be very valuable when designing a site. They allow the viewer to "create, collaborate, collect, and more." A site that uses this is type of application is ebay. Also, sites that can manage your checking account also rely on web-based applications.
-Before you start any dynamic publishing development, make sure that you think through how and where the content will be applied in your site.
-ASP or CFML code in a site's HTML sends a request to the server for the content. It then shows the formatted result to the user. This means that site designers are in charge of creating templates, setting up a database and making sure that it works and the content updates are up to the site's content providers.
-Content providers are the people who are responsible for creating content for the site. These workers don't have to read the HTML code. They just put in the updates into the database.
-Template takes plain content and turn it into functional and capable of updates. They can have footers, formatting rules, navigation, etc. Templates can also help with the problems of viewing on uncommon or older browsers.
-When designing templates, you need to use the designing "rules" on how it will be presented. You need to figure out how much content, the type of content, when is it important and when is it just detailed info, etc.
-Web applications are more interactive then standard sites and interactions are more complex. They are more than likely more intensively then regular sites. The audience will spend more browsing time on them.
-The visual aspects of a web application should effectively communicate with your audience despite the fact it's a more complex interaction. These aspects are the same as a regular site.
-Web designers are creating more applications, however, some aren't considering the design aspect(like the early web days) and only concentrating on the technology. Sites can become confusing because of this.

Sunday, October 29, 2006

Chapter 7

-Your audience may not have ever been to your website before, but you want them to feel comfortable using your site when they first arrive. You want to make sure they feel like they should be there and that the site was made for them.
-The site should introduce the organization that you are presenting and what sets it apart from the others. Also, what makes it special? Two questions the author mentions are "Who lives here?" and "What do they do?" You should have your site answer these questions.
-Visual elements, like contrast, can make a page stand out if done correctly. The needs of your audience can help determine how much or how little contrast you need for your site. Different parts of your site can need different visual weights.
-Updates and announcements are important to maintaining a well-organized and interesting site, however they should not overpower the rest of the content. It starts to become confusing and just a big mess. Limit the announcements.
-As time goes by and more content is added, the visual hierarchy can change. To make something new stand out, add more contrast. Some tips for this include removing white space, adding motion, increasing or decreasing the size of the page elements, changing colors, textures, and shapes. You should do whatever works best for your site.

Sunday, October 22, 2006

Chapter 6

-Website elements that are beneficial and common are: page footers, body text, links, navigation, site IDs, images , and forms. All of these aren't necessary, but do help in making a well structured and professional website.
-Site elements also help define and create a personality. For example, sites that have a lot of information usually are complicated and have many navigation options that could become confusing.
-The navigation should be distinguishable from the rest of the site. By giving it an appropriate look, the site will have less of a visual contrast between the two.
-Another important aspect of navigation, is where it lies on the page. Most commonly, visitor's can find it on the sides. Most frequently, it is positioned on the left side.
-Your viewers need to be able to read your site's content. This is where fonts are very important. Different browsers display different variations of the font. This includes font sizes. A 12 pt. font can appear smaller from one browser to the next or from a Windows machine to an Apple. Lastly, white space is also important. Spacing between lines, also called leading, can increase the readability as long as there isn't too much.
-Images are great for getting your viewer's attention. This is because they are colorful and detailed. They can express messages and communicate ideas. They do all of this very quickly. Images can make your site exciting and fun, but make sure they also serve a purpose that is meaningful to your site. Make sure the image isn't large when it comes to file size, or else it will drag your site's downloading time way down.
-Footers in sites are key when it comes to information and "revealing the origin of the content." There are certain elements that you can find in a site's footer including, copyright and privacy information: this makes sure you have authorship to the site and links to privacy information. Contact link: this is important because it shows that the site is being cared for and updated, and the webmaster can be contacted for more information about the site and their skills. Site ID: this could be a company logo that could link back to home. Last Updated Information: this includes when the site was updated last. Credits: This is when the site was constructed. Relevant Links: These links are top-level navigation, and nothing too detailed when it comes to browsing your site. It's just the basics.
-Forms help to collect information from your audience. Make sure that your forms communicate to your audience clearly and effectively. "Ask the right questions."
-When it comes to forms, organize related questions together. Divide them into sections to show the viewer that these questions are related to one another, and these are a part of a different sequence of questions. By using visual hierarchy, you can also successfully organize your questions within a form.

Monday, October 16, 2006

Mission Statement: Freedom Atlantic Tour revised

The purpose of the Atlantic Freedom Tour website is to educate and inform students, and those interested, about the Amistad history and the journey the boat will take starting in the Summer. Interaction will be important to keep viewers coming back. For example, e-mailing the student crew questions along with frequent updates will be available and be accessible through the main page. The site will also allow the students to track the ship on it's journey to important ports and then be able to access information on what events are planned regarding the Amistad and freedom of slavery. Information will also be provided on why a specific port is important to the journey. The site will also have external links that provide further information on numerous topics when necessary. There will be photos, videos, blogs, and other documentation right from the Amistad boat crew members. It will be a historical site based on the Amistad journey and bring awareness to a new generation. The structure of the site should be professional but appealing to students by using pictures and appropriate ocean colors and tones.

Sunday, October 15, 2006

Chapter 5

-The way a site "feels" determines the site's personality. This "feeling" comes from the emotions that the viewer has while surfing throughout the site. It should stay consistent and clear throughout the whole site.
-Your website can create an impression on the viewer through different kinds of features. These include colors, content, and visual elements. Make sure these tell the audience what you want your site to tell successfully. It also should unify your site along with appealing to your audience. It's important to make your site distinct compared to the rest.
-You want your site to be welcoming and trustworthy. The way the site looks can trigger thoughts in the viewer's head. For example, they could think the site looks unprofessional therefore can't be trustworthy.
-Make sure you consider things like the history of your clients' branding strategy, the audience's reactions and expectations, standing out from competitors, and associations with product when trying to come up with the right look and feel of your site.
-Colors can automatically change moods and puts the audience in a certain state of mind by associating it with experiences or symbols. For example, green is "fresh and relaxing, earth. It's balanced and calm." Blue is "cool and dependable, sophisticated, sky and water. Blue is full of depth, constant yet dynamic." Orange is "strong, vital, and hot. Orange is the warmest of colors, a healing and playful hue."
-Contrasting colors are opposite one another on the color wheel. They compete with one another for attention which can make sites full of energy. Analogous colors are ones next to each other on the color wheel. They provide a pleasing and tranquil kind of site because they are close in tone. Monotones are schemes that use a variety of shades in one color, or tints. They can express simplicity but can be hard to keep interesting.
When selecting color schemes, keep in mind that there should be a dominant color. The dominant color should be the color that tells your site's story. It could get confusing if there are too many competing colors. Colors can also have symbolic meaning behind them, so keep that in mind.
-Type can also give character to your website. Different typefaces can distinguish different meanings. Script-like fonts can show gentleness or elegance whereas block lettering can be bold and strong. There are many styles and there is one that will fit in with your site's story.
-Images and visual elements are also important. Some things you should think about when deciding this are: Is this element supporting the story? Does it keep interest or distract the audience? Does it reinforce the point of view and is it consistent with the rest of the website? Images are like representations of reality. They keep the audience's attention. They can also represent something without using text.
-Shapes help define personality. For example, each one has a distinct character. Squares are stable and mechanical. Circles are alive and complete. Triangles are smooth and dynamic. Organic shapes (man-made) are spontaneous and full of life.
Textures and patterns can take over personalities if they are too complex, however they can also help to make your site smooth or rough. They're a good supporting role.
-Your site could be professional and serious, or light and playful. It could be mysterious and need exploring. The personality of the site all depends on the audience's goals. Try to keep up standard web interactions. If it's too strange, it could distract and confuse your audience and in the end, loose them.