Archive for the 'ideas' Category

Enter the Next level of Web Design

Over the past 3 years, we’ve been continually trying to improve our web design course and make it more ‘user friendly’ in response to feedback from learners. Some changes have been really successful, others not so, but we’ll keep trying to listen, reflect and improve the learning experience.

Date DueThis semester one of the strongest points of feedback has been the need for more structure. People really enjoy the benefits of learning at a pace that suits them individually, but also need more structure - to see the path ahead, to know what is due when, to see exactly where they are in the course. These are all very reasonable points, which begs the question: Why aren’t these things built into the course already? The short answer is that they were, but as we’ve tried to improve the course to suit the flexible needs of learners these qualities have unfortunately slipped in priority… leaving people sometimes feeling like there isn’t a target to work towards. “What’s the due date? Whatever we negotiate together, given your own commitments and client projects” - sometimes this is too vague and difficult with a lot of students. And we want to fix this.

The current course structure

If you’re interested you can read a brief history of the webdesign course to understand how it has developed to date, but the bottom line is that now we’ve got a range of learners learning at their own pace (sometimes in small groups which is great), some who attend fulltime, others who attend one or two set days each week, and a few whose attendence fits in around their work schedules. A very small percentage of learners are able to complete the course in a single semester (usually those who already have substantial programming experience), most full-time students complete in two semesters.

The biggest problem that we’re facing is how to provide a schedule of learning activities that caters for the ranging needs of learners and addresses the required skills. We tried to implement the idea of a succession of mini-projects where each project builds on the last project and integrates more skills, together with individual learning contracts with individual deadlines (see Teaching Web Design Part II for more details). In practice, we’ve only had time to create individual learning contracts with the flexible students (leaving full-time students who learn at their own pace with only a vague schedule or timeline through the course) and the mini-projects were too difficult to develop without time put aside to do so. In addition to this, quite a few students had something better to work on which demanded their time: real client projects.

Competency Based DrowningTo enable learners to progress through the course flexibly we’ve been structuring the Web Design Wiki-course into topics (Basic HTML/CSS, Intermediate HTML/CSS, Client-side scripting, Server-side scripting, Emerging Technologies etc) that are based on the national units of competency - which makes great sense for assessment, but not so much for learning. One big problem is that most topics are either too narrowly defined or, on the other hand, way too big to focus on in one hit. Most participants get overwhelmed when they first hit Javascript. They feel that they’re not “getting it” quickly enough and their motivation levels start to sink (an effect I think of as Competency Based Drowning).

In the past we’d schedule 4 weeks of learning Javascript and many people would end up just feeling dumb. For the last year we’ve been allowing people to take their time as they progress through these harder large topics, but because people are then focusing on the one topic for a substantial amount of time, the feeling of progression is lost and as a result some people end up again just feeling dumb.

Ultimately, what we’re looking for is a way to provide a concrete pathway through the course that supports people learning flexibly and yet still provides concrete timeframes for individuals to work with.

Enter the Next Level

The next level and motivationIn her article What can software learn from Kung Fu, Kathy Sierra highlights how reaching a recognised “next level”, whether in a computer game, a Karate belt, or web programming, stirs us on to keep progressing even when it’s tough:

“There’s always something new to aim for and as you progress through each level, the motivation to go higher keeps growing. How many of you have felt the seduction–where you go into something thinking you’ll never care about anything beyond the bare minimum entry-level, only to find yourself sucked in? Next thing you know, it turns out you did want to learn CSS. Because once you know CSS, then you can do… (and on it goes).”

I reckon people in class have experienced this feeling when they start getting the hang of HTML and CSS! But I also get the feeling that starting Javascript or PHP can be like running into an inpenetrable brick wall. Perhaps a better picture of our motivation would be this second one.

Next Level in Web DesignLuckily a number of people in class have real client projects that keep them in the flow of progression and motivated to keep learning. But the problem remains that the larger, more complicated topics can get us bogged down, losing sight of the end, and failing to see any progression in our learning.
My question is: Would it be worthwhile for us to re-structure the course into smaller, more achievable levels - where each level can be mastered in a matter of weeks (maximum 15 days full-time).

Each Level could have it’s own time frame (for e.g., “Estimated time required to master level 1 is 6-8 days”), could include a range of technical, communication and media-based activities that are ideally integrated together. The level description can also be used as the basis for an individual learning contract that is printed and signed - helping us facilitators to negotiate concrete timeframes with everyone. At the end of certain levels learners may be ready to demonstrate their competence in certain units of their qualification. And most importantly, learners can see exactly where they are in the course (e.g. “I’m currently working at mastering level 9. Level 12 is the final level for my course so I’m approximately 3/4 of the way through.”).

