# Dyslexia Friendly Reader: Prototype, Designs, and Exploratory Study Canonical page: https://slides.dominiklukes.net/dyslexia-friendly-reader-prototype-and-designs-iisa - SlideShare title: Dyslexia friendly reader: Prototype and designs - Talk date: Not established - SlideShare upload: 2015-10-09 (upload date, not the delivery date) - Event: Not established - Place: Not established - Topics: Access & reading - Language: en - Slides in the original listing: 29 - Coverage: Full text of all 29 slides, each paired with its original slide image (slide N is section N). - Original listing: https://www.slideshare.net/slideshow/dyslexia-friendly-reader-prototype-and-designs-iisa/53729839 - Cover image: https://slides.dominiklukes.net/readers/dyslexia-friendly-reader-prototype-and-designs-iisa/pages/page-01.png - Reader data (JSON): https://slides.dominiklukes.net/readers/dyslexia-friendly-reader-prototype-and-designs-iisa/presentation.json - TalkWeaver package (outline and images, ZIP): https://slides.dominiklukes.net/dyslexia-friendly-reader-prototype-and-designs-iisa/dyslexia-friendly-reader-prototype-and-designs-iisa-talkweaver.zip - TalkWeaver outline: https://slides.dominiklukes.net/dyslexia-friendly-reader-prototype-and-designs-iisa/talkweaver/dyslexia-friendly-reader-prototype-and-designs-iisa-outline.md ## Slide 1: Dyslexia Friendly Reader Prototype, Designs, and Exploratory Study Cite: https://slides.dominiklukes.net/dyslexia-friendly-reader-prototype-and-designs-iisa#section-1 · Original slide image: https://slides.dominiklukes.net/readers/dyslexia-friendly-reader-prototype-and-designs-iisa/pages/page-01.png ![The iLearnRW project logo: the word “ilearn” in blue with “RW” in red above a curved line of stars.](https://slides.dominiklukes.net/readers/dyslexia-friendly-reader-prototype-and-designs-iisa/media/img-baeb0f72001b5327.png) Dominik Lukeš Dyslexia Action www.ilearnrw.eu ## Slide 2: Outline Cite: https://slides.dominiklukes.net/dyslexia-friendly-reader-prototype-and-designs-iisa#section-2 · Original slide image: https://slides.dominiklukes.net/readers/dyslexia-friendly-reader-prototype-and-designs-iisa/pages/page-02.png - Difficulties to moderate - Reader research - Current state of reader apps - Towards and ideal reader app - Description of a reader prototype - Preliminary user study results - Future direction ## Slide 3: Dyslexic difficulties Cite: https://slides.dominiklukes.net/dyslexia-friendly-reader-prototype-and-designs-iisa#section-3 · Original slide image: https://slides.dominiklukes.net/readers/dyslexia-friendly-reader-prototype-and-designs-iisa/pages/page-03.png - Decoding - Working memory - Rapid naming - Long, rare words - Focus - Vision (rare) - Speed ## Slide 4: Typical modification Cite: https://slides.dominiklukes.net/dyslexia-friendly-reader-prototype-and-designs-iisa#section-4 · Original slide image: https://slides.dominiklukes.net/readers/dyslexia-friendly-reader-prototype-and-designs-iisa/pages/page-04.png - **Font type** – small impact - **Colours** – only useful for small numbers - **Avoid** underline, ALL CAPS, *italics*, justify, centre – *small-med impact* - **Font size** – big impact - **Line spacing** – medium-big impact - **Small chunks** – big impact - Lists – medium impact - Structure/outline – medium impact - Small amount of text displayed – big impact - **Audio** – biggest impact ## Slide 5: Readers Cite: https://slides.dominiklukes.net/dyslexia-friendly-reader-prototype-and-designs-iisa#section-5 · Original slide image: https://slides.dominiklukes.net/readers/dyslexia-friendly-reader-prototype-and-designs-iisa/pages/page-05.png - Readers associated with well-known e-book shops (Amazon, Kobo, iBooks, Google Play Books) - Mainstream standalone readers not associated with a particular e-book repository (Aldiko Reader, Cool Reader, FB Reader, Moon+ Reader) - Alternative readers aimed at specific audiences or formats (Ideal Group Reader, AutoReader, SpeedReader, Repligo Reader, ezPDF Reader) ## Slide 6: Typical reader features Cite: https://slides.dominiklukes.net/dyslexia-friendly-reader-prototype-and-designs-iisa#section-6 · Original slide image: https://slides.dominiklukes.net/readers/dyslexia-friendly-reader-prototype-and-designs-iisa/pages/page-06.png - Basic features for navigating the text. This includes page turning and outline navigation. However, the implementation of these features is not uniform across readers. - All readers also allow the user some level of customization of text display. The level of customisation varies by reader as does the interface. ## Slide 7: Typical reader features (cont.) Cite: https://slides.dominiklukes.net/dyslexia-friendly-reader-prototype-and-designs-iisa#section-7 · Original slide image: https://slides.dominiklukes.net/readers/dyslexia-friendly-reader-prototype-and-designs-iisa/pages/page-07.png - Access to the basic copy of text (unless prevented by digital rights management). - Management of books using a library and a file browser. - Highlighting, notes and bookmarks. ## Slide 8: Features of some readers only Cite: https://slides.dominiklukes.net/dyslexia-friendly-reader-prototype-and-designs-iisa#section-8 · Original slide image: https://slides.dominiklukes.net/readers/dyslexia-friendly-reader-prototype-and-designs-iisa/pages/page-08.png - Text to Speech - Varied quality - Best implemntations (Moon+ Reader Pro, VoiceDream Reader, and ezPDF Reader) - Buggy implementations (FB Reader, Cool Reader) - Online book repositories (Free, commercial, specialised – e.g. Bookshare) - Multiple format support ## Slide 9: Rare features Cite: https://slides.dominiklukes.net/dyslexia-friendly-reader-prototype-and-designs-iisa#section-9 · Original slide image: https://slides.dominiklukes.net/readers/dyslexia-friendly-reader-prototype-and-designs-iisa/pages/page-09.png - Adobe ID (for library loans access) - Plug ins (FB Reader and Cool Reader) - Chunking and autoscroll (AutoReader and Speed Reader) - Rolling blinds ## Slide 10: Usability vs features Cite: https://slides.dominiklukes.net/dyslexia-friendly-reader-prototype-and-designs-iisa#section-10 · Original slide image: https://slides.dominiklukes.net/readers/dyslexia-friendly-reader-prototype-and-designs-iisa/pages/page-10.png - Feature rich (FB Reader, Cool Reader) - Design and features - Minimalist - Design focused (Voicedream Reader, Bluefire reader) ## Slide 11: Illustration on slide 11 Cite: https://slides.dominiklukes.net/dyslexia-friendly-reader-prototype-and-designs-iisa#section-11 · Original slide image: https://slides.dominiklukes.net/readers/dyslexia-friendly-reader-prototype-and-designs-iisa/pages/page-11.png (The slide shows no title; the heading above is its contents label.) ![Two screenshots of reader apps. On the left, a tablet shows a page of text with some words highlighted in yellow and blue and playback controls at the bottom. On the right, a menu lists the fonts Default, Droid Sans, Tempora LGC, Charis SIL, Droid Serif and Cabin Regular, with Single, Dual and Scroll page options and White, Black and Sepia backgrounds.](https://slides.dominiklukes.net/readers/dyslexia-friendly-reader-prototype-and-designs-iisa/media/page-11.png) ## Slide 12: Illustration on slide 12 Cite: https://slides.dominiklukes.net/dyslexia-friendly-reader-prototype-and-designs-iisa#section-12 · Original slide image: https://slides.dominiklukes.net/readers/dyslexia-friendly-reader-prototype-and-designs-iisa/pages/page-12.png (The slide shows no title; the heading above is its contents label.) ![Three screenshots of reader app controls. A wood-textured settings list includes “Enable document internal styles”, “Default paragraph formatting”, “Title”, “Subtitle”, “Preformatted text / code”, “Link”, “Cite / quotation” and “Epigraph”. A grid of icons is labelled Library, TOC, Bookmarks, Search, Night and More. A speech panel has Rate, Pitch and Volume sliders above previous, play, next and stop buttons.](https://slides.dominiklukes.net/readers/dyslexia-friendly-reader-prototype-and-designs-iisa/media/page-12.png) ## Slide 13: 5 General Recommendations Cite: https://slides.dominiklukes.net/dyslexia-friendly-reader-prototype-and-designs-iisa#section-13 · Original slide image: https://slides.dominiklukes.net/readers/dyslexia-friendly-reader-prototype-and-designs-iisa/pages/page-13.png 1. Focus on usability and clean interface 2. Balance feature completeness with the accessibility of key features = presets 3. Use icons, sliders + steps. 4. Text-to-speech is essential to accessibility and must be implemented reliably and provide basic navigation features. 5. Controlling the amount of text displayed on screen + autoscroll ## Slide 14: Text to speech Cite: https://slides.dominiklukes.net/dyslexia-friendly-reader-prototype-and-designs-iisa#section-14 · Original slide image: https://slides.dominiklukes.net/readers/dyslexia-friendly-reader-prototype-and-designs-iisa/pages/page-14.png ![A wireframe of a row of playback controls: previous, pause, next, stop, and a circled upward arrow.](https://slides.dominiklukes.net/readers/dyslexia-friendly-reader-prototype-and-designs-iisa/media/img-5c0e762b23e50ec2.png) ![A wireframe of a speech settings panel with sliders for Speed, Pitch and Volume, a Voice menu showing “Amy - Ivona”, and previous, pause, next and stop buttons.](https://slides.dominiklukes.net/readers/dyslexia-friendly-reader-prototype-and-designs-iisa/media/img-043146b0db06956a.png) ## Slide 15: Chunking Cite: https://slides.dominiklukes.net/dyslexia-friendly-reader-prototype-and-designs-iisa#section-15 · Original slide image: https://slides.dominiklukes.net/readers/dyslexia-friendly-reader-prototype-and-designs-iisa/pages/page-15.png ![A wireframe of a control bar with a Paragraph menu, Next, Autoscroll and Next buttons, and Slower and Faster buttons.](https://slides.dominiklukes.net/readers/dyslexia-friendly-reader-prototype-and-designs-iisa/media/img-0a64568322a8461b.png) ![A wireframe of a chunking panel. “Chunks to show” offers Pages, Paragraphs, Sentences and Words; below are Auto scroll and Speed, currently Slower.](https://slides.dominiklukes.net/readers/dyslexia-friendly-reader-prototype-and-designs-iisa/media/img-33213625235357c9.png) ## Slide 16: Guidance mode: Word support Cite: https://slides.dominiklukes.net/dyslexia-friendly-reader-prototype-and-designs-iisa#section-16 · Original slide image: https://slides.dominiklukes.net/readers/dyslexia-friendly-reader-prototype-and-designs-iisa/pages/page-16.png ![A wireframe of a word support card for “leadership”, pronounced “lee-der-ship”, with two numbered definitions, related words, syllables, phonemes and spelling, a games button labelled “Play games with this and similar word”, and Previous word, Show in context and Next word buttons.](https://slides.dominiklukes.net/readers/dyslexia-friendly-reader-prototype-and-designs-iisa/media/img-2cc0f791c7164521.png) ## Slide 17: Guidance mode: Text highlighting Cite: https://slides.dominiklukes.net/dyslexia-friendly-reader-prototype-and-designs-iisa#section-17 · Original slide image: https://slides.dominiklukes.net/readers/dyslexia-friendly-reader-prototype-and-designs-iisa/pages/page-17.png ![Sample text, “Jane really likes reading books on her tablet. She sits by the window every afternoon and reads a story. One afternoon her brother John fell over their cat. He ran into Jane’s chair and she dropped her tablet.”, in which some letters such as suffixes and silent letters are shown in lighter colours.](https://slides.dominiklukes.net/readers/dyslexia-friendly-reader-prototype-and-designs-iisa/media/img-4dcedc6962199963.png) ![A wireframe of text highlighting settings. “How much highlighting” is a slider; options cover Open/Closed syllables, Suffixes, Silent letters and the letter “a”, each with a colour and an on or off switch.](https://slides.dominiklukes.net/readers/dyslexia-friendly-reader-prototype-and-designs-iisa/media/img-68ba6cd00e699eb7.png) ## Slide 18: Guidance mode: Pre-reading activities Cite: https://slides.dominiklukes.net/dyslexia-friendly-reader-prototype-and-designs-iisa#section-18 · Original slide image: https://slides.dominiklukes.net/readers/dyslexia-friendly-reader-prototype-and-designs-iisa/pages/page-18.png ![A wireframe of a Pre-reading activities panel listing Tricky words, Most common words and Tricky patterns, each with a Review button, and a games button labelled “Play games to help prepare for reading this text”.](https://slides.dominiklukes.net/readers/dyslexia-friendly-reader-prototype-and-designs-iisa/media/img-e65a780ffc9d43bb.png) ![A wireframe of a Fluency and accuracy check asking “Which of these words were in the text you just read?” over a box of words, with 5 mins and 200 words settings and Continue checks and Stop checks buttons.](https://slides.dominiklukes.net/readers/dyslexia-friendly-reader-prototype-and-designs-iisa/media/img-c4c4ccac85ff6c02.png) ## Slide 19: Structure and navigation Cite: https://slides.dominiklukes.net/dyslexia-friendly-reader-prototype-and-designs-iisa#section-19 · Original slide image: https://slides.dominiklukes.net/readers/dyslexia-friendly-reader-prototype-and-designs-iisa/pages/page-19.png ![A wireframe of a table of contents with Expand all and Collapse all buttons and four parts of a book, each with chapters, and buttons labelled Add current page to outline and More.](https://slides.dominiklukes.net/readers/dyslexia-friendly-reader-prototype-and-designs-iisa/media/img-2047fdc9e6c52600.png) ![A wireframe of a Bookmarks, Notes and Highlights tab listing Note 1, Highlight 1 and Bookmark 1, each with its position and section, and a Bookmark current page button.](https://slides.dominiklukes.net/readers/dyslexia-friendly-reader-prototype-and-designs-iisa/media/img-4d55880041a3b96a.png) ## Slide 20: Reader prototype Cite: https://slides.dominiklukes.net/dyslexia-friendly-reader-prototype-and-designs-iisa#section-20 · Original slide image: https://slides.dominiklukes.net/readers/dyslexia-friendly-reader-prototype-and-designs-iisa/pages/page-20.png ![A tablet screenshot of the prototype reader on a pale yellow page, titled “01 Foxes”, showing large widely spaced text: “We think that foxes have been living in England for a very long time. Fossils tell us that they were alive at the time of the mammoths. They can be spotted by their…”, with playback buttons at the bottom.](https://slides.dominiklukes.net/readers/dyslexia-friendly-reader-prototype-and-designs-iisa/media/img-555611ca5e261c6e.png) ## Slide 21: Prototype presets Cite: https://slides.dominiklukes.net/dyslexia-friendly-reader-prototype-and-designs-iisa#section-21 · Original slide image: https://slides.dominiklukes.net/readers/dyslexia-friendly-reader-prototype-and-designs-iisa/pages/page-21.png ![A tablet screenshot of a Presets dialog listing Black on White, Black on White (low contrast), White on Black, White on Black (low contrast), Dark on Cream, Dark on Cream (low contrast), Dark on gray, Green on Black, Green on Black (low contrast) and Green on Cream, above Basic options for Text, Background and Highlight colours.](https://slides.dominiklukes.net/readers/dyslexia-friendly-reader-prototype-and-designs-iisa/media/img-91652c4eaeeb46d2.png) ## Slide 22: Preliminary study Cite: https://slides.dominiklukes.net/dyslexia-friendly-reader-prototype-and-designs-iisa#section-22 · Original slide image: https://slides.dominiklukes.net/readers/dyslexia-friendly-reader-prototype-and-designs-iisa/pages/page-22.png - Presented to 60 students 9-11 in 5 English schools and two through Dyslexia Action centres - Prototype reader pre-loaded with short texts - Reading in class (groups of 5) - Tablet home use - Some students progressed to Moon+ Pro ## Slide 23: Preliminary study results Cite: https://slides.dominiklukes.net/dyslexia-friendly-reader-prototype-and-designs-iisa#section-23 · Original slide image: https://slides.dominiklukes.net/readers/dyslexia-friendly-reader-prototype-and-designs-iisa/pages/page-23.png - Overall positive reactions from students - Playback functionality immediately utilised by students - Most students claimed to have used the reader at home, some regularly. This is an increase over their regular reading patterns. - During sessions, students were able to answer questions about the text they read, some volunteering more information. ## Slide 24: Preliminary study results (Cont.) Cite: https://slides.dominiklukes.net/dyslexia-friendly-reader-prototype-and-designs-iisa#section-24 · Original slide image: https://slides.dominiklukes.net/readers/dyslexia-friendly-reader-prototype-and-designs-iisa/pages/page-24.png - Students varied in the mode they preferred to access text. Most used text-to-speech at least part of the time. Some before or after reading without it. Several only read without sound. - During sessions, sometimes students would switch from playing games to using the reader. Several calling it the ‘reading game’. - Several students admitted to listening to the texts in bed, one to falling asleep to them. ## Slide 25: Preliminary study results (Cont.) Cite: https://slides.dominiklukes.net/dyslexia-friendly-reader-prototype-and-designs-iisa#section-25 · Original slide image: https://slides.dominiklukes.net/readers/dyslexia-friendly-reader-prototype-and-designs-iisa/pages/page-25.png - One student described taking the tablet when visiting family members and listening while they watched “boring shows”. - Several students attributed their reading improvements to using the reader. - Many students appreciated the factual nature of the texts included but some asked for fiction. - One student admitted that even though he preferred Audible, he still listened to the texts. ## Slide 26: Preliminary study results (Cont.) Cite: https://slides.dominiklukes.net/dyslexia-friendly-reader-prototype-and-designs-iisa#section-26 · Original slide image: https://slides.dominiklukes.net/readers/dyslexia-friendly-reader-prototype-and-designs-iisa/pages/page-26.png - Several students asked for more texts having read all those provided (the reader came bundled with about 80 texts of 300-500 words). When asked, students in one school generated a list of over twenty books they would like included with the reader. ## Slide 27: Conclusions Cite: https://slides.dominiklukes.net/dyslexia-friendly-reader-prototype-and-designs-iisa#section-27 · Original slide image: https://slides.dominiklukes.net/readers/dyslexia-friendly-reader-prototype-and-designs-iisa/pages/page-27.png - Significant accessibility and usability gaps in current reader apps (even those with accessibility focus) - Speech focused reader have a huge transformative potential for struggling readers - Readers without full implementation of text-to-speech cannot be seen as accessible - Other features still need more research - Gaps in the chain of text discovery, text acquisition and reading ## Slide 28: Next steps Cite: https://slides.dominiklukes.net/dyslexia-friendly-reader-prototype-and-designs-iisa#section-28 · Original slide image: https://slides.dominiklukes.net/readers/dyslexia-friendly-reader-prototype-and-designs-iisa/pages/page-28.png - PAIR (Producing Active and Independent Readers) – project by Dyslexia Action to introduce reading with tablets to schools - Working with reader app producers to incorporate some of these features - Working with document repositories (Load2Learn, Bookshare to integrate with reader apps) ## Slide 29: www.ilearnrw.eu Cite: https://slides.dominiklukes.net/dyslexia-friendly-reader-prototype-and-designs-iisa#section-29 · Original slide image: https://slides.dominiklukes.net/readers/dyslexia-friendly-reader-prototype-and-designs-iisa/pages/page-29.png Collections: [Reading, writing and accessibility](https://slides.dominiklukes.net/?collection=access)