On designing User Interfaces Rajesh Lal Senior UI/UX Engineer
Agenda <ul><li>What is User Interface Design </li></ul><ul><li>Interface Design Fundamentals </li></ul><ul><li>Standard De...
User   Interface Design <ul><ul><ul><li>interact </li></ul></ul></ul><ul><ul><li>Definition : </li></ul></ul><ul><li>Proce...
Interface Design Fundamentals <ul><ul><li>Identify the users </li></ul></ul><ul><ul><li>Ask the users </li></ul></ul><ul><...
Identify Your User <ul><ul><li>Who are the Users ? </li></ul></ul><ul><ul><li>How much computer experience do they have? <...
<ul><li>Ask the User </li></ul><ul><ul><li>Only the users know what they need and what </li></ul></ul><ul><ul><li>they wan...
Design For the User <ul><li>Provide an intuitive interface </li></ul><ul><ul><li>Provide easiest interaction possible </li...
Standard Design Principles <ul><li>80/20 Rule </li></ul><ul><li>Simplicity </li></ul><ul><li>Accessibility </li></ul><ul><...
Standard Design Principles User Interface Design  <ul><li>Find the Top 20 % </li></ul><ul><li>Show that First  </li></ul><...
Windows Technologies for UI development <ul><ul><li>Windows Presentation Foundation </li></ul></ul><ul><ul><li>Windows For...
User Interface development Technologies
www.abcofdesign.com contact:  [email_address]
Upcoming SlideShare
Loading in...5
×

User Interface Design @iRajLal

14,317

Published on

Designing Great User Interfaces - Rajesh Lal

Published in: Technology
2 Comments
30 Likes
Statistics
Notes
No Downloads
Views
Total Views
14,317
On Slideshare
0
From Embeds
0
Number of Embeds
10
Actions
Shares
0
Downloads
598
Comments
2
Likes
30
Embeds 0
No embeds

No notes for slide
  • User Interface Design @iRajLal

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

      Clipping is a handy way to collect important slides you want to go back to later.

    ×