Description
- Date: April 4, 2022
- Categories: Product DesignUI Implementation
Project Scope
Managing Instagram Comments Just Got Easier with Later. Conversations feature saves time and helps you keep track of all your Instagram comments. You can reply from your computer instead of your phone, and even view your conversation history with a commenter.
Contributions
- Help define project scope with Project Manager
- Competitor/User research and testing
- Impact/Effort matrix creation
- UX: Create user flows, wireframes, prototypes and define interactions
- UI: Creating high-fidelity Mock ups
- Figma component library creation
- Ensuring quality UI implementation (HTML/CSS)
Design Rationale
- Users can see the latest comments of their posts in the default Inbox view. The comments are organized in chronological order. Selected Post occupies on the right hand side where users can read comments and reply using the reply area that is located at the bottom. The top area of the reply area will notify users the method they are replying (comment or to a user)
- View tabs are located on the left hand side of the post content area.This supports the Goal flow where users want to find a post they want to comment on. Once a post has been selected, users will engage in the contextual flow where they can read the comments and reply using the reply area.
- If users have multiple Instagram profiles, users can also quickly switch between them using the profile switch from the top.
- Comment interaction and display leverage Instagram established patterns to reduce the learning curve. The View tab support different users’ goal in interacting with their followers.
- Comment interaction and display leverage Instagram established patterns to reduce the learning curve. The View tab support different users’ goal in interacting with their followers. The reply area allow users to:
- Switch between replying method
- Add emoji
- View characters limit and hashtags limit