angela frakes
imagesanal_banner.png

Images Analyses

ux/ui for website

UX/UI Designer
Improved UX for teaching website

2017 / http://imagesanalyses.univ-paris1.fr/v4/

Images Analyses is a platform for scholars of six different disciplines to write from their perspective about images and visual elements from art history, advertising, and social iconography. The site is used by teachers in middle schools and high schools in France to improve students’ visual analysis skills. We worked directly with teachers to test and improve the interface, with paper prototype testing and high-fidelity prototype testing. This overhaul of the user interface was done in effort to enhance the user’s interactive experience while reading an article and update the graphic look of the site. I worked as the UX/UI Designer, converting the interface into an eight-pixel grid and redesigning the calls-to-action.

iahome1.jpg
△ home page

△ home page

Improved the legibility of the titles and authors, with a clear call to action and the ability to view more articles at once.

△ discipline pages

△ discipline pages

There are six disciplines to choose from, and the interface mirrors that of the home page but with the articles filtered into their respective categories.

△ article page

△ article page

The image stays fixed while the reader scrolls, and animations on the image direct the user’s eye to various details mentioned in the text. I added a “presentation” feature for teachers to easily project the image onto a screen for class discussions.