Aa'isha Dout

Problem Statement

Styling options for easy-to-use presentation tools that allow for incorporation of cultural heritage artefacts, such as Omeka, are often restrictive in the styling options they offer users. This includes only allowing users to select from a set of themes, unless they have knowledge of markup languages and are willing to navigate beyond the high-level exhibition creation interface.

Once an exhibition is completed using these or more conventional, slide-oriented tools, such as PowerPoint, we found through requirements gathering that users rarely shared them outside of a once-off presentation. Some expressed familiarity with marketplaces such as Slideshare but said they do not use such tools.

Objectives

The main goal was to create a way to lay out and style HTML digital exhibitions, where the process was easy to use and required no knowledge of markup language. This task included providing intuitive styling methods, while still allowing those preferring/requiring more precision to use alternative methods.

On the public presentation side, the objective was to create an engaging overview of presentations and templates created by users of the system, that provides important information at a glance and allows filtering of these results. To address sharing and interaction, downloads (handled by project partner, Ceara) and commenting functionality was also regarded as necessary.

Components and Services

Landing Page
The landing page was designed to be a minimalistic overview of the main features provided by the system, namely template creation, population and browsing. This page introduces the basic system-wide user authentication system. Users may sign up with only a unique, non-empty username and non-empty password. This is to manage Collaboration, discussed in the Template Creation section. Users are not required to set up an account to use the system, but will have their templates attributed to "Anonymous User" if so, to prevent confusion with entries clashing with logged in users. From this page, users may navigate to Template Creation, which opens a blank template; Archival Exploration, which allows users to explore contents from Bleek and LLoyd collection; and the Browse Page.

Template Creation

What is a template?
Templates define the layout and style of a digital presentation, including colour, length and elements. Placeholders are used where images and text will be located in the final presentation.

Template Creation can be accessed in two contexts: from a blank template ("new" mode), or an exisitng one ("edit" mode). In new mode, only a title placeholder is provided. In edit mode, all existing styles and elements from a saved template are loaded first. Templates as a whole can be styled, such as modifying background colour. Individual elements (textbox and image placeholders) can also be styled. Options include background colour, border width and text alignment. Click on the Template Creation heading above or in the navigation bar to see more information via the feature page.

Template and Exhibit Browse
The Browse Page offers an overview of all templates and exhibits made by users of the system. Each template/exhibit is given a card with overview data. Filtering of cards can be done via name tags or title search. Commenting functionality is provided for any user to leave their thoughts on a template or exhibit. Click on the Template and Exhibit Browse heading above or "Browse" in the navigation bar to see more information via the feature page.

Evaluation

Testing was conducted entirely under the lockdown restrictions necessitated by the COVID-19 pandemic, therefore online platforms such as Google Forms and video-conferencing tools were used throughout.

The first "evaluation" occurred at the prototype phase. Feedback from the video-conferencing "Wizard of Oz" testing informed the selection of styling options, element representation (their background textures and resize handles) and layout of the editing options. For the Browse Page, we originally intended to display templates and exhibits in a carousel, but revised this to cards when feedback indicated users would find it cumbersome.

As mentioned in the overview on the home page, we conducted a single heuristic evaluation and usability study for the entire system. However, we included sections in our surveys to evaluate components individually.

The heuristic evaluation found the main issues with template creation to be the lack of information about system status and lack of help/documentation. These problems were given significant severity and were therefore addressed first. For system status, we added information about login state and communicated the status of a template save (an issue mentioned by multiple evaluators) via a GIF and "toasts" (small pop-ups that disappear after a set amount of time). User assistance was addressed by a help menu with instructions and GIFs to illustrate them. Toasts were also used for error prevention, another issue evaluators raised, for example a toast is used to warn users if they attempt to save a template with a blank name, or populate a template that has not yet been saved. Positive feedback from the evaluators commented on the interface and its consistency and the usefulness of features included (they considered all of the editing options useful, especially undo/redo).

The usability study incoporated the views of our target population since half of the respondents were cultural heritage professionals. In terms of the System Usability Scale portion of the questionnaire, the system received average scores with regards to usefulness, with most students responding neutrally and the cultural heritage experts responding strongly postively. Most importantly for our objectives, all the participants responded that the system had a shallow learning curve and did not require technical experience to use. The system also received high scores for questions related to satisfaction with the system. Raw data can be found on the downloads page. Feedback relating to the Template Creation stage was positive about the usefulness of features, and the simple canvas-like layout. Participants also spoke positively about the Browse Page interface, with several users saying it was their favourite feature. Follow-up video-conferencing interviews allowed us to gain some more insight from participants, for example many were willing to elaborate on their answers to the open-ended questions of the survey.

Conclusions

The project as a whole aimed to develop an online tool for creating digital exhibitions, with this portion of the project focusing on customisation of styles and a space to view other system users’ creations. System testing verified that functional requirements were met. Non-functional requirements such as accessibility to non-technical users were assessed through usability and heuristic evaluations, with representatives from both expert and non-expert groups. Results suggest that the system met these goals. However, the unique circumstances of the pandemic must be taken into account when considering the results of user testing, as usual conditions to ensure integrity of the evaluations could not be met.

Future Work

Template Creator: Some users suggested incoporating more shapes for placeholders at this stage. The addition of patterns/textures is also something that could be incoporated for template and element backgrounds.

Browse Page: Support for different languages or translate features would be helpful to assist non-English language speakers, and could be achieved via integration of open source translation software.

General: A more robust user account system could be incoporated, using external software. A personal page, with only a user's templates, exhibits and latest comments on these would also be a useful addition.


Downloads

Literature Review
Final Report
Design Artefacts
Image of Aa'isha
Aa'isha Dout

Email: dtxaai001@myuct.ac.za

Components:
Landing Page
Template Creation
Template and Exhibit Browse
Commenting and Collaboration Features