SlideShare a Scribd company logo
IS Design Techniques
Human Computer Interface
 Specialised area of software development
 User Experience (UX):
 Feedback from users
 Blend of interactions – physical
User Centred Design (UCD)
 UCD is designed to focus on the user, what they want to do with the product
and the environment in which the product will be used.
 The principles of the approach as:
 The process is iterative and addresses the whole user experience.
 The design is based upon an clear understanding of users, tasks and environments.
 End users are involved throughout design and development and evaluation.
User Centred Design (UCD)
User Centred Design Process
User Centred Design Process
 Capturing User requirements
 Develop a persona for each target user type.
 Personas are developed iteratively and their development involves users and the
design team.
 User Scenarios:
 A user scenario expands upon the user’s story by including details about how a
system might be used, the knowledge and needs of the user.
 User Case:
 A use case is a list of steps taken to perform an action, going through every step in
detail until the user completes the required operation.
User Interface Design
User Interface Design - Wireframe
 A wireframe can start out as a simple pencil sketch of a user interface. The
wireframe can be developed from a low level of detail and functionality up to
a high level of detail and functionality.
 Low-fidelity prototypes – early development, simple models based on the
users suggestions.
 High-fidelity prototypes – computer based, realistic models, as close as
possible to final prototype.
User Centred Design and Scrum
 User centred design provide key documents for a project based on Scrum
principals. Each sprint will execute the user-centred design cycle:
 Understand and specify context of use Developing the personas and other
elements of user requirements are carried out at an early stage of the
development. The product owner represents the views of these users.
 Specify the user and organisational requirements These requirements are
take from the sprint backlog (the work to be completed in the current sprint).
 Produce design solutions The prototyping and development of the
application UX (User experience) and UI (User interface) during the sprint.
 Evaluate designs against requirements Carried out as the application is
delivered during the sprint. The application delivered is evaluated against the
sprint backlogs.
What you need to know…
 Design, describe and apply key aspects of user-centred design including using
analysis tools to capture user requirements.
 Describe and develop user profiles, user personas, user stories, user scenarios
and use cases.
 Describe, explain and apply the development of user interfaces using
prototypes (from low to high fidelity including wireframes).
 The need for an application style guide is used to ensure a consistent look and
feel to an application.
 To create an initial application style guide for an application.
 User Centred Design can be applied within the Scrum methodology.

More Related Content

Similar to Design Techniques

Ux Overview
Ux OverviewUx Overview
Ux Overview
mbrosset
 
UI architecture & designing
UI architecture & designingUI architecture & designing
UI architecture & designing
Mohammed Fazuluddin
 
User centered design lecture 3
User centered design lecture 3User centered design lecture 3
User centered design lecture 3
Swati Rajput
 
A primer on ux design
A primer on ux designA primer on ux design
A primer on ux design
Tannistho Ghosh
 
LACTURE 2.pptx
LACTURE 2.pptxLACTURE 2.pptx
LACTURE 2.pptx
ASIFIMRAN38
 
Usability principles 1
Usability principles 1Usability principles 1
Usability principles 1
Sameer Chavan
 
UX Design Mini Course
UX Design Mini CourseUX Design Mini Course
UX Design Mini Course
Digital Snack
 
What is user experience(ux) & ux designer
What is user experience(ux) & ux designerWhat is user experience(ux) & ux designer
What is user experience(ux) & ux designer
Metricoid Technology
 
User Centered Design
User Centered DesignUser Centered Design
User Centered DesignShawn Calvert
 
UI & UX Engineering
UI & UX EngineeringUI & UX Engineering
UI & UX Engineering
suslpst
 
UX Design Process - MIT ID Innovation
UX Design Process - MIT ID InnovationUX Design Process - MIT ID Innovation
UX Design Process - MIT ID Innovation
Pankaj Deshpande
 
UI & UX Engineering
UI & UX EngineeringUI & UX Engineering
UI & UX Engineering
Sabaragamuwa University
 
