Usability is a highly sophisticated field. And it’s constantly changing. To navigate that complexity, I keep six core principles of UI design in mind. They help me stay focused on what’s important.

You can apply these guidelines to any UI project you’ve got. Whether you’re designing web applications or washing machines, the principles stay the same.

Here they are.

Consider the people actually using your product. When I’m working on an interface, I imagine not just the general demographic I’m designing for, but the specific people. Instead of imagining “seniors,” for example, I imagine my dad or mom. How would they interact with the screen? What would frustrate them? Or make them smile?

Copywriters tell me that they work the same way. They imagine in great detail the person for whom they’re writing — even inventing details about their clothes, family, and hobbies. It helps them see their target audience clearly, and they write with more focus because of it.

Make it simple. It’s easy to get caught up in the coolness of your design. Or to shove elements in that users “might need.” Every so often, step back and remove every element that you possibly can from your interface. Be ruthless – don’t think anything is too clever or important to strip away.

Then, take a hard look at what’s left. Did you really need those extra elements? Or is the UI cleaner—and more user-friendly—without them?

Draw attention to what’s important. This guideline sounds basic—but it means everything. Think carefully about the number one action you want your users to perform. Then make that action the most prominent.

For Chipotle, that means putting “Create New Order” right at the top of the screen. For Dragon Dictation, it means placing a single red “record” button smack dab in the center of the interface—with nothing else around it.

Create barriers. On the opposite side, think about what actions you don’t want users to take—and put some barriers around them. For example, Amazon doesn’t mind if you read the “About” information on their web app. But it’s safely buried under a generic “More” navigation button.

Why? Because that information’s just not that important. It’s not central to the app’s core function: helping users quickly find and buy merchandise.

Get feedback. As a matter of fact, get lots of feedback. Share the UI with family, friends, focus groups. People who are familiar with web apps, and people who know nothing about them. Industry experts and kids just out of college. The more information you get on how real people interact with your UI, the more you can perfect it.

Just remember: collect all the data you want, but ultimately, you have to decide what’s the best design.

Consider someone performing a task a hundred thousand times. Think about the people who will use your application frequently. What are they going to get sick of? What’s going to slow them down?

For example, I hate the fact that you have to tap “Play” then “Submit” every turn on Words With Friends. That’s two taps for every single action a user performs! Multiply that by five games, two turns a day, for weeks on end. That’s hundreds of extra clicks.

Yeah, it’s just a game. But it still gets annoying. And you don’t want annoyed users for your web app.

Usability is a hugely sophisticated field, lots to learn, changing … never hurts to remember the basics.

Application development is a hot field. The explosion in mobile devices has turned a monolithic process dominated by a few big players into something everyone seems to be doing.

And you could do it too, right?

Maybe. Or maybe not.

Even if you’re a crackerjack website developer, your skills – and tolerance for frustration – won’t necessarily translate into app development. There are a few things that make this process distinctive, and not a good fit for everyone.

• Complexity. Even a simple app has multiple components, and each one has to interact with the other smoothly and successfully. That makes the development process taxing. You need to be able to keep a lot of information running in your brain simultaneously, and be able to see how changes in a small part of your app might have a big affect on other areas. It’s kind of like playing a game of chess nonstop for weeks on end. You can never really relax while it’s going on, lest you forget something critical.
• Coding time. Think of a seemingly simple application – Slickplan, for example. Guess how many screens you’d have to code for that site. Now multiply that by 10. If you’re interested in app development, you need to be ready for a massive amount of work, even for very streamlined sites. The number of PSDs I have to build for a single app always surprises me, even though I should know better by now.
• Awareness. You also can’t get caught up in your own development process and block out the rest of the world. Chances are, the success of your app will depend heavily on how well it reflects current usability standards and the way that other, even dissimilar apps are being designed. So you can’t ever stick your head in the sand. You have to know how your users expect their screen to behave. And what they expect today is likely very different from what they expected six months ago.
• A never-ending story. You may be used to designing websites and purging them from your brain the day they go live. It doesn’t work that way with apps. Instead, expect a never-ending process of debugging and incremental improvement. And don’t be surprised when your users come back at you with an insane number of ideas and suggestions – everything from basic stuff you can’t believe you missed, to sophisticated ideas that knock your socks off.

You can get frustrated with that, or you can sit back and realize how amazing it is that your users care enough to click that little “feedback” button and tell you what they think. If you think you can do the latter – and do it with a smile on your face – you just might be ready for the world of application development.

Many clients approach us in need of their very first E-Commerce website, or at least their first modern website. Clients just beginning to build a web presence for their business are often in need of quality photos of their product offering, as there wasn’t much need prior to the online business boom.

