Scribd
Upload
37 views14 pages

Ccs370 - Ui and Ux Design

Uploaded by

Uma Devi G Assistant Professor - CSE
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as PPTX, PDF, TXT or read online on Scribd
37 views14 pages

Ccs370 - Ui and Ux Design

Uploaded by

Uma Devi G Assistant Professor - CSE
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as PPTX, PDF, TXT or read online on Scribd
You are on page 1/ 14

TURNING YOUR IDEAS INTO

CCS370- UI
USER FRIENDLY SOFTWARE
AND UX
DESIGN
UNIT I FOUNDATIONS OF DESIGN
UNIT I
FOUNDATIONS OF
DESIGN
UI vs. UX Design - Core Stages of
Design Thinking - Divergent and
Convergent Thinking - Brainstorming
and Game storming - Observational
Empathy

Jens Martensson 2
UI vs. UX Design
INTRODUCTION
• UI (User Interface) is how things look,UX (User Experience) is how
things feel
• It is the design
• Morbi a purus dolor. Suspendisse sit amet ipsum finibus justo viverra blandit.
• Ut congue quis tortor eget sodales.

Jens Martensson 3
UI Design
Make a better experience for users when navigating
through your app,platform or website

• It is the design of user interface for machines and softwares, such as


computers, home appliances, mobile devices and other electronic devices with
the focus on maximizing usability and the user experience.
• Plan first, then decide how things will look.
• A Structured design process ensures better outcomes.
• Clarity in design leads to smoother workflows.

Jens Martensson 4
UX
LargeDesign
Image slide
Make a better experience for users by understanding their behaviour and how they
interact with a product or a software.

• UI (User Interface) is how things look,UX (User Experience) is how things feel
• It is the design
• Morbi a purus dolor. Suspendisse sit amet ipsum finibus justo viverra blandit.
• Ut congue quis tortor eget sodales.

Jens Martensson 5
Hypothesis
Subtitle lorem ipsum dolor sit amet, consectetur adipiscing elit.
Lorem ipsum dolor sit amet, consectetur adipiscing elit.
1. Ut fermentum a magna ut eleifend. Integer convallis suscipit ante eu varius.
2. Morbi a purus dolor. Suspendisse sit amet ipsum finibus justo viverra blandit. 1 2
3. Ut congue quis tortor eget sodales.
4. Ut fermentum a magna ut eleifend. Integer convallis suscipit ante eu varius.
5. Morbi a purus dolor. Suspendisse sit amet ipsum finibus justo viverra blandit.
6. Ut congue quis tortor eget sodales.

3 4

5 6

Jens Martensson 6
Comparison

Compare A Compare B

Jens Martensson 7
Charts and Graphs

$2Bn

20YY 20YY

Data A Data B Data C


Jens Martensson 8
Charts and Graphs 1

24% 60% 65%

Lorem ipsum dolor Lorem ipsum dolor


sit amet. sit amet.

Lorem ipsum dolor sit


amet.

Data A Data B Data C


Jens Martensson 9
Charts and Graphs 2

2
2
3

2.8
2.4

4.4
1.8

4.3 4.5
3.5
2.5

Category 1 Category 2 Category 3 Category 4

Data A Data B Data C


Jens Martensson 10
Table

COLUMN ONE TITLE COLUMN TWO TITLE

Lorem Ipsum Dolor Sit Amet 5,000 40,000

Consectetur Adipiscing Elit 50,000 400,000

Etiam Aliquet Eu Mi Quis Lacinia 500,000 4 000,000

TOTAL -1 968,750 -4 800,000

Jens Martensson 11
Large Image slide

Jens Martensson 12
Video slide

Caption lorem ipsum


Jens Martensson 13
Thank You
Mrs.G.Umadevi AP/CSE
[email protected]

You might also like