Month: January 2007

Social Networking Sites used by More than Half US Teenagers Online

A survey by the Pew Internet and American LIfe Project described in Usability News – Social Networking Sites used by More than Half US Teenagers Online shows that 55% of all online American youths ages 12-17 use online social networking sites.

The survey also finds that older teens, particularly girls, are more likely to use these sites. For girls, social networking sites are primarily places to reinforce pre-existing friendships; for boys, the networks also provide opportunities for flirting and making new friends.

More key findings are available in the original article.

Visit Web Teacher to read any comments.

What’s WHATWG?

Quick answer: WHATWG is the Web Hypertext Application Technology Working Group. They are working on develping a working draft of HTML 5 and have a site with all sorts of information. The information includes the answer to the burning question “What’s the difference between HTML 5 and XHTML 2.0?” Go find out.

Technorati Tags:

Visit Web Teacher to read any comments.

Framing the web design experience

Dan Russell has a couple of posts on sense making over at Creating Passionate Users. Today’s post said something that stuck me as a key element in terms of teaching web design.

The point is that you need to frame things because the act of framing helps to focus on what to do next.

There’s a struggle involved in getting teachers who are used to teaching methods that began with Photoshop comps or tables based design moved over into a way of thinking that emphasizes semantics and interoperability. I think what we have here is a framing issue.

We need to reframe the whole notion of web design. Instead of thinking first about how we expect to make a site look, we need to think first about how we expect a site to be semantically organized. If we organize the content in a semantic manner, we achieve interoperability. Any design can be added to the structure we develop. Or as Mani Scheriar said in a previous post,

Let’s code our XHTML as if we plan to have 10 different designers apply their own unique layouts to it.

This is truly a change in thinking, a new frame for the whole idea of “designing a web site.” We can no longer assume that our web sites will be viewed on computer monitors. There are too many mobile devices out there. More, in fact, than computers. And at least 10 percent of your visitors will be using some sort of assistive device such as a screen reader to obtain your content. We have to think first about content and how it can be coded semantically in order to make our sites operable and accessible for any device. Once that goal is reached, we can think about creating a beautiful appearance for our content.

For those of you planning to attend SXSWi 2007, I invite you to attend my session on Sunday afternoon called “Best Practices in Teaching Web Design.” It’s a 25 minute power session with co-presenter Stephanie Troeth.

Related Posts: See me speak at SXSW, A Design Timeline

Technorati Tags: , , , , , , , sxsw

Check Accessibility using Best Practices

The University of Illinois at Urbana-Champaign has posted a Functional Accessibility Evaluator which takes a new approach to accessiblity testing. Each of the points checked are tied to Web Accessibility Best Practices, which explain in clear language (unlike some of the other online testing tools) what the best practice is and what you need to do to be compliant. An excellent resource for learning and for testing.

Technorati Tags: , , ,

Visit Web Teacher to read any comments.

Hillary’s In

Hillary Clinton announced that she formed a “committee to explore running for president” yesterday. She is using the Internet in interesting ways to promote her campaign. The first is by asking voters to submit entries for the first post in her shiny new blog. Like the Time Magazine person of the year, Hillary promises that this campaign will be about YOU. The only missing item in her Internet approach is a YouTube video of her announcement, with a way for voters to quickly import her videos to their own site, a la YouTube. Barak one-upped her on YouTube already. It’s going to be an interesting Web 2.0 election.

Visit Web Teacher to read any comments.

Practical, Entry-Level Accessibility

An excellent article by Mike Cherim at Accesssites.org today talks about the basics of accessibility. It is the type of article you want to bookmark and use as a reading assignment for your students. One of the most interesting sections of the article is when he describes the proper use of link text. He said,

Redundant Link Phrases

Don’t use the same link phrase more than once unless it leads to the same place and be descriptive of where the link goes. In other words don’t use link phrase terms like “read more about this topic” more than once unless the link phrase happens to lead to the same place.

Descriptive Link Phrases

As suggested above, be descriptive with your link phrases. All too common links phrases such as “click here” simply aren’t enough. You’ll be making users click on links just to find out where they lead. Even if you feel the context adequately explains where “click here” goes, on the web they may be removed from the context which defines them.

Link Separation

Separate your links by not making them consecutive. Putting even a lowly comma between them will satisfy this requirement. If they’re not used inline with text content, often the best solution is to organize them in an unordered list as mentioned previously as this easily provides the needed separation. Even as list-organized links, they can be styled horizontally with a simply entry in the page’s style sheet thus meeting the needs of your visual layout.

Link Identification

Underlining your links is conventional, widely accepted, and the best of all a recognized methods. While underlined links aren’t absolutely necessary and you may choose to offer them another way, do make them apparent and keep them uniform, just don’t depend on color alone to make this so.

Link Interactivity

Make sure your links are interactive. This may be accomplished by removing the link underline when a user hovers over them with a mouse or focuses on them with their keyboard – which is something even some seasoned developers tend to overlook. The interactive styling depends on their static styling so create a dramatic-enough change. But try not to make this interactivity depend solely on color alone unless said links belong to a very distinctive grouping such as a well-marked navigation list.

Despite claiming that the article is entry-level, Cherim addresses many of the major points involved in accessiblility. A good review, or a good introduction, no matter how you approach it.

Technorati Tags: , , , , ,