Content is Not About You. Ever.

I’m still focused on Michael Hyatt’s book, Platform: Get Noticed in a Noisy World. Great book! Go read it.

On page 101, Michael writes this:

“Unless you are a megacelebrity, readers don’t care about you. Not really. They care about themselves. They want to know what’s in it for them. Your personal stories can be a doorway to that, but in the end, the best posts are about your readers’ needs, fears, problems, or concerns. Always ask, “What’s the takeaway for my reader?”

Cool thought. Now apply it to your library’s website, and not just to blog posts. Think about your library’s About Us page, or a page about a specific library service.

Then, ask these questions:

  • What’s the takeaway for my reader?
  • Is there a clear next step for the reader?
  • Is the question “what do I do next” answered?
  • Is that next step at the top of the page, rather than at the end of a humongous chunk of text?

If your website is like mine, after answering those questions … you have a LOT of rewriting to do. Get busy!

image from Michael Hyatt’s website

Website Redesign going live and going Responsive

Well, I didn’t really post much about my library’s website redesign. But next week, we go live with it!

You can check it out now at our beta, pre-launch URL – dev.tscpl.org.

Here’s our go-live process:

  • Work on the site like crazy (we still have a big list of stuff to do!)
  • Today, we posted a head’s up to our customers, and asked them for feedback, too
  • We go live on January 29
  • Then, we’ll continue to tweak things as we notice them for 2-4 weeks.
  • Sometime after the big launch, we plan to have Influx take a peek, to catch stuff we missed.
  • Finally, we plan to do some usability testing to catch even MORE stuff we missed.

So, what’s new and different about our redesigned site? Quite a bit:

  • We went responsive, so one set of code works on all browsers and devices.
  • We have consolidated some of our blogs
  • Really worked hard on our links, our navigation, and directing people to the right content
  • Modern design, modern web fonts, white space, etc
  • On the back-end, we focused on letting WordPress do most of the work, instead of custom-coding. This will make things like sidebar widgets and pages MUCH easier for us to update

And probably much more that I’m missing. So go check it out!

Writing for the Mobile Web

Writing for the mobile web is a LOT like all those “writing for the web” articles you’ve probably seen before, but with more emphasis on scannability and engagement. Why?

Because writing for the mobile web has an audience mostly using smartphones. Three things apply here:

  1. You are writing for the small screen. So the ability to quickly scan content is HUGE.
  2. People are used to interacting with their smartphones. They “touch” Facebook and Twitter. They can comment, like, or share easily.
  3. People are easily distracted on smartphones. If your content doesn’t load fast, they’re gone. If it’s not engaging, they’re gone. If they don’t “get it” fast, they’re gone.

We have our jobs cut out for us, don’t we!

Here are some tips for writing for the mobile web (these also apply to writing for the general web):

Think short:

  • write short, to-the-point articles
  • edit, edit, edit – make every word count
  • Stick to one idea, topic, or goal per post

Create strong titles:

  • Make titles short. The BBC uses 5-6 words per title!
  • Front-load the title with appropriate words to make the point of the article clear and understandable out of context (i.e., for search engines)

Create actionable content:

  • Focus on the benefits of using the product or service, not the features. What’s in it for the reader?
  • Have a next step or call to action in each article. (i.e., check out this book, attend this program, etc.)
  • Always link to things you talk about (i.e., link to the catalog when mentioning books, etc.)
  • Frontload your content. The first paragraph of text should be stuffed with the most important content (think inverted pyramid).

Make content scannable:

  • No huge blocks of text – break up long paragraphs.
  • Break the rules and use fewer than 3 sentences per paragraph if needed. One sentence paragraphs are ok, if it looks correct on a mobile device!
  • Use headings, subheadings, lists and bullet points. These help make the content scannable.

Be conversational:

  • put your readers first. Speak to them, not at them. Use we and you.
  • Use informal, conversational writing. Blog posts are a conversation!
  • Ask questions, ask for a response.
  • Type like you talk. Read your content back to yourself. If it doesn’t sound like something you’d actually say, re-write it so it does.

Other articles:

What should be added here? What do you think? I’d love to hear your thoughts!

photo by Robert Patton

Thinking about Mobile Content Yet?

