SlideShare a Scribd company logo
On designing User Interfaces Rajesh Lal Senior UI/UX Engineer
Agenda What is User Interface Design Interface Design Fundamentals Standard Design Principles Windows Technologies for UI development
User   Interface Design interact Definition : Process of designing the  interaction  between a  User  & a  Product
Interface Design Fundamentals Identify the users Ask the users Design for the user
Identify Your User Who are the Users ? How much computer experience do they have? How do they perform their jobs now? What other software they will be using? What specific knowledge they have? What is their existing software & hardware Operating System Drivers Screen resolutions Monitors
Ask the User Only the users know what they need and what they want and  The only way to find out what the users need  and want is to ask the users and  design  accordingly.
Design For the User Provide an intuitive interface Provide easiest interaction possible Help the users complete their tasks
Standard Design Principles 80/20 Rule Simplicity Accessibility Consistency Feedback Forgiveness
Standard Design Principles User Interface Design  Find the Top 20 % Show that First  similar layout, terminology interaction, and navigation Maximum number of users Keyboards accessibility Multiple Visual Cues Redundancy Don’t let user make mistakes Enable buttons when required Disable Transaction button when clicked once Immediate Feedback  Update user with current status More important if you are  working in the background Keep It Simple Keep it Clear Avoid user’s distraction Proper tradeoff between functionality and simplicity
Windows Technologies for UI development Windows Presentation Foundation Windows Forms Rich Internet Application (RIA) Adobe Flash /AIR Silverlight  JavaFX AJAX Server Pages  ASP.NET  PHP CGI HTML
User Interface development Technologies
www.abcofdesign.com contact:  [email_address]

More Related Content

PPT
Ui Design And Usability For Everybody
PPT
Graphical user interface of web form
PPT
User interface design for the Web Engineering Psychology
PPT
User Interface Design in Software Engineering SE15
PPT
Multimedia user interface principles
PDF
Jeff Johnson: Psych 101: The Psychological Basis for UI Design Rules
PPTX
User interfaces presentation
PPT
User Interface Design Chapter 2 Galiz
Ui Design And Usability For Everybody
Graphical user interface of web form
User interface design for the Web Engineering Psychology
User Interface Design in Software Engineering SE15
Multimedia user interface principles
Jeff Johnson: Psych 101: The Psychological Basis for UI Design Rules
User interfaces presentation
User Interface Design Chapter 2 Galiz

What's hot (20)

PPTX
Different Web Architectures. UI VS UX and future improvements.
PPTX
Accessibility and ucd
PPTX
Graphical User Interface
PDF
What is User Centered Design?
PPT
Usability principles 1
PDF
Design Simple but Powerful application
PDF
Usability basics
PPTX
Graphical user-interface
PPTX
User interface design
PPT
HCI 3e - Ch 5: Interaction design basics
PPTX
Types of User interface
PPTX
PlayNetwork: UX Design Process and Artifacts
PDF
Human computer interaction-web interface design and mobile eco system
PPTX
6 mobile user interface design bb
PPTX
Usability engineering
PPTX
Multi Platform User Exerience
PPT
Joel Baskin UX Design and Artifacts
PPT
What Is Interaction Design
PPTX
Global Conductor Explained
PDF
Basic Principles of Interface design
Different Web Architectures. UI VS UX and future improvements.
Accessibility and ucd
Graphical User Interface
What is User Centered Design?
Usability principles 1
Design Simple but Powerful application
Usability basics
Graphical user-interface
User interface design
HCI 3e - Ch 5: Interaction design basics
Types of User interface
PlayNetwork: UX Design Process and Artifacts
Human computer interaction-web interface design and mobile eco system
6 mobile user interface design bb
Usability engineering
Multi Platform User Exerience
Joel Baskin UX Design and Artifacts
What Is Interaction Design
Global Conductor Explained
Basic Principles of Interface design
Ad

Viewers also liked (20)

PPT
USER INTERFACE DESIGN PPT
PPTX
User interface design: definitions, processes and principles
PPT
User Interface Design
PDF
Fundamentals of User Interface Design
PDF
Principles of User Interface Design
PDF
Lecture 7 Software Engineering and Design User Interface Design
PDF
Evolution of User Interface - Digital Web & Design Innovation Summit SFO 20 S...
PPTX
Mobile UI Design – User Centered Design and UI Best Practices
 
PDF
Simple Steps to UX/UI Web Design
PPTX
Automotive User Interface Design: Innovative UI design in a slow moving indus...
PPT
Interaction Design History
PPTX
Graphical User Interface (Gui)
PPTX
How to Teach UX Design
PDF
How UX Design Has Changed The World
PPTX
Advance ui development and design
PDF
Design and Evaluation of an User Interface for an Interaction Supported Video...
PPTX
Evaluation of interface
KEY
User Interface Evaluation from the ROLE user interface meetings.
PDF
Object Oriented Process basics
PPTX
I p-o in different data processing systems
USER INTERFACE DESIGN PPT
User interface design: definitions, processes and principles
User Interface Design
Fundamentals of User Interface Design
Principles of User Interface Design
Lecture 7 Software Engineering and Design User Interface Design
Evolution of User Interface - Digital Web & Design Innovation Summit SFO 20 S...
Mobile UI Design – User Centered Design and UI Best Practices
 
