Scribd
Upload
8K views

UI and UX Presentation

This is for UI UX designing , what is UI UX designing and what are the key points of designing. In these slides we will learn about the Use of UI UX designing and how to become a designer and where to use UI UX designing. what is the importance of UI UX designing in software development.

Uploaded by

Rafay Ali
Copyright
© © All Rights Reserved
Available Formats
Download as PPTX, PDF, TXT or read online on Scribd
8K views

UI and UX Presentation

This is for UI UX designing , what is UI UX designing and what are the key points of designing. In these slides we will learn about the Use of UI UX designing and how to become a designer and where to use UI UX designing. what is the importance of UI UX designing in software development.

Uploaded by

Rafay Ali
Copyright
© © All Rights Reserved
Available Formats
Download as PPTX, PDF, TXT or read online on Scribd
You are on page 1/ 20

D e s I g n

UI/ UX Design
UI AND UX

UX refers to the term User Experience while


UI stands for User Interface. But despite
their closeness, there are lot more to their
execution process and design discipline.
User Interface

User Interface (UI) is about visual design and information design


around screens. Though a lot of process go into this graphical element,
UI as the name implies, about the things the user will actually see and
interact. It delivers tangible results and focuses on how an app or
product surface look and functions.
Introduction:

User Interface (UI) Design focuses on:


• Anticipating what users might need to do and
• Ensuring that the interface has elements that are easy to access,
understand, and use to facilitate those actions.

UI brings together concepts from:


1. Interaction Design
2. Information Architecture
3. Visual Design
1. Interaction Design
Interaction design is an important component within the giant
umbrella of user experience (UX) design.

- Interaction design focuses on creating engaging


interfaces with well thought out behaviors.

- Understanding how users and technology communicate


with each other is fundamental to this field.

- With this understanding, you can anticipate how


someone might interact with the system, fix problems
early, as well as invent new ways of doing things.
3. Visual Design
Visual design focuses on the aesthetics
of a site and its related materials by
strategically implementing images, colors,
fonts, and other elements.

A successful visual design does not take


away from the content on the page or
function.

Instead, it enhances it by engaging


users and helping to build trust and
interest in the brand.
2 Information Architecture
Information architecture (IA) focuses on organizing,
structuring, and labeling content in an effective and
sustainable way.

The goal is to help users find information and complete tasks.

To do this, you need to understand how the pieces fit together to


create the larger picture, how items relate to each other within
the system.

Why a Well Thought Out IA Matters

The purpose of your IA is to help users understand where they


are, what they’ve found, what’s around, and what to expect.
Visual Hierarchy Principles
Visual Hierarchy Principles…
Example of Putting it all together
User Experience

UX design relates to the overall user interaction and experience with an


application or a website. It is well known that great user experience results in
return customers and great app usage.

Typically, the UX Design process include research, design, prototyping,


testing and measurement. Lot of factors influence UX process such as
usability, utility, accessibility, design/aesthetics, performance,
ergonomics, overall human interaction and marketing.
/
EXAMPLE
Bad User Experiences
UI UX
Designer Designer
Thankyou!
GROUP MEMBERS
Sahar Zaidi Neha Nasim
Ali Zia Sarmad
Tufail
Khawaja Moeen Hanzala
anis

You might also like