InVision: Design, UX & Dev Tools That Will Save You Tons Of Cash & Time

FullSizeRender 4

3 years ago I worked for a startup that had been acquired by a large corporation. We were using the daylights out of a rapid prototyping tool named InVisionApp. It had completely changed the way our team designed.

Fast forward a year, and a team member at InVision reached out about a job opening at the company. I took the plunge and joined a team of dedicated, crazy talented people who loved the product, but most importantly loved having the opportunity to positively impact the daily lives of designers all over the world.

When I interviewed 2 years ago, there were 50 employees. 2 years later, we’re a team of 350+. Our weekly newsletter now goes out to 2.5 million subscribers. And our product has gone from a rapid prototyping tool, to an entire suite of tools. It’s wild, some people hear InVisionApp and think of the original rapid prototyping tool that it was when I started. We’ve had an INSANE number of additions in the last 2 years, and I’d like to highlight a couple of my favs that many people don’t realize are part of the product.

  1. Boards: We have this awesome tool called boards built right into the product. You can create gorgeous mood boards and stakeholder presentations in seconds.
  2. Workflow: There’s an integrated design workflow tracking tool. Need to keep up with your progress? Add cards to workflow and drag them to the appropriate columns as you complete your tasks.
  3. Freehand: I used to use several tools to bang out wireframes. They worked ok, but I wished there was something lighter to use. We’ve got a new tool called Freehand that lets you create wireframes in minutes. You can also pull in mockups and conduct collaborative feedback sessions with your team. (And as an added bonus it’s just really fun to play with.) 🙂
  4. Prototyping Inside Sketch: We have a plugin named Craft that lets you hook up your clickable prototypes right inside Sketch, and then send them to InVision with a click using Sync. It’s a MASSIVE time saver!
  5. Stock: You can test out images from Getty and iStock right in your design before you purchase them. Then you can purchase them with a click if you find one you love.(There are a ton of other hugely time saving features in the Craft Plugin that you should def checkout. For the sake of keeping this post shortish, I’ll stop there!)
  6. UserTesting.com Recording Baked In: A lot of people don’t realize this, but we have UserTesting.com recording baked right into the product! You just activate it and you can record your usability testing sessions with a click.
  7. Inspect: Once you are feeling good about your design and you’re ready to handoff to the engineering team (or to yourself if you’re a 1 woman/man show) you can fire up Inspect and it will pull all the specs out of your prototype. Automagically. It’s the best.

So there are a zillion other awesome features and tools built in to InVision & Craft, but I’m going to stop there for now. If you get a sec, I definitely recommend playing with the new features. They’ll save you an insane amount of time, as well as crazy cash since they replace a giant stack of different products in a shot. You can just stay in product and do all of the things. I think you’re going to really love it. 🙂

(Disclaimer: In case you didn’t catch it, I work at InVision now. And love my job. And we’re hiring.) 🙂

9 Tips To Help You Rock Your First (Or Next) Conference Presentation

A few years ago I submitted my first ever conference presentation proposal. My super supportive design team encouraged me to give it a shot, and a friend gave me a final guilt trip/shove that made me pull the trigger on the submit button.

I submitted the same proposal to 2 conferences. I knew that there was absolutely no way my proposal would get selected since it was my first time, but it was a great experience going through the process.

A few weeks later, I got an email from the first of the two conferences. My proposal had been accepted.

When I first got the email, I was elated! Overjoyed! Mega pumped! I was going to have the opportunity to share some of the research I’d been working on with the UX & Design communities!

45 seconds later, I was panicking and considering moving off grid to a cabin in the deep woods with no internet access so I could pretend I never got the acceptance letter.

I’m an introvert and public speaking is definitely not my forte.

Even though it was borderline terrifying, I was really passionate about the topic, so I wound up going for it.

The session went well, and I got some really great feedback from the attendees. And then I went and hid in my car for an hour to blast some music and decompress.

As it turns out, even though presenting at a conference was draining, it was also kind of fun. So much fun that I did it again. And then again, and again and again.

I learned some pretty valuable lessons after my first presentation experience, and thought some aspiring conference presenters might find them helpful.

