1 / 15

User Interface Specification in Complex Web-based Information Spaces

User Interface Specification in Complex Web-based Information Spaces. Thomas Memmel 1 , Heiko Ziegler 2 , Richard Oed 2 , Harald Reiterer 1. INSPECTOR: Method and Tool for Visual UI Specification. Thomas Memmel 1 , Harald Reiterer 1.

dandre
Download Presentation

User Interface Specification in Complex Web-based Information Spaces

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. User Interface Specification in Complex Web-based Information Spaces Thomas Memmel1, Heiko Ziegler2, Richard Oed2, Harald Reiterer1 INSPECTOR: Method and Tool for Visual UI Specification Thomas Memmel1, Harald Reiterer1 1Human-Computer Interaction Lab, University of Konstanz, Germany 2Daimler AG, Group Research & Advanced Engineering GR/ESP, Ulm, Germany

  2. How do we build interactive systems with high UI quality and usability in complex organizations? Usability-drivenquestion: Bridge thegaps Usability Expert: - Mustbridgethedisciplines - Needs toextendhisexpertise

  3. Responsibility Assignment in Corporate Projects

  4. Corporate UI Development Process • Current Situation • Media disruptions • Text-basedartifacts • Document-basedrequirementsmanagement • Difficulttotranslateinto UI • Intransparent • Ambiguous Client Client IT Supplier IT Supplier • Required Change • Usability strategicfactor • UE must not beoutsourced • Early prototyping • Rapid feedback • Corporate Design • Specification incl. Design

  5. Solution A: Model-Driven UI Specification

  6. MAXpro (Daimler AG) • XML-based UI Prototyping & Specification tool • Motivation: • function as a vehicle for discussions • easy generation of alternate UI design solutions • different versions of the UI generated easy and quickly • early externalization of design vision (client) • up-front usability evaluation (client) • prevents costly late-cycle changes and helps to • become less dependent on a supplier

  7. MAXpro: Video

  8. MAXpro: Lessons Learned • Formalization vs. Chance for Innovation • Rather inappropriate to propel creative processes • Actors cannot take part in participatory design without knowing the terminology • Applied no sooner than after the requirements analysis • Office stays the dominant tool in earlier phases • User and task modelling misses • Design rationale not incorporated, but dispersed in different media

  9. Solution B: Model-Based UI Specification

  10. Interactive UI Specification Explained

  11. A common denominator in UI Modelling Level of abstraction: Text to UI design Define a common denominator for interdisciplinary UI modelling (Bridge the gaps) Mayhew, Rosson & Caroll, Constantine Constantine, Ambler, Beck Holt, Ambler New Research

  12. Interaction Model Task Model Vanderdonckt: CAMELEON Reference Framework User Model

  13. INSPECTOR: Video

  14. Summary & Conclusion Model-driven and model-based approach for UI specification New research towards a common denominator for UI-related modelling Idea of interactive UI specifications First empirical studies prove: the idea to interconnect a thoughtful selection models with different levels of UI design very much contributes to UI specification processes in client organizations

  15. Thank you very much Please do not hesitate to ask questions

More Related