Ultimately, my job as Atomic’s resident photographer is to take pictures that will lead to sales. With that in mind, I try to capture how the item is supposed to be used, the key selling points and the benefit ownership will provide to potential customers. This Apple ad for their MacBook Air perfectly communicates both the key selling point and the benefit of ownership – http://www.apple.com/macbookair/ This ad for the Kammok brand hammock very clearly demonstrates how their product should be used and the benefit of ownership – http://www.kickstarter.com/projects/1615737438/kammoktm-no-longer-bound-to-the-ground

Along with encouraging sales, a compelling photograph can communicate tangible qualities about the product in question, including its size, weight and build quality. Good photography should also give the potential customer an indication of what it will be like to use the product; what it’s like to hold it in his or her hand. – http://www.stoneriveroutdoors.com/knives/ceramic-folding-knife-titanium-handle.html

As a professional web designer, I’ve often been forced to incorporate outside pictures into my existing web designs. While I am able to create compelling web designs using someone else’s pictures, I usually have an idea of what kind of image will work well inside my design and I love that Atomic often gives me the opportunity to artistically combine the pictures I took with the design I created.

Everybody loves Chipotle. But nobody likes getting to the last bite of their burrito and finding that all they have left is a dry tortilla and a few bits of lettuce.

Here at Atomic, we have innovated a new way of managing your burrito to ensure that your last bite is as full of good stuff as your first. It involves carefully mixing your burrito innards before you begin eating.

Here’s what to do:

• Drive to your favorite Chipotle.
• Order your burrito. Be sure to pick up a knife or fork for mixing.
• Sit down, then unwrap your burrito and carefully mix the innards. Try not to rip the burrito!
• Rewrap your burrito tightly. If tearing occurs, don’t worry. Wrap the foil around it, and use that to keep everything in place.
• Then, enjoy. No more worrying about ruining your burrito experience with a yukky last bite!

Does anyone surfing the web these days see a blue bird or a chubby aqua “T” and not think of Twitter?

Icons—pictorial representations of brands, products, or people—can be powerful tools to help you stand out in the cyber crowd.

A customized icon set—a group of similarly styled icons, much like a family of fonts—takes iconic branding to the next level by helping you:

• Differentiate one product, application, or blogger from another.
• Organize products into like groups—without sacrificing the consistent elements of your brand.
• Streamline the back-end functionality of your content management system, which makes it easier for staff to navigate and to train new staff on how to use it.
• Provide a consistent theme for graphic, product, app, and other designers to use for creating new icons.

Here at Atomic, my process for developing icon sets is pretty straightforward. It focuses on upfront preparation, which conserves your time, cuts down on costs, and ensures that we get the best results.

• Brainstorm. First, I’ll brainstorm with you to learn who and what the icon set is for. What message, position, feeling do you hope to convey? I might just listen to how you talk about your products or brand, take notes, and then jot down some ideas to see what creative concepts emerge.
• Research. Often, these early brainstorming sessions are augmented with additional research. I want to know what your competition is doing. I also like to check out how other sites use icon sets and to what effect.
• Sketch. Next, I’ll sketch out some more concrete ideas for you to review—including color schemes that bring the concepts to life. I’ll typically present ideas from a variety of different angles to see which ones you think work best for your goals. And I’ll provide my two cents to help you decide.
• Refine. Once I get more feedback, I can refine the sketches to create full, polished illustrations.

Soon enough, your customized icon set is ready to be deployed.

Now that’s iconic thinking for your brand and your business.

As a web designer at Atomic, I’ve found that more and more of our customers are turning to us not just to manage their websites, but also to manage their email marketing. That’s great news, because email marketing software is more powerful than it’s ever been.

Here are some of the reasons I’m excited about email marketing, and where I see it really helping our customers succeed.

• It’s measurable. If you create an email campaign using the right software, you can track all kinds of detail. You can see who opens your mail and what stories they click on. You can see how many people forward it, and how many people unsubscribe, bounce out, or mark it as spam. You can even see which email client your readers prefer – so you can tweak your design accordingly. Having this level of detail helps you see what’s working for your readers – and what’s turning them off.
• It has great ROI. Multiple studies have shown that email marketing has the highest return on investment of any form of advertising – as high as $43.62 for each dollar spent. Moreover, many email marketing systems are set up so that you only pay when you send – giving you complete control of how much you spend, and when.
• It reinforces your brand. The days of text-based email marketing are pretty much over. Today’s software lets you design great-looking email templates that reinforce your brand identity every time you send a message. And, the best software out there lets you import your own designs, in your own software, with the click of a button—meaning you don’t have to waste time and money re-creating your branding elements in awkward WYSIWYG editors.
• It’s personal. Again, with the right software, you can personalize your email messaging to the max. You can include your client’s name or the last product they purchased right in the email. You can make sure it’s delivered to them at the right time according to their time zone. You can segment your mailing list and send targeted campaigns to distinct groups of subscribers, or even change the way the signup or opt-out process looks for different types of viewers.