1. Make an outline first, don’t touch that deck

When I put together my first presentation, I whipped out PowerPoint and started adding some slides. Then more slides, then 8 godzillion more slides. Then I realized that my presentation was out of order, confusing and had no flow. Then I got frustrated and slammed my laptop shut. (Sorry MacBook.)

The second time I put together a presentation, I made my outline first. It made the process about 9000% easier.

2. Once you have an outline, pick graphics to support your points

I said keep your hands off that deck! Take a look at your outline, and then grab graphics to support your points. Don’t be afraid to make them amusing graphics.

3. NOW open your deck program and go to town.

You now have permission to open up your deck program, and add your slides. Your flow has been defined, so creating the deck will go relatively smoothly.

4. In your slides use your pictures, not your words.

As you’re creating your slides, remember that people will need to see them from a distance. Use large fonts, and as few words as possible. If you can skip the words and just go with graphics for some slides, even better. If you’re doing a presentation that requires a bunch of text (I did one on a research method once that required equations like crazy) sprinkle pictures in between the boring parts to keep folks attention.

To improve accessibility, make sure you describe the images in your deck as you present.

5. Use your words to create a transcript to make your presentation more accessible, instead.

Creating a transcript is awesome for several reasons. First, if you post your presentation online people who attended your session will be able to get a refresher on the details. Secondly, if people didn’t attend your live session, they’ll still be able to learn from your presentation. Thirdly, and in my opinion most importantly, creating a transcript will make your presentation more accessible.

6. Tell stories.

When folks leave presentations, they remember stories that were told to prove points far more often than they remember detailed facts or figures. If you really want to make a lasting impact, weave stories into your presentation.

7. Make sure that your presentation works both online and offline.

Luckily for me, a seasoned presenter mentioned before I headed to my first presentation that I should always have a copy of my presentation that could be presented completely offline. If you’re using an online deck program, download a copy too. If you’re doing live demo of a product, get screenshots or a screencast of what you’ll be walking through just in case.

The woman who gave me that advice saved me from having an absolutely horrifying first presentation experience. About 10 minutes into my 50 minute presentation, the wifi in our building completely tanked. All of the presenters were booted offline for 15 minutes. I just whipped out my thumb drive and continued on, it was a non-event.

8. Back up your backup.

During the same conference, I attended a session in which a presenters thumbdrive failed. It just straight up flat lined. He didn’t have a backup, and we were using the venue’s laptops, so he was completely SOL. I felt absolutely terrible for him. He got through it lecture style, and offered to post his slides once he got back to his personal machine, but it was one of those worst case scenerio situations.

After witnessing that train wreck, for my next conference preso I had a copy up on an online deck service, but in case their service went down I also uploaded a hard copy of the presentation to Dropbox and emailed myself links to both, AND I had a copy on a thumb drive in case the wifi tanked. I was taking no chances.

9. Stop editing!!!

My final bit of advice is to leave your presentation alone once it’s complete.

With my first presentation, I spent days and weeks working on my presentation, then kept tweaking it pretty much daily for the months leading up to the event. This is a surefire way to drive yourself insane. I was even still tweaking it the night before the conference.

Do not do that to yourself. Edit what needs to be edited early on, and then DON’T TOUCH. Unless of course you’re using stats and they change. Seriously, leave it alone, or you’ll drive yourself mad.

If you wind up submitting a proposal and/or speaking at a conference for the first time, I’d love to hear about your experience! Hit me up on Twitter at @jma245! 🙂

5 Books Every Designer Needs

Recently I’ve been asked for design and UX book recommendations fairly often, so I thought I’d put together a list of 5 of my favorite design books. I hope you love them as much as I do!

And just in time for the holiday season! Feel free to direct that family member who keeps buying you socks to this list for gift inspiration. 😉 Enjoy!

The Design of Everyday Things: Revised and Expanded Edition


Don’t Make Me Think, Revisited: A Common Sense Approach to Web Usability (3rd Edition) (Voices That Matter)



Hooked: How to Build Habit-Forming Products



Rocket Surgery Made Easy: The Do-It-Yourself Guide to Finding and Fixing Usability Problems



