SlideShare uma empresa Scribd logo

User interface design

•
•
Oleksii Leonov
Oleksii Leonov

Materials from my lecture «Introduction to User Interface Design» at SummerSchool AACIMP 2011, Kyiv, Ukraine. http://summerschool.ssa.org.ua

EducaçãoTecnologiaDiversão e humor
1 de 70
Baixar para ler offline
User Interface Design
Lectures What is it all about? Most important for user Principles of good interface Interface design process Cheats and hints Practice Create UI design prototype
The Interface is the way you accomplish tasks with a product; what you do and how it responds. Jef Raskin, “Interface”
Everything we interact with has an interface
Computer interfaces
Tip: Pirates of Silicon Valley
Touch devices
Problems
Programmers 2 Programmers
Marketing
Most important for user
Safety of user and his money
Safety of user’s data (his work) Autosave Unlimited Undo Remember input data
Save user’s time Previews Reopen last session Shortcuts Default settings
Principles of good interface
Simplicity of interaction model
scrollbar
Simplicity of basic functions
Speed
Feedback
Modeless and predictability Caps Lock Num Lock Insert button Language switching
User fails proof — everybody make mistakes lazy programmers cool
Simplicity of interaction model Simplicity of basic functions Speed Feedback Modeless and predictability User fails proof
Bonus :)
Microsoft Bob Bob received the 7th place in PC World magazine's list of the 25 worst tech products of all time, a spot in Time magazine's list of the 50 Worst Inventions and number one worst product of the decade by CNET.com.
UI design process
Analyze Concept Prototype Detailed Design Product
Analyze Talk and understand task Personas Scenarios and features
Alan Cooper, “The Inmates Are Running the Asylum”
Concept Idea of user interface
Prototype
Detailed design
Product
Cheats and Hints
Grids
HOME ARTICLES BROWSE ABOUT SEARCH GO TheHOMEnal home fi ARTICLES BROWSE ABOUT SEARCH GO A page design. th WELCOME TO WELCOME TO Designery is a public square for design practitioners, Designery is a public square for design practitioners, students and fans. LEARN MORE students and fans. LEARN MORE Signed in as You have 7 new messages Signed in as You have 7 new messages Wednesday, December 22, 2010 Wednesday, December 22, 2010 Khoi Vinh Log Out Khoi Vinh Log Out Typography’s Lost Logos, the Next Wave By Chuck Tatum, Editor Typography’s Lost Logos, the Next Wave By Chuck Tatum, Editor Tatum, Weekend Lorem ipsum dol Weekend Lorem ipsum dol By Sheba Shayne By Sheba Shayne or sit amet, or sit amet, consectetur consectetur adipiscing elit. Nam tristique, odio vel facilisis hendrerit, erat nisl imperdiet orci, in mol. Ad adipiscing elit. Nam tristique, odio vel facilisis hendrerit, erat nisl imperdiet orci, in mol. Ad 12 Comments 12 Comments The Bigger They Are… The Bigger They Are… By Mary Bristol, Editor By Mary Bristol, Editor Bristol, Lorem ipsum dol Lorem ipsum dol or sit amet, or sit amet, consectetur EXPLORE PROJECTS ON DESIGNERY consectetur EXPLORE PROJECTS ON DESIGNERY Lorem ipsum dolor sit amet, consectetur adipiscing elit. Lorem ipsum dolor sit amet, consectetur adipiscing elit. adipiscing elit. • Most Popular • Most Blogged adipiscing elit. • Most Popular • Most Blogged Nam tristique, odio vel facilisis hendrerit erat. Nam tristique, odio vel facilisis hendrerit erat. Nam tristique, odio • Most Recently Updated • Most Commented Nam tristique, odio • Most Recently Updated • Most Commented 17 Comments 17 Comments vel facilisis hendrerit, erat nisl • Most Discussed • Random & Interesting vel facilisis hendrerit, erat nisl • Most Discussed • Random & Interesting imperdiet orci, in mol. imperdiet orci, in mol. Will They Pay for It? 12 Comments Will They Pay for It? 12 Comments Publishers Make a Last Publishers Make a Last Stand Stand By Nick Garcos GET UPDATES VIA EMAIL By Nick Garcos GET UPDATES VIA EMAIL Lorem ipsum dolor sit amet, consectetur adipiscing elit. Youremail@address Lorem ipsum dolor sit amet, consectetur adipiscing elit. Youremail@address Youremail@address Nam tristique, odio vel facilisis hendrerit, erat nisl Trouble in Paradise Holiday Fun Nam tristique, odio vel facilisis hendrerit, erat nisl Trouble in Paradise Holiday Fun SUBSCRIBE SUBSCRIBE imperdiet orci, in mollis tortor nulla eu tortor. Ellen Lacey Gat Morgan imperdiet orci, in mollis tortor nulla eu tortor. Ellen Lacey Gat Morgan Last Updated Dec 18, 2010 Last Updated Nov 8, 2010 Last Updated Dec 18, 2010 Last Updated Nov 8, 2010 22 Comments 22 Comments TOP PEOPLE ON DESIGNERY TOP PEOPLE ON DESIGNERY Web Design Techniques of Web Design Techniques of the Damned By Mike Figlia Jerry Warriner the Damned By Mike Figlia Jerry Warriner ptg Last Updated Last Updated December 22, 2010 December 22, 2010 Lorem ipsum dolor sit amet, consec Lorem ipsum dolor sit amet, consec tetur adipiscing elit. Nam tristique, odio vel. Ut nibh tetur adipiscing elit. Nam tristique, odio vel. Ut nibh turpis, dictum ac eleifend et, consequat in velit. Aliquam Kathy Hale Chapter IX Calculated turpis, dictum ac eleifend et, consequat in velit. Aliquam Kathy Hale Chapter IX Calculated Last Updated Gus Snider Accidentalism Last Updated Gus Snider Accidentalism faucibus congue pretium. In mollis dolor eu December 22, 2010 faucibus congue pretium. In mollis dolor eu December 22, 2010 Last Updated Dec 18, 2010 Daniel O’Keefe Last Updated Dec 18, 2010 Daniel O’Keefe 54 Comments 54 Comments Last Updated Nov 8, 2010 Last Updated Nov 8, 2010 Francis Dollarhyde Francis Dollarhyde Last Updated Last Updated December 21, 2010 December 21, 2010 Hildy Johnson Hildy Johnson Last Updated Last Updated December 21, 2010 December 21, 2010 Holding on to CSS and the Listening to Holding on to CSS and the Listening to Offset Printing Man on the Your Mom Big West BBQ Hurtling Towards Offset Printing Man on the Your Mom Big West BBQ Hurtling Towards Street Dix Handley Phyllis Dietrichson Hipsterism Street Dix Handley Phyllis Dietrichson Hipsterism Last Updated Last Updated Dec 18, 2010 Walter Neff Last Updated Last Updated Dec 18, 2010 Walter Neff December 21, 2010 December 21, 2010 Last Updated Nov 8, 2010 Last Updated Nov 8, 2010 More Articles… More People… More Projects… More Articles… More People… More Projects… © 2011 by Khoi Vinh Site Map I Advertise I Contact Us I RSS I Mobile © 2011 by Khoi Vinh Site Map I Advertise I Contact Us I RSS I Mobile User agreement and privacy policyv User agreement and privacy policyv Khoi Vinh. “Ordering Disorder. Grid Principles for Web Design”
http://960.gs
Instruments for prototyping
http://balsamiq.com
One more thing
— users don’t care about code
— interface is evil
Books
Fin

