SlideShare una empresa de Scribd logo
1 de 23
Paper Prototyping How to create efficient touchscreen interfaces ,[object Object],[object Object],[object Object],[object Object]
Table of Contents ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]
Table of Contents (2) ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]
What Will Not Be Discussed ,[object Object],[object Object],[object Object],[object Object]
Needed Tools ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]
[object Object],[object Object],[object Object],[object Object],[object Object],Paper Prototyping
Types of Touchscreens ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]
Exercise 1 ,[object Object]
Ergonomics of Gestures ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]
Standard Touch Gestures ,[object Object],[object Object],[object Object],[object Object],[object Object]
Mind Your Users! ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]
Mind Your Users! (2) ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]
Size Of The Hit Zones ,[object Object],[object Object],[object Object],[object Object],[object Object]
Desktop Legacy ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]
Overview – Detail Model ,[object Object],[object Object],[object Object],[object Object],[object Object]
Strive for Efficiency ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]
Activity Zones ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]
Exercise 2 ,[object Object],[object Object],[object Object],[object Object],[object Object]
Gestures ,[object Object],[object Object],[object Object]
Working With Gestures ,[object Object],[object Object],[object Object],[object Object]
Common Problems ,[object Object],[object Object],[object Object],[object Object]
Exercise 3 ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]
Thank You! ,[object Object],[object Object],Many thanks to Dan Saffer, whose lectures were incredible help!

Más contenido relacionado

La actualidad más candente

Human Computer Interaction
Human Computer InteractionHuman Computer Interaction
Human Computer InteractionJitu Choudhary
 
Design Theory - Ankur Sharma - Presentation
Design Theory - Ankur Sharma - PresentationDesign Theory - Ankur Sharma - Presentation
Design Theory - Ankur Sharma - PresentationMobileNepal
 
HCI - Chapter 2
HCI - Chapter 2HCI - Chapter 2
HCI - Chapter 2Alan Dix
 
Human computer interaction
Human computer interactionHuman computer interaction
Human computer interactionemaan waseem
 
User Experience for the Experienced Presentation
User Experience for the Experienced PresentationUser Experience for the Experienced Presentation
User Experience for the Experienced PresentationAmanda Lopez, PMP
 
Define & design apps for success en
Define & design apps for success enDefine & design apps for success en
Define & design apps for success enAcrmnet s.r.l.
 
Human computerinterface
Human computerinterfaceHuman computerinterface
Human computerinterfaceKumar Aryan
 
Users, UX, and Technology: Going hi-tech with your classroom AV system
Users, UX, and Technology: Going hi-tech with your classroom AV systemUsers, UX, and Technology: Going hi-tech with your classroom AV system
Users, UX, and Technology: Going hi-tech with your classroom AV systemBohyun Kim
 
Mobile Usability Evaluation
Mobile Usability EvaluationMobile Usability Evaluation
Mobile Usability EvaluationGarrett Stettler
 
Human receptors, effectors and human machine interactions
Human receptors, effectors and human machine interactions Human receptors, effectors and human machine interactions
Human receptors, effectors and human machine interactions yoshiharu sato
 
Human Computer Interface (HCI)
Human Computer Interface (HCI)Human Computer Interface (HCI)
Human Computer Interface (HCI)Shobha Rani
 
Touch Screen Design for the slate PC
Touch Screen Design for the slate PCTouch Screen Design for the slate PC
Touch Screen Design for the slate PCHuman Interface Group
 
Touch sreen technology
Touch sreen technologyTouch sreen technology
Touch sreen technologyMD HAFIZ
 
HCI 3e - Ch 18: Modelling rich interaction
HCI 3e - Ch 18:  Modelling rich interactionHCI 3e - Ch 18:  Modelling rich interaction
HCI 3e - Ch 18: Modelling rich interactionAlan Dix
 
Comparisons of input modalities and methods
Comparisons of input modalities and methodsComparisons of input modalities and methods
Comparisons of input modalities and methodsyoshiharu sato
 

La actualidad más candente (20)

Human Computer Interaction
Human Computer InteractionHuman Computer Interaction
Human Computer Interaction
 
Types of User Interface
Types of User InterfaceTypes of User Interface
Types of User Interface
 
Design Theory - Ankur Sharma - Presentation
Design Theory - Ankur Sharma - PresentationDesign Theory - Ankur Sharma - Presentation
Design Theory - Ankur Sharma - Presentation
 
