0% found this document useful (0 votes)
174 views

Ux-Ui Presentation

This document discusses UX/UI design. It defines UI as how people interact with products and services, and defines UX as what people feel when experiencing a product or service. It discusses different design approaches like skeuomorphic, flat, and material design. It notes that UX/UI design is important for purpose and usability. It also discusses how design is evolving with new technologies like artificial intelligence, foldable displays, and more.

Uploaded by

sunil vishwa
Copyright
© © All Rights Reserved
Available Formats
Download as PDF, TXT or read online on Scribd
0% found this document useful (0 votes)
174 views

Ux-Ui Presentation

This document discusses UX/UI design. It defines UI as how people interact with products and services, and defines UX as what people feel when experiencing a product or service. It discusses different design approaches like skeuomorphic, flat, and material design. It notes that UX/UI design is important for purpose and usability. It also discusses how design is evolving with new technologies like artificial intelligence, foldable displays, and more.

Uploaded by

sunil vishwa
Copyright
© © All Rights Reserved
Available Formats
Download as PDF, TXT or read online on Scribd
You are on page 1/ 12

UX-UI DESIGN

What is UI?
• User Interface
• How people interact
with other products /
services
• Used in Web & Mobile
Applications
• A bridge between a
human being and a
system.
What is UX?
• User Experience
• What a person feels as he
experiences a product or
service
• Important role in all kinds
of marketing
• Plays a crucial role in web
& Mobile Applications
• Bridge between a product and its targeted audience.
Design
• A unique Design is present
in all things, whether they
are natural or man-made,
and a good design always
attracts the eye.
• The smallest of the
smallest things in your life
and the largest of the large,
are all designed in some
way.
• Many forms of Designing
• Web & Mobile UX-UI
Design
Designing for Purpose
• Today’s age is more
attuned to designing for a
purpose
• UX-UI Design is prime
example of Designing for
purpose
• Our purpose is to make
things functional look
good.
• Evolution from
Skeuomorphic design to
Flat Design
Skeuomorphic Design
• A derivative object that retains ornamental design cues to a
structure that was necessary in the original, even when not
functionally necessary.
• In terms of user interface, this means applications that are
designed to have elements of them that look or behave like
their real-world counter-parts. For example turning a digital
page to resemble the experience of reading a physical book.
• Skeuomorphic interfaces feel instantly familiar
• Visually rich and engaging
• Demonstrates attention to detail
• Designers love any excuse to use textures
• http://www.cheeseandburger.com/
Flat Design
• Flat design is a minimalistic design approach that emphasizes
usability. It features clean, open space, crisp edges, bright
colours and two-
• In flat design, ornamental elements are viewed as
unnecessary clutter. If an aspect serves no functional purpose,
it's a distraction from user experience. This is the reason for
the minimalistic nature of flat design.
• White space has meaning
• Flat design reverts back to the basics of design as a functional
tool. A website is designed and judged by how well it works,
as opposed to what it looks like.
• http://news.microsoft.com/stories/invisible-revolution/?ref=webdesignernews.com
Material Design
• Goal: Create a visual language that synthesizes classic
principles of good design with the innovation and possibility
of technology and science.
• Google states that their new design language is based on
paper and ink
• The material environment is a 3D space, which means all
objects have x, y, and z dimensions.
• Within the material environment, virtual lights illuminate the
scene. Key lights create directional shadows, while ambient
light creates soft shadows from all angles.
• Material casts shadows. It has motion.
• http://material.cmiscm.com/
UX-UI beyond Web & Apps
• Design centred approach has
become prime focus for any
technology driven company,
because a good design solves
problems – Fights crime!
• As the trend continues more
and more industries are opting
for design centred approaches
for better handling of
customers and maintaining
higher standards of service.
• A good design is invisible. Even
two year olds can handle it.
Future of Design
• Design transforms based on
the age of a user
• Watches, Glasses, Driverless
Cars, Voice Activated Devices
• Emergence of Artificial
Intelligence
• Foldable displays, Holographic
Displays, Skin displays
• https://www.wired.com/2016
/04/magic-leap-
vr/?ref=webdesignernews.co
m
THANK YOU!

You might also like