Partying mood to celebrate the new alcopop

The App has awoken, it’s heard its masters call.

I'll take the App to NY

Frodo wouldn't have gone far without Venue

arrow

The Venue

This is a user-generated data app that features venue information, showtimes, cast/member information, reviews, ticket purchases, and even shows restaurants nearby your venue.

First Thoughts

Purpose First

Why are we doing this?!

Starting Out

The idea of creating an app was very new to me. Given the parameters that the app was to be used in the entertainment capactity, I asked myself, “hey self, what would I want (as a consumer) from an app that directs a tourist in NYC?” Then I went silent for a bit to think... “Eureka! I’ve got it!!” (Okay, so maybe I didn’t say that at all) Though I did start to write a list of all the things I wished it could do... my laundry, breakfast in bed, marathon Netflix without me having to reassure it that, YES, it’s been over 4 hours and YES, I’m still watching ST:Voyager, PLAY THE NEXT EPISODE. But I digress.

Janeway rocks

User Needs

The client will need to be able to easily navigate a variety of uses while sorting through information that is categorized by interests. The main goal of the app is to direct users to the best venue for their specific needs. The application will also be able to inform the user of venues or shows they might not have previously known about. A go-to solution for those seeking entertainment, this app will able to assist people who are familiar with the New York area as well as those who are not.

Target Audience

The Venue will be marketed toward two different targets. One will be white women with college degrees between the ages of 35 and 50. The other is Asian males, also college educated, between the ages of 21 and 30. The two markets are varied due to the activities involved. Since the two are so different it is important to make usability and clarity high priorities.

Client’s Needs and Goals

The client will need to have a variety of uses easily navigable and lots of information broken up into different interests. The main goal of the app is primarily to direct users to the best venue for their specific needs. The application will also address the issues that may arise from not knowing a venue or a show. It will be a go to solution for most entertainment.

Functionality

Since the application is a hub for all major venues in Manhattan it is important to have all locations and as many venues as possible. The application will allow the user to:

  • Find venues
  • Get directions
  • Find times and dates of shows
  • Get spotlights and news
  • Show bios and awards
  • Read reviews
  • Randomization feature
  • Link to social media
  • Save favorites (venues, performers, reminders, etc.)
  • Listen to clips of music
  • Purchase tickets
  • Win tickets at discounted prices
wire time dance

STOP!

Wire Time

You can't touch this

Ring the bell, school’s back in, break it down

Organizing is probably the most satisfying part of design because it allows the design to serve its purpose. Making the screens also cleared up any gaps in my initial plans. It was one of the most time consuming parts of the entire project. I spent considerable time downloading apps of all sorts to research navigation, search functions, how items are organized, and screen orientations. When running through the screens, it was essential that the wireframes showed depth, clarity, and inituitiveness. The screens shown are primary screens in the user’s process.

Call me a safe bet

Brand new

You say you wanted a solution

I'll take you to the Photoshop

The initial build of the screens was in Photoshop. As I finished, I would implement them in the Invision App. This was a first for me and as I got more comfortable with its functionality, I tested the screens with those around me. The advantages of being able to test the screens as I built them meant I was able to change the size of buttons, and the fingerpad size to better suit the user. Also, the interactions that I initially chose proved to be slightly too cumbersome and through testing I was able to make them more consistent and intuitive.

User Interface kit

To keep a consistent look throughout the app, I created a small UI kit to give the parts and buttons a similar look and feel. Parts include buttons, pull down arrows, icons, lists, and the like. The colors were chosen to keep the app looking modern yet gender neutral. The primary colors are two shades of grey with a strong green pulled from the logo. The geometric pattern, though subtle, is also seen on the website and is a background for main screens.

Type away, type away, type away.

The typography is generally pretty simple with readability being a high priority since the app’s main purpose is to be able to read reviews and find information as opposed to apps that are solely for taking pictures or video recording.

Easier than Common Core

Testing

How intuition really works

Beta Testing

My biggest fear of the entire project was offering the app to my target market and having the design inhibit their ability to maneuver through each part of the app with ease. At the outset of testing, I told participants that this app doesn’t truly function as the screens are just pictures and not all buttons work.

The test was to see if the users could successfully find Alex Sharp’s awards. I told them he was in a popular show on Broadway. This was the proper route to find the information.

  • Find the show under “Popular”
  • Follow to the cast screen under “Who”
  • Push Alex Sharp name
  • Scroll to “Awards”
  • Click “Awards”

Results

The participants did surprisingly well. Two of the participants wanted to do a search, which I explained wouldn’t actually work since it’s a picture, but I loved that they had immediately forgotten it wasn’t a real application. Overall, the participants found it with little extraneous clicking.

In this test, I found that the app hotspots were a little small and there were a few animations that were inconsistent. I switched from a flip to a push left for the inner screens which seemed to please the users after additional testing.

Beta Testing

The test was to see if the users could easily find the band Brand New and add them to the favorite the user’s favorites. This can be done in two ways:

  • Find the show under “Featured Spotlight”
  • See “Upcoming Events”
  • Cick the favorite button

OR

  • Scroll to “Venues” under “Popular”
  • Click on “Bowery Ballroom”
  • Find “Brand New” and add to favorites

The test was to see if the users could successfully find Alex Sharp’s awards. I told them he was in a popular show on Broadway. This was the proper route to find the information.

  • Find the show under “Popular”
  • Follow to the cast screen under “Who”
  • Push Alex Sharp name
  • Scroll to “Awards”
  • Click “Awards”

Results

This test didn’t go as well as I had wanted. Users couldn’t find the band as easily because it was under the featured spotlight venue and testers didn’t scroll down far enough to find the venue. Each user eventually found the band after a bit of searching (good thing the app isn’t too lengthy) and “liking” the band seemed simple.

As a result, I built out the search function and and allowed the user to find it off of the name. Since it is built of images instead of code, I simply added it to the “Trending Searches”.

I tested this functionality of the new screens and the users were able to find the much more easily and the “favoriting” was as swift as before. The screens on the right show the path as tested by users.

Can you do it again?

Testing (again)

The cycle never ends

Making it mobile

All the Single pages

Shoulda put a grid on it

Mobile first

The website is a single page promotional website. It was coded for mobile first with a responsive grid and SCSS. The site also has a small embeded functioning app so people can scroll through the items.

what the web looks like on a giant mac