Beta Tap Zone Actions Design Guidelines

1. Beta Tap Zone Actions Design Guidelines ISE SangHyun Park

2. Table of Contents • Tap Zone Actions usability and accessibility • Major usability issues of current Tap Zone Actions • Major strength of current Tap Zone Actions • Division of touchscreen • Interaction • Default features • Layout in menu to change features • Option A. Tab interface • Option B. Tab with all info. • Option C. Additional depth of info. structure • Option D. Extended list type • Option E. Addition of alert popup window • Option F. Change of interface layout to list type • Instruction on Tap Zone Actions

3. Tap Zone Actions usability and accessibility • Major usability issues of current Tap Zone Actions (TZAs) • 1) No visual information on virtual keypad (inherent disadvantage) • 2) Assignment of two features on one zone (fig. 1) • without clue to distinguish meaning of two features • without clue about how to operate each feature • 3) Operation accuracy: gesture • concern on operating both short tap and long tap accurately • 4) Operation efficiency: 3 X 3 grid type of interface for gesture input • concern on if blind people could select each location easily • Major strength of current Tap Zone Actions (TZAs) • Intuitive layout mapping interface layout for assigning features to virtual button layout on usage case • Comprehensive information display on each zone by putting both labels fig. 1 current interface of setting Tap zone actions

4. Division of touchscreen As for operation efficiency, below options would be suggested for the user test. Option A. 2 X 2 Option B. 3 X 2 Option C. 3 X 3 Option D. 4 X 3 1 2 3 4 5 6 1 2 3 1 2 1 2 4 5 6 7 8 9 3 4 7 8 9 3 4 5 6 10 11 12

5. Interaction • As for operation accuracy, below options would be suggested for the user test. • Interaction alternatives to access TZAs features on book contents • Option A. Short tap and double tap • Option B. Short tap + short tap with function key • by assigning the function key to one of 9 zones, left 8 keys take double features in each zone. • [1st layer with single tap] [2nd layer with multi tap (FN key + feature key)] [ Interaction ] 1 2 9 10 3 11 12 13 14 4 5 6 Release tapping on 7th area multi tap (FN + key 5) Tap on 7th area FN FN 7 8 15 16 - [TTS] “buttons(p)feature 5” - [TTS] “button(p)feature 13” * current interaction : short tap and long tap

6. Default features • Default features • 1st layer concept: features related to book navigation • 2nd layer concept: features related to setting cool reader • New features • Cool reader new feature • Start/resume • TZA new feature (located in menu) • Add bookmark • Increase/Decrease speech rate Bookmark list Read previous Add bookmark Increase font size Table of contents Exit Previous page Start/ Stop Next page Decrease speech rate Cycle read mode Increase speech rate Decrease font size Day/ Night FN Read next Search FN  IDEAL cool reader default features (version uploaded on June 4)

7. Layout in menu to change features As for the issue about assignment of two features on one zone in the setting interface, options for layout modification are suggested as follows: Option B. Tab with all info. Option A. Tab interface Bookmark list Add bookmark Tap zone actions Tap zone actions Tap zone actions Long tap Long tap Long tap Short tap Short tap Short tap Bookmark list Read previous Table of contents Previous page Start/ Resume Next page Read next Search FN OK Cancel OK Cancel OK Cancel Start/ Resume Read previous Bookmark list Table of contents Read next Read next Read previous Start/ Resume Table of contents • Divides into two taps with all information on zone • pros • cue for interaction way • see all features at once • cons • could cause confusion on feature corresponding to highlighted tap • complicated type of interface • Divides into two taps • pros • cue for interaction way • distinguishable features • cons • can’t see all features at once • complicated type of interface Cycle read mode Cycle read mode Increase font size Add bookmark Highlight Decrease font size Decrease font size Increase font size Highlight Previous page Next page Previous page Next page Decrease speech rate Increase speech rate Decrease speech rate Increase speech rate Search FN Search List of search FN List of search

8. Layout in menu to change features Layout alternatives for setting interface of TZAs features Option C. Additional depth of info. structure Option D. Extended list type Bookmark list Add bookmark Single tap Tap zone actions Tap zone actions Tap zone actions Short tap setting Long tap setting Single tap Single tap with FN key Short tap Long tap > > Enter single tap OK Cancel OK Cancel Single tap with FN key Bookmark list Table of contents Read previous Read next Start/ Resume Read previous Start/ Resume Read next long tap Table of contents • Divide two category in list and make it extendable to reduce depth • and the amount of information • pros • cue for interaction way • distinguishable features • cons • can’t see all features at once • Add a depth to divide • pros • cue for interaction way • distinguishable features • cons • could cause confusion on feature corresponding to selected item • does not match interface title and contents Increase font size Decrease font size Increase font size Cycle read mode Decrease font size Add bookmark Highlight Cycle read mode Bookmark list Read previous Table of contents Highlight Previous page Next page Previous page Next page Decrease speech rate Increase speech rate Decrease speech rate Increase speech rate Start/ Resume Previous page Next page Search FN Search List of search FN List of search FN Search Read next

9. Layout in menu to change features Layout alternatives for setting interface of TZAs features Option E. Addition of alert popup window Option F. Change of interface layout to list type Tap zone actions Tap zone actions Tap zone actions Bookmark list Bookmark list Table of contents Table of contents Read previous Read previous Bookmark list Add bookmark Read previous Increase font size Table of contents Highlighting Previous page short long short long short long short Add bookmark Add bookmark Highlight Highlight Increase font size Increase font size Change feature? (short) bookmark list (long) add bookmark Change features? Previous page Previous page Next page Next page Start/ Resume Start/ Resume Decrease speech rate Decrease speech rate Increase speech rate Increase speech rate Cycle read mode Cycle read mode select OK Cancel Search Search Read next Read next FN FN List of search List of search Decrease font size Decrease font size OK Cancel OK Cancel OK Cancel • Change interface type from grid to list • pros • easy interaction • cons • partially loss of visual information on virtual location of buttons • can’t see all features at once • Add the popup showing up once selecting a zone • pros • can keep the current interface layout • cons • give information later in the task flow

10. Instruction on Tap zone actions In order to compensate the issue about lack of visual information on virtual keypad, below instruction on Tap zone actions would be provided. 1/234 About Tap Zone Actions 1/234 1/234 an Cookery, by Amelia Simmons This eBook is for the use of anyone anywhere at no cost and with almost no re-strictions whatsoever. You may copy it, give it away or re-use it un-der the terms of the Project Gutenberg Li- You can quickly access feature on book by tapping shortly or long one of 3 x 3 virtual keypad dividing screen like below. an Cookery, by Amelia Simmons This eBook is for the use of anyone anywhere at no cost and with almost no re-strictions whatsoever. You may copy it, give it away or re-use it un-der the terms of the Project Gutenberg Li-cense included with this eBook or online at an Cookery, by Amelia Simmons This eBook is for the use of anyone anywhere at no cost and with almost no re-strictions whatsoever. You may copy it, give it away or re-use it un-der the terms of the Project Gutenberg Li-cense included with this eBook or online at open file show player Tap Zone i i i open menu select ‘tap zone’ select ‘about tap zone actions’ back Go to Bookmarks More i i i About tap zone actions Setting Highlight tap zone on tap - [TTS] “clicked(p)list menu” - [TTS] “About tap zone actions” - [TTS] “grid menu”  See detail info. with ‘Menu Hierarchy’ document • < Description > • The options of setting and highlighting tap zone on tap could be accessed directly via menu.