UI & UX Engineering
UI & UX EngineeringUI & UX Engineering
UI & UX Engineering
Sabaragamuwa University
 
UI_UX.pptx
UI_UX.pptxUI_UX.pptx
UI_UX.pptx
DilipPoudel2
 
User Centered Design in short
User Centered Design in shortUser Centered Design in short
User Centered Design in short
silvana churruca
 
Custom UI/UX Design Services
Custom UI/UX Design ServicesCustom UI/UX Design Services
Custom UI/UX Design Services
Chetu
 
Unified user experience for toshiba products
Unified user experience for toshiba productsUnified user experience for toshiba products
Unified user experience for toshiba products
Flavio Fabiani
 
Integrating User Centered Design with Agile Development
Integrating User Centered Design with Agile DevelopmentIntegrating User Centered Design with Agile Development
Integrating User Centered Design with Agile Development
Julia Borkenhagen
 

Similar to Design Techniques (20)

UI/UX Design
UI/UX DesignUI/UX Design
UI/UX Design
 
Ux Overview
Ux OverviewUx Overview
Ux Overview
 
UI architecture & designing
UI architecture & designingUI architecture & designing
UI architecture & designing
 
User centered design lecture 3
User centered design lecture 3User centered design lecture 3
User centered design lecture 3
 
A primer on ux design
A primer on ux designA primer on ux design
A primer on ux design
 
LACTURE 2.pptx
LACTURE 2.pptxLACTURE 2.pptx
LACTURE 2.pptx
 
Usability principles 1
Usability principles 1Usability principles 1
Usability principles 1
 
UX Design Mini Course
UX Design Mini CourseUX Design Mini Course
UX Design Mini Course
 
What is user experience(ux) & ux designer
What is user experience(ux) & ux designerWhat is user experience(ux) & ux designer
What is user experience(ux) & ux designer
 
User Centered Design
User Centered DesignUser Centered Design
User Centered Design
 
UI & UX Engineering
UI & UX EngineeringUI & UX Engineering
UI & UX Engineering
 
UX Design Process - MIT ID Innovation
UX Design Process - MIT ID InnovationUX Design Process - MIT ID Innovation
UX Design Process - MIT ID Innovation
 
UI & UX Engineering
UI & UX EngineeringUI & UX Engineering
UI & UX Engineering
 
UI & UX Engineering
UI & UX EngineeringUI & UX Engineering
UI & UX Engineering
 
UI_UX.pptx
UI_UX.pptxUI_UX.pptx
UI_UX.pptx
 
User Centered Design in short
User Centered Design in shortUser Centered Design in short
User Centered Design in short
 
Custom UI/UX Design Services
Custom UI/UX Design ServicesCustom UI/UX Design Services
Custom UI/UX Design Services
 
User centered Design
User centered DesignUser centered Design
User centered Design
 
Unified user experience for toshiba products
Unified user experience for toshiba productsUnified user experience for toshiba products
Unified user experience for toshiba products
 
Integrating User Centered Design with Agile Development
Integrating User Centered Design with Agile DevelopmentIntegrating User Centered Design with Agile Development
Integrating User Centered Design with Agile Development
 

More from SabahtHussein

S3 HTML Hyperlinks and Images
S3 HTML Hyperlinks and ImagesS3 HTML Hyperlinks and Images
S3 HTML Hyperlinks and Images
SabahtHussein
 
S3 HTML Lists and Tables
S3 HTML Lists and TablesS3 HTML Lists and Tables
S3 HTML Lists and Tables
SabahtHussein
 
S3 HTML Structure and Formatting
S3 HTML Structure and FormattingS3 HTML Structure and Formatting
S3 HTML Structure and Formatting
SabahtHussein
 
S3 HTML Introduction
S3 HTML IntroductionS3 HTML Introduction
S3 HTML Introduction
SabahtHussein
 