HCI - Chapter 2
HCI - Chapter 2HCI - Chapter 2
HCI - Chapter 2
 
Human computer interaction
Human computer interactionHuman computer interaction
Human computer interaction
 
User Experience for the Experienced Presentation
User Experience for the Experienced PresentationUser Experience for the Experienced Presentation
User Experience for the Experienced Presentation
 
Define & design apps for success en
Define & design apps for success enDefine & design apps for success en
Define & design apps for success en
 
Human computerinterface
Human computerinterfaceHuman computerinterface
Human computerinterface
 
Users, UX, and Technology: Going hi-tech with your classroom AV system
Users, UX, and Technology: Going hi-tech with your classroom AV systemUsers, UX, and Technology: Going hi-tech with your classroom AV system
Users, UX, and Technology: Going hi-tech with your classroom AV system
 
Mobile Usability Evaluation
Mobile Usability EvaluationMobile Usability Evaluation
Mobile Usability Evaluation
 
Human receptors, effectors and human machine interactions
Human receptors, effectors and human machine interactions Human receptors, effectors and human machine interactions
Human receptors, effectors and human machine interactions
 
Human Computer Interface (HCI)
Human Computer Interface (HCI)Human Computer Interface (HCI)
Human Computer Interface (HCI)
 
Touch Screen Design for the slate PC
Touch Screen Design for the slate PCTouch Screen Design for the slate PC
Touch Screen Design for the slate PC
 
001 intro
001 intro001 intro
001 intro
 
Hci Overview
Hci OverviewHci Overview
Hci Overview
 
Week 13
Week 13Week 13
Week 13
 
The computer HCI
The computer HCIThe computer HCI
The computer HCI
 
Touch sreen technology
Touch sreen technologyTouch sreen technology
Touch sreen technology
 
HCI 3e - Ch 18: Modelling rich interaction
HCI 3e - Ch 18:  Modelling rich interactionHCI 3e - Ch 18:  Modelling rich interaction
HCI 3e - Ch 18: Modelling rich interaction
 
Comparisons of input modalities and methods
Comparisons of input modalities and methodsComparisons of input modalities and methods
Comparisons of input modalities and methods
 

Destacado

Cuestionario de ava y ova ricardo andres paz acu%80%a0%a0%f1a 2
Cuestionario  de ava y ova ricardo andres paz acu%80%a0%a0%f1a 2Cuestionario  de ava y ova ricardo andres paz acu%80%a0%a0%f1a 2
Cuestionario de ava y ova ricardo andres paz acu%80%a0%a0%f1a 2richiandres
 
CV Bolaños 2016
CV Bolaños 2016CV Bolaños 2016
CV Bolaños 2016Bol nene
 
Photos from the Microsoft Challenge
Photos from the Microsoft ChallengePhotos from the Microsoft Challenge
Photos from the Microsoft ChallengeCapitaSymonds
 
Elaboración de material didáctico maría vede
Elaboración de material didáctico maría vedeElaboración de material didáctico maría vede
Elaboración de material didáctico maría vedemariavede
 
Public Opinion Landscape - Election 2016
Public Opinion Landscape  - Election 2016 Public Opinion Landscape  - Election 2016
Public Opinion Landscape - Election 2016 GloverParkGroup
 
יהודה_הופמן - יועץ_ארגוני
יהודה_הופמן - יועץ_ארגונייהודה_הופמן - יועץ_ארגוני
יהודה_הופמן - יועץ_ארגונייהודה הופמן
 
기조발제 황상민 다양성이 경쟁력이다 인쇄용
기조발제 황상민 다양성이 경쟁력이다 인쇄용기조발제 황상민 다양성이 경쟁력이다 인쇄용
기조발제 황상민 다양성이 경쟁력이다 인쇄용gojipcap
 
Role of IT in Mangement by Prof. Amit Chandra - GSBA College
Role of IT in Mangement by Prof. Amit Chandra - GSBA CollegeRole of IT in Mangement by Prof. Amit Chandra - GSBA College
Role of IT in Mangement by Prof. Amit Chandra - GSBA CollegeAmit Chandra
 
Very Technology: Marketing on Mobile Platforms
Very Technology: Marketing on Mobile PlatformsVery Technology: Marketing on Mobile Platforms
Very Technology: Marketing on Mobile PlatformsBranded Ltd
 
Synthesis of chromium(ii)acetate hydrate
Synthesis of chromium(ii)acetate hydrateSynthesis of chromium(ii)acetate hydrate
Synthesis of chromium(ii)acetate hydrateDiponegoro University
 
