Your SlideShare is downloading. ×
0
Ajax Usability for AjaxWorld
Ajax Usability for AjaxWorld
Ajax Usability for AjaxWorld
Ajax Usability for AjaxWorld
Ajax Usability for AjaxWorld
Ajax Usability for AjaxWorld
Ajax Usability for AjaxWorld
Ajax Usability for AjaxWorld
Ajax Usability for AjaxWorld
Ajax Usability for AjaxWorld
Ajax Usability for AjaxWorld
Ajax Usability for AjaxWorld
Ajax Usability for AjaxWorld
Ajax Usability for AjaxWorld
Ajax Usability for AjaxWorld
Ajax Usability for AjaxWorld
Ajax Usability for AjaxWorld
Ajax Usability for AjaxWorld
Ajax Usability for AjaxWorld
Ajax Usability for AjaxWorld
Ajax Usability for AjaxWorld
Ajax Usability for AjaxWorld
Ajax Usability for AjaxWorld
Ajax Usability for AjaxWorld
Ajax Usability for AjaxWorld
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

Ajax Usability for AjaxWorld

3,157

Published on

A presentation on best practices for building usable web applications using Ajax.

A presentation on best practices for building usable web applications using Ajax.

Published in: Business
1 Comment
7 Likes
Statistics
Notes
  • Hey Andre,

    Is this for your talk at Ajax world? Are you using full screen mode it to give the presentation. Just curious.

    And good to see you on Slideshare!
       Reply 
    Are you sure you want to  Yes  No
    Your message goes here
No Downloads
Views
Total Views
3,157
On Slideshare
0
From Embeds
0
Number of Embeds
1
Actions
Shares
0
Downloads
1
Comments
1
Likes
7
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. Ajax Usability eBusiness Applications
    • 2. Who am I?
      • Andre Charland
      • Nitobi -Founder, President
      • Authors of Enterprise AJAX for Prentice Hall
      • AJAX Experts
      • 10 Employees
      • Founded in Vancouver, 1998
      • 100s of AJAX Customers
    • 3. Our Customers
    • 4. The Problem with Web Apps:
    • 5. Designing RIA
      • Goals
      • Patterns
      • Ajax light vs Ajax deluxe
      • Risk management
        • Check list
    • 6. Goals
      • Improving user experience
      • Increasing usability
      • Helping users kick ass
      • Making people more productive
    • 7. RIA Usability
      • ..its about User Capabilities
      • ..its about User Expectations
    • 8. Capabilities – Keyboard Accessibility
      • Minimize swapping between input devices
      • Keyboard Accessibility for everybody
      • Conform to accepted standards
        • MS Windows UE Guidelines ( http:// msdn.microsoft.com/library/default.asp?url =/library/en-us/dnwue/html/ch08c.asp )
      • Test with MS Object Inspector
    • 9. Expectations - Trainability
      • Does the site conform to expectations, or is training required?
      • Diverse User base
      • Relationship with Users
      • Search time = Perceived performance
    • 10. Expectations – Back button
      • Ajax ‘breaks’ the back button
      • Is this relevant?
      • Build a state record
    • 11. Expectations – Attention Span
      • Download times
      • Search times
      • Switching Costs high or low?
      • Set QoS benchmarks
    • 12. Expectations – Page Weight (or Wait)
      • Total initial mass of the site
        • Should tie to max allowable download times
      • Broadband vs. Dial-up
      • How important is it? – the facts.
        • Task complexity
        • Jitter (variability of latency)
        • Wait time
    • 13. Expectations – Page Weight
      • Leverage Cacheing
      • Wait indicators for wait times > 4 seconds
      • Favor Usability over Page Weight
      • Optimize JavaScript
    • 14. Patterns
      • People facing similar problems will find similar solutions
      • These are patterns
      • Don’t re-invent the wheel
    • 15. Expectations – UI Patterns
      • Conform to standard UI patterns
      • Make use of available resources
      • Assume that users understand these
      • When necessary, adopt similar patterns
      • Breaking the back button
    • 16. Example Patterns
      • Inline editing
      • Keyboard navigation
      • Transitions / yellow fade
      • Activity indicators
    • 17. Keyboard Navigation
      • http://nitobi.com/products/grid/demos/editors/index.html
      • http://www.nitobi.com/products/grid/demos
      Inline Editing
      • http://nitobi.com/products/grid/demos/LiveScrolling/index.html
    • 18. Affordances and Hints
      • http://developer.yahoo.com/ypatterns/pattern.php?pattern=dropinvitation#
      • http://developer.yahoo.com/ypatterns/pattern.php?pattern=hoverinvitation#
    • 19. Activity Indicators
      • http://www.deltapoll.com/include/poll/compact/?pollid=32
    • 20. Pattern Resources
      • User Interface Patterns
        • Yahoo Pattern Library
        • AjaxPatterns.org
    • 21. Tools
      • Tools and techniques for rapid prototyping
        • Whiteboard
        • Storyboard
        • Wire frames
        • Visio
        • Power Point
        • Photoshop
        • Flash/Flex
    • 22.  
    • 23.
      • http://www.boxesandarrows.com/view/storyboarding_rich_internet_applications_with_visio
    • 24. Example ROI Calculation
      • Assumptions:
        • Hosted web app, high speed or LAN
        • Hourly Labor Rate: $20
        • Seconds Saved per Transaction: 36 Seconds
        • Number of Transactions per year: 50,000
      • Savings:
        • $10,000
        • 500 Person Hours
        • http://ajaxinfo.com/default~viewart~18.htm
      Hourly Labor Rate X Time Saved per Transaction X Number of Transactions per year
    • 25. RIA Dev Team
      • Project Manager
      • Designer
      • UX/Usability/UI
      • Front End Developer
      • Back End Developer / Integrator
      • Testing / QA

    ×