UI & UX Engineering

1. UI & UX ENGINEERING
S.A.A.D.C.I Athukorala

2. What is UX Design
 The field of user experience design has roots in human
factors and ergonomics.
 In 1990 ‘Donald Norman ’ declared that ‘User Experience
encompasses all aspects of the end-user's interaction with
the company, its services, and its products.’
 UX Design is the process of enhancing customer
satisfaction and loyalty by improving the usability, ease of
use, and pleasure provided in the interaction between the
customer and the product.
1/21/2016UI & UX Engineering2

3. Elements of UX Design
 User Centered Design
 User Centered Design refers to a class of methodologies
where design decisions are based on some tangible user
model.
 That user model must be based on the research of the users
of the application.
 Visual Design
 Visual Design refers to the design of the visual appearance
of software, advertising, or other commercial products.
 Visual Design focuses a bit more on esthetics.
 Visual Designers are often NOT User Centered Designers.
1/21/2016UI & UX Engineering3

4. Elements of UX Design
 Information Architecture
 Information Architecture refers to the structuring of
information.
 An Information Architecture professional is often
considered a counterpart to an Interaction Designer.
 Interaction Designers focus on how people use computers
to accomplish work, and Information Architects focus on
how people leverage information to support goals.
1/21/2016UI & UX Engineering4

5. Elements of UX Design
 Interaction Design
 Interaction Design refers to the specific choices of user
interactions we make to allow users to meet their goals in
the software.
 Interaction Designers are generally User Centered
Designers.
 Interaction Designers:
Creating the layout of the interface
Defining interaction patterns best suited in the context
Effectively communicating strengths of the system
Making the interface intuitive by building affordances
Maintaining consistency throughout the system
1/21/2016UI & UX Engineering5

6. Elements of UX Design
Usability
 Usability refers to the ability of a specific type of
user to be able to effectively carry out a task
using a product.
 Usability is usually measured through testing.
Given a number of test subjects that reflects the
type of user that will use the application:
how many successfully complete a task.
on average how quickly do they complete that
task
on average how many user errors are made while
attempting to complete that task. 1/21/2016UI & UX Engineering6

7. Elements of UX Design
 HCI
 Human-Computer or Computer-Human interaction refers
to the study of how humans and computers interact.
 An HCI professional may be a researcher, a designer, a
psychologist, or anyone who might focus on human-
computer interaction as part of their work or study.
1/21/2016UI & UX Engineering7

8. Responsibilities of UX Design
 At the beginning of the project
 Competitor Analysis
 Customer Analysis
 Product Structure/Strategy
 Content Development
 While the project is underway
 Wireframing
 Prototyping
 Testing/Iteration
 Development Planning
1/21/2016UI & UX Engineering8

9. Responsibilities of UX Design
 Execution and Analysis
 Coordination with UI Designer(s)
 Coordination with Developer(s)
 Tracking Goals and Integration
 Analysis and Iteration
1/21/2016UI & UX Engineering9

10. General design process
 Collecting information about the problem.
 Getting ready to design
 Design
 Test and Iterate
1/21/2016UI & UX Engineering10

11. Critics of UX Design
 User experience design is a buzzword for an existing best
practice.
 A user experience cannot be fully designed.
 A user experience cannot be fully measured.
1/21/2016UI & UX Engineering11

12. What is UI Design?
 User Interface Design is responsible for the transference of
a brand’s strengths and visual assets to a product’s interface
as to best enhance the user’s experience.
 User Interface Design is a process of visually guiding the
user through a product’s interface via interactive elements
and across all sizes/platforms.
 User Interface Design is a digital field, which includes
responsibility for cooperation and work with developers or
code.
1/21/2016UI & UX Engineering12

13. UI Design principles
 User familiarity
 The interface should use terms and concepts which are
drawn from the experience of the people who will make
most use of the system.
 Consistency
 The interface should be consistent in that, wherever
possible, comparable operations should be activated in the
same way.
 Minimal surprise
 Users should never be surprised by the behaviour of a
system.
1/21/2016UI & UX Engineering13

14. UI Design principles
 Recoverability
 The interface should include mechanisms to allow users to
recover from errors.
 User guidance
 The interface should provide meaningful feedback when
errors occur and provide context-sensitive user help
facilities.
 User diversity
 The interface should provide appropriate interaction
facilities for different types of system user.
1/21/2016UI & UX Engineering14

15. UI Design process
 UI design is an iterative process involving close liaisons
between users and designers.
 The 3 core activities in this process are:
 User analysis: Understand what the users will do with the
system.
 System prototyping: Develop a series of prototypes for
experiment.
 Interface evaluation: Experiment with these prototypes
with users.
1/21/2016UI & UX Engineering15

16. The design process
1/21/2016UI & UX Engineering16

17. Responsibilities of UI Designer
 Customer analysis
 Interactivity and animation
 UI prototyping
 Implementation with the developer
 Design research
 Branding and graphic development
 Documentation
 User guides
1/21/2016UI & UX Engineering17

18. UI evaluation
 Some evaluation of a user interface design
should be carried out to assess its suitability.
 Full scale evaluation is very expensive and
impractical for most systems.
 Ideally, an interface should be evaluated against a usability
specification. However, it is rare for such specifications to
be produced.
1/21/2016UI & UX Engineering18

19. Evaluation techniques
 Questionnaires for user feedback.
 Video recording of system use and subsequent tape
evaluation.
 Instrumentation of code to collect information about facility
use and user errors.
 The provision of code in the software to collect on-line user
feedback.
1/21/2016UI & UX Engineering19

20. Difference between UI and UX
 UI refers to the term ‘User Interface’ and UX stands for
‘User Experience’.
 Both are crucial to a product and work closely together.
 But the roles of them are different.
 UX design is more analytical and technical field.
 UI design is closer to graphic design.
1/21/2016UI & UX Engineering20

21. Similarities between UI & UX
 Have a primary objective of improving customer
satisfaction.
 Focus on the user and his/her interaction with a
product/service.
 Can be applied to any product.
1/21/2016UI & UX Engineering21

22. THANK YOU
1/21/2016UI & UX Engineering22