The tablighi jamat pashto by abul hassan zaid farooqi
The tablighi jamat pashto by abul hassan zaid farooqiThe tablighi jamat pashto by abul hassan zaid farooqi
The tablighi jamat pashto by abul hassan zaid farooqiMuhammad Tariq
 
Virtuoso, The Prometheus of RDF -- Sematics 2014 Conference Keynote
 Virtuoso, The Prometheus of RDF -- Sematics 2014 Conference Keynote Virtuoso, The Prometheus of RDF -- Sematics 2014 Conference Keynote
Virtuoso, The Prometheus of RDF -- Sematics 2014 Conference KeynoteKingsley Uyi Idehen
 

Destacado (14)

Fotos 1°
Fotos 1°Fotos 1°
Fotos 1°
 
Cuestionario de ava y ova ricardo andres paz acu%80%a0%a0%f1a 2
Cuestionario  de ava y ova ricardo andres paz acu%80%a0%a0%f1a 2Cuestionario  de ava y ova ricardo andres paz acu%80%a0%a0%f1a 2
Cuestionario de ava y ova ricardo andres paz acu%80%a0%a0%f1a 2
 
111011 jlpt n2_presen
111011 jlpt n2_presen111011 jlpt n2_presen
111011 jlpt n2_presen
 
CV Bolaños 2016
CV Bolaños 2016CV Bolaños 2016
CV Bolaños 2016
 
Photos from the Microsoft Challenge
Photos from the Microsoft ChallengePhotos from the Microsoft Challenge
Photos from the Microsoft Challenge
 
Elaboración de material didáctico maría vede
Elaboración de material didáctico maría vedeElaboración de material didáctico maría vede
Elaboración de material didáctico maría vede
 
Public Opinion Landscape - Election 2016
Public Opinion Landscape  - Election 2016 Public Opinion Landscape  - Election 2016
Public Opinion Landscape - Election 2016
 
יהודה_הופמן - יועץ_ארגוני
יהודה_הופמן - יועץ_ארגונייהודה_הופמן - יועץ_ארגוני
יהודה_הופמן - יועץ_ארגוני
 
기조발제 황상민 다양성이 경쟁력이다 인쇄용
기조발제 황상민 다양성이 경쟁력이다 인쇄용기조발제 황상민 다양성이 경쟁력이다 인쇄용
기조발제 황상민 다양성이 경쟁력이다 인쇄용
 
Role of IT in Mangement by Prof. Amit Chandra - GSBA College
Role of IT in Mangement by Prof. Amit Chandra - GSBA CollegeRole of IT in Mangement by Prof. Amit Chandra - GSBA College
Role of IT in Mangement by Prof. Amit Chandra - GSBA College
 
Very Technology: Marketing on Mobile Platforms
Very Technology: Marketing on Mobile PlatformsVery Technology: Marketing on Mobile Platforms
Very Technology: Marketing on Mobile Platforms
 
Synthesis of chromium(ii)acetate hydrate
Synthesis of chromium(ii)acetate hydrateSynthesis of chromium(ii)acetate hydrate
Synthesis of chromium(ii)acetate hydrate
 
The tablighi jamat pashto by abul hassan zaid farooqi
The tablighi jamat pashto by abul hassan zaid farooqiThe tablighi jamat pashto by abul hassan zaid farooqi
The tablighi jamat pashto by abul hassan zaid farooqi
 
Virtuoso, The Prometheus of RDF -- Sematics 2014 Conference Keynote
 Virtuoso, The Prometheus of RDF -- Sematics 2014 Conference Keynote Virtuoso, The Prometheus of RDF -- Sematics 2014 Conference Keynote
Virtuoso, The Prometheus of RDF -- Sematics 2014 Conference Keynote
 

Similar a Workshop Usability

Mobile User Experience - @iRajLal
Mobile User Experience - @iRajLalMobile User Experience - @iRajLal
Mobile User Experience - @iRajLalRaj Lal
 
Human computer interaction chapter 2 interaction Styles.pptx
Human computer interaction chapter 2 interaction Styles.pptxHuman computer interaction chapter 2 interaction Styles.pptx
Human computer interaction chapter 2 interaction Styles.pptxSHEHERYARali12
 
