Scribd
Upload
183 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
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as PDF, TXT or read online on Scribd
183 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
We take content rights seriously. If you suspect this is your content, claim it here.
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