Ever heard the phrase “the devil’s in the details?” I’m here to tell you it’s true!
For every clean, elegant, and professionally designed website or web application, there are droves of slipshod, sloppy, or just plain lazy pieces of code I encounter every week. What pains me most is that many of these quirks are really simple to fix and can go a long way to adding to your reputation and credibility.
I’ve put together six examples of detail work that you should include in your digital design and development. These suggestions may seem nitpicky, but as a professional web developer who’s been coding and designing websites for over a decade, these “fit-and-finish” items are the ones that always jump out at me when browsing a site or web application.
1. Display Current Copyright Dates
Most websites these days have copyright dates in their footers, usually followed by the formal name of the company or organization and legal text such as “all rights reserved.” Make sure the year displayed here actually matches the current year! Nothing says “out of date” like a mismatched copyright year. This is especially glaring following New Year’s Day. Scripting languages such as ColdFusion, JSP, PHP, and JavaScript can easily handle dynamic dates, as can content management systems.
2. Match Link Names and Page Titles/Document Names
Your users want to get to your content as easily and quickly as possible, so don’t make the process more complicated or confusing by using mismatched names in your website links. Make sure the language you’re using in the link text is a good match, if not exact, to the document or resource at the other end. You want your users to be confident that what they clicked on is what they needed. And please, avoid acronyms or business jargon! Simple language is best.
3. Use Accurate Singular/Plural Descriptors
This is one of my personal pet peeves: if you’re going to display a list of items, show a group of updates, or otherwise show a collection of objects dynamically, always add a condition in your code to change the descriptors from plural to singular when there’s only one item. I can’t stand to see phrases like “1 search results found” or “1 new tweets.”
4. Link Banner Graphics Back to the Home Page
Users have come to expect that clicking on the website’s banner or logo will take them back to the main page of the site. Make sure your banner is linked this way so users won’t get frustrated, or, at the very least, give them an obvious way to get there using a “Home” link or icon (a house is typical). For mobile applications, a “Home” icon in the contextual menu can help solve this problem.
5. Use Clear and Distinct Timestamps
If you’re managing a news website, blog, or any site or application that has time-specific or time-sensitive content, always show the publication date or the “last update” and make sure it’s easy to locate. This is especially important for users arriving at your site from search engines; they’ll want to know that the content you’re providing is the most current or up-to-date for their needs. I personally prefer to see timestamps right below the headline/byline, or, if that’s not possible, at the bottom of the article before any comments.
6. Make Your Social Channels Prominent or Easy-To-Find
Is your organization or corporation on Twitter, Facebook, or YouTube? That’s great, but don’t curtail your efforts by burying the channels in your “Contact Us” or “Resources” pages. If you’re actively using these channels, place social icons in prominent locations, such as the header (near the search box is a great spot for visibility) or anywhere where other contact information, such as phone numbers, is displayed.
What Advice Do You Have?
What about you, my faithful visitors? What common mistakes or omissions do you come across in your browsing that you would suggest as improvements to the site’s owners and developers? Share your recommendations in the comments below.
