190 likes | 369 Views
David Welsh. Traditional Reading. Eye seeks “ Optimal Recognition Point ” Start to process the meaning of the word E yes move, called a “saccade ” Processing the words for meaning and context 20% processing 80% movement. Rapid Serial Visual Presentation.
E N D
Traditional Reading • Eye seeks “Optimal Recognition Point” • Start to process the meaning of the word • Eyes move, called a “saccade” • Processing the words for meaning and context • 20% processing 80% movement
Rapid Serial Visual Presentation • Developed to measure reactions to content • Words are displayed left-aligned or centered • Not ORP™ centered • Still requires some eye movement • Developed before heavy web use
Spritzing™ • Content has ORP™ located at the focal point • Read without having to move your eyes • Eyes can focus on about 13 characters at a time • Variable WPM rate, 100-1,000 • Positioning without eye movement helps process words, especially at speed
PoweredbySpritz™ • Developer program • SDKs and APIs for Android, iOS, and JavaScript • Last week started JavaScript access • Next up, Android and iOS
Web Development • Hosted Spritz JavaScript SDK • Login html only required file • CSS and JS: fonts, images, styles • JQuery library <script type="text/javascript" src="//sdk.spritzinc.com/jQuery/jquery-2.1.0.min.js"></script> <script type="text/javascript" src="//sdk.spritzinc.com/js/1.0/js/spritz.min.js"></script>
Redicle • Visual frame embedded with the Spritz JavaScript SDK • Link content to the redicle <p><div data-role="spritzer" data-url="http://www.myserver.com/~mywebdirectory/ContentToSpritz.htm"></div></p>
Redicle features • Controls the notifications and handlers • Can control multiple sources of text • Easily duplicated • Customize with some permanent properties • Configured for different devices • Multi language capable
Default Configuration varspritzerOptions = { "redicleWidth" : 340, "redicleHeight" : 70, "defaultSpeed" : 250, "speedItems" : [250, 300, 350, 400, 450, 500, 550, 600], "controlButtons" : ["back", "pauseplay", "rewind"], "controlTitles" : { "pause" : "Pause", "play" : "Play", "rewind" : "Rewind", "back" : "Previous Sentence" } };
SpritzerController • Lets you spritz text arbitrarily • Text must be a "spritzable" format • Set a language in HTML tag <html lang="en"> varonStartSpritzClick = function(event) { var text = $('#inputText').val(); var locale = "en_us;"; // Send to SpritzEngine to translate SpritzClient.spritzify(text, locale, onSpritzifySuccess, onSpritzifyError); };
Redesign Spritz2.0 250 wpm
Evaluation • Speed vs comprehension • Expert vs novice • Proprietary vs open source Spreeder • Chunking vs not chunking • Efficiency vs antidisestablishmentarianism • User load/ concentration • Children or disabilities • Formatted text