Sprint: How to Solve Big Problems and Test New Ideas in Just Five Days


 

Bonus: I also adore the A Book Apart Series. You really can’t go wrong with those. My very favorite one in the series is Designing for Emotion.

Then: I don’t care how it looks, just ship it! Now: Ship quality, or your product is dead in the water.

CBHZ2-XU0AADRtO

“I don’t care that it looks like trash, just ship it!”

Ok… let’s chat about this, like rational adults.

Back in days of old, when no one cared about UX at all, users just wanted a product that worked most of the time. This was the case because typically there was only one product on the market that did what they needed it to do, so this attitude was fine. Folks continued to buy relatively lame products, because they didn’t have a choice. In fact, it was an industry standard to just shove things out the door regardless of quality. It didn’t have to look good, it didn’t have to be very usable, it just had to kind of work.

Fast forward to the present. UX is the foundation of product design, and the industry is moving at break neck speed. You can no longer afford to ship a garbage release, because it gets easier every day for users to migrate to a new, better executed product.

Innovation doesn’t just mean creating something brand new, it can mean making something that already exists more extraordinary. Why did I mention this mid article? If your product releases are shipping half baked, a company that is more agile than you are is going to sweep in and clean out your customer base. By the time you catch up and fix your mistakes it will be too late. The other company will have moved on to adding even newer, more fabulous features, and you’ll be eating their dust. (If you can even afford their dust at that point.)

It’s 2015. You can no longer ship trash. If features in your upcoming release are a hot mess, YANK THEM FROM THE RELEASE. Give yourself time to clean them up, and pull them into the next release.

The general public is not going to put up with ancient product release attitudes anymore. If you want to stay in business, get on board with the quality comes first mentality.

UX Win: Amazon Fire HD Packaging

So my kiddo entered this international festival singing contest (record a song, send it to the festival selection committee, 16 finalists are picked, then they narrow it down to 3).

She won 3rd place! I was mega pumped for her. What exactly does this have to do with UX?

Today, an Amazon Fire HD magically showed up at our doorstep. We had no idea that 3rd place came with fun tech perks!

So the Fire arrived, she freaked and started opening it. Then something MAGICAL happened.

A ray of light shone down from heaven on the box. Amazon has PERFECTED the art of keeping parents and kids from accidentally amputating fingers while trying to get their packages open! The UX was so epic, in fact, that I made her stop mid tear to take this pic!

Her response? “Only you would stop to take a picture of this, mom… but it is great UX.”

Ah the joys of raising a tech loving kid who gets me. I will cherish this exchange and recall it 2 years from now when she hits her teens and is embarrassed to be seen with me. 😉

Thank you Amazon for rocking my UX world with your killer packaging (and de-packaging) setup. It caused unexpected delight all over the place here tonight.

It was also a fab reminder to always pay attention to the little big details. Positive experiences with your brand can start way before a user even touches or downloads your product. Take advantage of every single touch point, no matter how small, to make your brand shine. Paying attention to little tiny details can make a great big impact.

Windows 10 Is Looking Considerably Less Horrifying Than Windows 8

IMG_5116

The title says it all.

Windows 10 is looking considerably less horrifying than its Windows 8 predecessor.

There’s a great overview of the new OS here: http://www.cnet.com/products/microsoft-windows-10/.

The live tiles have been integrated in a less obtrusive way, through the Start Menu. The interaction flows are a lot more fluid, as opposed to the “2 completely different systems smashed together awkwardly” feeling that came from Windows 8.

Overall, I think it’s a definite UX improvement on many levels.

Also, the upgrade will be free to anyone running Windows 7 or higher.

The Pre-Windows 8 fans will feel like they’re back in their comfortable Windows OS wheelhouses.

I’m a definite Apple fan girl, and while Windows 10 doesn’t come close to being as fabulous as my beloved Mac OS, it’s definitely a step in the right direction for Microsoft.

I Did My Taxes On My Phone This Year! TurboTax Mobile Site FTW!

2015/01/img_4904.png

So I kind of wish I could kiss every member of the TurboTax mobile design team.

I did my 2015 taxes ON MY PHONE! And it was, *gasp*, FUN!

