PROJECT 2

MULTIMODAL SYSTEM AND

Faculty:

INTERFACE DESIGN Nilakshi Yein

GROUP MEMBERS

Suhani Kandwal

Raghav Kumar

Vaibhav Jassal
 Mutli Modal
A multimodal system in UI/UX refers to an interface that allows users to interact
through multiple modes of input and output. These modes can include
Visual: Users interact with graphical elements, such as buttons, menus, and
images
Auditory: Users receive feedback through sound, such as notifications or voice
prompts
Tactile: Users interact through touch, such as tapping, swiping, or using gestures
on touchscreens
Gestural: Users interact through physical gestures, such as waving or pointing with
a motion controller
Voice: Users interact with the system using spoken commands or queries.
 What are we working on?

We are redesigning our college foodcourt app (SmartQ). This project aims to
streamline the food ordering process, making it quicker, convenient and more user
friendly. The new app will offer features like mobile browsing of men us, seamless
order placement, and real-time order tracking, allowing students to skip the lines and
focus on enjoying their meals.
 Problem Statements
The current user interface (UI) of our food ordering and browsing app lacks
intuitive design and efficient navigation, resulting in user frustration and
decreased engagement. Users find it challenging to discover new restaurants,
browse menu items, and place orders seamlessly. Additionally, the app's UI fails
to provide a personalized and engaging experience, hindering user retention and
satisfaction. To address these issues and enhance user experience, we aim to
redesign the app's UI to prioritize intuitive navigation, personalized
recommendations, and streamlined order placement processes. Furthermore in
the prioritizations sections we have mentioned specific problems we have faced
in the app’s UI and arranged them into three different categories.
Page Prototypes
Home Screen
Nosh
Nosh
Nosh

DINE IN PICKUP
DINE IN PICKUP
We have provided option All Break Fast Lunch Snacks Dessert
for dine in as well as pickup
for users comfort. Search for
Search for “Chole
“Chole Bhature”
Bhature”
Search for “Chole Bhature”

Add filters

Provided with a carousel to help

users pick a deal and for the Add
easy ordering offers.

All
All Categories
Categories
Add
The “all categories” options shows all
the available restaurants in the food
court at the home screen itself, which is
easy for the user to find in the app.
Add
North Indian Burgers Chinese
North
Upto Indian
40% off! Burgers
From Wat-a-Burger Chinese
Momos & more!
Upto 40% off! From Wat-a-Burger Momos & more!

Add
See
See All
All Restaurants
Restaurants
Page Prototypes
All restauraunts section

Here, the food is categorized in the

sections where they belong, so this
makes it easier for the user to get what
he/she wants much quicker and easier.
Page Prototypes
On Boarding
Search your organisation

University of Petroleum

and Engineering Studies

Here the app helps you find
your location or helps you
manually pick your location An option to
manually select your
Amity University organization aswell.

LOCATING YOU
Sharda University

Symbiosis University
OR

Manually find your organisation

How we used Multi Modal

Using Camera

for “Visual Modality”

 How we used Multi Modal

Use of NFC tags rather than QR Codes

for ease of access to the app

 How we used Multi Modal

Use of visual elements to give clarity

on the selection of order.

How we used Multi Modal

Use of voice commands for ease of search.

 Scenario
A student has only 20 minutes to order food and dine in because she has to be
back in class, therefore she goes to the foodcourt and orders food for herself.
 Task Breakdown

We did a breakdown of the task into

action steps which will be taken to
accomplish the goal/scenario.

Provided is the FigJam link for the task breakown:

[Link]
type=whiteboard&node-id=0%3A1&t=Mbr4yV1FamicZMBP-1
Task Flow
We have created a task
flow for Nosh, focusing
on browsing and
ordering food. Our
objective is to identify
opportunities for
improvement by
minimizing the steps
required for users to
successfully complete
this task.

Provided is the FigJam link for the detailed and complete Task Flow:

[Link]
id=0%3A1&t=929cjWvirtSNMLx0-1
Insights
Of Task Breakdown and Task Flow

To assess the usability of SmartQ interface in terms of effectiveness, efficiency, safety,

utility, ease of learning, and ease of remembering, we conducted an analysis of
individual task screens. For this, we employed the following two methods:

Firstly, we individually used the app and analyzed its performance against these
usability measures and then presented our findings to each other, discussing how
well the app aligned with each criterion.

Secondly, we conducted a competitive analysis with similar apps to identify areas

where SmartQ excels and areas where it falls short.

 Prioritisation
We chose which issues to address by sorting them into three
categories: the most important, the average, and the least important.

On the homepage, the only option you see is “dine in”, which is the only option the customer can click on.

User might find trouble with the “scan and use” method of the app, since sometimes the camera might be not working or the lighting of the room might be
too bright or too dark to capture the scanning code

The app only allows the customer to pay online and no cash, which is not everybody's cup of tea

