Web 2.0 Web Design

One of the great things about Web 2.0 is the empowerment of average users. With Twitter and Facebook pages, individuals can now respond back to companies and organizations with a few strokes of the keyboard. Google's recently entered the fray with an intriguing project called Sidewiki. Once again, companies and nonprofits interested in managing their online brands need to be aware of the new medium and how to track it.

What is Sidewiki?
Google started its sidewiki project in September 2009. It's a sidebar that can attach to any page on the internet via the Google Toolbar. Users gain the ability to comment on any page on the internet. Google uses a ranking system based on votes and various algorithms to determine the order of the comments.

When a user of the Google Toolbar visits a page with Sidewiki notes they see a small blue button of the left side of the page with two white chevrons (see screenshot on the right). Clicking on this opens the Sidewiki sidebar. Here they will see comments left by previous visitors. They are be able to add their own comments.

Visionaries have long dreamed of a web with this kind of two-way communication but similar sidebar commenting systems have failed to gain enough momentum to become viable. If this were just another venture-capital-fueled attempt, it would be something marketers could ignore unless and until it became widely used. But with Google behind Sidewiki, it's a service we need to take seriously from the start.

Users Talking Back
When we put together websites, we get to control the message of our little corner of the internet--we have the final say on the material we present. If Sidewiki becomes popular, this will no longer be true. Fans, disgruntled employees and competitors can all start marking up our sites--yikes! But those brands that have embraced the Web 2.0 model will love another place where they can interact with their audience. Today's marketing goal is mindshare--how much of a user's attention span can you win over. The more you get visitors to think about your brand or your message, the more likely that they will buy or recommend your product or service. You need to be active on whatever online channel your audience is using.

Watching the Conversations
What's a good brand manager to do? The first thing is to make sure you have the latest version of Google Toolbar installed on your working browser (get it here) and that you have the Sidewiki service enabled (I've started a Sidewiki for this entry so if it's working you'll see the blue button in your browser).

Brand Management
Google allows website owners the first comment. If you are registered as the owner of a site via Google Webmaster Tools, then you get first say: when you post to the Sidewiki of a page you control, Google gives you the top spot. This is very good. Should you do it?

Probably not. At least not yet. I don't see people using Sidewiki yet. Most websites still don't have any comments. Even Google's projects often fail to gain traction and there's no guarantee that Sidewiki will take off. If your page doesn't have any comments, I wouldn't recommend that you make the first. If there are no Sidewiki entries, the blue button won't be there and visitors probably won't even think to comment.

If you notice that a visitor has started a Sidewiki for your site by leaving a comment, then it's time to log into your Google Webmasters account and leave an official welcome message. Even though you're second to the conversation, you will get first position thanks to your ownership of the website.

The introductory note should briefly welcome visitors. It will appear alongside your website so there's no need to repeat your mission statement, but it is a place where you can give helpful navigation tips and stress any actionable items that the casual visitor might miss. You might consider inviting visitors to sign up for your site's email list, for example.

The Future
Users can tie their Sidewiki comments into Twitter and Facebook accounts. They can leave video comments. If the service takes off there will surely be a mini-industry built around comment optimization. Spammers will get hard at work to game the system. But none is really happening now. Despite a bit of fear-mongering on marketing blogs, Google Sidewiki is a long ways away from being something to lose sleep over. 

More Information:

• Google Sidewiki page
• Sidewiki Bookmarklet (useful for browsers without Google Toolbar support)
  
• Google Toolbar Wikipedia entry
• Techcrunch on the Sidewiki debut
• Google Webmaster Tools

Collected from LinkedIn:

Tom Ferrick, Journalist/Publisher, Phlmetropolis.com

Hired Martin as a Graphic/Web Designer in 2009

Top Qualities: Great Results, Personable, Good Value.

---

This comes from a presentation I made a few weeks ago where I addressed public relations staff for Quaker Schools. The main points about media openness and the need for public relations to embrace Web 2.0 are applicable to many scenarios, not just schools.

Web 2.0 tools have changed the boundary lines between techies and program staff in many nonprofits over the past few years. At least, they should have, though I know of various organizations that haven't made the conceptual leap to the new roles.

