Advertising
Advertising

Designing User Interfaces and Interactions With OmniGraffle

Designing User Interfaces and Interactions With OmniGraffle

    One of the hardest things to do while creating any new system or software is to make sure that the user interface and design is easy and intuitive for users to understand and use effectively. Coming from a development background, this type of design and attention to detail that is needed to ensure that the software, web site, or system you are creating is usable is probably the the most important part of any software development project.

    The problem is that most times designing user interfaces is awkward, time consuming, and hard. But, with new tools it doesn’t necessarily have to be.

    Advertising

    Enter OmniGraffle

    OmniGraffle by the Omni Group is a graphic and visual document creation app for Mac and iPad that allows you to create diagrams, process charts, page-layouts, user interfaces, or even web-site wireframes quickly. In fact, if you get really good at OmniGraffle you can make just about anything that you can dream up graphically.

    I’ve been using OmniGraffle for about a year now and it is a great tool for creating diagrams and user interfaces that I can use to design the “real thing” later. It’s also awesome for spitting out designs quickly so I can run them by end users.

    But, I don’t use OmniGraffle like Nick Finck does. Not even close.

    Advertising

    Using OmniGraffle

    Nick Finck is the User Experience Director at Deloitte Digital and primarily uses OmniGraffle to tackle this complex problem of user interaction. The Omni Group (the company behind OmniGraffle) has posted a video Crafting Interaction that looks at how Finck users the portableness of OmniGraffle for the iPad to quickly draw up sketches and mockups of interfaces and then translate these designs into full blown interfaces. I highly, highly suggest checking out this video over at Omni’s site.

    Finck talks about how using OmniGraffle can be a bit of a challenge at first, but once you get “in there” and learn how to use the app (iPad and Mac), the possibilities of what you can create are endless. I have direct experience using OmniGraffle for Mac and iPad and I can concur with Nick’s assessment; the tool is so powerful that for it to be completely simple to understand and use out of the box probably isn’t possible. The good part is that the Omni Group has great support and documentation to get you started, plus their Support Ninjas are top class.

    One key feature of OmniGraffle is the ability to create stencils and templates in the app to modularize different components so they can be reused in multiple projects. Not only do these features save you time when designing, they allow you to have standard controls across all of your projects which can be a good thing if you are trying to design a “suite” of different interfaces that work together.

    Advertising

    Graffletopia for OmniGraffle

    Speaking of stencils, another great tool that Nick mentions to use alongside OmniGraffle is Graffletopia, a site that is dedicated to OmniGraffle stencils that you can download and start using immediately. And these aren’t simply user interface stencils. You can find different stencils for creating complex network diagrams, flow charts, and other complex visual components.

    What’s awesome about this site is that you can start from a “baseline” of an interface or component and start building from there. This allows you to spend less time creating components and more time creating ideas on how an interface or diagram should look. For someone like me this is an excellent addition to OmniGraffle because even though I have an eye for design, I definitely wouldn’t call myself a “designer”. I can leave the creation of the visual components to the professionals and I can concentrate on how those components fit together. This can make iterating on a design extremely fast and effective.

    Iteration on design

    Finck talks about how OmniGraffle allows him to create interfaces quickly and keeps him out of the “nuts and bolts” of the software (although he can tinker with the nuts and bolts if he wants to). Instead of trying to figure out how how to do something in OmniGraffle, he can concentrate on putting interfaces together and iterating as fast as possible. This rapid iteration leads to a well designed and useable user interface because of the ease of changing the design to meet the user’s needs.

    Advertising

    Quality software for Mac and iOS

    The one thing that I personally like about OmniGraffle (and all Omni Group products) and something that Finck doesn’t completely touch on, is just how high quality they really are. Some people complain about Omni’s “premium” prices for applications, but in this case you definitely get what you pay for. I’m an OmniFocus, OmniGraffle, and OmniOutliner user on both Mac and iOS and I have easily gotten my money’s worth over the last couple of years.

    The Omni Groups tools are so powerful and versatile that I can’t think of any other productivity tools that I’d rather use. Even Microsoft Office products don’t compare to some of the aspects of what Omni has to offer.

    Nick Finck’s experience with designing mobile user interfaces with OmniGraffle and the ever growing Graffletopia is a testament to just how powerful and effective Omni’s tools are. OmniGraffle can be used to create a quick and dirty UI idea on the fly on the iPad which can then eventually translate into a full blown user interface design that is used directly in an iPhone, Android, or even mobile web applications.

    OmniGraffle can be the one tool to get this user interaction and design done. Now that’s productive.

    More by this author

    CM Smith

    A technologist and writer who shares advice on personal productivity, creativity and how to use technology to get things done.

    How to Beat Procrastination: 29 Simple Tweaks to Make 5 Project Management Tools to Get Your Team on Track To Automate or not to Automate Your Personal Productivity System Design Is Important: How To Fail At Blogging 7 Tools to Help Keep Track of Goals and Habits Effectively 6 Unexpected Ways Journaling Every Day Will Make Your Life Better

    Trending in Lifehack

    1 20 Unusual Uses for Coca-Cola That You’ve Never Considered 2 A Review of the Book “The Art of Learning” 3 The Lifehack Show: How Exercise Slows Aging with Judy Foreman 4 5 Steps To Move Out Of Stagnancy In Life 5 The Lifehack Show: Overcoming Anxiety Through Personal Agency with Dr. Paul Napper

    Read Next

    Advertising
    Advertising
    Advertising

    Last Updated on February 11, 2021

    20 Unusual Uses for Coca-Cola That You’ve Never Considered

    20 Unusual Uses for Coca-Cola That You’ve Never Considered

    Coca-Cola is an adored product the world over. While keeping yourself in good health means moderating how often you enjoy this drink, Coca-Cola lovers will be happy to hear that there are plenty of uses for the soda pop that don’t involve ingesting it. Impressively, Coca-Cola can be used to help you clean, get rid of rust, and even help maintain your garden. Whether you are looking for a way to finally get rid of those pesky stains, or just want to find new ways to love this drink, these 20 jaw-dropping and unusual uses for Coca-Cola will blow you away.

    Kill pests in your garden

    Coca-Cola is also an effective pest control method for your garden. To rid yourself of plant munching slugs and snails, pour a small bowl of Coca-Cola and place it near your garden or flowerbeds. The smell will attract these crawling bugs and the drink’s acidity will kill them.

    Defrost your windshield

    Incredibly, Coca-Cola can also defrost your windscreen in the wintertime. Simply pour Coke liberally across your windshield and wait about a minute. The ice should turn to slush for easy removal.

    Clean your pans

    Coca-Cola is also useful in the kitchen, especially on burnt pans. For any pan with burnt on messes, pour a can of Coke into the pan and simmer. The mess should easily wipe away. You can also soak kettles and other kitchen items in Coca-Cola to remove scale and build up.

    Advertising

    Clean bugs from your windshield

    Another way Coca-Cola can aid in your car care is by removing bugs and gunk from your windshield. Soak a cloth in coke, then rub across your windshield. Just be careful not to get any on your paint job.

    Remove rust from your car

    Coca-Cola is also useful when removing rust. The simplest method is to dip crumpled tinfoil in Coca-Cola, then give the item a scrub and you should be rust free.

    Loosen rusty bolts

    Similarly, use Coca-Cola to loosen up a rusty bolt. Simply unscrew the bolt half a turn and pour on Coca-Cola. Let it sit, then give the metal a wipe. The bolt and screws will be one hundred percent in no time.

    Remove stains from your fabric

    Surprisingly, Coca-Cola is incredibly helpful when removing stains from clothing and fabric. Coke will easily remove grease stains, as well as blood spots. Remember that Coca-Cola itself is brown, so stains on light fabrics might be better removed another way.

    Advertising

    Remove oil spots

    Another way to use Coca-Cola is to remove oil stains from cement. Whether it’s your garage or your driveway, soak the stain in Coca-Cola for a few hours then hose off.

    Relieve jellyfish stings

    Should you be unwilling to neutralize a jellyfish sting the traditional way (with urine) pouring Coca-Cola on the sting will also do the job.

    Clean your car engine

    Coca-Cola is also an effective ways to clean your car engine. Believe it or not, Coke distributors have reportedly been a fan of this technique for ages. 

    Use it in cooking

    Coca-Cola is also a fantastic addition to many recipes. Using Coca-Cola to cook pot roast or steaks in will easily tenderize the meat for you. Mixing Coke with ketchup or barbecue sauce also makes for a delightfully sweet glaze.

    Advertising

    Clean your old coins

    Another way to use Coke to clean is to soak tarnished coins in the soda. About ten minutes should be enough to get rid of the muck.

    Clean your tiles

    Incredibly, Coca-Cola can also be applied to tiles to effectively clean grout. Let Coke sit on the tiles that need cleaning for a few minutes, then wipe away.

    Supercharge your compost

    Coke is also an impressive way to speed up your compost. The sugar in Coca-Cola feeds micro organisms, plus the acidity will help your compost break down faster.

    Remove gum from your hair

    Coca-Cola can also help you avoid a major hair disaster. If you have gum stuck in your hair, dip the gum into a small bowl of Coke and let it sit for a few minutes. The Coca-Cola breaks down the gum, allowing you to wipe it off.

    Advertising

    Fade unwanted hair dye

    Similarly, if you made a mistake with your hair dye, Coca-Cola comes to the rescue. It’s probably best to get in the shower first, then pour Diet Coke over your hair. Let the soda sit for a few minutes, then wash your hair like normal. This method is effective in removing temporary hair dyes, but will likely only fade professionally applied dyes.

    Clean marker stains

    Coca-Cola is also an easy way to remove marker stains from carpet. Apply a small amount of Coke, scrub the spot, then clean with soapy water. Again, remember that Coca-Cola is brown, so removing stains on white or light-colored carpets might be better achieved with another method.

    Clean your toilet

    Coca-Cola can also help you clean elsewhere in the house. To easily clean a toilet, pour Coca-Cola all around the bowl and let it sit. There’s no need to scrub, simply flush and your toilet should be sparkling clean.

    Feed your plants

    Coca-Cola is also a surprising way to add a little extra life to some flowering plants. Particularly with azaleas and gardenias, adding a small amount of Coca-Cola to the soil can deliver nutrients your plant may be low on.

    Get rid of bugs at a picnic

    The last of our unusual uses for Coca-Cola is to safeguard your picnic or outdoor lunch from pests and wasps. Simply pour a small cup of Coca-Cola and set it out about a half hour before you start to eat. By placing the cup away from your site, bugs will be drawn to the soda and not your lunch.

    Featured photo credit: Omer Wazir via flickr.com

    Read Next