Larger or more complicated topics can be spread out over a number of levels and integrated into activities that continue build other skill-areas. For example, Javascript could be introduced in Level 3 (What are Javascript events?), built upon gradually through Levels 4 and 5 (functions, basic input validation etc.) and completed in level 6 (dynamicly hiding/showing elements on a page, more complicated form validation etc.) Yet the learner wouldn’t be stuck doing only Javascript through levels 3-6: the activities at different levels could build on HTML skills (e.g. learning more accessible forms using the label element), CSS Skills (e.g. a few CSS challenges), Multimedia skills (e.g. designing buttons for image rollovers) and communication skills (e.g. determining client functionality required for a dynamic page).

At the end of each level, learners might review their learning (using a variety of tools such as simple Flash-card sets), demonstrate their skills with their facilitator and sign off for mastering that level (possibly also for certain units of competency).

Hopefully this would allow learners the time needed to process and practise more difficult skills while still progressing in other areas, and more importantly, recognising their progression from one level to the next. Learners can always see exactly where they are in the course (which Level). Learners can learn in a holistic yet practical way that can be self paced (but doesn’t have to be), while still having concrete deadlines to work towards. Facilitators can link units of competency and assessment activities to the appropriate level, and hopefully track learner progress without so much pain!

Over to you…

So, over to you. Have I correctly understood the feedback from learners? Would it be worthwhile to restructure the course into smaller, more achievable levels? Do you agree with the benefits outlined for you as a learner or facilitator, or can you see disasterous problems? Please let me know your thoughts below! After you’ve done that, you can even help us brainstorm the new structure on the Wiki-course site.

Blogging the Brand

Over the past year, a few of us on the TALO email group have been thinking about how Blogging might help governments - and specifically educational institutions - to connect more directly with the public… “talking with your customer”.
Back in June last year, we considered Corporate Blogging at TAFE, then later in the year looked at Blogging in the Public Sector (with a followup on Government Blogging). All this was based on the way some American companies are successfully using Blogs to interact and learn from their clients/customers.

Today the Australian IT section has a feature on Blogging the Brand, outlining how Telstra has been using their blog site NowWeAreTalking to reach customers…

“The way of the future? Absolutely. It’s another bona fide communication mechanism and you can actually track its results and effectiveness and it can deliver tangible benefits,” Crisp says.

The article balances this with all the hype currently around blogs, but overall, a worthwhile read for anyone considering using corporate blogs for education!

A scaffolded Webdesign Project

Photo by http://flickr.com/photos/oliphant/96932140/One of the toughest issues I find facilitating a web design course is when to introduce ideas and experiences as the course progresses. It’s such an individual thing… inevitably some learners feel overwhelmed and others get bored… I mean there’s so many factors such as prior learning, motivation, how much effort we apply out-of-class, how deep we look into a topic when we learn etc.

Our class is at the stage now where some of us have already completed our 2nd project - a small (3 page) website (including css layout, uploading, validating and running simple performance tests) - and are keen to get stuck into the next project - a real client project. In the past, running a client project so early in the course has introduced some struggles for Genie, Jude and I facilitating the course… if you’ve got any ideas, please share them!

The facilitator’s main struggle

Getting people interested (and therefore learning) in the critical non-coding aspects of web-design is one of my main struggles. I facilitate workshops in Information Architecture - trying to motivate leaners to see how important this area is - but no matter what I do, IA just doesn’t cut it next to photoshop’ing an image or cutting a new CSS design.

Because of this, when we then begin our first client project, we begin by coding up a prototype of what we think will work - without even waiting to look at the results of client and user surveys. In the past, the result has been that we don’t get to experience a realistic web design process because we all inevitably skip essential tasks that we don’t think are so important.

This then makes it pretty difficult for the facilitators to assess these skills or even encourage them in the next project… with the result that we have to assess these skills in a less-than-realistic scenario.

Scaffold by http://flickr.com/photos/ax-ro/74933457/So in the past, the option of starting a client project early on has not helped most learners to learn the other essential aspects of Web Design. But at the same time, working on a real project early on does provides an incredible amount of motivation for applying our coding skills. So the question I’ve been asking myself is: how can we use a client project early on in the process to build our coding skills as well as introduce and build on other essential aspects of web design?

A scaffolded Client Project

One thought I’ve been mulling over the past few days is to start a client project with those learners who are ready, but with a lot more “scaffolding” to guide learners step-by-step through the complete process (we have been scaffolding projects to some degree after reflecting on our web design course last year, but I guess I’m thinking about a step-by-step process through the first client project). This would allow those learners who are keen to develop a real client project to do exactly that, while ensuring that a whole web design process is experienced. At the same time, it will require a commitment from learners to completing all the details (such as client surveys, user testing etc) and not just doing the coding!

