Scribd
Upload
26 views

Uid Report

Uploaded by

Prakruthi K
Copyright
© © All Rights Reserved
Available Formats
Download as PDF, TXT or read online on Scribd
26 views

Uid Report

Uploaded by

Prakruthi K
Copyright
© © All Rights Reserved
Available Formats
Download as PDF, TXT or read online on Scribd
You are on page 1/ 10

Department of Computer Science and Engineering

USER INTERFACE DESIGN


18CS734

VII – SEMESTER

UI DESIGN
ON
FOOD ORDER APPLICATION

BACHELOR OF ENGINEERING
IN
COMPUTER SCIENCE AND ENGINEERING

Submitted By

Student Name USN

KEERTHANA S 1SJ20CS069
LAVANYA CN 1SJ20CS073
POORNIMA PARAMANATTI 1SJ20CS101
PRAKRUTHI K 1SJ20CS103

Under the guidance of


Mrs. Mamatha G
Assistant Prof.
2022-2023
INTRODUCTION ABOUT UI DESIGN

User interface (UI) design is the process designers use to build interfaces in
software or computerized devices, focusing on looks or style. Designers aim
to create interfaces which users find easy to use and pleasurable. User
Interface Design involves crafting the visual elements and interactive
features of a digital product. It encompasses everything a user interacts with
on the screen, including buttons, icons, menus, forms, and layout. The goal
is to create an interface that is aesthetically pleasing, easy to understand, and
efficient in guiding users through the intended actions.

User interfaces are the access points where users interact with designs.
They come in three formats:

1. Graphical user interfaces (GUIs)—Users interact with visual


representations on digital control panels. A computer’s desktop is a
GUI.
2. Voice-controlled interfaces (VUIs)—Users interact with these
through their voices. Most smart assistants—e.g., Siri on iPhone and
Alexa on Amazon devices—are VUIs.
3. Gesture-based interfaces—Users engage with 3D design spaces
through bodily motions: e.g., in virtual reality games.
TOOL USED: FIGMA

Figma is a cloud-based design and prototyping tool that has gained


widespread popularity in the field of user interface (UI) and user experience
(UX) design. It was developed by Figma, Inc. and launched in 2016. Figma
is known for its collaborative features, real-time editing capabilities, and
cross-platform accessibility, making it a powerful tool for design teams
working together on projects.

• Figma design is for people to create, share, and test designs for websites,
mobile apps, and other digital products and experiences. It is a popular
tool for designers, product managers, writers and developers and helps
anyone involved in the design process contribute, give feedback, and
make better decisions, faster.

• FigJam lets you create online whiteboards where anyone can take part.
People often use FigJam for meetings, brainstorms, diagrams,
planning, and research. In FigJam, you can use text, shapes, drawings,
images, sticky notes, and other elements to visually represent ideas and
jam on work together.
Description with Snapshots:

Fig 1.1 Login

This is the Home page where the user can


continue their login with google, facebook or
mail.
Fig 1.2 SignUp or Login

Sign Up if they already have an account or


else create an account and proceed with
login.
Fig 1.3 Home Page

Start ordering the food


Fig 1.4 Menu

This is the page with list of restaurants and


can search for desired menus
Fig 1.5 Add to cart

Add your desired food to the cart.


Fig 1.6 order

Proceed the item in your cart and then


complete the order.

You might also like