Most people think that UI/UX designing comes under same category or both are the same. But actually UI refers to User Interface and UX refers to User Experience which are completely different paths. More briefing about those two will be discussed in this presentation.

1. GET TO KNOW ABOUT
UI/UX DESIGNING
BY - MENUSHA PATHIRANA

2. Most people think that UI/UX designing comes under
same category or both are the same. But actually UI
refers to User Interface and UX refers to User
Experience which are completely different paths. As a
practical example,
2

3. If you imagine a car, the internal
parts like engine, gearbox, clutch
plates, brakes are like UX and the
external color of the car, shape, tyre
sizes are like UI.
3

4. User Interface. This works as a front
end of a application or a web. If you
take an app the visible factors of that to
user is UI. the main objective of an
User Interface engineer is to enhance
the all the factors of User Experience.
UI Designing also divided into 2 parts.
4
WHAT IS UI?

5. UI DESIGNER
The person who codes to make the prototype or mockup possible to be interacted and
used on a digital platform. These are some tasks of the job
▸ Look and Feel of the Design
▸ Working on Graphic elements
▸ Analysis of customers ideas
▸ Prototype design
▸ Interactive animations
▸ Good responsiveness
▸ Implementing designs with the developer ideas.
5

6. TEXT
‣ UI developers have to combine their technical and creative skills
together to obtain a good result in UI developing.
‣ They have to make the particular design works well in a selected
platform or a browser.
‣ They also should know how to make mockups using graphic
design softwares like gimp, photoshop, illustrator and convert
them in to xml or any other type that the device or the browser
will understand.
UI DEVELOPER

7. User Experience design. This works as
the back end of a particular website or
an application. In other words general
attitude and emotional feedback that
user has on different stages of using
the product. In terms of digital
products, such as websites or
applications, UX is a broad term
involving all the possible stages of user
action. To get a good outcome the
designer has to follow some steps like
7
WHAT IS UX?

8. TEXT
‣ Customer Analysis
‣ Product Structure
‣ Content Development
STRATEGY AND CONTENT
source - dc8hdnsmzapvm.cloudfront.net

9. TEXT
‣ Wire-framing
‣ Prototyping
‣ Testing
‣ Development
WIRE-FRAMING AND PROTOTYPING
source - i-msdn.sec.s-msft.com

10. TEXT
‣ Coordination with UI Designer
‣ Coordination with Developer
‣ Tracking Goals and Integration
‣ Analysis and Iteration
EXECUTION AND ANALYTICS

11. BEST PROTOTYPING
TOOLS FOR UI/UX
‣ Marvel
‣ Lucidchart
‣ UXpin
‣ PhotoshopCC
‣ IllustratorCC
‣ ExperiencedesignCC
‣ Sketch