OLD SCHOOL: Webmaster

Let me explain by talking about my own changing work role. Even a few years ago, I was a paid staff webmaster. You could divide my work into two large categories. The first was techie: I managed server accounts, set up required databases, designed sites. I got into the HTML code, the PHP, the Javascript, CSS, etc.

The other was content: when program-oriented staff had new material they wanted on the website they would email it to me or walk it over. I would put in my work queue, where it might sit for weeks if it wasn't an organizational priority. When it came time to add the material I would boot up Dreamweaver, a relatively expensive program that was only accessible from my laptop and I would put the material onto the website. Needless to say, with a process like this some parts of the website never got very much attention.

At some point I start sneaking in a content management system for frequently-changed pages. This seemed very hackish and not good at first but over time I realized it greatly speeded up my turn-around time for basic text content. But the organizations I worked for still relied on the old model, where staff give the webmaster content to put up.

NEW SCHOOL: Web Developer

Nowadays I'm a web developer, a freelancer with an ever changing list of clients. I typically spend about a month putting together a site based on a content management (like this) or automatic feed system (like I did for Philadelphia's William Penn Charter School). I do a certain amount of training and while I might add a little content for testing purposes, I step back at the end of the process to let the client put the material up themselves. I'm available for questions but I'm surprised about how rarely I'm called.

Here's two examples. Steadyfootsteps is a blog by an American physical therapist in Vietnam. When we started, she didn't even have a digital camera! I gave her advice on cameras, started her on a Flickr account, set up a fairly generic Movable Type blog with some custom design elements and answered all the questions she had along the way. She went to town. She's put tons of pictures and embedded Youtube videos right in posts. Here's a non-techie who has contributed a lot to the web's content!

Penn Charter is a school that was already on Flickr and Youtube but wanted to display the content on their website in an attractive way. I pulled together all the magic of feeds and javascripts to have a media page that showcases the newest material.

They're very different sites, but in neither instance does the client contact me to add content. They rely on easy-to-use Web 2.0 services: no specialized HTML knowledge required.

NEW TOOLS, OLD MODEL

I got an email not so long ago from an old boss who manages a monthly magazine. Her site has been radically rebuilt over the years. Dreamweaver is out and content management is in. They use Drupal, which my friend Thomas T. of the Philadelphia Cultural Alliance tells me won the recent popularity contest among nonprofit techies. This is great, a definite step forward, but what confused me is that my old boss was asking me whether I would be interested in returning to my old job (the successor who oversaw the Drupal upgrade is leaving).

They still have a webmaster? They still want to funnel website material through a single person? Every staffperson there is adept at computers. If a physical therapist can figure out Flickr and Movable Type and Youtube, why can't professional print designers and editors?

My hourly rate ranges from two to five times what she'd be likely to pay, so I turned her down. But I did ask why she wanted a webmaster. Now that they're on Drupal it seems to me that they'd be better off switching from the webmaster to the web developer staffing model: hire me as a freelance consultant to do troubleshooting, staff training and the occassional special project but have the regular fulltime staff do the bulk of the content management. I'd think you'd end up with a site that's more lively and updated and that the cost would about the same, despite my higher hourly rates.

I've heard enough stories of places where secretaries have come out of the shadows to embrace content management and have helped transform websites. I'm the son of a former secretary so I know that they're often the smartest employees at any firm (if you walk into an office looking for the expert on advanced Excel features you'll surely find them sitting right there behind the receptionist desk).


FINALLY: WHAT'S UP WITH DRUPAL?

I'm trying to join the bandwagon and use Drupal for a upcoming site that will have about a dozen editors. But there's no built-in WYSIWYG editor, no little formatting icons. Sure, I myself could easily hand-code the HTML and make it look nice. But I don't want to do that. And it's unrealistic to think I'm going to teach a dozen overworked secretaries how to write in HTML. The interface needs to work more or less like Microsoft Word (as it does in Movable Type, CushyCMS, Google Docs, etc.)

Most Drupal sites I see seems from the outside like they're still old school: staff webmaster through whom most content funnels. Is this right? Because if so, this is really just an institutionalization of the content hack I did six years ago. Can anyone point me to lively, active Drupal sites whose content is being directly added by non-techie office staff? If so, how is it set up?