A few months ago, we contemplated whether email marketing was dying. Honestly, at this point, it seems to me that it’s just getting better and better.

One of the things that we’re proud of at Atomic is that we’re not just a bunch of development geeks. We’re also … design geeks! And part of design is creating logos.

Sometimes we’re working with a new company that doesn’t have a logo yet. So we’re starting from scratch. Other times we’re working with an established company whose logo may be outdated, or just not as strong as it could be.

Whatever the case, we help our clients with logo development whenever it’s needed. A logo is the heart and soul of a company’s brand identity, and when someone’s building a great new website, they usually want to make sure a great logo is part of it.

Creating a logo isn’t easy. You have to blend a company’s products, personality, and presence together and somehow distill the mix into a single image. When I’m working on a logo design, here are some questions I ask to help determine whether or not the design is working.

1. Is it clear? This refers to both visual clarity and conceptual clarity. On the visual side, can a viewer tell what the logo represents? Can it be scaled larger and smaller and still be readable? Is the typeface legible? And on the conceptual side, what message is the logo supposed to convey? Will viewers clearly understand it?
2. Is it unique? How well does the logo create a unique identity for your company? Does it set you apart from your competitors? Does it help you stand out – but without being so off-the-wall that it confuses or offends viewers?
3. Is it clever? In a nutshell, does the design make you smile? Does it have a hidden image, like the arrow in the FedEx logo or the Golden Gate Bridge in the Cisco logo? Does it have a hidden message, like the sun inside the BP logo that suggests renewable energy?

Asking these questions isn’t a magic formula. Logo design is still more art than science. But it can help keep you on the right track, and help you spot weaknesses in a potential design.

Want to talk about your logo or site design? Contact us anytime.

Say “buh-bye” to your new business.

Or, what if you sign a contract with a new online vendor for a key business process — accounting, for instance — only to find out that the application runs on an outmoded browser, forcing your entire team to ditch their upgrade or run two different versions of the same browser, one to work with the application, and one for everything else?

Say “buh-bye” to your sanity.

The new choice in browsers — with Firefox, Opera, Safari, and Google Chrome challenging the still-dominant Internet Explorer (IE) — is forcing us to change the way we think about and choose browsers.

A central question in evaluating Web browsers is this: What, exactly, does your business — or your customers — do online?

Do you rely on Web-based applications for many of your business processes? If so, picking a compatible browser is vital — as is making sure it remains so even as new versions of the application are released.

Many Web-based applications will run on almost all browsers, but exceptions abound. Constant Contact, the well-known Web-based email marketing tool, supports some browsers but not others (one of its rivals, Vertical Response, also works best in Firefox or IE). As eWEEK recently noted, other applications will run on most browsers, but may not perform optimally in each.

If you are developing online products or experiences for your customers, are you assuming everyone will gain access using the same browser? If so, you might be making a big — and costly — mistake. More and more people are attracted to different browsers for different reasons, so taking the time to find out where they are — um, browser-wise — might go a long way to establishing good customer relations and generating repeat business.

A single solution for picking the best browser probably eludes us, but here are a few tips:

1. Evaluate what you’re doing most online to make sure your choice of browser won’t conflict with your online applications, slow you down, crash your systems, or frustrate your staff.
2. Investigate and test browsers to see which one — or which mix of two or more — works best for certain tasks.
3. Read all the different reviews, stay up on the latest evaluations, and know the impact of any upgrade on either application or browser performance.
4. Learn what your customers are doing online and don’t make assumptions.
5. Choose vendors and developers that understand browser technology, features, compatibility, customization, and performance and can match you with a system that meets your needs.

Do browsers still bewilder you? Contact us for more insights.

When you join StumbleUpon, you get to pick from a list of items that are of interest to you. We chose Web Development, PHP, and Search, for example. (As well as Science Fiction and Action Movies. But that’s another topic.)

After you pick your interests, StumbleUpon displays related sites that other users have rated highly. Each time you look at a site, you can give it a positive or negative rating. Over time, sites that are consistently ranked highly move up in StumbleUpon’s search results. Sites that are ranked poorly move down.

StumbleUpon enthusiasts argue that the site’s search results are more useful than Google’s because they’re based entirely on user rankings – rankings from real human beings, in other words. Google’s results, in contrast, are based on algorithms that can be “tricked” by unscrupulous or overly aggressive webmasters.

That’s why we recommend that our customers incorporate StumbleUpon into their SEO campaigns. Achieving high rankings in StumbleUpon can be a real coup for your site – and can have a serious impact on your web traffic.

So when you have a minute, stumble over to our office. We’ll help you get StumbleUpon working for you .