App Flow #2 - Sending Messages
App Flow #2 - Sending Messages

Following the first app flow assignment for my 400C mobile app development course, I designed this app flow to demonstrate the user's experience in sending messages to other users. This was an exercise to ensure that I can make the process as straightforward as it should be.


1 - Home Screen

Starting from the home screen of the app, the navigation drawer can be tapped to display tabs to other parts of the app. Since I focussed on sending messages, Messaging is tapped.
2 - Starting a Conversation

I wanted to first display what it looks like to have no active conversations open, as if it is the first time using Messages. By following the on-screen prompt, the UI will switch to finding a user. The app displays recent activity on your page from other users, or you can search for users manually.
3 - Start Talking

With the conversation open, it's time to start talking. The thing I wanted to make sure the app does is to integrate instructions in the relevant fields. So, for example, in the textbox below, the user taps that area to start typing a message. Straightforward, user-friendly and simple!
4 - See Ya Later!

After finishing chatting, I thought it'd also be practical to show what it looks like to exit the conversation. Allowing the user two ways to navigate—using the back arrow on the top-left or the drawer on the top-right—the main area of the Messages screen should look different from when there were no active conversations.
App Flow #2 - Sending Messages
1
39
0
Published:

App Flow #2 - Sending Messages

Demonstrating an app flow of sending a message to another user.
1
39
0
Published:

Tools

Creative Fields