Understanding the Touch Interface [IndicThreads Mobile Application Developmen...
Understanding the Touch Interface [IndicThreads Mobile Application Developmen...Understanding the Touch Interface [IndicThreads Mobile Application Developmen...
Understanding the Touch Interface [IndicThreads Mobile Application Developmen...IndicThreads
 
Android Design Guidelines 4.0
Android Design Guidelines 4.0Android Design Guidelines 4.0
Android Design Guidelines 4.0Brandon Nolte
 
1 PROGRAM ISEM RESEARCH PAPER FOR APPLIED.docx
1 PROGRAM ISEM RESEARCH PAPER FOR APPLIED.docx1 PROGRAM ISEM RESEARCH PAPER FOR APPLIED.docx
1 PROGRAM ISEM RESEARCH PAPER FOR APPLIED.docxhoney725342
 
Usability principles 1
Usability principles 1Usability principles 1
Usability principles 1Sameer Chavan
 
UI design for mobile apps
UI design for mobile appsUI design for mobile apps
UI design for mobile appsIvano Malavolta
 
User interface design for touch screen displays
User interface design for touch screen displaysUser interface design for touch screen displays
User interface design for touch screen displaysNew Vision Display
 
class lecture on input & output devices(part1)
class lecture on input & output  devices(part1)class lecture on input & output  devices(part1)
class lecture on input & output devices(part1)sharif_12
 
Accounting For Every Camper
Accounting For Every CamperAccounting For Every Camper
Accounting For Every CamperAshley Dzick
 
Human Computer interaction -Interaction design basics
Human Computer interaction -Interaction design basicsHuman Computer interaction -Interaction design basics
Human Computer interaction -Interaction design basicsGEETHAS668001
 
Human Computer Interaction
Human Computer InteractionHuman Computer Interaction
Human Computer InteractionBHAKTI PATIL
 

Similar a Workshop Usability (20)

Mobile User Experience - @iRajLal
Mobile User Experience - @iRajLalMobile User Experience - @iRajLal
Mobile User Experience - @iRajLal
 
Droidcon2014 - Android UX
Droidcon2014 - Android UXDroidcon2014 - Android UX
Droidcon2014 - Android UX
 
Human computer interaction chapter 2 interaction Styles.pptx
Human computer interaction chapter 2 interaction Styles.pptxHuman computer interaction chapter 2 interaction Styles.pptx
Human computer interaction chapter 2 interaction Styles.pptx
 
Understanding the Touch Interface [IndicThreads Mobile Application Developmen...
Understanding the Touch Interface [IndicThreads Mobile Application Developmen...Understanding the Touch Interface [IndicThreads Mobile Application Developmen...
Understanding the Touch Interface [IndicThreads Mobile Application Developmen...
 
Android Design Guidelines 4.0
Android Design Guidelines 4.0Android Design Guidelines 4.0
Android Design Guidelines 4.0
 
1 PROGRAM ISEM RESEARCH PAPER FOR APPLIED.docx
1 PROGRAM ISEM RESEARCH PAPER FOR APPLIED.docx1 PROGRAM ISEM RESEARCH PAPER FOR APPLIED.docx
1 PROGRAM ISEM RESEARCH PAPER FOR APPLIED.docx
 
Touch Technology: MIS Case study
Touch Technology: MIS Case study Touch Technology: MIS Case study
Touch Technology: MIS Case study
 
HCI Chapter_1.pdf
HCI Chapter_1.pdfHCI Chapter_1.pdf
HCI Chapter_1.pdf
 
Usability principles 1
Usability principles 1Usability principles 1
Usability principles 1
 
UI design for mobile apps
UI design for mobile appsUI design for mobile apps
UI design for mobile apps
 
User interface design for touch screen displays
User interface design for touch screen displaysUser interface design for touch screen displays
User interface design for touch screen displays
 
class lecture on input & output devices(part1)
class lecture on input & output  devices(part1)class lecture on input & output  devices(part1)
class lecture on input & output devices(part1)
 
Accounting For Every Camper
Accounting For Every CamperAccounting For Every Camper
Accounting For Every Camper
 
Human Computer interaction -Interaction design basics
Human Computer interaction -Interaction design basicsHuman Computer interaction -Interaction design basics
Human Computer interaction -Interaction design basics
 
Human Computer Interaction
Human Computer InteractionHuman Computer Interaction
Human Computer Interaction
 
New to the touch
New to the touchNew to the touch
New to the touch
 
HCI Presentation
HCI PresentationHCI Presentation
HCI Presentation
 
HCI Basics
HCI BasicsHCI Basics
HCI Basics
 
UI Design
UI DesignUI Design
UI Design
 
Ux design-fundamentals
Ux design-fundamentalsUx design-fundamentals
Ux design-fundamentals
 

Más de Doncho Minkov

Más de Doncho Minkov (20)

Web Design Concepts
Web Design ConceptsWeb Design Concepts
Web Design Concepts
 
Web design Tools
Web design ToolsWeb design Tools
Web design Tools
 
HTML 5
HTML 5HTML 5
HTML 5
 
HTML 5 Tables and Forms
HTML 5 Tables and FormsHTML 5 Tables and Forms
HTML 5 Tables and Forms
 
CSS Overview
CSS OverviewCSS Overview
CSS Overview
 
CSS Presentation
CSS PresentationCSS Presentation
CSS Presentation
 
CSS Layout
CSS LayoutCSS Layout
CSS Layout
 
CSS 3
CSS 3CSS 3
CSS 3
 
Adobe Photoshop
Adobe PhotoshopAdobe Photoshop
Adobe Photoshop
 
Slice and Dice
Slice and DiceSlice and Dice
Slice and Dice
 
Introduction to XAML and WPF
Introduction to XAML and WPFIntroduction to XAML and WPF
Introduction to XAML and WPF
 
WPF Layout Containers
WPF Layout ContainersWPF Layout Containers
WPF Layout Containers
 
WPF Controls
WPF ControlsWPF Controls
WPF Controls
 
WPF Templating and Styling
WPF Templating and StylingWPF Templating and Styling
WPF Templating and Styling
 
WPF Graphics and Animations
WPF Graphics and AnimationsWPF Graphics and Animations
WPF Graphics and Animations
 
Simple Data Binding
Simple Data BindingSimple Data Binding
Simple Data Binding
 
Complex Data Binding
Complex Data BindingComplex Data Binding
Complex Data Binding
 
WPF Concepts
WPF ConceptsWPF Concepts
WPF Concepts
 
Model View ViewModel
Model View ViewModelModel View ViewModel
Model View ViewModel
 
WPF and Databases
WPF and DatabasesWPF and Databases
WPF and Databases
 

Último

Genislab builds better products and faster go-to-market with Lean project man...
Genislab builds better products and faster go-to-market with Lean project man...Genislab builds better products and faster go-to-market with Lean project man...
Genislab builds better products and faster go-to-market with Lean project man...Farhan Tariq
 
Scale your database traffic with Read & Write split using MySQL Router
Scale your database traffic with Read & Write split using MySQL RouterScale your database traffic with Read & Write split using MySQL Router
Scale your database traffic with Read & Write split using MySQL RouterMydbops
 
Potential of AI (Generative AI) in Business: Learnings and Insights
Potential of AI (Generative AI) in Business: Learnings and InsightsPotential of AI (Generative AI) in Business: Learnings and Insights
Potential of AI (Generative AI) in Business: Learnings and InsightsRavi Sanghani
 
Emixa Mendix Meetup 11 April 2024 about Mendix Native development
Emixa Mendix Meetup 11 April 2024 about Mendix Native developmentEmixa Mendix Meetup 11 April 2024 about Mendix Native development
Emixa Mendix Meetup 11 April 2024 about Mendix Native developmentPim van der Noll
 
2024 April Patch Tuesday
2024 April Patch Tuesday2024 April Patch Tuesday
2024 April Patch TuesdayIvanti
 
TrustArc Webinar - How to Build Consumer Trust Through Data Privacy
TrustArc Webinar - How to Build Consumer Trust Through Data PrivacyTrustArc Webinar - How to Build Consumer Trust Through Data Privacy
TrustArc Webinar - How to Build Consumer Trust Through Data PrivacyTrustArc
 
Bridging Between CAD & GIS: 6 Ways to Automate Your Data Integration
Bridging Between CAD & GIS:  6 Ways to Automate Your Data IntegrationBridging Between CAD & GIS:  6 Ways to Automate Your Data Integration
Bridging Between CAD & GIS: 6 Ways to Automate Your Data Integrationmarketing932765
 
A Deep Dive on Passkeys: FIDO Paris Seminar.pptx
A Deep Dive on Passkeys: FIDO Paris Seminar.pptxA Deep Dive on Passkeys: FIDO Paris Seminar.pptx
A Deep Dive on Passkeys: FIDO Paris Seminar.pptxLoriGlavin3
 
Modern Roaming for Notes and Nomad – Cheaper Faster Better Stronger
Modern Roaming for Notes and Nomad – Cheaper Faster Better StrongerModern Roaming for Notes and Nomad – Cheaper Faster Better Stronger
Modern Roaming for Notes and Nomad – Cheaper Faster Better Strongerpanagenda
 
Generative AI - Gitex v1Generative AI - Gitex v1.pptx
Generative AI - Gitex v1Generative AI - Gitex v1.pptxGenerative AI - Gitex v1Generative AI - Gitex v1.pptx
Generative AI - Gitex v1Generative AI - Gitex v1.pptxfnnc6jmgwh
 
React Native vs Ionic - The Best Mobile App Framework
React Native vs Ionic - The Best Mobile App FrameworkReact Native vs Ionic - The Best Mobile App Framework
React Native vs Ionic - The Best Mobile App FrameworkPixlogix Infotech
 
A Journey Into the Emotions of Software Developers
A Journey Into the Emotions of Software DevelopersA Journey Into the Emotions of Software Developers
A Journey Into the Emotions of Software DevelopersNicole Novielli
 
Microsoft 365 Copilot: How to boost your productivity with AI – Part one: Ado...
Microsoft 365 Copilot: How to boost your productivity with AI – Part one: Ado...Microsoft 365 Copilot: How to boost your productivity with AI – Part one: Ado...
Microsoft 365 Copilot: How to boost your productivity with AI – Part one: Ado...Nikki Chapple
 
Abdul Kader Baba- Managing Cybersecurity Risks and Compliance Requirements i...
Abdul Kader Baba- Managing Cybersecurity Risks  and Compliance Requirements i...Abdul Kader Baba- Managing Cybersecurity Risks  and Compliance Requirements i...
Abdul Kader Baba- Managing Cybersecurity Risks and Compliance Requirements i...itnewsafrica
 
Transcript: New from BookNet Canada for 2024: Loan Stars - Tech Forum 2024
Transcript: New from BookNet Canada for 2024: Loan Stars - Tech Forum 2024Transcript: New from BookNet Canada for 2024: Loan Stars - Tech Forum 2024
Transcript: New from BookNet Canada for 2024: Loan Stars - Tech Forum 2024BookNet Canada
 
Time Series Foundation Models - current state and future directions
Time Series Foundation Models - current state and future directionsTime Series Foundation Models - current state and future directions
Time Series Foundation Models - current state and future directionsNathaniel Shimoni
 
Connecting the Dots for Information Discovery.pdf
Connecting the Dots for Information Discovery.pdfConnecting the Dots for Information Discovery.pdf
Connecting the Dots for Information Discovery.pdfNeo4j
 
So einfach geht modernes Roaming fuer Notes und Nomad.pdf
So einfach geht modernes Roaming fuer Notes und Nomad.pdfSo einfach geht modernes Roaming fuer Notes und Nomad.pdf
So einfach geht modernes Roaming fuer Notes und Nomad.pdfpanagenda
 
How AI, OpenAI, and ChatGPT impact business and software.
How AI, OpenAI, and ChatGPT impact business and software.How AI, OpenAI, and ChatGPT impact business and software.
How AI, OpenAI, and ChatGPT impact business and software.Curtis Poe
 
Generative Artificial Intelligence: How generative AI works.pdf
Generative Artificial Intelligence: How generative AI works.pdfGenerative Artificial Intelligence: How generative AI works.pdf
Generative Artificial Intelligence: How generative AI works.pdfIngrid Airi González
 

Último (20)

Genislab builds better products and faster go-to-market with Lean project man...
Genislab builds better products and faster go-to-market with Lean project man...Genislab builds better products and faster go-to-market with Lean project man...
Genislab builds better products and faster go-to-market with Lean project man...
 
Scale your database traffic with Read & Write split using MySQL Router
Scale your database traffic with Read & Write split using MySQL RouterScale your database traffic with Read & Write split using MySQL Router
Scale your database traffic with Read & Write split using MySQL Router
 
Potential of AI (Generative AI) in Business: Learnings and Insights
Potential of AI (Generative AI) in Business: Learnings and InsightsPotential of AI (Generative AI) in Business: Learnings and Insights
Potential of AI (Generative AI) in Business: Learnings and Insights
 
Emixa Mendix Meetup 11 April 2024 about Mendix Native development
Emixa Mendix Meetup 11 April 2024 about Mendix Native developmentEmixa Mendix Meetup 11 April 2024 about Mendix Native development
Emixa Mendix Meetup 11 April 2024 about Mendix Native development
 
2024 April Patch Tuesday
2024 April Patch Tuesday2024 April Patch Tuesday
2024 April Patch Tuesday
 
TrustArc Webinar - How to Build Consumer Trust Through Data Privacy
TrustArc Webinar - How to Build Consumer Trust Through Data PrivacyTrustArc Webinar - How to Build Consumer Trust Through Data Privacy
TrustArc Webinar - How to Build Consumer Trust Through Data Privacy
 
Bridging Between CAD & GIS: 6 Ways to Automate Your Data Integration
Bridging Between CAD & GIS:  6 Ways to Automate Your Data IntegrationBridging Between CAD & GIS:  6 Ways to Automate Your Data Integration
Bridging Between CAD & GIS: 6 Ways to Automate Your Data Integration
 
A Deep Dive on Passkeys: FIDO Paris Seminar.pptx
A Deep Dive on Passkeys: FIDO Paris Seminar.pptxA Deep Dive on Passkeys: FIDO Paris Seminar.pptx
A Deep Dive on Passkeys: FIDO Paris Seminar.pptx
 
Modern Roaming for Notes and Nomad – Cheaper Faster Better Stronger
Modern Roaming for Notes and Nomad – Cheaper Faster Better StrongerModern Roaming for Notes and Nomad – Cheaper Faster Better Stronger
Modern Roaming for Notes and Nomad – Cheaper Faster Better Stronger
 
Generative AI - Gitex v1Generative AI - Gitex v1.pptx
Generative AI - Gitex v1Generative AI - Gitex v1.pptxGenerative AI - Gitex v1Generative AI - Gitex v1.pptx
Generative AI - Gitex v1Generative AI - Gitex v1.pptx
 
React Native vs Ionic - The Best Mobile App Framework
React Native vs Ionic - The Best Mobile App FrameworkReact Native vs Ionic - The Best Mobile App Framework
React Native vs Ionic - The Best Mobile App Framework
 
A Journey Into the Emotions of Software Developers
A Journey Into the Emotions of Software DevelopersA Journey Into the Emotions of Software Developers
A Journey Into the Emotions of Software Developers
 
Microsoft 365 Copilot: How to boost your productivity with AI – Part one: Ado...
Microsoft 365 Copilot: How to boost your productivity with AI – Part one: Ado...Microsoft 365 Copilot: How to boost your productivity with AI – Part one: Ado...
Microsoft 365 Copilot: How to boost your productivity with AI – Part one: Ado...
 
Abdul Kader Baba- Managing Cybersecurity Risks and Compliance Requirements i...
Abdul Kader Baba- Managing Cybersecurity Risks  and Compliance Requirements i...Abdul Kader Baba- Managing Cybersecurity Risks  and Compliance Requirements i...
Abdul Kader Baba- Managing Cybersecurity Risks and Compliance Requirements i...
 
Transcript: New from BookNet Canada for 2024: Loan Stars - Tech Forum 2024
Transcript: New from BookNet Canada for 2024: Loan Stars - Tech Forum 2024Transcript: New from BookNet Canada for 2024: Loan Stars - Tech Forum 2024
Transcript: New from BookNet Canada for 2024: Loan Stars - Tech Forum 2024
 
Time Series Foundation Models - current state and future directions
Time Series Foundation Models - current state and future directionsTime Series Foundation Models - current state and future directions
Time Series Foundation Models - current state and future directions
 
Connecting the Dots for Information Discovery.pdf
Connecting the Dots for Information Discovery.pdfConnecting the Dots for Information Discovery.pdf
Connecting the Dots for Information Discovery.pdf
 
So einfach geht modernes Roaming fuer Notes und Nomad.pdf
So einfach geht modernes Roaming fuer Notes und Nomad.pdfSo einfach geht modernes Roaming fuer Notes und Nomad.pdf
So einfach geht modernes Roaming fuer Notes und Nomad.pdf
 
How AI, OpenAI, and ChatGPT impact business and software.
How AI, OpenAI, and ChatGPT impact business and software.How AI, OpenAI, and ChatGPT impact business and software.
How AI, OpenAI, and ChatGPT impact business and software.
 
Generative Artificial Intelligence: How generative AI works.pdf
Generative Artificial Intelligence: How generative AI works.pdfGenerative Artificial Intelligence: How generative AI works.pdf
Generative Artificial Intelligence: How generative AI works.pdf
 

Workshop Usability

  • 1.
  • 2.
  • 3.
  • 4.
  • 5.
  • 6.
  • 7.
  • 8.
  • 9.
  • 10.
  • 11.
  • 12.
  • 13.
  • 14.
  • 15.
  • 16.
  • 17.
  • 18.
  • 19.
  • 20.
  • 21.
  • 22.
  • 23.

Notas del editor

  1. Направата на хартиени прототипи набира особена популярност напоследък със напредването на мобилните технологии, поради ограниченото пространство на мобилният екран и нуждата да се използва ползотворно всяко свободно място в интерфейса. Днес ще се спрем на изграждането на такъв хартиен прототип в поредица от упражнения.
  2. Резистивни – докосването на два проводими пласта създава touch събитие. Много по-прецизни, но не поддържат multitouch и изискват по-голям натиск. Капацитивни – докосването използва върхът на пръста за да провежда електричество и да създаде touch събитие. Поддържат multitouch, както и почти не изискват сила на натиск. За съжаление не особено прецизни и това трябва да се има предвид при създаването на интерфейси. Останалите видове не са използвани често и няма да се спираме подробно на тях.
  3. 20 минути. Термостатът управлява две температури и допълнително показва сегашната температура.
  4. Ергономика – наука за дизайн на оборудване и уреди, за да бъдат удобни за човешкото тяло, движения и познания. Gorilla arm жестове – хората не са приспособени да държат ръцете пред лицето си правейки малки жестове, не е проблем за кратка употреба, но не и в интерфейс, подобен на този във филма Специален Доклад ( Minority Report) .
  5. Ако няма начин, могат да се ползват iceberg targets – използвайки мястото около бутоните за разширяване на активната зона. 2 и 3 – Имайки предвид тези две неща и това че телефонът най-често се гледа под ъгъл, често активната зона е леко изместена надолу, за да подсигури по-голяма точност.
  6. Левичарите често са пренебрегвани в мобилните операционни системи. Fitt’s Law – времето необходимо за да стигнете до определен интерфейс елемент е правопропорционално на разстоянието до него и големината му. Пол Фитс, 1954 За целта информация, която е важна за определен интерфейс елемент, трябва да се поднася на място, което се очаква да е видимо, например отгоре или поне от ляво (левичарите биха възразили:) Съответно елементите да са поставени на място, възможно най-близо до потребителя. Хората с увреждания е добре да се имат предвид, но ако са целева аудитория трябва да се предвидят и промени в интерфейс дизайна – по-големи шрифтове, контрастни цветове. Достъпността може да се подобри чрез haptic feedback и говорен синтез.
  7. За 4 - Потребителите по-лесно могат да натискат интерфейс елементи които са близо до пръстите им. Поставяйте опасните интерфейс елементи извън тези зони на достъп. Ще говорим за тях по-късно.
  8. Default бутони се избягват в мобилните приложения, понеже често няма фокусирано състояние на бутоните. Освен когато има поддръжка на хардуерна клавиатура.
  9. Плосък – съставен от няколко последователни свързани изгледа (като wizard) Звезда – всички изгледи са свързани към главният. Децентрализиран – всеки изглед е свързан със всички останали (например чрез табове).
  10. Оставете по-маловажната информация за детайлите. Има и изключения - ако се налага твърде често - значи може да се оптимизира и част от информацията да се премести във външният изглед. Най-вече в детайлните изгледи. Така се избягва отклоняване на вниманието. По-добрата структура ще избегне объркването.
  11. По-важните интерфейс елементи трябва да са по-лесни за достигане без да е необходимо потребителят да се пресяга. Важните елементи трябва да са по-големи и да привличат внимание. Често използваните интерфейс елементи да са лесни за достигане – долу в ляво, по-рядко използваните – горе в дясно. „ Опасните“ елементи като изход, потвърждение или отказ да са най-трудно достъпни – горе в ляво. Намалете ненужните части от интерфейса – оставете място за съдържанието.
  12. Почти всеки днешен смартфон е с touchscreen и позволява multitouch. Това позволява използването на разнообразни жестове във вашето приложение. Но всъщност не всичко е толкова розово.
  13. 3 - например Nokia N9 Swipe 4 - използват се предимно от power users
  14. Лесно е да скриете функционалност. Подсигурете се като предоставите нормален начин за изпълнение на операцията, а използвате жестове като команди за напреднали потребители. Често повтаряеми жестове които извършват различни операции. От твърде различни жестове. Заложете на жестове от един вид.