S1 Programming Lesson 1
S1 Programming Lesson 1S1 Programming Lesson 1
S1 Programming Lesson 1
SabahtHussein
 
S1 Web Development
S1 Web DevelopmentS1 Web Development
S1 Web Development
SabahtHussein
 
Video Games Development
Video Games DevelopmentVideo Games Development
Video Games Development
SabahtHussein
 
S2 Data Types
S2 Data TypesS2 Data Types
S2 Data Types
SabahtHussein
 
Introduction to Pseudocode
Introduction to PseudocodeIntroduction to Pseudocode
Introduction to Pseudocode
SabahtHussein
 
S3 SQL
S3 SQLS3 SQL
Query Design
Query DesignQuery Design
Query Design
SabahtHussein
 
SQL PT
SQL PTSQL PT
Query design
Query designQuery design
Query design
SabahtHussein
 
S3 Field Types
S3 Field TypesS3 Field Types
S3 Field Types
SabahtHussein
 
Testing a Database
Testing a DatabaseTesting a Database
Testing a Database
SabahtHussein
 
Testing a Database
Testing a DatabaseTesting a Database
Testing a Database
SabahtHussein
 
Database Testing and Evaluation
Database Testing and EvaluationDatabase Testing and Evaluation
Database Testing and Evaluation
SabahtHussein
 
DPA and GDPR
DPA and GDPRDPA and GDPR
DPA and GDPR
SabahtHussein
 
Database Analysis
Database AnalysisDatabase Analysis
Database Analysis
SabahtHussein
 
Database Analysis
Database AnalysisDatabase Analysis
Database Analysis
SabahtHussein
 

More from SabahtHussein (20)

S3 HTML Hyperlinks and Images
S3 HTML Hyperlinks and ImagesS3 HTML Hyperlinks and Images
S3 HTML Hyperlinks and Images
 
S3 HTML Lists and Tables
S3 HTML Lists and TablesS3 HTML Lists and Tables
S3 HTML Lists and Tables
 
S3 HTML Structure and Formatting
S3 HTML Structure and FormattingS3 HTML Structure and Formatting
S3 HTML Structure and Formatting
 
S3 HTML Introduction
S3 HTML IntroductionS3 HTML Introduction
S3 HTML Introduction
 
S1 Programming Lesson 1
S1 Programming Lesson 1S1 Programming Lesson 1
S1 Programming Lesson 1
 
S1 Web Development
S1 Web DevelopmentS1 Web Development
S1 Web Development
 
Video Games Development
Video Games DevelopmentVideo Games Development
Video Games Development
 
S2 Data Types
S2 Data TypesS2 Data Types
S2 Data Types
 
Introduction to Pseudocode
Introduction to PseudocodeIntroduction to Pseudocode
Introduction to Pseudocode
 
S3 SQL
S3 SQLS3 SQL
S3 SQL
 
Query Design
Query DesignQuery Design
Query Design
 
SQL PT
SQL PTSQL PT
SQL PT
 
Query design
Query designQuery design
Query design
 
S3 Field Types
S3 Field TypesS3 Field Types
S3 Field Types
 
Testing a Database
Testing a DatabaseTesting a Database
Testing a Database
 
Testing a Database
Testing a DatabaseTesting a Database
Testing a Database
 
Database Testing and Evaluation
Database Testing and EvaluationDatabase Testing and Evaluation
Database Testing and Evaluation
 
DPA and GDPR
DPA and GDPRDPA and GDPR
DPA and GDPR
 
Database Analysis
Database AnalysisDatabase Analysis
Database Analysis
 
Database Analysis
Database AnalysisDatabase Analysis
Database Analysis
 

Recently uploaded

The French Revolution Class 9 Study Material pdf free download
The French Revolution Class 9 Study Material pdf free downloadThe French Revolution Class 9 Study Material pdf free download
The French Revolution Class 9 Study Material pdf free download
Vivekanand Anglo Vedic Academy
 
