UI/UX: Sports News App Concept
Sports News App Concept
CHALLENGE
To create an experience that would focus on one sport, Major League Baseball, and allow a user to have instant access to relevant news, team, player, and game stats, live feeds, fantasy league tracking, schedules, social networking, and ticket purchasing.
There were a few pain points that I wanted to tackle. The biggest was how to integrate a ticketing system with a news feed system. My biggest complaint with Bleacher Report is that I'm getting news updates from other sports besides baseball, and I'm unable to control which sports I see stories about and which ones I don't. 

The three major areas of user interaction I was concerned with were profile management, event streaming, and ticket purchasing. I first wanted to tackle the on-boarding process. This involved a couple new areas for me, UI-wise: security and data visualization. Security in terms of verification and setting up a user's profile, and the what data warranted being used in an interesting and clearly understandable format. 
My first order of business was finding the least intrusive way to do this. The answer was sending a verification link to a user's supplied primary email address, which also acted as the username. Once the user could verify who they were, they could begin the remainder of the on-boarding process. 

The second priority was determining an easy ticket purchasing flow, within the larger app flow. Since I've been a consumer of several sports news apps and ticketing apps for quite some time, I had a pretty good idea as to what features a user accessed quickly and most often in this situation.

My first inclination was to defer to the hamburger menu. But, after doing extensive research about mobile navigation patterns and usage (thanks Luke Wroblewski), I determined that utilizing a bottom tab nav bar was the best approach, being that this was a pure mobile app.

I intentionally bubbled up the events, news, scores, and profile management nav items. Across all of the sporting news apps that I have ever used, these seemed to be the most widely used front and center nav items. Access to upcoming events, using the user's geo-location, was essential. I also felt it important to let the user see the view of the field from the seats they had chosen, using VR views or simple images of the specific stadium. 

The final flow was to show a user accessing a streaming live game. This presented many challenges. First, was how to connect the user's internet provider with the app. This would require hooking up to an API providing the stream.
I wanted to provide a truly well-rounded media experience: ticket purchase, event viewing, realtime news and social updates, and profile management.
UI/UX: Sports News App Concept
6
529
0
Published:

UI/UX: Sports News App Concept

Find any live sporting event near you with the Homestand app. Purchase tickets to those events, watch and record those events live on any mobile Read More
6
529
0
Published:

Tools

Creative Fields