For a given data model and business logic (which processes /extracts that data), how do you specify a UI to display / interact with that data in a way that a developer can create it from.
A trivial example: would be that that a forename, surname and sex are stored in a database along with signUpDate. The business logic exposes a fullName property (made up from forename + " " + surname).
The UI requirement is that the UI should display a fullName label, and an man / woman icon depending upon the value in sex. When you mouse-over the label, it should show the signUpDate value.
How would you specify this such that
- the customer can understand what is being displayed, user will interact with the ui (eg the mouseover)?
- the developer can understand where the data is coming from and that it changes dynamically depending upon the data?
Currently we're using a combination of Balsamiq, ER diagrams, Sequence diagrams, data model diagrams and words to describe complex layouts / data mapping / interactions.
Edit: Specifically in terms of RIA's rather than html based websites (think Silverlight / Flash / GWT)