1.
EMPATHY
- Method card used: Analogous Empathy
Students explore other dynamic websites or related platforms to gather
insights and inspiration, analyzing what works well and what could be improved.
EXPECTED OUTPUT: Analogous Inspiration Findings
A list of best practices and interesting features from other dynamic websites that
could inspire your design.
2 .DEFINE
-3 POV Statements: Clear statements that encapsulate user challenges and
needs.
3. IDEATE
-Idea List: A diverse set of ideas for different elements like content organization,
and user engagement and then let students categorize.
4. PROTOTYPE
-For IT, Wireframes: Initial layouts - primary website components.
5. TEST
-User Testing Observations: Notes on user interactions, highlighting any
challenges or preferences observed.
EMPATHY Analogous Inspiration Findings
1. Project Overview
● Project Name: Ordering and Inventory Management System
● Objective: To make an ordering system that would make ordering and fulfillment
of customer orders well organized. A system that improves efficiency, reduces
errors, and enhance customer experience. Additionally, the goal to create an
inventory system that would aid in tracking, organizing, and replenishes stock,
ensures demands is met.
● Target Users: Small to medium-sized business owners, and stand-alone
business.
2. Industry Comparisons
(Identify industries/websites with similar features and how they relate to your project.)
Industry/Website Key Features Relevance
E-commerce platforms Digital stock updates, Helps in managing stock
order tracking, sales efficiently and preventing
reporting shortages
Shopee
3. UI/UX Inspirations
● Color Scheme & Typography: ______________
● Navigation & User Flow: ______________
● Interactive Elements: ______________
4. Functional Features to Adopt
● ______________
● ______________
● ______________
5. Key Takeaways
● Best Practices to Implement: ______________
● Unique Features to Consider: ______________
● Next Steps: ______________
DEFINE
Point-of-view
Create POV statements that define the user’s primary challenges and goals regarding
information management on dynamic websites.
1.
2.
3.
How-Might-We
Formulate HMW questions to frame the design challenges clearly, such as "How might
we make information easily accessible on a dynamic website?"
1.
2.
3.
IDEATE
A diverse set of ideas for different elements like content organization, and user
engagement and then let students categorize.
IDEA LIST
I. Content organization
(How information is structured and presented to users.)
-Bullet form
II. User Engagement
(Features that encourage interaction and return visits.)
-Bullet form
III. Navigation & accessibility
(Ensuring users can find what they need easily.)
-Bullet form
IV. Personalization & User Experience
(Tailoring content and interactions based on user preferences.)
-Bullet form
V. Visual & Interactive design
(Elements that enhance aesthetics and usability.)
-Bullet form
PROTOTYPE
● Mock up FIGMA LINK with QR CODE for easy access,
● Attach here your mock up from figma PER NAVIGATION
● Upload your project in GITHUB , include here the link of repository with QR
TEST
User Testing Observations:
📋 User Testing Observations Template
📌 A structured template for documenting user behavior, challenges, and insights during
testing.
1. Test Session Details
● Date: ___________________________
● Tester Name / Role: ___________________________
● Tested Features: ___________________________
● Device & Browser Used: ___________________________
