The Things We Love Just Got Better

July 1st, 2009

Jordan Warren

I have been able to play around with some fun things while at Pemaquid. I’ve been spending some time last week sprucing up the Pemaquid Fan Page on Facebook.

We are still playing around with is, learning all that it has to offer. I wish there was a better way to write in a description of the company, but there are other cool features, including discussion boards, the Wall, and video that will help us keep you all updated about what’s happening round the office at 28 Maple Street.

We have 73 fans as of today. We need to break 100 in order to get a vanity page URL (”http://facebook.com/pemaquid”). Like what you read here? Become a fan and help put us over the top!

We know the value of social networking for a business we wanted to keep up with the trends. There is also an ad manager but I haven’t even looked at the capabilities of that yet.

The other thing I have been playing around with is Google docs (http://docs.google.com). I never knew such a thing existed and it might be the best thing ever. Every student should know about this! You can create word processing documents, spreadsheets, even forms.

It’s all wicked easy to use and then you can email it to others, and let whoever you want have access to view it or edit it. You can make surveys and send it to people and Google docs automatically makes a spreadsheet and records the responses for you. In addition to all that, because it’s linked to your google account you can access it wherever you can access the internet.

No need to worry about having your own computer, or your flashdrive, or emailing it to yourself (which I think every college student has done at least once), it’s just there, whenever you need it. For someone like me, who is crazy about having everything organized this is the best thing ever.

Theory of (creative) relativity

June 30th, 2009

Fake Albert Einstein

If there’s one thing I’ve noticed in life, it’s that digital creatives, like most people, tend to sell themselves short. When complimented, they’ll say something like “…it was nothing, really…” or “…there are some things I could have done better…”

And some of these people are doing amazing things. I mean, they really rawk! So why don’t they realize it?

I have a theory. I call it my Theory of (creative) Relativity.

In Einstein’s Theory of Relativity, your perception of the laws of physics depend on your orientation in the universe. If you’re a passenger on a starship hurtling through deep space and look out the window you’ll think you’re not moving at all - even though you’re streaking along at the speed of light - because you don’t have a frame of reference.

So it is with our perception of our talents. We live with our talents every day, so after a while they start to seem ordinary, commonplace, mundane.

it’s sometimes easy to feel that we as persons are commonplace, mundane or - on a really bad day - worthless.

Don’t fall into this trap!

Everyone has a special talent - a “superpower”, if you will. Don’t brag, but be proud of what you can do, keep getting better and share it with others.

And when someone pays you a compliment, don’t brush it aside; mark it down. It means you’re on the right track.

Web design advice for Jordan

June 29th, 2009

Jordan Warren

Last week we asked other Maine Web designers to Twitter some words of advice for our intern, Jordan Warren. What we got was good advice for any Web designer at any level. A sampling:

Wendy Clark - @wending (Senior Web Designer at MaineToday) - “Occasionally leave the computer for your education and inspiration. Visit the PMA or local galleries once a month.”

Tim Shackleford - @fiveleafdesign - “Always be learning, test early and often, and surround yourself with people smarter than you. You’ll learn alot.”

Dan St. Peter - @danstpeter - “Listen to and learn from the experts you meet. Study http://www.smashingmagazine.com and other great online resources.”

Maggi Blue - @magpiecreative - “Don’t over think it…it only gets you in trouble.” (Don’t overthink, Jordan, but please do think.)

Ellen Kanner - @ellenkanner (Kanner Kreative) - “Firebug plugin for FireFox. period.” (We got her squared away with that on day one, Ellen!)

Calvin Gilbert - @calvingilbert - “Create libraries of frequently used code snippets and site templates… and listen to Rob.” (Listen to Rob? Smart man, that Calvin.)

You can find all these “tweets of advice” on Twitter, tagged as #4Jordan. Thanks to the folks above for taking the time to share insights based on their experiences.

So what advice do you have for Jordan? If you’re a Web designer here in Maine, we’d love a quick comment. No matter how insignificant you think it might be, it’s a gold mine of knowledge for her. Help her get better, faster.

She’d love to hear from you.

Pemaquid wins an entreverge

June 26th, 2009

entreverge
Last night Pemaquid was selected a first-ever entreverge award-winner. There were five award recipients in all; we were chosen for our work promoting the concept of coworking here in Portland, Maine.


Coworking, to us, is about “you + me + he + she = bettah!”

Pemaquid will now receive pro bono counseling from the entreverge advisory committee and we have access to pro bono promotional services from entreverge business partners.

It’s great to be recognized for an idea you feel passionately about. But ideas are the easy part. Now we need to get to work and do some heavy lifting to make the idea a reality.

I hope you’ll pitch in.

Portland Press Herald article on entreverge awards

Casey Rosenthal joins the coworking gang @ 28 Maple St.

June 25th, 2009

Casey Rosenthal

We’re jazzed that Web developer Casey Rosenthal has joined us down at the “Fab Lab” at 28 Maple Street. Casey runs Port 49 and he’s an accomplished Ruby on Rails developer.

Casey also organizes the techMaine Ruby user’s group and is a member of the MaineUX usability interest group. But most importantly, Casey is a staunch supporter of the coworking concept and as such we couldn’t be happier he’ll be working with us.

You can follow Casey on Twitter at: @caseyrosenthal

Pemaquid nominated for entreverge award

June 23rd, 2009

entreverge

Pemaquid Communications has been nominated for an entreverge award for our work pioneering and promoting the concept of coworking here in Portland this spring.

It certainly is nice to be recognized. What began simply as a search for office space evolved after a conversation with Chris Messina, founder of the original coworking space - San Francisco’s Citizen Space - and now seems to have captured the imagination of many Digital Creatives in town.

We got some media love from The Maine Switch, we had a successful and well-attended social last month, the coworking social Jelly has come to town, and now there are two Facebook groups on coworking here: Portland Coworking and Portland (Blueberry) Jelly.

Best of all, there are now four of us (five if you count Jordan, Pemaquid’s intern) at our little coworking space at 28 Maple Street.

Entreverge is an organization formed recently to promote entrepreneurs and business innovators in Maine.

Five award winners will be selected from the nominees at a party at Port City Music Hall this Thursday evening.

Writing Maps @ Jelly

June 19th, 2009

Jordan Warren
I spent the day the other day working at the Space Gallery in Portland with other people who work from home more often than anything else. It was an event called “Jelly”. Jelly was originally started in NYC in 2006 by two roommates and has expanded from there. You can find more information at http://workatjelly.com/.

Jelly

Everyone I talked to was really excited about getting out of the house and it was definitely a good opportunity to meet people and network. There is also talk of holding this event once a month somewhere in Portland (There’s actually one scheduled for July 7). You can keep up happenings via its Facebook group: Portland (Blueberry) Jelly.

I think this is a great idea to help people brainstorm, get refocused, and be very productive.

One other new project I have gotten to work on lately is site mapping. I am using writemaps.com which can be made public so more than one person can edit it. It reminded me a little of building a family tree, only it functions much better than most of those I have tried. It is very easy to show how the pages drill down.

This project, however, gave me a much larger respect for everything that has to go into a website. This site map was for a bank so it was more complex than some of the other sites we come across but any business is going to have many many pages and subpages. It’s something you don’t really appreciate, and therefore don’t appreciate the work that goes into building them, until you look at each and every one.

WriteMaps

Coworking Facebook group created for Portland

June 18th, 2009

portland coworking

A Facebook group has been set up for Digital Creatives who are interested in coworking.

Portland Coworking is a space where local folks can share ideas on how we can make coworking, well work.

A lot of folks have expressed interest in our space at 28 Maple Street, and this will make it easier for everyone to stay in touch with what’s happening in town. So surf on over!

Baby, remember my (page) name

June 12th, 2009

All you John Smiths and Davey Joneses out there should listen up…

Facebook

Bright and early tomorrow, Facebook will start allowing members to “claim their name” for their profile page - i.e. http://facebook.com/roblandry.

Right now mine is http://www.facebook.com/profile.php?id=771569224 for example. Now who’s going to remember that?

We’ve all seen URLs like that. Here’s an MSN article on the Facebook change: http://www.msnbc.msn.com/id/31212881/?gt1=43001.

Lovely.

Why is Facebook making this change? Usability, of course. It’s much easier to remember someone’s name than it is to remember their number. In the iPhone you dial a contact by their name, not phone number.

Why do people create Web pages with long lists of unintelligible numbers? It’s easier to program.

Whenever possible, make it easy for people to remember where when they were on your Web site. After all, the 48th state to join the union was Oklahoma, not “48″ and not “?state=oklahoma”.

If a page name is easy for people to remember, it’ll be easier for them to return, and easier to spread the word about it. You’ll see traffic and sales increase.

Recently at Pemaquid we’ve begun rolling out using tools like mod-rewrite to allow Clients who use apps like our Content Manager to have page names that are easier for them - and especially their customers - to remember.

All Systems Go!

June 3rd, 2009

Jordan Warren

As I am getting accustomed to life at Pemaquid I have been getting more involved in how things work and I’m starting to actually contribute. It is one of Pemaquid’s major concerns to make sure all their websites are accessible to everyone, including the visually impaired, so I am learning about a side of usability I had never even thought of before.

When I first started my internship we had to spend some time with getting me all geared up with the right gadgets and applications. We had to discover some free software that would help with writing in HTML so I have been using a program called jEdit. It works well so far but it definitely takes some getting used to. You have to write all the code yourself, unlike in Dreamweaver where it offers you buttons and shortcuts to get things done. Though it takes more time doing things this way I feel like I am learning a lot more. The other downfall is that it doesn’t allow you to test code directly from it to a browser, so you need a way to upload to the internet to check out what you have done. I have been using Filezilla for that, which is a very nifty little tool.

We also set me up with a bunch of Firefox add-ons, like Firebug, which allows you to inspect a website while you are on it and see how each element fits into the source code. I have also been using the Web Developer toolbar add-on that allows you to validate websites, see any site without css, disable images, outline different page elements like frames, manipulate forms and many cool things.

So, I’m all geared up. I know HTML basics. Now it’s time for me to do something useful. I have been working on a form for one of Pemaquid’s clients and I think I will be posting some changes to another client’s website today, finally starting to feel like my time at Pemaquid is benefiting them as well as me!

Pemaquid garners 3 Best of the Web nominations

May 29th, 2009

Yesterday techMaine, the Technology Association of Maine, announced finalists for its Best of the Web awards, and Pemaquid has won three nominations, more than any other Web design studio. In the past three years, seven Pemaquid sites have been nominated for Best of the Web, also more than any other studio by our count.

The nominees are….

Eastern Book Company
http://www.ebc.com
Best Corporate Image
More Eastern Book

Maine Merchants Association
http://www.mainemerchants.org
Best Non-profit Web site
More Maine Merchants

Bluezberry Jam
http://www.bluezberryjam.com
Best Arts & Entertainment Web site
More Bluezberry

Another Pemaquid site, OakhurstDairy.com, was submitted in the Best Corporate Image category, but was not named a finalist.

Winners will be announced at the techMaine 2009 Technology Awards Gala June 2, to be held at the Eastland Park Hotel.

Talking to the MPRC about Smart Use of Social Media

May 26th, 2009

Twitter bird

Once again I’m speaking about Twittering (and Twittering about speaking).

This Friday I’ll be making my presentation on Smart Use of Social Media to the Maine Public Relations Council. Details on their events calendar.

Basic premise: understanding the Twitter timeline is good; making it work for your business - priceless.

Speaking of Twitter: did you know that there are now more than 32 million people using the service to spread the word about themselves and their brands?

Pemaquid’s First Intern

May 21st, 2009

Jordan Warren

My name is Jordan Warren, and I am a Business Major with a Computer Science Minor at the University of Southern Maine. I am very interested in Usability, Website Design, and Information Systems Management. I am the very first intern taken on by Portland Web design studio Pemaquid Communications.

As I started looking for internships, I was finding that most of those available are either all on the business side of things or too technical for my current set of skills.

Then Pemaquid’s principal, Rob Landry, came to speak at my e-commerce class, and everything he had to say about his own company was what I was interested in, and he seemed fun and enthusiastic about his career, so I did the brave thing and asked if he would like to have an intern, and we found a way to make it work.

Having never entered into an internship, I had only my own assumptions and friends’ stories to go on as to what it would be like. Having an employer who has never had an intern has added an interesting twist on things as far as I can tell.

Rob has gone out of his way to make sure I feel welcome at the office and has gone above and beyond to make sure I start out with the right tools and knowledge so we can both benefit from this partnership. Sheila Reiser, the Creative Services Coordinator, has been just as helpful, and is as excited to learn as I am.

Pemaquid is a unique environment and because of that I think I will gain more from this experience than I would have from a company that “knows what they’re doing” when it comes to interns. I told the folks at Pemaquid that I wouldn’t mind fetching coffee for them, but I don’t think I’ll be doing much of that.

The experience is much more like school than I expected, so far, but in a good way. Rob is so eager to share his knowledge and we have discussed the things I am most interested in learning. From there, he has offered books for me to read, and websites to look over, we are even starting a delicious account for Pemaquid that will include all our favorite sites for other to use to help them find what they are looking for.

It is also a lot more technical than I thought I would be able to find for an internship. I expected to end up in an office somewhere, filing, but instead I get to learn more about HTML and CSS and eventually help on some projects at Pemaquid.

I am so lucky to have landed this opportunity to learn and make connections throughout the Portland area in the process. I don’t think there is any way I can learn all that the people at Pemaquid could teach me in a single summer but it will definitely be a most worthwhile experience.

HTML5 - A Look Ahead

May 19th, 2009

Lately I have been hearing more about HTML5, so recently I decided to dive in and figure out what it all means. This led to a presentation last night to the techMaine Web Designers User Group.

It’ll be awhile

Bottom line: HTML4 and xHTML will be with us for a long time to come. The HTML5 spec is still a work in progress and browsers still don’t render a lot of the new tags. Still, the possibilities are interesting.

The Takeaway

HTML5 will provide better cross-browser support for Web apps (not just documents like PDFs). Look for mobile devices to make use of the new spec first.

Resources

Presentation

Open House @ 28 Maple Tuesday evening

May 18th, 2009

Just a little reminder about our soiree Tuesday…

Open House/Social

May 19th 5:30 - 8:30pm - Free pizza, beer and wine provided by Portland Pie (our landlords; they run their business out of the ground-floor space. We’re up on the top - 3rd - floor). Map »

RSVP through Facebook

Picture of office space - 28 Maple St.

Staff writer Avery Yale Kamila has a great piece on coworking in the Maine Switch featuring Pemaquid Communications and our endeavor to create a coworking space at 28 Maple Street, what we sometimes jokingly refer to as the “Fab Lab”.

Coworking Links

Photos of 28 Maple Street (Flickr) - taken recently when it was occupied by the previous tenant, a Portland ad agency.

Coworking Survey - Take our quick survey and let us know what you’d like to see in a coworking space here in Portland, Maine.
Coworking Wiki - share ideas on coworking with people who are operating similar spaces in other cities.

Reading List for Web Design Interns

May 14th, 2009

If you’ve been following our tweets @pemaquid (you *have* been following our tweets, haven’t you?) you know that our first intern, Jordan Warren, began working with us last week. You also know that we’ve tweeted a couple of the books I’ve recommended to her from our library.

Here’s a list of some of the books that I’ve read and referred to over the years that have been invaluable resources for Web design:

Don’t Make Me Think - Steve Krug. Steve shows how people surf the Web, and that should affect how you build Web sites

The Design of Everyday Things - Don Norman. How people use a tool, a door, a switch, a Web site depends upon how it’s built (see affordance).

Designing with Web Standards - Jeffrey Zeldman. What it means to design with Web Standards, and why that’s better.

Bulletproof Web Design - Dan Cederholm. Why it’s smarter to lay out sites with CSS, rather than using <table>.

Transcending CSS: The Fine Art of Web Design - Andy Clarke. A great read from one of the world’s most talented Web designers. Andy explains how to use CSS to render your design visions beautifully and accessibly.

The Inmates are Running the Asylum - Alan Cooper. Explains why you want an Interaction Designer - not a programmer or a graphic designer - to build your Web site.

Designing Web Usability - Jakob Nielsen. An oldie but goodie. How to make Web sites easy to use.

Defensive Design for the Web - 37 Signals. Another book that’s been around for awhile, from one of the Web’s premiere usability consulting groups. The principles they espouse are timeless.

What’s funny is that lately I read fewer books and follow more blogs (that’ll be the subject of a future post).

Do you Web designers out there have any essential reads that have helped you over the years and that we should recommend to Jordan? (We know our short list above is far from complete) If so, please let us know in the comments.

Let’s all give a cheer for Catherine Breer

May 12th, 2009

Light After The Storm - Catherine Breer

A hearty shout-out to Pemaquid’s Web hosting Client Catherine Breer, who’s beautiful artwork is featured in the lastest issue of Maine Sunday Telegram.

Catherine brought her site, CatherineBreer.com, to us for hosting about a year and a half ago, and you can see many of her best works there, including Light After The Storm, featured in this post.

Her work is also featured at annie|catherine, the exquisite designer stationery business she shares with her partner Annie Darling. Pemaquid built the annie|catherine site, its custom e-commerce engine and its Commerce Manager, that allows Annie (Catherine’s boss) and Catherine (Annie’s boss) to upload and adjust product information for their wonderful cards, calendars and “go go wrap”.

Maine Hospitals’ Swine Flu notices and Web site usability

April 30th, 2009

Yesterday, as the first cases of swine flu were reported in Maine, one of our Clients, Parkview Adventist Medical Center, contacted us to put a special notice about the outbreak on their Web site, as the number of phone inquiries started to skyrocket.

We handled it by putting a “pushdown” on their home page, which linked to a page with more information on swine flu in Maine. This is a common Web design technique employed by media sites such as CNN and MaineToday.com, in which you push down the normal content/layout and insert a call out on your breaking news.

Our goals in designing our swine flu notice for Parkview were to make it:

  • easily noticeable, without wrecking the layout or conveying an undue sense of alarm
  • easily updatable
  • accessible to visually challenged site visitors

I decided to take a tour of other hospital Web sites in Maine to see how they were handling things. Here are screenshots, taken at 4pm today, of five Maine hospital home pages:

Parkview Adventist Medical Center

Maine Medical Center

Mercy Hospital

Central Maine Medical Center

Midcoast Hospital

What I found provided what I think are teachable moments on two subjects: Web site usability and content management.

Usability

When people search Web sites for information on “swine flu”, they are scanning for text links that say, um, “swine flu”. That’s the reason we used text in the Parkview notice and made the words “swine flu” the link to the page with additional information. As of this writing, Maine Medical Center and Mercy Hospital use text. At Central Maine Medical Center and Midcoast Hospital, they use graphics containing text.

Text in a graphic is not the same as HTML text. A proven characteristic of human behavior, banner blindness, demonstrates that people see HTML text more quickly than text in graphics. People tend to ignore graphics, in part because they are reading/scanning and in part because graphics are commonly used to display advertisements (that are usually irrelevant to the information they seek).

It’s interesting to note that both CMMC and Midcoast used a picture of someone blowing their nose. While well-intentioned, IMHO this creates mental static because such a picture could mean “common cold”, “runny nose” or even “handkerchief” and not necessarily “swine flu”.

Granted, in this case the difference is subtle, but think about your own user experience on these sites (we’d be interested in your comments).

Takeaway: If you want someone to read something, make it text.

Content Management

The layout of each of the swine flu notices give us clues as to how each hospital manages content.

Maine Medical Center - I’m almost certain they use a dynamic CMS to post News updates to the center column of the home page. I’m guessing they may have wanted to feature a swine flu notice in the Flash “marquee” (”Maine Medical Center: Centered Around You”) - and they may still do this, but the Flash is probably not part of the site’s CMS, is probably not easily updateable (and incidentally would not likely be accessible to the visually challenged).

Mercy Hospital - Again, I’m almost certain they use a CMS to update the “What’s Happening” section in the center column of the home page. I’m also fairly sure this CMS limits how prominently staff can display special notices. “Swine Flu” heading has the same color and visual weight as other sub headings in this section.

Central Maine Medical Center and Midcoast Hospital - both very likely use either a staff Web designer or contractor to create banner graphics as needed.

As we’ve mentioned, for Parkview our staff manually creates HTML pushdowns for special notices like this. At some point - for Parkview and for other Clients - it would be nice to add this feature to our custom CMS, the Pemaquid Content Manager. In the meantime, our manual updates are quick and inexpensive.

Takeaway - Content Management Systems should not impede your ability to make appropriate layout decisions. CMS’s do only what they are designed to do. If they are not designed to effectively communicate things like special notices, make sure you have access to a Web designer who can get the job done (that statement is not a back-handed criticism of the designers at other hospitals).

What do you think?

Understand your brand before you promote it

April 29th, 2009

The other day I was talking to someone I know well at a Web consulting firm that had recently launched a new Web site. My eyebrows went up when I heard this:

…[we] are still working through the logo design/branding process…

This sort of thing gets people into trouble all the time. Putting the Web site out and distributing your brand message before you’ve thought things through is like putting the cart before the horse.

If you don’t clearly understand what you’re all about, and don’t convey that clearly through your logo mark (and indeed through everything you do), you can’t expect anyone else to figure you out.

One way we help Clients think through their branding is by developing a Creative Brief early in the design process, before we do any design or coding. The brief identifies things like target audiences and communication themes and guides the Web design team as we create a site.

To build a building, use a blueprint. To build a brand, make sure you understand what you’re about.

Incidentally, Pemaquid is going through this process as we speak…

Coworking @ 28 Maple St. makes The Maine Switch

April 15th, 2009

Staff writer Avery Yale Kamila has a great piece on coworking in today’s Maine Switch featuring Pemaquid Communications and our endeavor to create a coworking space at 28 Maple Street, what we sometimes jokingly refer to as the “Fab Lab”.

Picture of office space - 28 Maple St.

Open House/Social

May 19th 5:30 - 8:30pm - Free pizza, beer and wine provided by Portland Pie (our landlords; they run their business out of the ground-floor space. We’re up on the top - 3rd - floor).

RSVP through Facebook

Coworking Links

Photos of 28 Maple Street (Flickr) - taken recently when it was occupied by the previous tenant, a Portland ad agency.

Coworking Survey - Take our quick survey and let us know what you’d like to see in a coworking space here in Portland, Maine.
Coworking Wiki - share ideas on coworking with people who are operating similar spaces in other cities.