imhungry - a food ordering website
University Projects #Javascript#Frontend Development
Waiting for api.github.com...
Overview
A high-fidelity prototype for a food ordering website built using Human-Computer Interaction (HCI) methodology. Followed prototype development through various stages including ideation, idea polishing, low-fidelity horizontal storyboarding, and participant feedback.
Key Achievements
- Completed full HCI prototype development lifecycle
- Conducted heuristic evaluations identifying key usability issues
- Created comprehensive project documentation including evaluation reports, project storyboards, and milestone reports.
Implementation
HCI Development Process
- Ideation: Brainstorming concepts for food ordering improvements
- Idea Polishing: Refined ideation concepts based on user value and feasibility
- Low-Fidelity Storyboarding: Created horizontal prototypes showing user flow
- Participant Feedback: Used user input to inform design decisions
- High-Fidelity Implementation: Built interactive vertical prototype
- Heuristic Evaluation: Identified usibility issues by documenting heuristic violations and severity ratings
Technical Development
- Built interactive frontend with JavaScript and HTML
- Implemented backend menu functionality for realistic user testing
- Created responsive layouts following usability best practices
Technologies
JavaScript, HTML, CSS, HCI Evaluation Methods, Prototyping