Sherlock Holmes

The Situation

Arthur Conan Doyle wrote the book The story of Sherlock Holmes on October 14, 1892. As the book was written almost 30 years ago, the content is very difficult to read and understand, especially for people who love the Sherlock Holmes movies but aren’t as confident with their reading skills and are unable to focus on the main content and remembering important facts. The book is mundane with no images, colour, and large chunks of small text.

The Task

The brief for the module IXD303– Narrative&Storytelling, was to create a prototype of an interactive digital publication or website using Conan Doyle content from his book “The story of Sherlock Holmes”. The main tasks were to focus on making the book more:

  • Illustrative
  • Interactive
  • Easy to read/understand
  • Sherlock Holmes themed (colours ,typography, quotes)
  • Easily navigated

The Action

After considering whether a website or digital publication would be better to show the Sherlock Holmes content, my final decision was to show the book through an interactive e-book. I wanted to make the e-book interactive by splitting up each of the chapters, allowing the user to navigate back and forward through the chapters as they please. Another main focus was making the content less text heavy. I did so by: 

  • Removing the unnecessary words
  • Adding colour 
  • Space
  • Quotes
  • Typography 
  • Splitting up content

The Result

After choosing to create an interactive e:book. I started to think of a main theme to base the e:books interactions on. After researching I found many word clouds based on Sherlock Holmes. I felt containing the story in a word cloud was an eye catching way to arrange some of the content as well as being illustrative and interactive. I decided to create word clouds for each of the “The cast of Characters” chapters. I then worked on creating illustrations for the other chapters, along with simple motion animations to make the e:book more interactive. As for navigation, I created simple arrowed icons that allow the user to flow through the e:book by selecting the up and down arrows. I then used Adobe XD to create a detailed prototype which allows the user to use the design I created.