Recomendados

UI UX introduction
UI UX introductionUI UX introduction
UI UX introductionIsmail Norri
 
UI/UX Workshop - Hackvision
UI/UX Workshop - HackvisionUI/UX Workshop - Hackvision
UI/UX Workshop - HackvisionProttay Karim
 
UX and UI
UX and UIUX and UI
UX and UIsmartData Enterprises Pvt Ltd
 
Ux & ui
Ux & uiUx & ui
Ux & uiFisher Liao
 
UI vs UX workshop
UI vs UX workshopUI vs UX workshop
UI vs UX workshopInova LLC
 
UI / UX Design Processes
UI / UX Design ProcessesUI / UX Design Processes
UI / UX Design ProcessesMuhammad Hijazi
 
UX/UI design
UX/UI designUX/UI design
UX/UI designdeorwine infotech
 
UX Best Practices
UX Best PracticesUX Best Practices
UX Best PracticesTheresa Neil
 

Recomendados

UI UX introduction
UI UX introductionUI UX introduction
UI UX introductionIsmail Norri
 
UI/UX Workshop - Hackvision
UI/UX Workshop - HackvisionUI/UX Workshop - Hackvision
UI/UX Workshop - HackvisionProttay Karim
 
UX and UI
UX and UIUX and UI
UX and UIsmartData Enterprises Pvt Ltd
 
Ux & ui
Ux & uiUx & ui
Ux & uiFisher Liao
 
UI vs UX workshop
UI vs UX workshopUI vs UX workshop
UI vs UX workshopInova LLC
 
