The Design Process - we might be starting from Ideation and jumping towards Visual Design. The in-betweens are solid foundations that make products adaptive to different goals and requirements - whether technical or business in nature.
5. Interaction Design → Interaction Diagram
What happens in an action?
● Flows
● Interactions
6. Visual Design → Mockups
How does the product look?
● Visual communication
● Branding
7. Front-End Design → Prototype
How does the product work?
● Accessibility
● Usability
8. Sample PRD
● Product: MRT Free Wi-Fi
● Purpose:
○ To provide additional value to commuters
○ To gain commuter insights (demographics,
behavior)
● Target audience: MRT Commuters
9. Sample PRD
● Overview: The MRT Free Wi-Fi app offers
commuters free internet connection to
partner apps and sites and real-time MRT
schedule.
10. Sample PRD
● Use Cases:
○ Jenny, while still in the office, wonders if
the rush hour in Ortigas MRT station has
already subsided
○ Ben has a 30 minutes of idle time while
commuting to and from work