Simple Steps to UX/UI Web Design
Automotive User Interface Design: Innovative UI design in a slow moving indus...
Interaction Design History
Graphical User Interface (Gui)
How to Teach UX Design
How UX Design Has Changed The World
Advance ui development and design
Design and Evaluation of an User Interface for an Interaction Supported Video...
Evaluation of interface
User Interface Evaluation from the ROLE user interface meetings.
Object Oriented Process basics
I p-o in different data processing systems
Ad

Similar to User Interface Design @iRajLal (20)

PDF
User eXperience & Front End Development
PPT
User Interface Design For Programmers
PPT
Importance of User eXperience
PPTX
UI/UX Design
PPTX
user interface design software engineering
PPT
Ch11
PDF
Why Does a UI Matters?
PPTX
Ux design-fundamentals
ODP
Eliminating the Odd
PPTX
UI guidelines
PPTX
UI_UX_Design.pptx
PPT
Introduction To Usability
PPTX
UI & UX Engineering
PPTX
The Science behind Good UIs and UXs
PPTX
You Don't Know C.R.A.P. about UX/UI
PPT
SD&C chapter software engineeringLec 5A.ppt
PPTX
User Interface Analysis and Design
PPT
Slides chapter 12
PPT
UX Design: A Concept and Evolution
PPTX
Software engineering
User eXperience & Front End Development
User Interface Design For Programmers
Importance of User eXperience
UI/UX Design
user interface design software engineering
Ch11
Why Does a UI Matters?
Ux design-fundamentals
Eliminating the Odd
UI guidelines
UI_UX_Design.pptx
Introduction To Usability
UI & UX Engineering
The Science behind Good UIs and UXs
You Don't Know C.R.A.P. about UX/UI
SD&C chapter software engineeringLec 5A.ppt
User Interface Analysis and Design
Slides chapter 12
UX Design: A Concept and Evolution
Software engineering

More from Raj Lal (20)

PDF
Executive Presence Workshop - Gina Grahame
PDF
Creativity, AI, and Human-Centered Innovation
PDF
TEAMCAL AI - PITCH DECK Voice and AI.pdf
PDF
Teamcalendar.AI presskit 1.0
PPTX
UX Workshop: How to design a product with great user experience
PDF
Workshop Stanford University - 28th July 2018 on Website Optimization
PDF
The art and science of website optimization
PPTX
UX Workshop - Talent 2 Talent Conference, Ryerson University, Toronto Canada,...
PDF
Why Toastmasters - The story of a fisherman
PDF
Build Amazing Camera Apps for Superphones - Silicon Valley Code Camp, 6 Oct, ...
PPS
Designing Killer Apps for Mobile Devices ModevUX May 9 2013 mclean VA - @iRajLal
PPT
Html5 Whats around the bend
PPTX
Accessible design with html5 JS Everywhere 2012 Oct 26 Fairmont Hotel San Jos...
PPTX
Accessibility on Windows Phone - Windows Phone Meetup at Nokia - 16 October @...
PPTX
Accessible design - HOW Interactive Design Conference Washington DC SEPT 27-2...
PPSX
Accessible Design with HTML5 - HTML5DevConf.com May 21st San Francisco, 2012 ...
PPT
Developing Apps for Nokia Windows Phone VSLiv Conference May 15, 2012 @iRajLal
PPT
Upgrade Your Website to HTML5 - VSLive Conference New York @iRajLal
PDF
Fun with silverlight4 Table of Content @iRajLal
PDF
Honeycomb User Interface Design @iRajLal
Executive Presence Workshop - Gina Grahame
Creativity, AI, and Human-Centered Innovation
TEAMCAL AI - PITCH DECK Voice and AI.pdf
Teamcalendar.AI presskit 1.0
UX Workshop: How to design a product with great user experience
Workshop Stanford University - 28th July 2018 on Website Optimization
The art and science of website optimization
UX Workshop - Talent 2 Talent Conference, Ryerson University, Toronto Canada,...
Why Toastmasters - The story of a fisherman
Build Amazing Camera Apps for Superphones - Silicon Valley Code Camp, 6 Oct, ...
Designing Killer Apps for Mobile Devices ModevUX May 9 2013 mclean VA - @iRajLal
Html5 Whats around the bend
Accessible design with html5 JS Everywhere 2012 Oct 26 Fairmont Hotel San Jos...
Accessibility on Windows Phone - Windows Phone Meetup at Nokia - 16 October @...
Accessible design - HOW Interactive Design Conference Washington DC SEPT 27-2...
Accessible Design with HTML5 - HTML5DevConf.com May 21st San Francisco, 2012 ...
Developing Apps for Nokia Windows Phone VSLiv Conference May 15, 2012 @iRajLal
Upgrade Your Website to HTML5 - VSLive Conference New York @iRajLal
Fun with silverlight4 Table of Content @iRajLal
Honeycomb User Interface Design @iRajLal

