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.

1. The Design Process
(according to the UI Team)
v1 20170208

3. Ideation → Product Requirements Document
What does the product do?
● Purpose of the product
● Target audience
● Use cases
● Timelines

4. Information Architecture → Content Structure
How is the content organized?
● Maps
● Groups
● Hierarchies

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