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.

    5 Project Management Tools to Get Your Team on Track To Automate or not to Automate Your Personal Productivity System How to Beat Procrastination: 29 Simple Tweaks to Make 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 7 Helpful Reminders When You Want to Make Big Life Changes 2 Why Do I Procrastinate? 5 Root Causes & How to Tackle Them 3 9 Powerful Questions That Can Improve Your Quality of Life 4 How to Plan Your Life Goals and Actually Achieve Them 5 20 Time Management Tips to Super Boost Your Productivity

    Read Next

    Advertising
    Advertising
    Advertising

    Last Updated on September 15, 2020

    7 Helpful Reminders When You Want to Make Big Life Changes

    7 Helpful Reminders When You Want to Make Big Life Changes

    Overcoming fear and making life changes is hard. It’s even harder when it’s a big change—breaking up with someone you love, leaving your old job, starting your own business, or hundreds of other difficult choices.

    Even if it’s obvious that making a big change will be beneficial, it can be tough. Our mind wants to stay where it’s comfortable, which means doing the same things we’ve always done[1].

    We worry: how do we know if we’re making the right decision? We wish we knew more. How do we make a decision without all of the necessary information?

    We feel stuck. How do we get past fear and move forward with that thing we want to do?

    Well, I certainly don’t have all the answers, but here are 7 things to remember when you want to move forward and make positive life changes.

    1. You’ll Never Have All the Information

    We often avoid making important decisions because we want more information before we make a tough call.

    Yes, it’s certainly true that you need to do your research, but if you’re waiting for the crystal clear answer to come to you, then you’re going to be waiting a long time. As humans, we are curious creatures, and our need for information can be paralyzing.

    Life is a series of guesses, mistakes, and revisions. Make the best decision you can at the time and continue to move forward. This also means learning to listen to and trust your intuition. Here’s how.

    Advertising

    2. Have the Courage to Trust Yourself

    We make all sorts of excuses for not making important life changes, but the limiting belief that often underlies many of them is that we don’t trust ourselves to do the right thing.

    We think that if we get into a new situation, we won’t know what to do or how to react. We’re worried that the uncharted territory of the future will be too much for us to handle.

    Give yourself more credit than that.

    You’ve dealt with unexpected changes before, right? And when your car got a flat tire on the way to work, how did that end up? Or when you were unexpectedly dumped?

    In the end, you were fine.

    Humans are amazingly adaptable, and your whole life has been helping you develop skills to face unexpected challenges.

    Have enough courage to trust yourself. No matter what happens, you’ll figure out a way to make it work.

    3. What’s the Worst That Could Happen?

    Like jealousy, most of your fears are created in your own head.

    Advertising

    When you actually sit down and think about the worst case scenario, you’ll realize that there are actually very few risks that you can’t recover from.

    Ask yourself, “What’s the worst that could happen?” Once you realize the worst isn’t that bad, you’ll be ready to crush it.

    When you’re preparing to make a big life change, write down all of the things you’re afraid of. Are you afraid of failing? Of looking silly? Of losing money? Of being unhappy?

    Then, address each fear by writing down ways you can overcome them. For example, if you’re afraid of losing money, can you take a few months to save up a safety net?

    4. It’s Just as Much About the Process as It Is About the Result

    We’re so wrapped up in results when we think about major life changes. We worry that if we start out towards a big goal, then we might not make it to the finish line.

    However, you’re allowed to change your mind. And failing will only help you learn what not to do next time.

    Furthermore, just because you don’t reach the final goal doesn’t mean you failed. You chose the goal in the first place, but you’re allowed to alter it if you find that the goal isn’t working out the way you hoped. Failure is not a destination, and neither is success.

    Enjoy the process of moving forward[2].

    Advertising

    5. Continue to Pursue Opportunity

    If you’re on the fence about a big decision, then you might be worried about getting locked into a position that you can’t escape from.

    Think about it a different way. New choices rarely limit your options.

    In fact, new pursuits often open up even more opportunities. One of the best things about going after important goals with passion is that they open up chances and options that you never could have expected in the beginning.

    If you pursue the interesting opportunities that arise along the path to your goal, then you can be sure that you’ll always have choices.

    6. Effort Matters, So Use It

    It sounds simple, but one of the big reasons we don’t make life changes is because we don’t try. And we don’t try because then it’s easy to make excuses for why we don’t get what we want.

    Flunked that test? Are you stupid? “Of course I’m not stupid. I just didn’t study. I would have gotten an A if I actually studied.”

    Stuck in a job you hate? Why haven’t you found a new job yet? “Well, I haven’t really tried to get a new job. I could totally ace that interview if I wanted.”

    Why do we make excuses like these to ourselves? It’s because if we try and fail, then we just failed. But if we don’t try, we can chalk it up to laziness.

    Advertising

    Get over it. Failure happens to everyone.

    And the funny thing is, if you actually try—because it’s pretty clear that most people aren’t trying—then you’ll win a lot more than you think.

    7. Start With Something Manageable

    You can’t climb Everest if you don’t try hiking beforehand.

    Maybe applying for your dream job seems intimidating right now. What can you start with today?

    Can you talk to someone who already has that position and see what they think makes them successful? Can you improve your skills so you meet one of the qualifications? Can you take a free online course to expand your resume?

    Maybe you’re not quite ready for a long-term relationship, but you know you want to start dating. Could you try asking out a mutual friend? Can you go out more with friends to practice your communication skills and meet new people?

    You don’t need to be a world changer today; you just need to make small life changes in your own world.

    More Tips to Help You Make Life Changes

    Featured photo credit: Victor Rodriguez via unsplash.com

    Reference

    Read Next