UI / UX Design Processes
UI / UX Design ProcessesUI / UX Design Processes
UI / UX Design ProcessesMuhammad Hijazi
 
UX/UI design
UX/UI designUX/UI design
UX/UI designdeorwine infotech
 
UX Best Practices
UX Best PracticesUX Best Practices
UX Best PracticesTheresa Neil
 
UX design
UX designUX design
UX designTanay Kumar
 
UI/UX Fundamentals
UI/UX FundamentalsUI/UX Fundamentals
UI/UX FundamentalsDijup Tuladhar
 
UX UI - Principles and Best Practices 2014-2015
UX UI - Principles and Best Practices 2014-2015UX UI - Principles and Best Practices 2014-2015
UX UI - Principles and Best Practices 2014-2015Harsh Wardhan Dave
 
UX RULES: 10 ESSENTIAL PRINCIPLES
UX RULES: 10 ESSENTIAL PRINCIPLESUX RULES: 10 ESSENTIAL PRINCIPLES
UX RULES: 10 ESSENTIAL PRINCIPLESJeremy Robinson
 
The difference between ux and ui design
The difference between ux and ui designThe difference between ux and ui design
The difference between ux and ui designShweta Joshi
 
UI UX in depth
UI UX in depthUI UX in depth
UI UX in depthShrestha Raaz
 
UX Design + UI Design: Injecting a brand persona!
UX Design + UI Design: Injecting a brand persona!UX Design + UI Design: Injecting a brand persona!
UX Design + UI Design: Injecting a brand persona!Jayan Narayanan
 
UI & UX Design for Startups
UI & UX Design for StartupsUI & UX Design for Startups
UI & UX Design for StartupsRichard Fang
 
UI vs UX: Comparison Between User Interface and User Experience
UI vs UX: Comparison Between User Interface and User ExperienceUI vs UX: Comparison Between User Interface and User Experience
UI vs UX: Comparison Between User Interface and User ExperienceCloud Analogy
 
What is UI/UX and the Difference
What is UI/UX and the DifferenceWhat is UI/UX and the Difference
What is UI/UX and the DifferenceVibloo
 
UX/UI Introduction
UX/UI IntroductionUX/UI Introduction
UX/UI IntroductionShrutee Aneja
 
UI UX Introductory session
UI UX Introductory sessionUI UX Introductory session
UI UX Introductory sessionSooraj P R
 
A UI and UX training presentation
A UI and UX training presentationA UI and UX training presentation
A UI and UX training presentationaayush_jain_87
 
Introduction to UI UX
Introduction to UI UXIntroduction to UI UX
Introduction to UI UXGDSCUniversitasMatan
 
Ui design
Ui designUi design
Ui designAjantha Vijayasekharan
 
UX/UI Design 101
UX/UI Design 101UX/UI Design 101
UX/UI Design 101Jasmine Phan
 
User Experience Workshop
User Experience WorkshopUser Experience Workshop
User Experience WorkshopMotivate Design
 
UX 101: A quick & dirty introduction to user experience strategy & design
UX 101: A quick & dirty introduction to user experience strategy & designUX 101: A quick & dirty introduction to user experience strategy & design
UX 101: A quick & dirty introduction to user experience strategy & designMorgan McKeagney
 
UI-UX Services | Web Designing Services
UI-UX Services | Web Designing ServicesUI-UX Services | Web Designing Services
UI-UX Services | Web Designing ServiceseLuminous Technologies Pvt. Ltd.
 
User interface and user experience ui ux design basics
User interface and user experience ui ux design basicsUser interface and user experience ui ux design basics
User interface and user experience ui ux design basicsRavi Bhadauria
 
Unit-IV; Professional Sales Representative (PSR).pptx
Unit-IV; Professional Sales Representative (PSR).pptxUnit-IV; Professional Sales Representative (PSR).pptx
Unit-IV; Professional Sales Representative (PSR).pptxVishalSingh1417
 
Basic Civil Engineering first year Notes- Chapter 4 Building.pptx
Basic Civil Engineering first year Notes- Chapter 4 Building.pptxBasic Civil Engineering first year Notes- Chapter 4 Building.pptx
Basic Civil Engineering first year Notes- Chapter 4 Building.pptxDenish Jangid
 

Mais conteúdo relacionado

Mais procurados

UX UI - Principles and Best Practices 2014-2015
UX UI - Principles and Best Practices 2014-2015UX UI - Principles and Best Practices 2014-2015
UX UI - Principles and Best Practices 2014-2015Harsh Wardhan Dave
 
