Diese Präsentation wurde erfolgreich gemeldet.
Wir verwenden Ihre LinkedIn Profilangaben und Informationen zu Ihren Aktivitäten, um Anzeigen zu personalisieren und Ihnen relevantere Inhalte anzuzeigen. Sie können Ihre Anzeigeneinstellungen jederzeit ändern.
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]
Nächste SlideShare
Wird geladen in …5
×

User Interface Design @iRajLal

17.489 Aufrufe

Veröffentlicht am

Designing Great User Interfaces - Rajesh Lal

Veröffentlicht in: Technologie

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]

×