dv2008: interface design module

1/3

August-December 2017

Part of NTU IEM DV2008: Interface Design
Taught interface design principles, usability and user experience and how to gather feedback, and put to task to redesign a chosen website/app of choice.
Chosen site: www.porterfetch.com (A food delivery site aimed at midnight hunger pangs)
Individual assignments:
- User interface teardown
Team assignments (groups of 5):
- Crafting research plan
- Information gathering and prototyping UI of chosen website
- Refining and prototyping of UI of chosen website

September 2017
To come up with a research plan for a given scenario for this project in teams of 5
Given scenario:
- Many people often get lost in NTU, and the university’s administration wants to improve that, so that people spend less time being lost, and more time studying / working / enjoying university life / eating. They’re thinking of creating an map app for NTU.
Website's main purpose is to sell a product, with persuasive writing and press releases.

September 2017
To identify problems and user needs for one chosen interface: www.porterfetch.com for this project in teams of 5
Conducted online surveys, user interviews and did multiple test orders on the website to determine how the user interface can be better improved.
From the identified problems and user needs from the information gathering done previously for www.porterfetch.com, brainstormed and generated new ideas for the User Interface.
Main identified problems:
- Popup for delivery timing 9pm-3am only appears once
- No photos in menu (information overload)
- Inconspicuous indication that item has been added to cart (can only see a small number change on the top right hand of the cart)
- Can't add items into cart and see menu at the same time
- Front page's store listings' store names can be hard to see (white font against colourful photos)
- Front page's store listings' has multiple repeat stores with different distances after keying in postal code (unnecessary information)
- Food category filter - when selecting a category to filter, only the colour of the text changes (not prominent enough)
- Estimated delivery timing only appears after entering card details

October to November 2017
From the previous iteration of UI done for www.porterfetch.com, gathered feedback and conducted user interviews, further refining the UI after picking up problems and generated new ideas for the User Interface in teams of 5.
Used Adobe Illustrator to modify the webpage.