How to Make a Field invisible in Odoo 17
How to Make a Field invisible in Odoo 17How to Make a Field invisible in Odoo 17
How to Make a Field invisible in Odoo 17
Celine George
 
PART A. Introduction to Costumer Service
PART A. Introduction to Costumer ServicePART A. Introduction to Costumer Service
PART A. Introduction to Costumer Service
PedroFerreira53928
 
Palestine last event orientationfvgnh .pptx
Palestine last event orientationfvgnh .pptxPalestine last event orientationfvgnh .pptx
Palestine last event orientationfvgnh .pptx
RaedMohamed3
 
Fish and Chips - have they had their chips
Fish and Chips - have they had their chipsFish and Chips - have they had their chips
Fish and Chips - have they had their chips
GeoBlogs
 
Template Jadual Bertugas Kelas (Boleh Edit)
Template Jadual Bertugas Kelas (Boleh Edit)Template Jadual Bertugas Kelas (Boleh Edit)
Template Jadual Bertugas Kelas (Boleh Edit)
rosedainty
 
Polish students' mobility in the Czech Republic
Polish students' mobility in the Czech RepublicPolish students' mobility in the Czech Republic
Polish students' mobility in the Czech Republic
Anna Sz.
 
The Roman Empire A Historical Colossus.pdf
The Roman Empire A Historical Colossus.pdfThe Roman Empire A Historical Colossus.pdf
The Roman Empire A Historical Colossus.pdf
kaushalkr1407
 
Home assignment II on Spectroscopy 2024 Answers.pdf
Home assignment II on Spectroscopy 2024 Answers.pdfHome assignment II on Spectroscopy 2024 Answers.pdf
Home assignment II on Spectroscopy 2024 Answers.pdf
Tamralipta Mahavidyalaya
 
Unit 8 - Information and Communication Technology (Paper I).pdf
Unit 8 - Information and Communication Technology (Paper I).pdfUnit 8 - Information and Communication Technology (Paper I).pdf
Unit 8 - Information and Communication Technology (Paper I).pdf
Thiyagu K
 
Digital Tools and AI for Teaching Learning and Research
Digital Tools and AI for Teaching Learning and ResearchDigital Tools and AI for Teaching Learning and Research
Digital Tools and AI for Teaching Learning and Research
Vikramjit Singh
 
Ethnobotany and Ethnopharmacology ......
Ethnobotany and Ethnopharmacology ......Ethnobotany and Ethnopharmacology ......
Ethnobotany and Ethnopharmacology ......
Ashokrao Mane college of Pharmacy Peth-Vadgaon
 
Phrasal Verbs.XXXXXXXXXXXXXXXXXXXXXXXXXX
Phrasal Verbs.XXXXXXXXXXXXXXXXXXXXXXXXXXPhrasal Verbs.XXXXXXXXXXXXXXXXXXXXXXXXXX
Phrasal Verbs.XXXXXXXXXXXXXXXXXXXXXXXXXX
MIRIAMSALINAS13
 
How to Split Bills in the Odoo 17 POS Module
How to Split Bills in the Odoo 17 POS ModuleHow to Split Bills in the Odoo 17 POS Module
How to Split Bills in the Odoo 17 POS Module
Celine George
 
Basic phrases for greeting and assisting costumers
Basic phrases for greeting and assisting costumersBasic phrases for greeting and assisting costumers
Basic phrases for greeting and assisting costumers
PedroFerreira53928
 
TESDA TM1 REVIEWER FOR NATIONAL ASSESSMENT WRITTEN AND ORAL QUESTIONS WITH A...
TESDA TM1 REVIEWER  FOR NATIONAL ASSESSMENT WRITTEN AND ORAL QUESTIONS WITH A...TESDA TM1 REVIEWER  FOR NATIONAL ASSESSMENT WRITTEN AND ORAL QUESTIONS WITH A...
TESDA TM1 REVIEWER FOR NATIONAL ASSESSMENT WRITTEN AND ORAL QUESTIONS WITH A...
EugeneSaldivar
 