One element of a general social media consultancy project I've undertaken with Philadelphia's William Penn Charter school is a dynamic media page. They had collected a large number of photos, movies and podcast interviews, but the media page on their site was static and without pictures. I worked with them to come up with media policies and then built a media site that automatically displays the latest Flickr sets and Youtube videos, all laid out attractively with CSS. The Flickr part was complicated by the fact that Flickr doesn't produce feeds of sets and this required access to it's API and fairly extensive Yahoo Pipes manipulation. The original podcasts were just uploaded MP3 files and I worked to collect them together via Odeo (hosting) and Feedburner (feed publishing), which then provides RSS and iTunes support. The actual content for the page is collected together on the Martinkelley.com server and embedded into the Penn Charter media pages via javascript. Other work with Penn Charter includes Google Analytics and Dreamweaver support.

Update: PennCharter redesigned their website in August 2009 and the Media Page is unavailable.

Client Testimonial:

"Martin has worked for our school to integrate Web 2.0 technologies into our communication materials. Martin is highly-personable and his is an expert in current technological approaches. This is a hard match to find in consultants." April 30, 2009

Michael Moulton, Technology Director, William Penn Charter School.
Hired Martin as a IT Consultant in 2007, and hired Martin more than once.
Top qualities: Personable, Expert, High Integrity.

On a Friday my wife Julie and older son attended a rally to save a favorite church in Malaga, Gloucester County, New Jersey threatened with closure by the Diocese of Camden. By Sunday we launched Savestmarys.net. It was a weekend where I was already swamped with deadlines, so it's standard Movable Type but with all the tricks of mashed-up Web 2.0 sites to let Julie pour content in: Flickr, Youtube and Google Calendars.

Last weekend I found myself with the scenario no solo web designer wants to be faced with: a dead laptop. It was eighteen months old and while it was from Hewlett Packard, a reputable company, it's always had problems over overheating. Like a lot of modern laptop makers, HP tried to pack as much processor power as they could into a sleek design that would turn eyes on the store shelf. They actually do offer some free repairs for a list of half a dozen maladies caused by overheating but not for my particular symptoms. When I have a free afternoon, a big pot of coffee and lots of music queued up I'll give them a call and see if I can talk them into fixing it.

Once upon a time having a suddenly dead computer in the middle of a bunch of big projects would have been disaster. But over the last few years I've been putting more and more of my data "in the cloud," that is: with software services that store it for me.

Email in the Cloud

I used to be a die-hard Thunderbird fan. This is Firefox's cousin, a great email client. I would take such great care transfering years of emails every time I switched machines and I spent hours building huge nested list of folders to organize archived messages. About a year ago Thunderbird ate about three months of recent messages, some quite crucial. At that time I started using Google's Gmail as backup. I set Gmail to pick up mail on my POP server and leave it there without deleting it. I set Thunderbird to leave it there for week. The result was that both messages would be picked up by both services.

After becoming familiar with Gmail I started using it more and more. I love that it doesn't have folders: you simple put all emails into a single "Archive" and let Google's search function find them when you need them.You can set up filters, which act as saved searches, and I have these set up for active clients.

Why I'm happy now: I can log into Gmail from any machine anywhere. No recent emails are lost on my old machine.

Project Management in the Cloud

I use the fabulous Remember the Milk (RTM) to keep track of projects and critical to-do items. Like Gmail I can access it from any computer. While messing around setting up backup computers has set me back about ten days, I still know what I need to do and when I need to do it. I can review it and give clients renewed timelines.

An additional advantage to using Remember the Milk and Gmail together is the ability to link to emails. Every email in Gmail gets its own URL and every saved "filter" search gets its own URL. If there's an email I want to act on in two weeks, I set up a Remember the Mail task. Each task has a optional field for URLs so I put the the email's Gmail URL in there and archive the email so I don't have to think about it (part of the Getting Things Done strategy). Two weeks later RTM tells me it's time to act on that email and I follow the link directly there, do whatever action I need to do and mark it complete in RTM.

Project Notes in the Cloud

