Design Trends for 2017

While 2016 was an exciting year for design – there was a shift toward mobile-first design, video and rich imagery were hotter than ever, and animations became the norm – I’m even more excited about what we can expect to see in 2017.

 

A few weeks ago, Creative Director Alex Pineda and I held a webinar with CEO Joanna Pineda to talk about the trends that are emerging in 2017, and how you can give your members the best user experience possible by incorporating them into your web presence.

Curious about what’s in store for 2017? Check out our recap video:

 

Whether your plans for 2017 include a large-scale website redesign, building a brand new website from scratch, launching an app, or simply refreshing a few of your key pages, we’d love to help you incorporate some of these trends!

 

Which design trends are you most excited about for 2017? 
Leah Monica

Director of Marketing

Social Media Tool: Hootlet Extension

If you’re in marketing, you know how time consuming posting and monitoring social media can be. It can easily swallow hours of your work day. Yes, hours.

As I mentioned before, I’m all about the productivity hacks this year, and am diving deep into the world of Chrome extensions to try to streamline my work and personal life. My current favorite extension for efficiency in the social media department is the the Hootlet extension for Chrome and Firefox. If you use Hootsuite to manage your social media accounts like we do, you need this, plain and simple!

Why is it so great? It allows you to share articles or web pages that you are reading/visiting, without ever having to switch tabs or copy/paste a single URL or string of text. While it may not seem like either of those things are that much of a nuisance, you’d be shocked at how much time the back-and-forth swallows, and how easy it is to get lost and distracted when you’re juggling 15-20 tabs at once (that’s not just me, right?).

With the Hootlet extension, all you have to do is click the Hootlet icon in the browser toolbar, and the familiar Hootsuite draft box will pop up on the webpage, pre-populated with the page title and URL. From there, you can customize your message, add a photo or attachment, and choose to either share the social media post immediately or schedule it for later, without ever leaving the webpage. Life changing!

Another cool feature? If you see a quote in an article that you’d like to share, you can quickly do so by highlighting the text, right-clicking, and clicking on “share via Hootlet.” The draft box will then pop up with the highlighted text, and a shortened link to the article.

Sharing made easy! Can’t beat that.

What are some of your favorite social media productivity tools?

Leah Monica

Director of Marketing

Favorite Tool: Google Page Analytics Chrome Extension

For me, 2017 is all about productivity hacks and working more efficiently. Recently, I’ve been diving deep into the world of Google Chrome extensions to help me streamline as much of my work (and personal life) as possible.

One of my current favorite tools is the Page Analytics extension for Chrome. With just a quick glance, it shows you how your users are interacting with your site, in an easily digestible format.

How does it work?

Once you have the extension installed and turned on, you will see the analytics data pop up on any webpage you visit that you have access to in Google Analytics. Keep in mind that this requires that you are logged into the Google account in Chrome that is tied to your Google Analytics account.

When the extension is turned on, you’ll be able to see:

  • Metrics such as pageviews, unique pageviews, average time on page, bounce rate, and exit percentage. You can also use the date comparison and segmentation tools directly in the extension for these metrics.
  • The number of active, real-time visitors on your site.
  • In-page click-through rate analysis.

I love that in the middle of a marketing meeting when someone asks, “Hey – does anyone know if our users are actually clicking on the calls to action in our rotating branding area?” I can quickly pull up our website to see how many people have clicked through in the last month. It’s also a heck of a lot easier to take a quick, high-level peek at the traffic on any given page of our website than it is to log in to Google Analytics and dig for that information. Pretty great, right?

While I still very strongly suggest doing a deep dive into your Google Analytics reports once a month at minimum, it’s great to be able to get a rough idea of what pages users are visiting, what’s working, and what’s not working in a matter of seconds.