Instructions for Submissions thorugh G- Classroom.pptx
Instructions for Submissions thorugh G- Classroom.pptxInstructions for Submissions thorugh G- Classroom.pptx
Instructions for Submissions thorugh G- Classroom.pptx
Jheel Barad
 
1.4 modern child centered education - mahatma gandhi-2.pptx
1.4 modern child centered education - mahatma gandhi-2.pptx1.4 modern child centered education - mahatma gandhi-2.pptx
1.4 modern child centered education - mahatma gandhi-2.pptx
JosvitaDsouza2
 
The Art Pastor's Guide to Sabbath | Steve Thomason
The Art Pastor's Guide to Sabbath | Steve ThomasonThe Art Pastor's Guide to Sabbath | Steve Thomason
The Art Pastor's Guide to Sabbath | Steve Thomason
Steve Thomason
 
aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa
aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa
aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa
siemaillard
 

Recently uploaded (20)

The French Revolution Class 9 Study Material pdf free download
The French Revolution Class 9 Study Material pdf free downloadThe French Revolution Class 9 Study Material pdf free download
The French Revolution Class 9 Study Material pdf free download
 
How to Make a Field invisible in Odoo 17
How to Make a Field invisible in Odoo 17How to Make a Field invisible in Odoo 17
How to Make a Field invisible in Odoo 17
 
PART A. Introduction to Costumer Service
PART A. Introduction to Costumer ServicePART A. Introduction to Costumer Service
PART A. Introduction to Costumer Service
 
Palestine last event orientationfvgnh .pptx
Palestine last event orientationfvgnh .pptxPalestine last event orientationfvgnh .pptx
Palestine last event orientationfvgnh .pptx
 
Fish and Chips - have they had their chips
Fish and Chips - have they had their chipsFish and Chips - have they had their chips
Fish and Chips - have they had their chips
 
Template Jadual Bertugas Kelas (Boleh Edit)
Template Jadual Bertugas Kelas (Boleh Edit)Template Jadual Bertugas Kelas (Boleh Edit)
Template Jadual Bertugas Kelas (Boleh Edit)
 
Polish students' mobility in the Czech Republic
Polish students' mobility in the Czech RepublicPolish students' mobility in the Czech Republic
Polish students' mobility in the Czech Republic
 
The Roman Empire A Historical Colossus.pdf
The Roman Empire A Historical Colossus.pdfThe Roman Empire A Historical Colossus.pdf
The Roman Empire A Historical Colossus.pdf
 
Home assignment II on Spectroscopy 2024 Answers.pdf
Home assignment II on Spectroscopy 2024 Answers.pdfHome assignment II on Spectroscopy 2024 Answers.pdf
Home assignment II on Spectroscopy 2024 Answers.pdf
 
Unit 8 - Information and Communication Technology (Paper I).pdf
Unit 8 - Information and Communication Technology (Paper I).pdfUnit 8 - Information and Communication Technology (Paper I).pdf
Unit 8 - Information and Communication Technology (Paper I).pdf
 
Digital Tools and AI for Teaching Learning and Research
Digital Tools and AI for Teaching Learning and ResearchDigital Tools and AI for Teaching Learning and Research
Digital Tools and AI for Teaching Learning and Research
 
Ethnobotany and Ethnopharmacology ......
Ethnobotany and Ethnopharmacology ......Ethnobotany and Ethnopharmacology ......
Ethnobotany and Ethnopharmacology ......
 
Phrasal Verbs.XXXXXXXXXXXXXXXXXXXXXXXXXX
Phrasal Verbs.XXXXXXXXXXXXXXXXXXXXXXXXXXPhrasal Verbs.XXXXXXXXXXXXXXXXXXXXXXXXXX
Phrasal Verbs.XXXXXXXXXXXXXXXXXXXXXXXXXX
 
