Screen for First Round of Design Contest = PLAYERS
All Screens in Project:
I) Overview/ Home, II) Messages Inbox, III) Respond to Invite, IV) Chat, V) Players.
I) OVERVIEW/ HOME
1. As a user I download the app and land on the Overview screen with brief app benefit(s), for example "Meet tennis players from over 6,000 cities in the USA and around the world". I flip through more Overview screens to get a better idea of what the app does and decide to join, or just login, if I'm a returning member.
II) MESSAGES INBOX
2. I login and land on my Messages screen, where I see if I have any new Match Invites or Messages, and also see older message threads.
III) RESPOND TO INVITE
3. From Messages screen I can select a Match Invite and respond by Accepting or Declining it, or reply with a clarifying question first, i.e. "How about we play next week instead?".
Specifically, to Accept an invite I can tap Accept and follow up with a personal message. I can also tap a pre-written response "Yes, I'd love to play!", which flies off to the other player (without even clicking Send, as this one is not editable), and I'm now in a Chat screen/ mode (ala LinkedIn).
4.1 Next I tap a new pre-written message, that I can see now on the same screen "How about Wed 7pm at Central Park?", which drops into the text field, and I edit it by adding the words "or 8pm" right after 7pm, and I click Send.
4.2 Still within that Chat screen I follow up with a personal message that I type in myself in the text field: "By the way, I plan on driving. Do you want to car pool?" and I click Send.
4.3 Chat screen is now showing the other player on top as the recipient, his inviting message , i.e. "Hey Alex! Would you like to play tennis this week, some time after work?" and these messages from me, that I just sent: "Yes, I'd love to play!", "How about Wed 7pm or 8pm at Central Park?", "By the way, I plan on driving. Do you want to car pool?".
5. I tap on Players in bottom nav and view nearby tennis players sorted by proximity. I click on a player and visit his Profile page to see who else he has played, see if he's played another guy that I know, and what their scores were.
6. I then go back to the Players Search results and see a player that I haven't played yet, Jim. I invite Jim to play suggesting time and place using pre-written messages suggested by app "Hey Jim, would you like to play tennis tomorrow Sat 6/3 at 5pm at Golden Gate Tennis Center?" I edit the time again adding another starting hour (6pm) to offer more options. "Hey Jim, would you like to play tennis tomorrow Sat 6/3 at 5pm or 6pm at Golden Gate Tennis Center?"
7. Then I add 3 other players to my Playlist (Group Invites/ Group Messaging) and from there I send them an invite asking if they want to play doubles next week.
===MAIN SCREENS, SPECS===
Welcome screen with Hero Image of a tennis pro (Federer/ Rafa/ Dimitrov) and a main benefit of the app, i.e. "Connect With Local Players At Your Level".
2. MESSAGES INBOX
An inbox screen with all messages to date sorted by most recent, showing new Match Invites and Messages in bold (or other visual cue). All invites and messages show pic/ avatar of other player, his first and last name, skill level, gender, home court, city and state, date, time and preview of message itself (1-2 lines of text). I can distinguish between new (unread) and old (read) messages. I can scroll up and down the Messages Inbox and swipe left on a message to see the Delete button and remove a message.
When I tap on a message I go to its CHAT screen, showing the other player's Profile main elements (picture, name, skill level, gender, age, home court) in screen Header, and conversation thread of all messages so far. If it's a Match Invite I see the RESPOND TO INVITE screen.
3. RESPOND TO INVITE
From this screen I can reply to a Match Invite, which can by either sent by a human (Manual) or by our system (Automatic). This screen design is for responding to a Manual Invite. It shows the other Player's Profile main elements in the header (picture, name, skill level, gender, age, home court).
To Accept a Match Invite I can tap the Accept button and add my own message in the text field, or select a pre-written message (which flies off immediately in the CHAT) and then follow up with my own personal message. Conversely, I can tap Decline to turn down a Match Invite, or select a pre-written message "Sorry, I can't play right now", or just reply in free text.
The canned responses/ suggested pre-written messages idea is to eliminate friction and both reduce stress of composing messages, and save time and effort of typing text. We always discuss the same topics anyway - what time, day and court. Goal is to minimize all the back and forth and close the conversation cycle a step sooner.
Chat screen is where users exchange messages in the familiar Facebook Messenger, Whatsapp, Airbnb style. I can see the time stamp of each message and distinguish between my messages and those of the other player. I can also see the other player's main characteristics in the header (picture, name, skill level, gender, age, home court, city, state). To get to the CHAT screen a user would respond to a Match Invite (Accept/ Decline via buttons or pre-written messages) or Reply to it in free text.
Player screen shows search results of all tennis players within 30 miles, per phone's GPS location, or address/ city/ zip code entered in Search field. Results can be filtered by Skill Level (1.0, 1.5, 2.0, 2.5 through 7.0) and Gender (M/F) for now. Search results show each player's picture, name, skill level, gender, age, home court. I need to have the ability to add each player to my Playlist (which is a list of Favorites, that can also be used for Group Invites) and to Invite a player to play a match.
We need to be able to add more filters in later releases (Age, Radius Search, and so on), so we should design UI to allow for extra filters.