UI OF A FOOD ORDERING APPLICATION

BY ALUKO OLUWATOYOSILORUN
EBSU/2017/88889
 TABLE OF CONTENT
• What is UI/UX ?

• Difference between UI & UX

• What is wire framing ?

• Tools for wire framing

• Figma and Adobe XD environment

• My Job as a product designer

• A slide into my portfolio

 WHAT IS UI/UX ?

UI/UX is an acronym for

User Interface / User
Experience.
 DIFFERENCE BETWEEN UI & UX

UI is the point of interaction between the

user and a digital device. It considers the
look , feel and interactivity of a product.

UX on the other hand applies to anything

that can be experienced. It considers all
different elements that shape the user’s
experience.
 WHAT IS WIREFRAMING ?

A wire frame is a visual guide that

represents the skeletal framework of a
website or mobile application. Wire
frames are created for the purpose of
arranging element to best accomplish
a particular purpose.
 TOOLS FOR WIREFRAMING

 Figma

 Adobe XD
FIGMA AND ADOBE XD ENVIRONMENT
 MY JOB AS A PRODUCT DESIGNER

• I design prototypes of websites and

application for programmers to work
on.

• Prototypes are interactive but are not

functional without codes.
A SLIDE INTO MY PORTFOLIO
WE HAVE COME TO THE END OF
THIS PRESENTATION
THANK YOU