UX Update: The Little Things

We’ve been working on some small, incremental changes to improve the Race Dashboard. Here’s what’s new!

Before: 


After:


1. Introducing the Avatar Menu!
It has a picture of you (yay!), and has all of your useful things in it:


2. Top Menu moved into Avatar Menu.
The Top Menu doesn’t need to be out at all times. We’ve put that into our nice new avatar menu. Is it an extra click? Yes. But it gets clutter off the screen and allows for a much cleaner header layout. This style of menu is common across many web applications, like LinkedIn and Google. Users are accustomed to looking for global types in a menu like this. Think about it this way: I use my fork every day to eat breakfast and dinner. Do I leave it out on the kitchen table? No, I put in away in a drawer when I’m not using it. (After I wash it – I promise.)


2. Logo
We’ve made it smaller, so we can further shrink the header and get back some vertical space. We also converted our logo into a super-crisp icon font, which looks sharp at all sizes, and downloads faster than an image logo.


3. No more Menu Label
I know it’s a menu and you know it’s a menu. So do we really need to put a label on it? No.


4. We put the Gear away

This is how you get to your dashboard settings, which is something you don’t do every day. Prime candidate to be put away into our Avatar Menu.


5. Moved the Menu Icon
Also known as a ‘hamburger’, this icon toggles the visibility of the menu. We can’t really keep it here, now that we’ve removed the Menu label and Gear icon, so we’ll bump it up into our nice clean header. The header is also a common place to have a menu toggle button. Users are familiar with finding it there.


6. New, Consistent Search Components

We have two search elements on this screen: People Search, at the top, and Menu Search, in the menu. To be consistent, they now use an identical search element, with a slightly different color theme.


7. Our new font continues to propagate

You may have noticed some font changes over the past few weeks, most noticeably on the menu. We have decided to retire our old font, Sanchez, in favor of a new font, Roboto. The Race Title is now in Roboto, which will be our new font moving forward. Roboto is a more modern, sans-serif font, and has some humanist characteristics that we love. It’s great to read on screens and fits better with the RunSignUp brand. You will continue to see less Sanchez over the next few months and more Roboto!


8. Menu Color Changes

We adjusted the menu colors to make them brighter and to properly weight the sub nav menu. We also eliminated some unnecessary elements like borders between the top level nav items. Our new font, Roboto, with its lack of serifs, helps the menu to appear cleaner.


9. Header background image replaced with Gradient

We retired our background image of the runners. It was time. In doing to so, we introduced a new gradient background, which adds vibrant colors, to modernize and brighten things up.


More updates are on their way! Let us know what you think.

Race Analytics Dashboard

The Race Analytics Dashboard has released a flurry of new capabilities to help races understand their promotion, demographics, registrations and transactions better. (You may also have noted the nice progress on the overall User Experience of the race dashboard with the new fresh colors.) There are now more than 15 graphs giving you a quick snapshot of al of the important parts of your race. The main dashboard now gives you 4 main options:

  • Overview
  • Transactions
  • Demographics
  • Registrations

Screen Shot 2017-08-25 at 8.29.16 AM.png

The Overview page today shows a quick view of Pageviews on your race website and registrations. There is drill down today on web sources for page views by clicking on the green line. This page will expand significantly over the coming weeks to show more source information along with registration and transaction impact of those sources (like email, referrals, Facebook ads, etc.)

The Transactions pages show drill down and Year over Year reports for the total Transactions processed:

Screen Shot 2017-08-25 at 8.21.57 AM

The Demographics graphs show Registrations by:

Screen Shot 2017-08-25 at 8.15.58 AM.png

The heatmap allows you to drill down and see individual zipcode counts:

Screen Shot 2017-08-25 at 8.17.14 AM.png

Registrations show the following drill-down graphical reports:

  • Giveaways
  • Question Responses
  • Registration periods
  • Revenue by Event
  • Imported Registrations
  • Day of Week
  • Time of Day

Screen Shot 2017-08-25 at 8.19.27 AM.png

The combination of the RunSignUp Analytics Engine and our expanded team working on User Experience is bringing new ways for races to understand your customers better.

Darren Delivers in Week 1 – Improved Sponsor Display in Footer

Darren joined us our User Experience team on Monday, and he released an improvement on Thursday!  While it was a simple change, he got thru the gauntlet of setting up his development environment, Github access, understanding how we do branches and merges, our page structure, our CSS structures, how we do code reviews and process changes.  Pretty good!

The new change helped improve how sponsor logos are displayed if located on the footer. The changes included the sizing, creating common layouts, centering, and how links are displayed with subtle image fades. It looks slick!

Screen Shot 2017-08-18 at 2.01.31 PM.png

Darren will be delivering a lot more beautiful and powerful user experiences in the years to come!

Welcome Darren Wamboldt

Darren.jpgWe are happy to welcome Darren Wamboldt to the RunSignUp Team! Darren joins Jeff Kiesel and Meredith Klein as part of our User Experience Manifesto.

Darren has led the RaceIT User Experience effort for the past 5 years. Coupling his deep passion for UI design, his coding abilities and his industry knowledge will help make our offerings even better for our customers. He will be focused initially on creating additional templates for our Race Websites, along with bringing some other goodies to race websites.

Darren lives in Richmond with his wife and two boys, who might be a bit more into lacrosse than running (lacrossesignup.com anyone?)…  Darren will be working in our Richmond, VA office.

New Profile Page Started

We have released the start of the new Profile Page. This will evolve over the coming weeks to provide easier access to the relevant things that participants need and want.

Note the increased use of icons for easy browsing, the soft rounded profile picture, and the initials if there is no profile picture. Soon we will be adding quick review for your current and past races, as well as getting rid of the big buttons at the bottom and make everything context aware – clearing clutter and creating a more pleasant experience for participants.