photo

New MLS iOS App

Get ready for the 20th season with v6.0 of our native mobile apps for iOS and Android. We made some significant changes to core app features, but there are many more on the way including Standings and Clubs sections.

  • We updated the app icon with our new Crest. The iOS icon utilizes the iOS8 gradient styled background and Android has a transparent launcher icon.
  • New look and feel to match our new brand and your device.
  • New video carousel at the top of the Latest News section.
  • View and sort the schedule by your favorite team(s) with our new Schedule & Scores section.
  • We integrated our amazing Matchcenter experience that includes new stats, charts, videos, photos, and more.

MLS for Android

Android

  • We dropped support for Android 2.x, and now require Android 4.0 or higher. Android 2.x represented less than 2% of active users this last season.
  • Improved support for Android tablets.
  • Android uses the Material Design language.

MLS for iPad

Apple iOS

  • We dropped support for iOS 6, and now require iOS 7 or 8. This means we no longer support the original iPad and iPhone 3GS.
  • We added support for iPhone 6 and 6 Plus screen sizes.
  • The app now works in Portrait orientation on iPad! The Adaptive UI is accomplished with Auto Layout using relationships and constraints.

MLS for iPhone

 photo

MLSsoccer.com Open Beta

We are excited to announce an open beta of the next MLSsoccer.com site, which marks the Next Phase of MLS and utilizes our new crest and colors! The new site is built by the MLS Digital team on our next-generation content publishing platform, which is built with Drupal on Amazon Web Services. It is designed from the ground up to deliver a consistent, seamless experience across mobile, tablet and desktop screens. Please let us know what you think. There is a feedback tool located in the lower right corner of the site. Both the current site and the beta site remain available during the beta period.

MLSsoccer.com New Visualizations

Along with the new site, we have integrated the standings visuals described in this post. We also redesigned the Results Map and updated the Stats Leaderboard where you can track the player’s progress by month.

MLSsoccer.com New Weekly Standings

MLSsoccer.com Mobile Designs

Hans Gutknecht - @hansyg
Justin Slattery - @jdslatts
Louis Jimenez - @LouisAJimenez
Chris Bettin - @chrisbettin
Amer Shalan - @pterodactylitis
Tom Youds

During the final stretch of our regular season we became interested in creating ways to visualize standings, points, and playoff positioning. We came up with 3 visualizations that we felt were an interesting way to look at teams’ performances throughout the season.

Weekly Standings

Weekly Standings

The weekly standings graph is a great way to view a team’s performance over the course of an entire season. Tracking the standings position of a team and seeing when they drop below or rise above the playoff line can be an interesting way to analyze a team’s form. New England’s mid-season 8 game losing streak followed by their climb back up the Eastern Conference is a great example of this.

Points Per Game

Points Per Game

The second visualization we created was points per game. It helps visualize stretches of games during a season where a team picks up points. Comparing teams’ performances on a game-by-game basis can show how well a team is doing while ignoring games-in-hand, bye weeks, and midweek games that the standings table shows.

Possible Points

Possible Points

Each year as the regular season concludes it is interesting to see how many points a team can acquire in their remaining games. When certain teams have games in hand, viewing the possible points of each team can be an interesting way to visualize the possible outcomes of the remaining games of the season.

Mobile

With limited screen space we didn’t want to create an entirely degraded performance for mobile viewers. We hadn’t seen any great examples of shrinking such a large visualization down to a mobile format. Providing horizontal scrolling for each graph works well for viewing specific time periods throughout the season.

We will be launching these visualizations with historical season data integrated into the new MLSsoccer.com in January. Let us know what you think!

  • Tom
 photo

New York City FC Launch

We are excited to introduce the new New York City FC site! The new site is built by the MLS Digital team on our next generation content publishing platform, which is built with Drupal on Amazon Web Services. It is designed from the ground up to deliver a consistent, seamless experience across desktop, tablet and mobile devices. Start following NYC FC now as they get ready to join MLS next year.

Hans Gutknecht - @hansyg
Justin Slattery - @jdslatts
Louis Jimenez - @LouisAJimenez
Chris Bettin - @chrisbettin
Amer Shalan - @pterodactylitis