Please download the app, so that you can see how it actually works.
If you have Android, you can test the new design here https://www.dropbox.com/s/zrfy7eigh…y.apk?dl=0. If you have iPhone, you can let us know your iPhone´s UDID and we give you the implemented version with the new design.
We also need to find the right font. Among others, we have tried Lato, Roboto, Helvetica Neue, Open Sans, however, none really felt like the right one. We liked JosefinSans-Regular most, because it has a very exclusive look that is nice for tennis players, however, we think it is a tiny bit too fancy.
The screens that we would like to focus on mostly are:
1. Main screen with the broadcast button.
The first screen is the main screen, which consists of mainly 3
elements from top to bottom.
1.1 At the left top, users can access their profile
1.2.Below the profile bar, there is the broadcast button, which lets
the users ping all nearby tennis players at once (this can be several
hundred at once) that they are looking for a game. It is important that
this button is big, because we really want our users to use the
broadcast button, because it messages a lot of people at once. This makes finding a tennis partner very fast and increases activity on our app.
1.3. At the left, there is the text that shows the criteria that the Top Buddies were filtered by.
1.4. At the right, is the filter button, which shows the filter options
1.5. Below, uses can see all nearby tennis players that are
looking for a game depending on what filter they specified. Nearby
tennis players can be filtered by the age, gender and skill
1.6. When switching to the messages tab, the user can see all conversations with Tennis Buddies.
2. Profile Screen
The second screen is the profile of the user, which contains
2.1. Back button at the top left
2.2. Message button, which opens the chat screen
2.3 Rate button, which opens the Give Rating screen.
2.4. Then, there is the name, age and gender of the user on the picture
itself and the rating of the user on the right. This rating is
composed of 1-5 ratings that players have given after they have
played against each other.
Below there are 5 more fields.
1. Preferred tennis court
2. About me
3. Skill level/NTRP of the user
5. Ratings of other players who played against them, similar to
3. Chat Screen
This screen is similar to Whatsapp. Here we have the
3.1. The back button
3.2. The name of the conversation partner
3.3. The profile pic of the conversation partner, which leads to their profile
3.4. The chat with chat bubbles
3.5. The text field to enter the text
3.6. The send button
On this screen, the send button and the background would need the most work. Regarding the background, we tried to do something similar to whatsapp, which has a background that is a bit playful and nice, but that also is not distracting from the messages at all. Here, a tennis related theme similar to what we already have, but a lot better would be nice.
4. Broadcast/Filter screen
The broadcast or filter screen comes up when the user presses big the broadcast button or the filter button on the right. The difference between both screens is that the broadcast screen as a text field and that the filter screen has a slider for the radius.
Apart from that, there are
1. Short description text
2. Text field (broadcast screen only)
3. Radius slider (filter screen only)
4. Skill level slider
5. Age slider
6. Gender picker
7. Club picker
7. Send button
Below you can see the screenshots of our app and some examples of designs that we deem professional, aired out and spaced out.