Your SlideShare is downloading. ×
0
User Interface Design @iRajLal
User Interface Design @iRajLal
User Interface Design @iRajLal
User Interface Design @iRajLal
User Interface Design @iRajLal
User Interface Design @iRajLal
User Interface Design @iRajLal
User Interface Design @iRajLal
User Interface Design @iRajLal
User Interface Design @iRajLal
User Interface Design @iRajLal
User Interface Design @iRajLal
Upcoming SlideShare
Loading in...5
×

Thanks for flagging this SlideShare!

Oops! An error has occurred.

×
Saving this for later? Get the SlideShare app to save on your phone or tablet. Read anywhere, anytime – even offline.
Text the download link to your phone
Standard text messaging rates apply

User Interface Design @iRajLal

14,100

Published on

Designing Great User Interfaces - Rajesh Lal

Designing Great User Interfaces - Rajesh Lal

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

Report content
Flagged as inappropriate Flag as inappropriate
Flag as inappropriate

Select your reason for flagging this presentation as inappropriate.

Cancel
No notes for slide
  • Transcript

    • 1. On designing User Interfaces Rajesh Lal Senior UI/UX Engineer
    • 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. 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 &amp; a Product </li></ul>
    • 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. 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 &amp; 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. <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. 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. 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. 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. 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. User Interface development Technologies
    • 12. www.abcofdesign.com contact: [email_address]

    ×