One very important thing to note about the click analysis, however, (and one of my only gripes with this extension as I think it’s a bit misleading at first glance), is that the click-through rate is for each destination page. For example, if you have three separate links to your events page on your homepage – in the navigation, right rail, and footer – they will all show the same number of clicks, even though the link in the navigation may have gotten the most number of individual clicks. Therefore, the click analysis isn’t good indicator of the success of link placement. Just something to keep in mind!

What are some of your favorite Chrome extensions for working more efficiently?

Elaine Heinzman

Content Strategist and Information Architect

3 Last-Minute Holiday Tech Gifts

We acknowledge that it’s late in the gift-buying game, so if you procrastinated on your shopping for Christmas, Hanukkah, Kwanzaa, and/or Three Kings Day, Matrix Group has got you covered with three options for the gadget geek in your life.

Nixplay Iris digital picture frame

The Nixplay Iris is a sleek, high-resolution digital picture frame that you can update from your smartphone. It connects to Dropbox as well as the major social-media and photo-gallery platforms (Facebook, Instagram, Picasa, Flickr).

If your parents love to see the most current photos of their grandkids, you can use the Nixplay Mobile app to update the images they see on their Iris. Bonus: Click the Nixplay link above for a voucher code to get free delivery in time for the holidays.

 

Nonda ZUS phone charger and car locator

The Nonda ZUS looks more like something out of the new Star Wars film than a phone charger, but it has another, even better superpower: It automatically saves your car’s location whenever you park.

Are you the kind of person who can’t remember where you left your car? Use the ZUS app to find your vehicle, and connect your phone to the ZUS so your phone can recharge. 

Rocketbook WaveThe Rocketbook Wave is a traditional spiral-bound notebook with some pretty unconventional twists. It comes with a Pilot FriXion pen, which you use like a regular pen to take notes (and which you can buy in office-supply stores everywhere). The Rocketbook app lets you scan those notes and upload them to whichever cloud service you use (Google Drive, Dropbox, iCloud, Evernote).

The coolest part: When the Rocketbook Wave is filled up, you microwave it to clear out all the pages and use the notebook over and over.

No-Cost Tools for the UX Pro (Who Wants to Save a Buck)

Man with headphones on using computer inside at standing deskOur user experience (UX) team has weekly meetings, and each of us takes a turn sharing something useful. Since I came from a freelancing background, and because some of our clients like to get more involved in their websites, I thought I’d share some free resources that are hanging around on the internet.

Typography

Don’t know how to choose fonts? Do all those fonts start looking the same after while? Finding the right font can be a hassle. Why scroll through a long list of fonts when you can use any of these three sites to help find the right font for you?

  • Wordmark takes the fonts on your device and displays them all in a word of your choosing, allowing you to preview fonts quickly and easily.
  • Finding one font is hard enough; with Typegenius, you can find the right accompaniment to your current font in just seconds.
  • Don’t know jack about typographic hierarchy? Use Type Scale to make you look the part without missing a beat.

Mockups

Maybe you have a client or a stakeholder (hi, Board of Directors!) who need to see how the website will look on their giant monitor or their phone but the site isn’t fully built. Use these professional-grade photos to make your site comp pop. With more than 100 free mockups (smartmockups), you can’t go wrong.

Image editing

  • These are for the light Photoshop user who doesn’t want to pay a subscription to crop some photos or edit some vector graphics every now and then. These apps will cover most of what you need.
  • Have you tried your hand at using the pen tool in Photoshop or Illustrator and made a mess? Learn how to use the pen tool like a pro while having fun! With the Bezier Game, feel the hours melt away as you master the pen tool in this thrill ride of a game.

Sounds

Is dead silence driving you bonkers? Is your playlist distracting you from achieving an optimal productivity level? Use Noisili to get you in the zone.

Images

Many times stock photos look like a bunch of actors smiling at something off camera, here’s a list of free, high quality photos to avoid that.

What are some free or low-cost tools you use? If we haven’t heard of it before, we’d love to give it a shot!