Photo by http://flickr.com/photos/duchamp/6937772/Ideally learners would work in groups of 2 or 3, perhaps using the more experienced people in class as consultants on their projects. If there are a number of learners who, after completing their small (3 page) website don’t feel confident to take on a real client, I’m confident we can work out a scenario project and simulate the communication aspects. After all, we’ll still be learning from each others projects throughout the whole process.

The project “scaffolding” would be provided through the facilitators, but using the excellent resources created by current professionals, such as the excellent book Web ReDesign 2.0 - Workflow that works and others. In our class we might follow the workflow outlined in the book begininning with Phase 1: Define the Project, and I’d have an expectation that we’d be committed to completing each Phase as we go and not just jumping straight into the “fun” bits :)

If you’ve got an ideas or criticisms, or have tried something similar, please let me know.

If you’re a learner in our class who’s ready to start your third-project and you think this is a great idea, feel free to get started right away! Pair up with someone in class (even if you both choose to do a project each, it will still be worth pairing up and commit to work together). On Thursday we can talk about some options for client projects. I’ll be working on a handout/post to provide some scaffolding for Phase 1 of our projects, but until then, if you’ve already got a client project in mind, you can certainly get started putting together your own Client Survey (based on resources above from Web ReDesign 2.0 - Workflow that works or from the WebStyleGuide that Kevin linked to, or any other source that you’ve found).

Helping each other learn Web Design

Fire evacuation postIt’s been a crazy first week back in class, with over 20 of us starting out in the Web Design course! It’s got me thinking about better ways to facilitate our individual learning when there’s so many of us… and I’d love to have some feedback!

Just over a year ago, Genie, Jude and I did a lot of thinking about the Web Design course after going through participant feedback. To summarise, the biggest issue was that the lock-step approach (”this week we’re all learning PHP”) didn’t suit most people - for some the learning was too fast, for others too slow. So we worked pretty hard to build a learning environment where we can all learn at an individual pace that keeps us challenged but not overwhelmed, and yet still learn from each other as a social group. While there’s heaps of room for improvement, the feedback was generally good.

But I’m getting the feeling that learning at an individual pace is a lot easier with a smaller group (last semester we had around 4-8 people in class at once). So what to do now that there’s 20 of us?! I really feel that it benefits us to be able to learn at our own pace, but at the same time I don’t want people to feel frustrated because I only get around to helping them every 20mins or so.

Live ducks that haven't been runover!On our orientation day (last Monday), we ran a photo chase instead of the typical college tour (which seemed to go really well… got the feeling people found it much more fun and memorable than the typical college tour that we’ve done in the past). Genie organised us into small groups of 3-5, which meant that there were only 4 groups.

This got me thinking that maybe that’s the obvious solution for us in class - instead of working individually on our mini-projects, we could work in small groups of 3 people where we’re all learning at a similar level. Helping each other with our projects - perhaps working together on each small project - is a great way to learn, and would make it much more managable from a facilitators point of view… but I get the feeling that it might not suit everyone… and that’s why I’m so interested to hear what you think! Especially if you’re part of our class (scroll down to leave a comment).

Yet Another College Tour…

At the start of every semester, we walk around the college with the new web students, pointing out all the places of interest, “college tour” at the start of each semester where you walk around the college, showing students the cafeteria, fire-evacuation points, etc.
We thought this year it might be more fun and memorable to arm ourselves with digital cameras (or Mobile phone cameras),  and get out there for a 15 min photo chase!

Here’s our thoughts so far (if you’ve done this before, or you’ve got other ideas, please drop us a comment!):

NOTE: make sure that you ask permission before taking a photo, and explain why you are taking your photo!

Divide into 2 or three teams (4 people each?), and get as many points as you can! Winner takes all:

  • 5pts for a friendly librarian with a smile: (15pts if you get a pic of an angry librarian - a very very rare species in our college!)
  • 5pts for some ducks that haven’t yet been run over. (Note: Drive slowly around car-park!)
  • A place where you can play some sports such as Basketball or Frisbee or Soccer.
  • … (bonus points if you manage to use the macro feature of your camera for this photo)
  • A security or maintenance person (smiling of course).
  • A door that opens to a room where you can get counselling 5pts (Bonus 10pts if you get a pic of Louise our counsellor, Bonus 20pts if you get a pic of Louise’s special bike).
  • The place where you have to gather when the fire alarm goes off: 20pts. (Bonus 10pts if your photo demonstrates something that should not be done during an evacuation!)
  • 5pts for each of your IT head teachers.
  • 10pts for a photo of the door where Judith Cooke, one of your facilitators, hides when she doesn’t want to be found ;).

Special prize for most creative photo, and funniest photo.

Over to you Genie (or anyone else!)