Successfully reported this slideshow.
We use your LinkedIn profile and activity data to personalize ads and to show you more relevant ads. You can change your ad preferences anytime.

User Interface Design @iRajLal

17,745 views

Published on

Designing Great User Interfaces - Rajesh Lal

Published in: Technology

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]

×