Skip to main content

An Integrated Environment to Design and Evaluate Web Interfaces

  • Chapter
  • First Online:
Information Technology and Innovation Trends in Organizations
  • 1790 Accesses

Abstract

The advantage of many web publishing tools is the flexibility for the user to arrange the available widgets and modules. Nevertheless, the freedom to insert and arrange components in the creation of web pages sometimes leads the designer to make usability and/or accessibility mistakes that emerge only after the interface has been built and subjected to automatic, semi-automatic or manual evaluation processes. Several systems include features to perform accessibility controls of the web sites implemented, analyzing syntactic properties rather that provide guidelines to control the usability metrics. In this work, we propose a methodology to develop web interfaces that integrates the advantages of a top–down approach to implement HTML pages with functionalities to perform usability controls analyzing an abstraction level of formal specification based upon Symbol-Relation Action grammars (SR-Action grammars, for short) (Cassino and Tucci, Information Systems: People, Organizations, Institutions, and Technologies, 2009). In particular, the visual models adopted to develop both the static characteristics and the interactive tasks of the web application, makes more intuitive the design and the development. Again, a SR-Action grammar defining the scenes of the implemented site is used to control a subset of the Nielsen heuristics at abstraction level: completeness, correctness, aesthetic and minimalist design, user control, consistency, and metrics desirable in an interactive visual interface. The analysis at formal level and the report of the usability controls allow the designer to run feedback reviews of the visual environment under consideration and to perform usability evaluation before of the canonical testing techniques. Then, we describe an implementation prototype of the development environment born of the integration of two systems previously realized: TAGIVE (Cassino et al., WSEAS Trans Inform Sci Appl J, 2006) and VALUTA (Cassino and Tucci, Information Systems: People, Organizations, Institutions, and Technologies, 2009).

This is a preview of subscription content, log in via an institution to check access.

Access this chapter

Chapter
USD 29.95
Price excludes VAT (USA)
  • Available as PDF
  • Read on any device
  • Instant download
  • Own it forever
eBook
USD 129.00
Price excludes VAT (USA)
  • Available as EPUB and PDF
  • Read on any device
  • Instant download
  • Own it forever
Softcover Book
USD 169.99
Price excludes VAT (USA)
  • Compact, lightweight edition
  • Dispatched in 3 to 5 business days
  • Free shipping worldwide - see info
Hardcover Book
USD 169.99
Price excludes VAT (USA)
  • Durable hardcover edition
  • Dispatched in 3 to 5 business days
  • Free shipping worldwide - see info

Tax calculation will be finalised at checkout

Purchases are for personal use only

Institutional subscriptions

References

  1. “Laboratorio di accessibilità e usabilità”, http://lau.csi.it/risorse/strumenti.shtml

  2. “OverZone Software - CSS Tab CSS Tab Designer” http://www.highdots.com/

  3. “FIRDAMATIC – The Design Tool for the Uninspired Webloggers”, http://wannabegirl.org/firdamatic/

  4. “HTML and CSS Table Border Style Wizard”, http://www.somacon.com/p141.php

  5. “Doctor HTML”, http://www.fixingyourwebsite.com/drhtml.html /

  6. “WDG HTML Validator”, http://www.htmlhelp.com/tools/validator/

  7. “Web Tools for Quality, Accessibility, Standards Compliance”, http://valet.webthing.com/

  8. “WebXACT”, http://webxact.watchfire.com/

  9. “Torquemada”, http://webaccessibile.org/validatori/torquemada/

  10. “WAVE- Web accessibility evaluation tool”, http://wave.webaim.org/

  11. “Web Accessibility Verifier”, http://www.aprompt.ca/

  12. R. Cassino, M.Tucci: “Checking the consistency, completeness and usability of interactive visual applications by means of SR-Action Grammars”, Springer book - Information Systems: People, Organizations, Institutions, and Technologies (A. D'Atri and D. Saccà Eds., ISBN: 978-3-7908-2147-5) - April 2009.

    Google Scholar 

  13. Cassino, R, Tortora, G, Tucci, M. and Vitiello G. (2006): A Methodology for Computer Supported Development of Interactive Visual Applications - WSEAS Transactions On Information Science and Applications Journal.

    Google Scholar 

  14. “Nvu 1.0”, http://www.nvu.com/

  15. “FrontPage 2003”, http://office.microsoft.com/en-us/frontpage

  16. “ADOBE DREAMWEAVER CS5”, http://www.adobe.com/products/dreamweaver/

  17. “W3C – Markup Validation Services”, http://validator.w3.org/

Download references

Author information

Authors and Affiliations

Authors

Corresponding author

Correspondence to R. Cassino .

Editor information

Editors and Affiliations

Rights and permissions

Reprints and permissions

Copyright information

© 2011 Springer-Verlag Berlin Heidelberg

About this chapter

Cite this chapter

Cassino, R., Tucci, M. (2011). An Integrated Environment to Design and Evaluate Web Interfaces. In: D'Atri, A., Ferrara, M., George, J., Spagnoletti, P. (eds) Information Technology and Innovation Trends in Organizations. Physica-Verlag HD. https://doi.org/10.1007/978-3-7908-2632-6_28

Download citation

Publish with us

Policies and ethics