UX RULES: 10 ESSENTIAL PRINCIPLES
UX RULES: 10 ESSENTIAL PRINCIPLESUX RULES: 10 ESSENTIAL PRINCIPLES
UX RULES: 10 ESSENTIAL PRINCIPLESJeremy Robinson
 
The difference between ux and ui design
The difference between ux and ui designThe difference between ux and ui design
The difference between ux and ui designShweta Joshi
 
UX Design + UI Design: Injecting a brand persona!
UX Design + UI Design: Injecting a brand persona!UX Design + UI Design: Injecting a brand persona!
UX Design + UI Design: Injecting a brand persona!Jayan Narayanan
 
UI & UX Design for Startups
UI & UX Design for StartupsUI & UX Design for Startups
UI & UX Design for StartupsRichard Fang
 
UI vs UX: Comparison Between User Interface and User Experience
UI vs UX: Comparison Between User Interface and User ExperienceUI vs UX: Comparison Between User Interface and User Experience
UI vs UX: Comparison Between User Interface and User ExperienceCloud Analogy
 
What is UI/UX and the Difference
What is UI/UX and the DifferenceWhat is UI/UX and the Difference
What is UI/UX and the DifferenceVibloo
 
UI UX Introductory session
UI UX Introductory sessionUI UX Introductory session
UI UX Introductory sessionSooraj P R
 
A UI and UX training presentation
A UI and UX training presentationA UI and UX training presentation
A UI and UX training presentationaayush_jain_87
 
User Experience Workshop
User Experience WorkshopUser Experience Workshop
User Experience WorkshopMotivate Design
 
UX 101: A quick & dirty introduction to user experience strategy & design
UX 101: A quick & dirty introduction to user experience strategy & designUX 101: A quick & dirty introduction to user experience strategy & design
UX 101: A quick & dirty introduction to user experience strategy & designMorgan McKeagney
 
User interface and user experience ui ux design basics
User interface and user experience ui ux design basicsUser interface and user experience ui ux design basics
User interface and user experience ui ux design basicsRavi Bhadauria
 

Mais procurados (20)

UX design
UX designUX design
UX design
 
UI/UX Fundamentals
UI/UX FundamentalsUI/UX Fundamentals
UI/UX Fundamentals
 
UX UI - Principles and Best Practices 2014-2015
UX UI - Principles and Best Practices 2014-2015UX UI - Principles and Best Practices 2014-2015
UX UI - Principles and Best Practices 2014-2015
 
UX RULES: 10 ESSENTIAL PRINCIPLES
UX RULES: 10 ESSENTIAL PRINCIPLESUX RULES: 10 ESSENTIAL PRINCIPLES
UX RULES: 10 ESSENTIAL PRINCIPLES
 
The difference between ux and ui design
The difference between ux and ui designThe difference between ux and ui design
The difference between ux and ui design
 
UI UX in depth
UI UX in depthUI UX in depth
UI UX in depth
 
UX Design + UI Design: Injecting a brand persona!
UX Design + UI Design: Injecting a brand persona!UX Design + UI Design: Injecting a brand persona!
UX Design + UI Design: Injecting a brand persona!
 
UI & UX Design for Startups
UI & UX Design for StartupsUI & UX Design for Startups
UI & UX Design for Startups
 
UI vs UX: Comparison Between User Interface and User Experience
UI vs UX: Comparison Between User Interface and User ExperienceUI vs UX: Comparison Between User Interface and User Experience
UI vs UX: Comparison Between User Interface and User Experience
 
What is UI/UX and the Difference
What is UI/UX and the DifferenceWhat is UI/UX and the Difference
What is UI/UX and the Difference
 
UX/UI Introduction
UX/UI IntroductionUX/UI Introduction
UX/UI Introduction
 
UI UX Introductory session
UI UX Introductory sessionUI UX Introductory session
UI UX Introductory session
 
A UI and UX training presentation
A UI and UX training presentationA UI and UX training presentation
A UI and UX training presentation
 
Introduction to UI UX
Introduction to UI UXIntroduction to UI UX
Introduction to UI UX
 
Ui design
Ui designUi design
Ui design
 
UX/UI Design 101
UX/UI Design 101UX/UI Design 101
UX/UI Design 101
 
User Experience Workshop
User Experience WorkshopUser Experience Workshop
User Experience Workshop
 
UX 101: A quick & dirty introduction to user experience strategy & design
UX 101: A quick & dirty introduction to user experience strategy & designUX 101: A quick & dirty introduction to user experience strategy & design
UX 101: A quick & dirty introduction to user experience strategy & design
 
UI-UX Services | Web Designing Services
UI-UX Services | Web Designing ServicesUI-UX Services | Web Designing Services
UI-UX Services | Web Designing Services
 
