Monday, 2 January 2012

eRaUI User Scenarios

In designing, testing and developing eRaUI it is essential to consider certain use-case scenarios for interaction with eRaUI. There are two broad categories of scenario; that of website-visitor interaction and that of website-administrator interaction. The following screenshots encapsulate certain aspects of possible use-case scenarios for eRaUI.

First scenario - a user requires information from the NaCTeM website upon which we have embedded the eRaUI widget. The first screen presented to the user will be similar to the one below:

In this scenario, there is initially very little information available to eRaUI allowing the widget to configure itself to this particular user. However as the user continues to interact with the NaCTeM website, it is able to adapt certain aspects of the website to fit the perceived requirements of the user. For example:

In this screenshot, we can see that the user has been identified as a novice user, and certain menu options have been intelligently coloured in yellow so as to make them more visible. This reflects the fact that these options are more likely to be relevant to a novice user. Links which are unlikely to be relevant have been greyed out, and other aspects of the eRaUI widget have adapted to this perception of user type. In the screenshot below, we can see that the user has interacted with the search facility:

Auto-suggestion is used to present the user with links that are likely to be relevant given their perceived user-category. Furthermore, if the user hovers over a particular link on the eRaUI widget, then they are presented with a miniature preview of the content which they can view before navigating to the link:

The user can also interact with a live administrator using the 'live help' box. An example of this scenario is shown below:

There may be a scenario where a user is incorrectly identified as beloning to a particular user-category. In this case, the user can change their user category - for instance to 'Expert'. An example of such a change is indicated in the screenshot below:

The above scenarios indicate the interaction for a use-case where a user visits the NaCTeM website and interacts with the eRaUI widget and the interface which has been adapted by the widget. Another scenarios is that of a website owner who wishes to deploy eRaUI on his/her own website for the purposes of enabling users to find content more easily, or to facilitate the gatering of analytics in the form of heatmaps and recordings. An example of an administrator-interface recordings page is show below:

The user may also wish to view heatmaps indicating mouse interaction with the website upon which eRaUI is embedded. An example of such a scenario is shown in the heatmap below:

There are other possible use-cases which could arise for eRaUI, however those mentioned above give a broad idea of the possible ways in which users can interact with the software.

No comments:

Post a Comment