When I say, “did my taxes,” I’m not talking 1040EZ… I’m talking mortgage, student loan interest, kiddo deductions, stock, IRA etc. style taxes.

It was unreal. Every time I got a new tax form in the mail I’d whip out my phone, enter the deduction, save it, and think, “Dude… I’m doing my taxes on my freaking cell phone, and the UI is amazing!” Then I’d grin like a raging weirdo.

A task that is normally boring and stressful and frustrating was full of unexpected delight.

This experience was exceptionally better than my usual system, which is spending a week of being stressed to the max, rifling through piles of paper trying to find copies of lost tax docs all over my house.

The hamburger could use a menu label, but otherwise the UI was flawless. Perfect touch target sizing, clean inputs, clear fonts, simple nav, easy editing/deleting, etc. It’s beautiful and easy to use and I love it.

Huge kudos to the entire design team at TurboTax. Your clean, seamless mobile UI and absolutely fab UX have me looking forward to doing my taxes in 2016! Thank you for taking the agony out of tax submission time! Bravo!

And seriously people, if they can make an app used to do taxes this fabulous, apps for every other industry have a chance. They took the most boring, borderline excruciating task on earth and flipped in into a mobile masterpiece. There are no excuses left now, the bar has been set!

Top 11 UX & Design Tools of 2014

SolidifyApp – Mega simple prototyping/click tracking tool for desktop and mobile usability testing.
UXRecorder – Mobile usability testing app (Create a native prototype in SolidifyApp and run it through UXRecorder = Fabulous).

Silverback App – Mac usability testing.

Slack – Completely streamline all of your team communications. It’s kind of magical.

Skitch – Fab for UX reviews.

Balsamiq – Best collaborative wire framing tool on the market.

TargetProcess – Track Design/Development/QA progress and burndown.

GoToMeeting – Design collaboration via video chat/recording sessions & screen sharing with Audio.

Google Analytics – Analyze how your clients are using your product, look for pain points, adjust UX accordingly.

InVisionApp – Hi res desktop and mobile prototyping.

NotableApp – Great tool for detailed collaborative UX reviews.

Bonus Tool:

Spotify – Great music gets the creative juices flowing!

Quality Product Design: Don’t Give Me What I Want… Solve My Problem.

IMG_2240.JPG

After being in the industry for years, I’ve discovered 2 important things:

A. Product Designers and UX Pros think differently than other humans.
B. Really skilled Product Designers and UX Pros see problems that need to be solved, not features that need to be added.

When a client steps forward and asks for a feature request, rather than saying, “Sure! Let me just toss that in here!” an experienced product designer says, “That is great feedback! Can you explain how you would apply that feature, and how it would improve your experience?”

Sometimes you come across companies who have a strong focus on integrating client feedback, but their products eventually implode and become so feature laden that they sink.  There are ways to integrate feature requests and take a user centered approach without destroying your product.

1. Listen to feedback clients throw your way with an interpretive ear, and don’t be afraid to dig deeper to identify underlying problems.

Listen beyond the words your clients are saying and the features they’re requesting, and get to the root of the problems they are trying to solve.

2. Sometimes feature requests are actually usability issues in disguise. 

We’ve had several situations where a client requested a new feature, and after some digging and discussion we discovered that an area of our product would solve the problem with some minor tweaking. There was just a usability stumbling block getting in their way.

3. Sometimes the product features clients request are actually new product offerings in disguise. 

“I wish the product would do this. If you’d add these features, I could use this to do Y.” All client feedback doesn’t have to be fed into a primary product, when the problems that need to be solved could be handled with a separate product with a laser focus. Bloating your flagship product with a million features will lead to client frustration. Creating a new product that solves a client problem with ease = gold.

4. Focus your energy on hearing the users’ needs not the users’ wants. 

“I want to be able to do this task more quickly” could really mean, “The feature I need to access needs to be in a more prominent position on the screen.” Or, it could mean, “The feature I need to access should be a standalone solution because it is part of my daily workflow and digging through a bloated product to find it is killing my experience.”

5. More features do not equal a better product. 