Recently uploaded (20)

PDF
Modernizing your data center with Dell and AMD
PDF
CIFDAQ's Teaching Thursday: Moving Averages Made Simple
PDF
Sensors and Actuators in IoT Systems using pdf
PDF
Shreyas Phanse Resume: Experienced Backend Engineer | Java • Spring Boot • Ka...
PDF
NewMind AI Weekly Chronicles - August'25 Week I
PDF
Transforming Manufacturing operations through Intelligent Integrations
PDF
GDG Cloud Iasi [PUBLIC] Florian Blaga - Unveiling the Evolution of Cybersecur...
PDF
KodekX | Application Modernization Development
PDF
Newfamily of error-correcting codes based on genetic algorithms
PDF
CIFDAQ's Market Wrap: Ethereum Leads, Bitcoin Lags, Institutions Shift
PDF
madgavkar20181017ppt McKinsey Presentation.pdf
PDF
DevOps & Developer Experience Summer BBQ
PPTX
Understanding_Digital_Forensics_Presentation.pptx
PDF
solutions_manual_-_materials___processing_in_manufacturing__demargo_.pdf
PPTX
20250228 LYD VKU AI Blended-Learning.pptx
PDF
Smarter Business Operations Powered by IoT Remote Monitoring
PDF
How UI/UX Design Impacts User Retention in Mobile Apps.pdf
PDF
HCSP-Presales-Campus Network Planning and Design V1.0 Training Material-Witho...
PPTX
Detection-First SIEM: Rule Types, Dashboards, and Threat-Informed Strategy
PDF
Review of recent advances in non-invasive hemoglobin estimation
Modernizing your data center with Dell and AMD
CIFDAQ's Teaching Thursday: Moving Averages Made Simple
Sensors and Actuators in IoT Systems using pdf
Shreyas Phanse Resume: Experienced Backend Engineer | Java • Spring Boot • Ka...
NewMind AI Weekly Chronicles - August'25 Week I
Transforming Manufacturing operations through Intelligent Integrations
GDG Cloud Iasi [PUBLIC] Florian Blaga - Unveiling the Evolution of Cybersecur...
KodekX | Application Modernization Development
Newfamily of error-correcting codes based on genetic algorithms
CIFDAQ's Market Wrap: Ethereum Leads, Bitcoin Lags, Institutions Shift
madgavkar20181017ppt McKinsey Presentation.pdf
DevOps & Developer Experience Summer BBQ
Understanding_Digital_Forensics_Presentation.pptx
solutions_manual_-_materials___processing_in_manufacturing__demargo_.pdf
20250228 LYD VKU AI Blended-Learning.pptx
Smarter Business Operations Powered by IoT Remote Monitoring
How UI/UX Design Impacts User Retention in Mobile Apps.pdf
HCSP-Presales-Campus Network Planning and Design V1.0 Training Material-Witho...
Detection-First SIEM: Rule Types, Dashboards, and Threat-Informed Strategy
Review of recent advances in non-invasive hemoglobin estimation

User Interface Design @iRajLal

  • 1. On designing User Interfaces Rajesh Lal Senior UI/UX Engineer
  • 2. Agenda What is User Interface Design Interface Design Fundamentals Standard Design Principles Windows Technologies for UI development
  • 3. User Interface Design interact Definition : Process of designing the interaction between a User & a Product
  • 4. Interface Design Fundamentals Identify the users Ask the users Design for the user
  • 5. Identify Your User Who are the Users ? How much computer experience do they have? How do they perform their jobs now? What other software they will be using? What specific knowledge they have? What is their existing software & hardware Operating System Drivers Screen resolutions Monitors
  • 6. Ask the User Only the users know what they need and what they want and The only way to find out what the users need and want is to ask the users and design accordingly.
  • 7. Design For the User Provide an intuitive interface Provide easiest interaction possible Help the users complete their tasks
  • 8. Standard Design Principles 80/20 Rule Simplicity Accessibility Consistency Feedback Forgiveness
  • 9. Standard Design Principles User Interface Design Find the Top 20 % Show that First similar layout, terminology interaction, and navigation Maximum number of users Keyboards accessibility Multiple Visual Cues Redundancy Don’t let user make mistakes Enable buttons when required Disable Transaction button when clicked once Immediate Feedback Update user with current status More important if you are working in the background Keep It Simple Keep it Clear Avoid user’s distraction Proper tradeoff between functionality and simplicity
  • 10. Windows Technologies for UI development Windows Presentation Foundation Windows Forms Rich Internet Application (RIA) Adobe Flash /AIR Silverlight JavaFX AJAX Server Pages ASP.NET PHP CGI HTML
  • 12. www.abcofdesign.com contact: [email_address]