How to Split Bills in the Odoo 17 POS Module
How to Split Bills in the Odoo 17 POS ModuleHow to Split Bills in the Odoo 17 POS Module
How to Split Bills in the Odoo 17 POS Module
 
Basic phrases for greeting and assisting costumers
Basic phrases for greeting and assisting costumersBasic phrases for greeting and assisting costumers
Basic phrases for greeting and assisting costumers
 
TESDA TM1 REVIEWER FOR NATIONAL ASSESSMENT WRITTEN AND ORAL QUESTIONS WITH A...
TESDA TM1 REVIEWER  FOR NATIONAL ASSESSMENT WRITTEN AND ORAL QUESTIONS WITH A...TESDA TM1 REVIEWER  FOR NATIONAL ASSESSMENT WRITTEN AND ORAL QUESTIONS WITH A...
TESDA TM1 REVIEWER FOR NATIONAL ASSESSMENT WRITTEN AND ORAL QUESTIONS WITH A...
 
Instructions for Submissions thorugh G- Classroom.pptx
Instructions for Submissions thorugh G- Classroom.pptxInstructions for Submissions thorugh G- Classroom.pptx
Instructions for Submissions thorugh G- Classroom.pptx
 
1.4 modern child centered education - mahatma gandhi-2.pptx
1.4 modern child centered education - mahatma gandhi-2.pptx1.4 modern child centered education - mahatma gandhi-2.pptx
1.4 modern child centered education - mahatma gandhi-2.pptx
 
The Art Pastor's Guide to Sabbath | Steve Thomason
The Art Pastor's Guide to Sabbath | Steve ThomasonThe Art Pastor's Guide to Sabbath | Steve Thomason
The Art Pastor's Guide to Sabbath | Steve Thomason
 
aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa
aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa
aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa
 

Design Techniques

  • 2. Human Computer Interface  Specialised area of software development  User Experience (UX):  Feedback from users  Blend of interactions – physical
  • 3. User Centred Design (UCD)  UCD is designed to focus on the user, what they want to do with the product and the environment in which the product will be used.  The principles of the approach as:  The process is iterative and addresses the whole user experience.  The design is based upon an clear understanding of users, tasks and environments.  End users are involved throughout design and development and evaluation.
  • 6. User Centred Design Process  Capturing User requirements  Develop a persona for each target user type.  Personas are developed iteratively and their development involves users and the design team.  User Scenarios:  A user scenario expands upon the user’s story by including details about how a system might be used, the knowledge and needs of the user.  User Case:  A use case is a list of steps taken to perform an action, going through every step in detail until the user completes the required operation.
  • 8. User Interface Design - Wireframe  A wireframe can start out as a simple pencil sketch of a user interface. The wireframe can be developed from a low level of detail and functionality up to a high level of detail and functionality.  Low-fidelity prototypes – early development, simple models based on the users suggestions.  High-fidelity prototypes – computer based, realistic models, as close as possible to final prototype.
  • 9. User Centred Design and Scrum  User centred design provide key documents for a project based on Scrum principals. Each sprint will execute the user-centred design cycle:  Understand and specify context of use Developing the personas and other elements of user requirements are carried out at an early stage of the development. The product owner represents the views of these users.  Specify the user and organisational requirements These requirements are take from the sprint backlog (the work to be completed in the current sprint).  Produce design solutions The prototyping and development of the application UX (User experience) and UI (User interface) during the sprint.  Evaluate designs against requirements Carried out as the application is delivered during the sprint. The application delivered is evaluated against the sprint backlogs.
  • 10. What you need to know…  Design, describe and apply key aspects of user-centred design including using analysis tools to capture user requirements.  Describe and develop user profiles, user personas, user stories, user scenarios and use cases.  Describe, explain and apply the development of user interfaces using prototypes (from low to high fidelity including wireframes).  The need for an application style guide is used to ensure a consistent look and feel to an application.  To create an initial application style guide for an application.  User Centred Design can be applied within the Scrum methodology.