I long ago started keeping notes for individual projects in the most excellent Backpack service. You can store notes, emails, pictures and just about anything in Backpack and have it available from any computer. You can easily share notes with others, a feature I frequently use to create client cheatsheets for using the sites I've built. Now that I use Gmail and it's URL feature, I put a link to the client's Gmail history right on top of each page. Very cool!

Another life saver is that I splurge for the upgraded account that gives me secure server access and I keep my password lists in Backpack. There's a slight security risk but it's probably smaller than keeping it on a laptop that could be swiped out of my bag. And right now I can log into all of my services from a new machine.

Keeping the Money Flowing from Clouds

The latest Web 2.0 love of my life is Freshbooks, a service that keeps track of your clients, your hours and puts together great invoices you can mail to them. I'm so much more professional because of them (no more hand written invoices in Word!) and when it's billing time I can quickly see how many unbilled hours I've worked on each project and bang!-bang!-band! send the invoices right out. Because the data is online, I was able to bill a client despite the dead computer, providing my exact hours, a detailed list of what I had done, etc.

Others

Calendar: I always go back and forth between loving Google Calendar and the calendar built into Backpack. Because I can never make up my mind I've used ICal feeds to cross-link them so they're both synced to one another. I can now use whichever is most convenient (or whichever I'm more in the mood to use!) to add and review entries.

Photos: Most of the photos I've taken over the past four years are still sitting on my dead laptop waiting for me to find a way to get them off of the harddrive. As tragic as it would be to loose them, 903 of my favorite photos are stored on my Flickr account. And because I emailed most of them to Flickr via Gmail most of those are also stored on Gmail. I will do everything I can to get those lost photos but the worst case scenario is that I will be stuck with "only" those 900.

Your Examples?

I'd love to hear how others are using "the cloud" as real-time backup.

Martin Kelley's work has been featured by top newspapers and tech blogs. He has given workshops and presentations on educational and Web 2.0 themes. He is available for speaking engagements and freelance writing.

Publications/Media

ReadWriteWeb (republished on NYTimes.com), Technology is Great but Are We Forgetting to Live?, January 22, 2009. Quote and citation. Read more.

Web 2.0 Mashups and Niche Aggregators, published by the O'Reilly Media Shortcuts Series. Commissioned author.

Quakers in the Blogosphere (PDF), Western Friend/Friends Bulletin, February-March 2006, editorial features Quakerquaker.org.

FGConnections, The Witness of Our Lost Twenty-Somethings, Spring 2005. Author.

Friends Journal, "The World Is Hungry for What We've Tasted," October 2006. Author.

Beliefnet.com, "Best Spiritual Blogs," August 2006. Cited QuakerQuaker.org.

Waging War on War, Washington Post, profile of a number of peace groups including Nonviolence.org.

Not Your Father's Antiwar Movement (subscription required), Atlantic Monthly, cited Nonviolence.org.

USAToday, Missiles Aren't the Answer, featured Op-Ed, November 16th, 1998. Author.

Iraqi Crisis Increases Activity on Peace Network, a major New York Times profile of Nonviolence.org, February 21, 1998.

Fellowships

Friends Institute Fellowship, Philadelphia Yearly Meeting, for work on Nonviolence.org (1996).

Pickett Endowment for Quaker Leadership, helped support 2005-2006 activities that led to the creation of QuakerQuaker.org.

I know beautiful Haddonfield NJ (08033) well. I work as occasional designer and SEO specialist on Barb Raphael's Webscapes awesome staff. With them, I've been lead designer for local projects like The Haddonfield Foundation and Solo Hair Boutique and I helped with Web 2.0 extensions for HaddonfieldNJ.org and other local municipal sites.

Initial email and phone consultations are always free and I always love an excuse to visit the coffee shops on King's Highway!

Web Designer, Content Editor, SEO Specialist

See also: Print Resume, LinkedIn profile.

SKILLS

---

Consulting: Fifteen years of experience in nonprofit world. Much of this work consists of educating staff and leadership on effective use of online communication technologies. Current focus is on analytics, integrating social media, and helping nonprofits adopt content management systems.

Web Development: Proficiency in HTML, XHTML, PHP, CSS, PERL (CGI), MYSQL, Adobe Dreamweaver, Six Apart's Movable Type, Drupal, WordPress, t and related content management systems, along with Search Engine Optimization techniques and analytic tracking methods. Experience with various shopping cart backends for E-Commerce applications. Comfortable with Quark Xpress, Adobe Pagemaker, Adobe Photoshop, Joomla, and Javascript. Close follower of Web 2.0 developments.

Editing: Experience as Acquiring Editor for nonprofit publishing house; proficient at negotiations, copy editing, marketing.

Martin has given workshops and panel presentations on tech issues and on renewal movements in the Religious Society of Friends.

Biographies

TECH:
Martin Kelley is a Philadelphia area web designer who has been building online communities since 1995. An early adopter of user-created media, he was blogging in 1997 and picks up every social media service. In 2008 O'Reilly Media published "Web 2.0 Mashups and Niche Aggregators," his first published tech publication. A professional web developer and consultant, he builds sites and writes about tech issues on MartinKelley.com.

QUAKER:
Martin Kelley is a South Jersey Friend with a love out of outreach and ministry and a passion for looking afresh at Friends' testimonies, language and practices. Before becoming an independent web developer, Martin Kelley worked for Friends General Conference and Friends Journal. He is the publisher of QuakerQuaker.org, a community site for the Convergent Friends movement. He thinks the Quaker message is more relevant than ever but worries we're not being bold enough to gather George Fox's and Isaiah's "great people."

Past Workshops and Presentations

Associate Teacher, Pendle Hill, for a weekend workshop "Convergent Friends and the New Monastics." Pendle Hill Conference Center Wallingford, PA. May 2010.

Speaker, "An Introduction to Convergent Friends." Salem Quarter Meeting. Greenwich, NJ. September 13, 2009.

Facilitator, "Friends Testimonies, What Canst Thou Say?" Two-part session. Young Friends Summer Gathering (Philadelphia Yearly Meeting). Camp Onas, Ottsville, PA. August 25, 2009.

Co-leader, "Reclaiming the Power of Primitive Quakerism." Weekend workshop. Ben Lomond Friends Center. Ben Lomond, California. February 2009.

Presenter, "Friends Schools and Web 2.0" (video). Panel discussion for Friends Council on Education. At Germantown Friends School, Philadelphia, PA. January 2009.

Presenter, Religion and Technology Teachers Peer Network (Friends Council on Education). December 2007. Center City Philadelphia, PA. Also available as Google Slideshow Presentation

Teacher, "Quakerism 101". four-session course for Moorestown Friends Meeting. Moorestown NJ. October -November 8, 2006.

Co-faciliator, On Fire: Renewing Quakerism Through a Covergence of Friends. Interest group, FGC Gathering. July 2006.

Invited Guest, Quakerism classes, William Penn Charter School. East Falls, Philadelphia PA. April 2006.

Leader, Food for Fire weekend workshop, New York Yearly Meeting's Powell House. Old Chatham, NY. February 2006.

Co-leader, Strangers to the Covenant (five sessions), workshop for high-school Friends, FGC Gathering. July 2005.

Teacher, Quakerism 101 (six sessions), Medford Friends Meeting. Medford, NJ. September-November, 2004.

Teacher, "Living in the Light" Quakerism 101 course (one session), Central Philadelphia Friends Meeting. Center City Philadelphia, PA. March 2003.

Contact

Email: martink@martinkelley.com
Phone: (609) 365-0123

See also: Publications and Media List

It's not necessary to develop your own Web 2.0 software infrastructure to create an independent Web 2.0-powered community online. It's far simpler to set a standard for your community to use on exisiting networks and then to use Yahoo Pipes to pull it together.

RSS feeds are the lingua franca of the modern internet, the glue that binds together the hundreds of services that make up "Web 2.0." The term stands for "Really Simple Syndication" and can be thought of as a machine-code table of contents to a website. An RSS feed for a blog will typically list the last dozen-or-so articles, with the title, date, summary and content all laid out in special fields. Once you have a website's RSS feed you can syndicate, or re-publish, its contents by email, RSS reader or as a sidebar on another website. This post will show you a ridiculously easy way to "roll your own" RSS feed without having to worry about your website's content platform.

A look at the new class of "Single Page Aggregators."