User interface and user experience ui ux design basics
User interface and user experience ui ux design basicsUser interface and user experience ui ux design basics
User interface and user experience ui ux design basics
 

Último

Unit-IV; Professional Sales Representative (PSR).pptx
Unit-IV; Professional Sales Representative (PSR).pptxUnit-IV; Professional Sales Representative (PSR).pptx
Unit-IV; Professional Sales Representative (PSR).pptxVishalSingh1417
 
Basic Civil Engineering first year Notes- Chapter 4 Building.pptx
Basic Civil Engineering first year Notes- Chapter 4 Building.pptxBasic Civil Engineering first year Notes- Chapter 4 Building.pptx
Basic Civil Engineering first year Notes- Chapter 4 Building.pptxDenish Jangid
 
ComPTIA Overview | Comptia Security+ Book SY0-701
ComPTIA Overview | Comptia Security+ Book SY0-701ComPTIA Overview | Comptia Security+ Book SY0-701
ComPTIA Overview | Comptia Security+ Book SY0-701bronxfugly43
 
ICT role in 21st century education and it's challenges.
ICT role in 21st century education and it's challenges.ICT role in 21st century education and it's challenges.
ICT role in 21st century education and it's challenges.MaryamAhmad92
 
ICT Role in 21st Century Education & its Challenges.pptx
ICT Role in 21st Century Education & its Challenges.pptxICT Role in 21st Century Education & its Challenges.pptx
ICT Role in 21st Century Education & its Challenges.pptxAreebaZafar22
 
Food safety_Challenges food safety laboratories_.pdf
Food safety_Challenges food safety laboratories_.pdfFood safety_Challenges food safety laboratories_.pdf
Food safety_Challenges food safety laboratories_.pdfSherif Taha
 