Products in their purest, simplest form, are a thing of beauty. Any designer in the world can create a product and snap a million features on top of it, and around it and under it. It takes a skilled product designer & UX pro team to pare down a product to its simplest form, until it’s a clean, elegant, easy to use solution.

So basically what I’m saying is, listen to your clients. Respond to your client needs. But don’t just give them what they ask for… solve their problems.

How To Rock Your App Launch: 10 Quick Tips

Launching a new app can be a pretty daunting task.

A good friend of mine recently developed and launched an app because she had wished for years that it would exist. It’s an app that allows wrestlers, parents and coaches to track wrestling scores, matches and opponents with ease.

I learned some important lessons while watching her go through the app launching process that I’d like to share with you.

1. Make sure you’re passionate about the concept behind the app that you’re developing.

She needed this app to exist so that she could use it, and she thought other parents may want to use it too.

2. Launch your app at the right time.

The pre-season just started, and she put the app on the market at exactly the right moment. Before her app had even been out for 1 week, she already had tons of downloads. If she had launched it a few months before or a few months later, it wouldn’t have been nearly as successful at launch.

3. If you’re going to launch the app yourself, make sure you do your pre-marketing months in advance.

Before her app was even finished, she was posting teaser links in wrestling forums, and reaching out to wrestling organizations to let them know it was on the way.

4. Check branding options before you become too attached to an app name.

She didn’t name her app until she made sure that the domain name, Facebook url and Twitter handle were available. If they hadn’t been, she was willing to change the name of the app.

Don’t marry yourself to an app name until you’ve secured the appropriate branding.

5. Perform Usability testing with all of the appropriate personas.

She tested her app with kids, teens and with adults to ensure that it would be usable by her entire target audience. She focused closely on UX from the very beginning which helped with her rapid adoption rate at launch.

6. Once you launch, sincerely ask your users for feedback.

After she posted links to the app in various forums, she asked sincerely for feedback and feature requests from her target audience. Her son has only been wrestling for a few years and is in elementary level tournaments, so she didn’t have experience yet with high school level wrestling. She wanted to make absolutely sure that she was meeting the needs of her entire user base.

7. Iterate like crazy.

She launched the app with the features she felt were necessary for success, but had a plan for various iterations of those features in advance. After launch, several of the feature requests that her users presented were so fantastic that she integrated them in with the first couple of planned feature iterations immediately.

8. Don’t trip yourself up by trying to integrate every single feature that is requested, but don’t get so focused on your planned iterations that you don’t listen the feedback you’re receiving from your target audience.

This is quite possibly one of the trickiest parts of app development. The knee jerk reaction in the beginning stages is to include every single feature request people send your way. Over time your app will become huge and cumbersome and so feature heavy that the UX will suffer.

At the same time, you can’t get so obsessed with your pre-planned release strategy and timeline that you don’t take time to integrate the best feature requests while you work on iterations of existing features.
Strike a balance between these two areas and you’ll wind up with a phenomenal app that really meets your users needs.

9. Pre-plan your monetization strategy.

Before she had even finished her app, she reached out to some experienced industry folks through Twitter and other social media outlets to determine the best way to monetize her app.

The option she landed on makes perfect sense for her audience. Don’t think that you need to milk people dry from the beginning to make money. I don’t ever download an app that I have to pay for, unless I have an opportunity to try a lite version first, and I often find myself upgrading to the paid version if I love the app.

10. Add analytics from the get go.

You know what’s awesome? Being able to watch the use of your app increase on a daily basis, and having the opportunity to watch which features are being used the most. Custom events in Google Analytics are a great way to keep an eye on what’s going on with your app in real time. You can also put together some pretty killer stat sheets based on the data you receive on a monthly basis. Having analytics access also helps you locate problem areas from a UX perspective with ease.

My friend added custom events before her app went live, and is having a blast looking at her stats each night. Data = fun. 🙂

I hope you found these tips helpful. Now get out there a launch some killer apps!

In case you want to check out her app, you can download it for Android or iPhone by visiting http://www.suplexapp.com, http://www.facebook.com/suplexapp or http://twitter.com/suplexapp (See? Solid branding FTW.) 🙂