Crucial Thought Rss

Featured Posts

Chris selected as K12OnlineConference keynote speaker Each year the K12OnlineConference provides tremendous professional development for free, and entirely online. This year, they have selected me as one of their keynote speakers. I am thrilled to have been chosen and look forward to participating in the conversation. Read the full post announcing all the keynote speakers here.

Read more

Two quick links on Cognitive Load Theory I've been fielding lots of questions lately about Cognitive Load Theory. Here are two quick links that may be useful. First is an article talking about the practical implications of CLT on the design of learning. The second are some "recent" (as of 2003) developments regarding CLT. Happy reading! Update: I clarified the second...

Read more

Practical advice on kids and Android app development After hearing about my students' success developing an Android app, I've gotten several emails asking for more details as to how I practically worked with my kids. Here are some pointers that I offered to the first person that emailed me, perhaps they are of some use to you. Please note that your mileage may vary. It's ok to not be...

Read more

Publishing an App Inventor app to the Android Market As I mentioned earlier, my students and I published an Android app to the Android Market. See those links for more information on the background. This post is decidedly technical. First, once we finished the coding process, we packaged the app for to download to the computer. This is an option in App Inventor. This downloaded an .apk file....

Read more

Designing and publishing an Android app with kids This post is designed to provide some context around how/why we decided to build this app. The more technical details of the code and how we published it will come in a future post. My students and I recently completed and published an Android app, and here's how we did it. First, the genesis for this goes back to a question I asked...

Read more

Web design in the context of web 2.0

Category : General

I claim to be no web designer. I can still code some mean HTML but have never been able to manipulate graphics to my liking, no matter how open source the program is. So when I sat out to throw together a custom front page for the NextGenTeachers, I offered to code it, as long as someone else designed it. Little did I know I was in for a shock.

You see, I have not designed a website that I intended to get a decent amount of traffic in some time. Oh sure, I redesigned two sites in the last few months, but those were using templates from open source web design and was fairly easy using Kompozer.

Now that I am working on a site for NextGenTeachers, with some awesome design work by Doug Belshaw, I am left wondering how to proceed. We’ve got a solid set of icons and graphics, but it’s on a plain white background. This doesn’t seem terribly web 2.0ish.

I have to admit, I am absolutely captivated by web 2.0 design, and there is one web site in particular that makes me want to shake the hand of the designer. I have contacted the gentleman who runs the site for an interview for this blog regarding his site and use of open source software in the build. It is built using Ruby on Rails, and I understand he learned Ruby for this site.

Impressive.

More impressive is the design. It is simplistic, clean, and wonderful. It has an automatically updating rss feed which is based a javascript (that I really should search for, I see it in the source code).

The catalyst for this series of design-based changes in my thinking was an article I read that really resonated with me. It talks about how years ago us geeks all went the exact opposite direction from Arial, and now it’s making quite a comeback. The article deals with many of the characteristics of web 2.0 design, or at least characteristics that we have come to associate with web 2.0 sites. I can’t necessarily articulate them, but I feel like I know then when I see them.

I recognize that web 2.0 is about information and collaboration, not web design elements. As a matter of fact, I have a post I’ve been working on for some time called “Does Web 2.0 equal Ajax?”. I get that. O’Reilly defines it well. I will make no attempt to even summarize it. All I know is I am hunting for a web 2.0′erizer. I want to take these icons, put them in a blender, and have it spit out the design.

I want to focus on the content, maybe hack it a little.

I am horrible at creating graphics with rounded edges, big fonts, pastel colors, and the like. Maybe plain is ok? Doesn’t content rule anyway?

And no, don’t worry, there’s no flash in sight. Yeesh.

Comments (3)

My latest find regarding Web2.0 design: Web Design from Scratch’s Web 2.0 … style guide. I particularly like the analysis of BG gradients as establishing mood and “[an] illusion of a non-flat surface.”

Maybe the styles we see in web 2.0 design are a result of an evolution in usability and not just a shift in taste. I, too, noticed a certain appeal in the design of the edu2.0 site. Seems that design invites a user to click deeper.

Plumbing sites like Merlot and the Maricopa Center for Learning and Instruction may get easier with time; but, if we are ever to see the use of such technology become standard, or even pervasive, new sites will have to peg the “user-friendly” meter.

Here’s an article with some interesting links on Web 2.0 design

http://www.profitpapers.com/dev/web-20-design-tutorials.php

And of course there is always the Web 2.0 Logo Generator :)
http://msig.info/web2.php

Hi Chris,

This is Graham Glass, founder of http://www.edu20.org; anytime you’d like to do an interview, let me know!

Cheers,
Graham




bt
plugin by DynamicWP
#