1 / 17

Forms and Applications

Forms and Applications. Web Design Professor Frank. Interactive Technologies. Dynamic interactions Prompt feedback Feedback in context. Interactive Transactions. Technologies. Add-on technologies – Flash, JavaScript Not as widely supported as HTML. Ajax.

ofira
Download Presentation

Forms and Applications

An Image/Link below is provided (as is) to download presentation Download Policy: Content on the Website is provided to you AS IS for your information and personal use and may not be sold / licensed / shared on other websites without getting consent from its author. Content is provided to you AS IS for your information and personal use only. Download presentation by click this link. While downloading, if for some reason you are not able to download a presentation, the publisher may have deleted the file from their server. During download, if you can't get a presentation, the file might be deleted by the publisher.

E N D

Presentation Transcript

  1. Forms and Applications Web Design Professor Frank

  2. Interactive Technologies • Dynamic interactions • Prompt feedback • Feedback in context

  3. Interactive Transactions

  4. Technologies • Add-on technologies – Flash, JavaScript • Not as widely supported as HTML

  5. Ajax • Ajax = Asynchronous JavaScript and xml • Relies on JavaScript • Content is hidden from search engines

  6. Ajax and Accessibility • Screen readers can’t always “read” dynamic content • Keyboard users might not recognize interface widgets • PDAs/cell phones – Not enough horsepower to run technologies

  7. New Accessibility Standards? • ARIA – Accessible Rich Internet Applications • Accessible Flash – in future

  8. Designing Web Applications • Restraint • Simplicity

  9. Design Patterns • Recognizable patterns for interaction (ie drop-down menus) • Proven effective • Widely adopted

  10. Design Patterns

  11. Menus • Collect data in standard format • Select/drop-down • Radio buttons • Checkboxes

  12. Input Fields/Text Areas • Good for open-ended responses

  13. Guiding Interaction • Walk users through fields using instructions, labels, prompts, and design patterns, explaining what is expected and how the page works

  14. Field Labels • Explain information being requested • <label for> tag associates a label with its element using the “id” attribute

  15. Help and Instructions

  16. Default Text

  17. Provide Users Feedback

More Related