You are on page 1of 2

Wireframes Of the Application

1. Login/Register Screen:

 This screen will allow new users to register or existing users to log in.

 It should have input fields for email/username and password.


 Include buttons for "Log In" and "Register."

2. Home/Chat Screen:
 Upon successful login, users will be directed to the home screen.
 This screen will display the list of chat conversations with contacts.
 Each conversation item will show the contact's profile picture, name/username,
last message snippet, and timestamp.
 Users can tap/click on a conversation to open the chat window.

3. Chat Window:
 The chat window will display the conversation between the logged-in user and the
selected contact.
 Incoming and outgoing messages will be visually distinguished.
 Include a text input area at the bottom for typing messages.
 Implement features like typing indicators and reading receipts.

4. Contact List Screen:


 Users can access their contact list from the home screen or a dedicated navigation
menu.
 The screen will display a list of contacts with their profile pictures and
names/usernames.
 Include a search bar to find and add new contacts.

5. Contact Profile Screen:


 Users can view the profile information of a selected contact from the contact list.
 Show the contact's profile picture, name/username, status, and other relevant
details.
 Implement options to initiate voice or video calls with the contact.
6. Voice/Video Call Screen:
 When a user initiates a voice or video call, a screen will appear for the ongoing
call.
 Display the contact's profile picture and name/username during the call.
 Include buttons for call controls, such as mute, end call, and switch camera (for
video calls).

7. Notification Screen:
 Users will receive real-time notifications for incoming messages and calls.
 When a notification is tapped/clicked, the app will direct the user to the relevant
chat or call screen.

8. Settings Screen:
 Include a settings screen accessible through the navigation menu or user profile.
 Users can manage their account settings, app preferences, and notification
settings.

You might also like