TỔNG ÔN TẬP THI VÀO LỚP 10 MÔN TIẾNG ANH NĂM HỌC 2023 - 2024 CÓ ĐÁP ÁN (NGỮ Â...
TỔNG ÔN TẬP THI VÀO LỚP 10 MÔN TIẾNG ANH NĂM HỌC 2023 - 2024 CÓ ĐÁP ÁN (NGỮ Â...TỔNG ÔN TẬP THI VÀO LỚP 10 MÔN TIẾNG ANH NĂM HỌC 2023 - 2024 CÓ ĐÁP ÁN (NGỮ Â...
TỔNG ÔN TẬP THI VÀO LỚP 10 MÔN TIẾNG ANH NĂM HỌC 2023 - 2024 CÓ ĐÁP ÁN (NGỮ Â...Nguyen Thanh Tu Collection
 
Sociology 101 Demonstration of Learning Exhibit
Sociology 101 Demonstration of Learning ExhibitSociology 101 Demonstration of Learning Exhibit
Sociology 101 Demonstration of Learning Exhibitjbellavia9
 
General Principles of Intellectual Property: Concepts of Intellectual Proper...
General Principles of Intellectual Property: Concepts of Intellectual Proper...General Principles of Intellectual Property: Concepts of Intellectual Proper...
General Principles of Intellectual Property: Concepts of Intellectual Proper...Poonam Aher Patil
 
How to Give a Domain for a Field in Odoo 17
How to Give a Domain for a Field in Odoo 17How to Give a Domain for a Field in Odoo 17
How to Give a Domain for a Field in Odoo 17Celine George
 
Explore beautiful and ugly buildings. Mathematics helps us create beautiful d...
Explore beautiful and ugly buildings. Mathematics helps us create beautiful d...Explore beautiful and ugly buildings. Mathematics helps us create beautiful d...
Explore beautiful and ugly buildings. Mathematics helps us create beautiful d...christianmathematics
 
Seal of Good Local Governance (SGLG) 2024Final.pptx
Seal of Good Local Governance (SGLG) 2024Final.pptxSeal of Good Local Governance (SGLG) 2024Final.pptx
Seal of Good Local Governance (SGLG) 2024Final.pptxnegromaestrong
 
1029 - Danh muc Sach Giao Khoa 10 . pdf
1029 - Danh muc Sach Giao Khoa 10 . pdf1029 - Danh muc Sach Giao Khoa 10 . pdf
1029 - Danh muc Sach Giao Khoa 10 . pdfQucHHunhnh
 
Accessible Digital Futures project (20/03/2024)
Accessible Digital Futures project (20/03/2024)Accessible Digital Futures project (20/03/2024)
Accessible Digital Futures project (20/03/2024)Jisc
 
Introduction to Nonprofit Accounting: The Basics
Introduction to Nonprofit Accounting: The BasicsIntroduction to Nonprofit Accounting: The Basics
Introduction to Nonprofit Accounting: The BasicsTechSoup
 
How to Manage Global Discount in Odoo 17 POS
How to Manage Global Discount in Odoo 17 POSHow to Manage Global Discount in Odoo 17 POS
How to Manage Global Discount in Odoo 17 POSCeline George
 
Grant Readiness 101 TechSoup and Remy Consulting
Grant Readiness 101 TechSoup and Remy ConsultingGrant Readiness 101 TechSoup and Remy Consulting
Grant Readiness 101 TechSoup and Remy ConsultingTechSoup
 
Mixin Classes in Odoo 17 How to Extend Models Using Mixin Classes
Mixin Classes in Odoo 17 How to Extend Models Using Mixin ClassesMixin Classes in Odoo 17 How to Extend Models Using Mixin Classes
Mixin Classes in Odoo 17 How to Extend Models Using Mixin ClassesCeline George
 

Último (20)

Unit-IV; Professional Sales Representative (PSR).pptx
Unit-IV; Professional Sales Representative (PSR).pptxUnit-IV; Professional Sales Representative (PSR).pptx
Unit-IV; Professional Sales Representative (PSR).pptx
 
Basic Civil Engineering first year Notes- Chapter 4 Building.pptx
Basic Civil Engineering first year Notes- Chapter 4 Building.pptxBasic Civil Engineering first year Notes- Chapter 4 Building.pptx
Basic Civil Engineering first year Notes- Chapter 4 Building.pptx
 
ComPTIA Overview | Comptia Security+ Book SY0-701
ComPTIA Overview | Comptia Security+ Book SY0-701ComPTIA Overview | Comptia Security+ Book SY0-701
ComPTIA Overview | Comptia Security+ Book SY0-701
 
ICT role in 21st century education and it's challenges.
ICT role in 21st century education and it's challenges.ICT role in 21st century education and it's challenges.
ICT role in 21st century education and it's challenges.
 
ICT Role in 21st Century Education & its Challenges.pptx
ICT Role in 21st Century Education & its Challenges.pptxICT Role in 21st Century Education & its Challenges.pptx
ICT Role in 21st Century Education & its Challenges.pptx
 
Spatium Project Simulation student brief
Spatium Project Simulation student briefSpatium Project Simulation student brief
Spatium Project Simulation student brief
 
Food safety_Challenges food safety laboratories_.pdf
Food safety_Challenges food safety laboratories_.pdfFood safety_Challenges food safety laboratories_.pdf
Food safety_Challenges food safety laboratories_.pdf
 
TỔNG ÔN TẬP THI VÀO LỚP 10 MÔN TIẾNG ANH NĂM HỌC 2023 - 2024 CÓ ĐÁP ÁN (NGỮ Â...
TỔNG ÔN TẬP THI VÀO LỚP 10 MÔN TIẾNG ANH NĂM HỌC 2023 - 2024 CÓ ĐÁP ÁN (NGỮ Â...TỔNG ÔN TẬP THI VÀO LỚP 10 MÔN TIẾNG ANH NĂM HỌC 2023 - 2024 CÓ ĐÁP ÁN (NGỮ Â...
TỔNG ÔN TẬP THI VÀO LỚP 10 MÔN TIẾNG ANH NĂM HỌC 2023 - 2024 CÓ ĐÁP ÁN (NGỮ Â...
 
Sociology 101 Demonstration of Learning Exhibit
Sociology 101 Demonstration of Learning ExhibitSociology 101 Demonstration of Learning Exhibit
Sociology 101 Demonstration of Learning Exhibit
 
General Principles of Intellectual Property: Concepts of Intellectual Proper...
General Principles of Intellectual Property: Concepts of Intellectual Proper...General Principles of Intellectual Property: Concepts of Intellectual Proper...
General Principles of Intellectual Property: Concepts of Intellectual Proper...
 
How to Give a Domain for a Field in Odoo 17
How to Give a Domain for a Field in Odoo 17How to Give a Domain for a Field in Odoo 17
How to Give a Domain for a Field in Odoo 17
 
Explore beautiful and ugly buildings. Mathematics helps us create beautiful d...
Explore beautiful and ugly buildings. Mathematics helps us create beautiful d...Explore beautiful and ugly buildings. Mathematics helps us create beautiful d...
Explore beautiful and ugly buildings. Mathematics helps us create beautiful d...
 
Seal of Good Local Governance (SGLG) 2024Final.pptx
Seal of Good Local Governance (SGLG) 2024Final.pptxSeal of Good Local Governance (SGLG) 2024Final.pptx
Seal of Good Local Governance (SGLG) 2024Final.pptx
 
1029 - Danh muc Sach Giao Khoa 10 . pdf
1029 - Danh muc Sach Giao Khoa 10 . pdf1029 - Danh muc Sach Giao Khoa 10 . pdf
1029 - Danh muc Sach Giao Khoa 10 . pdf
 
Accessible Digital Futures project (20/03/2024)
Accessible Digital Futures project (20/03/2024)Accessible Digital Futures project (20/03/2024)
Accessible Digital Futures project (20/03/2024)
 
Introduction to Nonprofit Accounting: The Basics
Introduction to Nonprofit Accounting: The BasicsIntroduction to Nonprofit Accounting: The Basics
Introduction to Nonprofit Accounting: The Basics
 
How to Manage Global Discount in Odoo 17 POS
How to Manage Global Discount in Odoo 17 POSHow to Manage Global Discount in Odoo 17 POS
How to Manage Global Discount in Odoo 17 POS
 
Grant Readiness 101 TechSoup and Remy Consulting
Grant Readiness 101 TechSoup and Remy ConsultingGrant Readiness 101 TechSoup and Remy Consulting
Grant Readiness 101 TechSoup and Remy Consulting
 
Mehran University Newsletter Vol-X, Issue-I, 2024
Mehran University Newsletter Vol-X, Issue-I, 2024Mehran University Newsletter Vol-X, Issue-I, 2024
Mehran University Newsletter Vol-X, Issue-I, 2024
 
Mixin Classes in Odoo 17 How to Extend Models Using Mixin Classes
Mixin Classes in Odoo 17 How to Extend Models Using Mixin ClassesMixin Classes in Odoo 17 How to Extend Models Using Mixin Classes
Mixin Classes in Odoo 17 How to Extend Models Using Mixin Classes
 

User interface design

  • 2. Lectures What is it all about? Most important for user Principles of good interface Interface design process Cheats and hints Practice Create UI design prototype
  • 3. The Interface is the way you accomplish tasks with a product; what you do and how it responds. Jef Raskin, “Interface”
  • 4. Everything we interact with has an interface
  • 5.
  • 6.
  • 7.
  • 8.
  • 9.
  • 11.
  • 12.
  • 17.
  • 18.
  • 20.
  • 21.
  • 22.
  • 23.
  • 25. Safety of user and his money
  • 26. Safety of user’s data (his work) Autosave Unlimited Undo Remember input data
  • 27. Save user’s time Previews Reopen last session Shortcuts Default settings
  • 30.
  • 32. Simplicity of basic functions
  • 33. Speed
  • 35. Modeless and predictability Caps Lock Num Lock Insert button Language switching
  • 36.
  • 37. User fails proof — everybody make mistakes lazy programmers cool
  • 38. Simplicity of interaction model Simplicity of basic functions Speed Feedback Modeless and predictability User fails proof
  • 40. Microsoft Bob Bob received the 7th place in PC World magazine's list of the 25 worst tech products of all time, a spot in Time magazine's list of the 50 Worst Inventions and number one worst product of the decade by CNET.com.
  • 43. Analyze Talk and understand task Personas Scenarios and features
  • 44. Alan Cooper, “The Inmates Are Running the Asylum”
  • 45.
  • 46.
  • 47. Concept Idea of user interface
  • 49.
  • 50.
  • 54. Grids
  • 55.
  • 56. HOME ARTICLES BROWSE ABOUT SEARCH GO TheHOMEnal home fi ARTICLES BROWSE ABOUT SEARCH GO A page design. th WELCOME TO WELCOME TO Designery is a public square for design practitioners, Designery is a public square for design practitioners, students and fans. LEARN MORE students and fans. LEARN MORE Signed in as You have 7 new messages Signed in as You have 7 new messages Wednesday, December 22, 2010 Wednesday, December 22, 2010 Khoi Vinh Log Out Khoi Vinh Log Out Typography’s Lost Logos, the Next Wave By Chuck Tatum, Editor Typography’s Lost Logos, the Next Wave By Chuck Tatum, Editor Tatum, Weekend Lorem ipsum dol Weekend Lorem ipsum dol By Sheba Shayne By Sheba Shayne or sit amet, or sit amet, consectetur consectetur adipiscing elit. Nam tristique, odio vel facilisis hendrerit, erat nisl imperdiet orci, in mol. Ad adipiscing elit. Nam tristique, odio vel facilisis hendrerit, erat nisl imperdiet orci, in mol. Ad 12 Comments 12 Comments The Bigger They Are… The Bigger They Are… By Mary Bristol, Editor By Mary Bristol, Editor Bristol, Lorem ipsum dol Lorem ipsum dol or sit amet, or sit amet, consectetur EXPLORE PROJECTS ON DESIGNERY consectetur EXPLORE PROJECTS ON DESIGNERY Lorem ipsum dolor sit amet, consectetur adipiscing elit. Lorem ipsum dolor sit amet, consectetur adipiscing elit. adipiscing elit. • Most Popular • Most Blogged adipiscing elit. • Most Popular • Most Blogged Nam tristique, odio vel facilisis hendrerit erat. Nam tristique, odio vel facilisis hendrerit erat. Nam tristique, odio • Most Recently Updated • Most Commented Nam tristique, odio • Most Recently Updated • Most Commented 17 Comments 17 Comments vel facilisis hendrerit, erat nisl • Most Discussed • Random & Interesting vel facilisis hendrerit, erat nisl • Most Discussed • Random & Interesting imperdiet orci, in mol. imperdiet orci, in mol. Will They Pay for It? 12 Comments Will They Pay for It? 12 Comments Publishers Make a Last Publishers Make a Last Stand Stand By Nick Garcos GET UPDATES VIA EMAIL By Nick Garcos GET UPDATES VIA EMAIL Lorem ipsum dolor sit amet, consectetur adipiscing elit. Youremail@address Lorem ipsum dolor sit amet, consectetur adipiscing elit. Youremail@address Youremail@address Nam tristique, odio vel facilisis hendrerit, erat nisl Trouble in Paradise Holiday Fun Nam tristique, odio vel facilisis hendrerit, erat nisl Trouble in Paradise Holiday Fun SUBSCRIBE SUBSCRIBE imperdiet orci, in mollis tortor nulla eu tortor. Ellen Lacey Gat Morgan imperdiet orci, in mollis tortor nulla eu tortor. Ellen Lacey Gat Morgan Last Updated Dec 18, 2010 Last Updated Nov 8, 2010 Last Updated Dec 18, 2010 Last Updated Nov 8, 2010 22 Comments 22 Comments TOP PEOPLE ON DESIGNERY TOP PEOPLE ON DESIGNERY Web Design Techniques of Web Design Techniques of the Damned By Mike Figlia Jerry Warriner the Damned By Mike Figlia Jerry Warriner ptg Last Updated Last Updated December 22, 2010 December 22, 2010 Lorem ipsum dolor sit amet, consec Lorem ipsum dolor sit amet, consec tetur adipiscing elit. Nam tristique, odio vel. Ut nibh tetur adipiscing elit. Nam tristique, odio vel. Ut nibh turpis, dictum ac eleifend et, consequat in velit. Aliquam Kathy Hale Chapter IX Calculated turpis, dictum ac eleifend et, consequat in velit. Aliquam Kathy Hale Chapter IX Calculated Last Updated Gus Snider Accidentalism Last Updated Gus Snider Accidentalism faucibus congue pretium. In mollis dolor eu December 22, 2010 faucibus congue pretium. In mollis dolor eu December 22, 2010 Last Updated Dec 18, 2010 Daniel O’Keefe Last Updated Dec 18, 2010 Daniel O’Keefe 54 Comments 54 Comments Last Updated Nov 8, 2010 Last Updated Nov 8, 2010 Francis Dollarhyde Francis Dollarhyde Last Updated Last Updated December 21, 2010 December 21, 2010 Hildy Johnson Hildy Johnson Last Updated Last Updated December 21, 2010 December 21, 2010 Holding on to CSS and the Listening to Holding on to CSS and the Listening to Offset Printing Man on the Your Mom Big West BBQ Hurtling Towards Offset Printing Man on the Your Mom Big West BBQ Hurtling Towards Street Dix Handley Phyllis Dietrichson Hipsterism Street Dix Handley Phyllis Dietrichson Hipsterism Last Updated Last Updated Dec 18, 2010 Walter Neff Last Updated Last Updated Dec 18, 2010 Walter Neff December 21, 2010 December 21, 2010 Last Updated Nov 8, 2010 Last Updated Nov 8, 2010 More Articles… More People… More Projects… More Articles… More People… More Projects… © 2011 by Khoi Vinh Site Map I Advertise I Contact Us I RSS I Mobile © 2011 by Khoi Vinh Site Map I Advertise I Contact Us I RSS I Mobile User agreement and privacy policyv User agreement and privacy policyv Khoi Vinh. “Ordering Disorder. Grid Principles for Web Design”
  • 60.
  • 61.
  • 62.
  • 64. — users don’t care about code
  • 66. Books
  • 67.
  • 68.
  • 69.
  • 70. Fin