In one of our last projects, we built a platform independent desktop client completely based HTML5 for the UI. HTML 5 provides a powerful way to build UI. Coupled with JQuery and H-UBU, we have developed a pretty exciting UI. One of the issues faced during this development was the management of the user interactions:
- How to report info or error to the user without breaking the interaction flow using the jquery-toastmessage-plugin
- How to explain to the user, he has to wait a couple of seconds while hard work is done in the background without too much frustration using the jquery-waitingpopup-plugin
[This is the english translation of the german article Wireframe-Tools]
Motivation: Reaching UI agility
One of the main goals of agile development is to improve the reaction to changes. Changing UI is expensive in term of time and resources. Indeed, UI changes do not only impact the UI layer, but may also require not planned features and architectural changes. To avoid too late changes, we propose, to our customers, prototypes of applications, tangible regarding interactions and UI design. Those prototypes are developed early in the development process, and so open discussion about the final UI.