Mobile devices - December 2013My library’s web developer, Nathan Pauley, shared this article with me: The Mobile Moment, by Luke Wroblewski. In the article, Luke discusses how processes, priorities, and product thinking change when the majority of your web traffic shifts from desktop to mobile devices.

Probably a good thing to start thinking about now, rather than later. Why? Well, in my library’s case, we are getting closer all the time. For example, the image included in this post shows mobile visits for my library’s website for December 2013:

  • Blue = desktop website visits (67.4%)
  • Green = mobile device visits (20.3%)
  • Red = tablet device visits (12.3%)

So … add the mobile and tablet percentages together, and you get 32.6%. Almost 33% of web traffic coming from some type of mobile device! What was that percentage a year ago? A whopping 17.6%. If that rate continues, we’ll be around 50% mobile traffic in another year. Wowser!

What should we be thinking about when we hit 50% mobile traffic? Here are some thoughts – please add yours!

  • Responsive website, or at least some form of mobile website. That’s why my library is going responsive (our redesign should be live by the end of January!).
  • Mobile-friendly content. It’s not enough to have web-friendly content. Think about making that content mobile-friendly, too.
  • Easy ways to share, like, and interact with social media sites.
  • Quick ways to connect to library staff and to library content directly from a customer’s mobile device.

What else? Let’s get this mobile thing figured out!

Web Design Trends for 2014

I recently presented this talk at Internet Librarian 2014, and wanted to share it here too! If you want to see some really good notes from my presentation, check out Sarah Houghton’s post (thanks, Sarah!).

I did some research via Google on web design trends for 2014, took the trends that reappeared a bunch, and … here they are: 15 Web design trends in 6 loose categories:

Category 1 – Mobile:

1. Mobile-first design. Start designing on the small screen, then widen out to tablets and desktops. If you can’t do it on a mobile device, you probably don’t need it on your “big” website, either.

2. Responsive. Use a responsive or adaptive design, so your website works great on all screen sizes.

Category 2 – Designy Things:

3.Simplicity. Many web designs are going for a more minimalistic, simplified look. Make sure the design doesn’t get in the way of, or overpower, your great content.

4. White Space. Goes along with simplicity. White space can help emphasize content. Use it just like they do it magazines.

5. No Flash. Websites are still working on moving away from Flash and towards more modern design languages like HTML5 and CSS3.

Category 3 – Visual:

6. Parallax. Parallax design is a way to provide design depth and almost a 3D look to your website. IT reminds me of layers in Photoshop … just done on websites.

7. Flat Design. Sorta funny. Flat design and parallax design are almost opposites (but not quite). Flat design focuses on clean design and good use of color and whitespace. Think the new iOS design, and you’ll get the idea.

8. Blocking. Blocks of content – think Pinterest. I think it works great on sites like Pinterest or Flickr, where there’s a ton of content and the content is all on equal footing. On library websites like New York Public Library’s main page? Not so much. I’d guess their content is NOT equal in terms of importance, and the bottom of the page looks like an afterthought, like they forgot to “finish” the website.

9. Big Images. Use of large images on websites is a trend at the moment – even having a large image in the background of a website.

10. Colors. Using colors is big, apparently. Depending on what “hot web trends for 2014” you read, you’ll get a variety of answers as to what colors are trending – subtle and calm colors, retro colors, even neon colors! But know that web design is “colorful” these days. So think about using a tool like Adobe Kuler to help choose popular colors for a website. Or just go to Home Depot and get some matching paint swatches, and use those as a color base for your website.

Category 4 – Typography:

11. Web Fonts. We’re no longer limited to a couple of web-safe fonts. Think about using new web fonts like Google Fonts or Typekit.

Category 5 – Content:

12. Video. Video is still growing in importance.  A recent Pew report on online video says that 78% of online adults now watch or download video content. It’s an easy way to provide viewable content on your website.

13. Social Media. Social media integration is important for all types of websites and organizations. It’s a great way to share content out to customers in all the online “places” they hang out at.

Category 6 – Navigation:

14. Large Buttons. Websites are starting to use large, easily seen buttons. Make them big and bold!

15. Vertical Scrolling. Think about using “sticky” navigation that glues itself to the top of the page, or social media sharing plugins that glue themselves to the side of a page.

There you go! 15 web design trends for 2014. Are you redesigning your website? We are! Please share your new design ideas!