Vegetarian and Non Vegetarian foods are not properly arranged in the app, and the Vegan option shouldn’t be there’s no content in that section

The filter option does not have any other variation other than the obvious which is visible in the page itself (something like price, spice etc.

The food items or categorized or sorted in the places where they belong, for examples: breakfast, snacks, dinner and lunch

In the feed of the app, the “Cafe buddy option” is a customer service, in which they’ve offered only two mobile numbers which might not be the best way
for a customer to report/address a problem

When you click on the “ info” option on the food item, there is only a nutrional chart available, and nothing else, even in some dishes the charts are blank.

Most Critical
 Prioritisation

We chose which issues to address by sorting them into three categories: the most

important, the average, and the least important.

There’s wishlist or my favourite dishes option available on the homepage of There’s a lot of white space in the homepage of the ap

the app

There is a lack of reassurance provided to users in the form of titles over

The reviews section lacks sorting options, such as sorting reviews by "most Food items, such as "User Favourite," "Our bestseller dish" etc.

helpful," "highest rated," or similar criteria.

Least Critical
Original
college logo App logo college logo App logo

Prototype DINE IN X X X X X X
Search for

XXX
We have created a X Time XXX

prototype of the

original app showing the

user flow of the buying an XXX

item.
XXX

Our objective was to find X Time XXX

out how the user had to

perform their actions.
XXX

Ice Cream Parlour

4.4 Time 1-2 mins

Provided is the link of the figma file which shows the original prototype app:

[Link] *These screens are just used as an example. The link provided leads to file with
id=0%3A1&node-id=1-3&starting-point-node- all the screen.
id=1%3A3&mode=design&t=QwTjSggORRR1LsKW-1
Surveys
Survey
Satisfied with the food court ordering app?

App accurately reflects the availability of

food items?



abandoned an order due to difficulties using

the app?
Survey
Easily find the desired food items in the app?

Interest in additional payment methods (e.g.,

mobile wallets, loyalty points)?

How often do you use the app(SmartQ)?

User Personas
 User Personas
Bio
As a senior athlete on the college basketball team, I take my nutrition
seriously. Juggling practice sessions, weight training, and studying for
exams requires a lot of energy, and I need to make sure I'm fueling my
body properly. The campus food court can be hit or miss, and I often find
myself waiting in long lines for food that doesn't always meet my needs.

Goals Frustrations
•Find healthy and balanced • Limited late-night food
meals that fit my high-protein options that are still healthy.

Name: Himanshu Suradkar

diet.
• Inaccurate estimated wait
Age: 21
• Pre-order meals on the go times that lead to missed
Hometown: Mumbai
to save time between classes opportunities to grab a bite
Education: 2nd year Bachelor’s of Design
and training sessions.
between commitments.

Occupation: Student • Track my calorie intake and • Difficulty navigating the

macronutrients to optimize various menus and
my athletic performance. customizing portion sizes.
 User Personas
Bio
I'm Eesha, a sophomore majoring in Computer Science. Between coding
classes, hackathons, and catching up with friends, I'm always on the go.
Finding healthy and affordable food options on campus can be tough,
especially during crunch times. That's why I'm looking for a food court app
that saves me time and keeps me fueled throughout the day

Goals Frustrations
• Discover diverse and • Wasting time waiting in line
interesting food options from to order and pay.

Name: Eesha verma

different vendors on campus.
• Limited menu options that
Age: 21
• Order food through my don't cater to dietary
Hometown: Dehradun
phone to avoid crowded food restrictions.

Education: [Link] CSE

courts during peak hours.
• Unclear signage or outdated
Occupation: Student • Split the cost of meals with menus making it difficult to
friends easily through the find desired meals.
app.
Competitive
Analysis
 Provided is the link of a demo

video of this app

[Link]

Transact Mobile Ordering

Transact Mobile Ordering (University

of Arizona): This app allows students

to order food from various campus

dining locations, including the food

court, for pickup or delivery. It also

features real-time wait times and

nutritional information.
 (Various Colleges and Universities): This app is a popular option for many colleges and
universities. It allows students to order food from a variety of on-campus restaurants,
including the food court, for pickup or delivery. It also features real-time wait times and
menus with nutritional information.
 SmartQ is a food ordering app targeted towards people who work in large business or
universities. The app allows users to order food from nearby restaurants without waiting in
line, Potentially save money on food purchases

SmartQ is available for download on both the Apple App Store and Google Play Store .
Bite squad (Multiple Colleges and Universities): This app allows students to order food from
a variety of campus dining locations, including the food court, for pickup or delivery. It
features real-time order tracking, dietary filters, and multiple payment options.
 Affinity Mapping

Provided is the FigJam link for the Affinity mapping:

[Link]
ZJJpvadoeqx700t8dHitt6/Affinity-mapping?
type=whiteboard&node-
id=0%3A1&t=B6laeq18DNnrSO9r-1
Empathy Map