Optimistic Fool

Just another WordPress.com weblog

Unnecessary Welcome Messages February 10, 2009

Filed under: Uncategorized — brain77 @ 9:37 pm

http://home.wanadoo.nl/marco.langbroek/body1.html

 

I couldn’t find a title for this site, until I saw a line that read “No menu at left? Click Here”. Then a side bar and title popped up. The site belongs to Dr. Marco Langbroek and is about his interest & work in archaeology and astronomy. .

The top of the page is “News” items. The welcome message starts near the bottom of the page and you have to scroll down to read it. It is a very wordy bio that starts with “before discussing the contents of this site…” but at least the key words are in Boldface for easy scanning. Scrolling down past a photo of the author dressed as Indiana Jones, we get to “On this website”. What is on this site is his Ph.D. dissertation, a link to his favorite restaurant, a slide show of his travel photos and discussions of his favorite novels. How bored and lonely he must be.

 

 

Web Site Usability February 7, 2009

Filed under: Uncategorized — brain77 @ 10:28 am

“Usability” is how well users can learn to use a product and how quickly and easily they can accomplish tasks & how satisfied they are with the process. Usability also considers cost-effectiveness & usefulness.

A key methodology for carrying out usability is called User Centered Design. User Centered Design (UCD) is a “structured product development methodology” that involes users in all stages of development, in order to create a product that meets users’ needs.

 

Usability Measures-

Ease of learning – How fast a user who has never used the site before can learn it well enough to accomplish tasks

Efficiency of use – How fast the user can accomplish tasks having learned the system

Memorability – Having used the system before, how well the user remembers it without having to start over and learn it again

Error frequency and severity – How serious and often users make errors and how users recover from these errors

Subjective satisfaction – How much the user likes using the system

 

Usability Defined-

Two international standards definitions for “usability” and “human-centered design”-

1.       “[Usability refers to] the extent to which a product can be used by specified users to achieve specified goals with effectiveness, efficiency and satisfaction in a specified context of user.” – ISO 9241-11

2.       “Human-centered design is characterized by: the active involvement of users and a clear understanding of user and task requirements; an appropriate allocation of function between users and technology; the iteration of design solutions; multi-disciplinary design.” – ISO 13407

 

source:

www.usability.gov

 process_flow_usability1

  • Analysis
    Analyze everything that has an impact on your site, paying special attention to your users and their needs.
  • Prototype
    At various stages of designing, a prototype (a representation of the final site tho’ it isn’t finished) should be made and used for testing. That way usability issues are detected early and easily corrected.
  • Evaluate
    The designs should be evaluated and enhanced as often as needed. This way a high standard of usability can be ensured.
  • Design
    Build designs according to usability guidelines. It is important to evaluate the design to criteria of effectiveness and efficiency. This way it can be tested and enhanced until the desired degree of usability is met.
  • Site Build
    Build the site using “standards compliant valid coding”.(your guess is more or less as bad as mine) to develop a good, useful site.
  • Post-Launch
    After the site was launched, ongoing usability checks should be performed. Additionally, user feedback gives a great opportunity to further enhance the site.

Cribbed from

www.enhance.ie/usability.php

 

Smoke Navigator February 4, 2009

Filed under: hubris — brain77 @ 10:50 pm

I aced the first test.

Web Design is vapor. I know it’s there, I just can’t grasp it. I accrue a little condensation, enough for a multiple choice quiz. The big picture continues elude me. What is the goal of this class anyway?

The textbook shows screenshots of the author’s layout, but no mention of what application layouts are done in. Page Maker is mentioned, but the inference is that he wouldn’t use that program in a pink fit. “Wireframes” are mentioned. I just had 3D CAD last semester. Wireframe implies three dimensions to me. Maybe he means “Grid”. Grids are two-dimensional. Yeah, I think he must mean grid.

Are we learning to design pages that we have to send to a code writer? Is code coming down the road? What applications are layouts and web design created in, anyway? Enquiring minds want to know.

 

DON’T MAKE ME THINK January 30, 2009

Filed under: Virginia, booty call, killer robots, shiffer brains, web design — brain77 @ 12:36 pm

More lessons from WEB 210.

 

Primary Optical Area to Terminal Anchor

Primary Optical Area to Terminal Anchor

 

As mentioned last time, use the Gutenberg Diaphragm to design left to right, top to bottom. This should include ranking the navigation in order of importance, left to right. “Home” should be on far left, or a logo hyper-linked to the Home page. This should be intuitive to newby users (like me). Check out the Re/Max home page to see a “Home” linked logo on the far right upper corner (fallow ground according to the Gut. Diagram) and see if it doesn’t throw you.

www.remax.com/

 

Design for new users, and dumb users like me. Don’t make them think. Don’t make them work.

Use subtle to subliminal design elements to guide users along the navigation. Like color-coded links that get darker the more they are used, or text size that makes more important items larger. These are called Ambient Signifiers and should guide your user along intuitively like a Rat in a Maze. Don’t LET them think.

 

 

 

 

 

Web of Design 210 January 23, 2009

Filed under: hubris, web design — brain77 @ 12:29 pm

What I’ve learned about Web Design so far.

The basic elements of web design are Layout and Navigation.

For layout, design the way people read. In English that’s left to right, top to bottom. Designing from top left to bottom right diagonally is “the Guttenberg Diagram”.  You can use color and other design elements to lead the eye through Gutt’s diagonal. 

For Navigation, use verb-noun pairs in navigation to let the user feel in control of something. People like that, especially married men would like to feel they control a little something in their life. I bet.

“Form follows function” is a basic rule of design. In this class I sometimes think were getting the form before were getting the function. I guess it’s been assumed we’re web literate before we signed up. I haven’t used the internet for much more than e-mail and using image search for reference material for drawings. I don’t think I’m dumb, but I haven’t given a lot thought to web pages. Frankly, when I first got internet a few years ago, I was disappointed. It doesn’t live up to the hype. It’s just more junk mail trying to sell me stuff I don’t want. It’s still got along way to go. I think I could live without it to no great loss.

 

Blog Mitzvah January 12, 2009

Filed under: Uncategorized — brain77 @ 2:34 pm

Today I yam a blogger.