beta design guidelines for reading/navigation features

Cool Reader design guide v0.1

Copyright© 2010-2011 by Ohio State University. All Rights Reserved.

Beta Design Guidelines for Reading/Navigation Features

ISESangHyun Park



Table of Contents

I. Access via Tap Zone Actions

1. Read book: start/stop/resume, cycle read mode

2. Read book: read next/previous

3. Read book: auto read

4. Move to Next/Previous page

5. Browse table of Contents

6. Select/Add a bookmark

II. (Suggestion) Access via menu option

• Read book with player: start/stop/resume, read next/previous, cycle read mode



1. Key legend:

2. Gesture legend:

3. Changes legend:

4. Icon legend:

Notation

Home Home touch key Up Up navigation key on physical QWETRTY keypad/D-pad

Back Back touch key Down Down navigation key on physical QWETRTY keypad/D-pad

Menu Menu touch key Right Right navigation key on physical QWETRTY keypad/D-pad

Search Search touch key Left Left navigation key on physical QWETRTY keypad/D-pad

Enter Enter key on physical QWETRTY keypad/D-pad

DEL Page deleted

ADD Page added

MOD Page modified

Description Text deleted

Description Text/Screen/Graphics modified

Icon

Single tapping on touchscreen Dragging on touchscreen: bottom top

Double tapping on touchscreen Flicking on touchscreen: left right

Long tapping on touchscreen Flicking on touchscreen: right left

Dragging on touchscreen: left right

Flicking on touchscreen: top bottom

Dragging on touchscreen: right left

Flicking on touchscreen: bottom top

Dragging on touchscreen: top bottom

Drawing a line: rectangle triangle



an Cookery, by AmeliaSimmons This eBook isfor 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

Read book: start/stop/resume, cycle read mode

< Description >• Mapping zone and feature could be changed. The operation way could be changed. • assumption: the default read mode is “page’, which means that it reads all texts till a user makes it stop. Visual cue for the contents being read is given by highlighting text by sentence. Cycle read mode: page sentence word• label of start/stop/resume button will be determined depending on the current status. 1) if reading, it’d be ‘stop’. 2) after ‘stop’, it’d be ‘resume’. 3) otherwise, it’d be ‘start’.•whenever the resume key is touched, it will read from the last word being read before.• when a user touch the key, ‘read next’, it will read the next contents right away regardless it’s reading previous contents or it’s reading nothing.

- [TTS] “button(p)start”

Tapstart/stop/resume

1/234

Release

- [TTS] read highlighted text

releaseandtap again

1/234


Tap key 5When it’s saying“eBook” on the 2nd line


- [TTS] “stop”

1/234

-[TTS] resume

1/234



Stop reading book and-[TTS] “sentence”

1/234

Tap‘cycle readmode’


release

1/234


- [TTS] “resume”

tap ‘resume’

1/234

-[TTS] read the next sentence if it read whole previous whole sentenceif not, read the currently focusing sentence.

1/234


release

-[TTS] read highlighted text from the last word (“is for the~)

1/234


release



Read book: read next/previous

< Description >• while reading contents, if a feature is selected, it would word right after being pressed.

• while reading a sentence, if ‘read next’ is pressed, it would jump and read the next sentence right after being pressed. • while reading a sentence, if the cycle read mode is changed to ‘word, it would read the next word of what it has read right before being pressed.

• 8th scene: the highlighted text corresponds to the contents that it is reading. e.g. if ‘read mode’ is ‘word’, each word will be highlighted when it is read.


- [TTS] “read next”

tap ‘readnext’

1/234

-[TTS] read next sentence-[TTS] “read next”

1/234


releaseandtap ‘read next’again

(move to the next page)-[TTS] read next sentence

2/234

nextpage nextpage nextpage nextpage.

release

(move to the next page)-[TTS] ‘read previous’

2/234


tap‘readprevious’

1/234


release

(move to the previous page)-[TTS] read the last sentence ofthe previous page

[ assumption: sentence read mode ]

tap ‘readmode’when it’sreading“with”

1/234


- [TTS] “word”

releaseandtap‘resume’

1/234



release

1/234


- [TTS] “this”

8



Read book: auto read

< Description >• it will read book continuously by the selected unit mode until ‘stop’ or other feature is selected.• 8th scene: after selecting ‘stop’, once ‘resume’ is selected, it will work as ‘auto read’.


- [TTS] “auto read”

tap ‘autoread’

1/234

-[TTS] read next sentence

1/234


release

(move to the next page)-[TTS] read next sentence

2/234


no action

-[TTS] ‘stop’

2/234


tap‘stop’

release

[ assumption: sentence read mode ]

tap ‘read mode’when it’s reading “with”

1/234


- [TTS] “word”

releaseandtap‘resume’

1/234



release

1/234


- [TTS] “this”

8

stop reading

2/234


1/234


- [TTS] “ebook”

no action



Move to Next/Previous page

< Description >• when the page is opened, auditory feedback on the changed page will be given.

- [TTS] “button(p)next page”

Tap

1/234

Release

-[TTS] “clicked”-[TTS] “page 2”

2/234

Release


1/234

- [TTS] “previous page”

1/234

Drag from left to right

[ Access via TZAs]

Note. If dragging more than 1 zone without stopping, there will be no auditory feedback on the skipped zone. (e.g. 5 th zone)Auditory feedback on the 4th zone is given 0.2sec after touching on 4th zone.



Browse table of Contents

- [TTS] “button(p)table of contents”

Tap

1/234

Release

-[TTS] “clicked”-[TTS] “Table of contents”

Table of Contents

Chapter IChapter IIChapter IIIChapter IVChapter VChapter VIChapter VIIChapter VIII

234567890

123234345

[ case 1. access through TZAs and then browse with navigation keys(D-pad) ]

Down (D-pad/QWERTY)

-[TTS] “Chapter I(p)page 2”

Table of Contents


234567890

123234345

up

-[TTS] “Table of contents”

Table of Contents


234567890

123234345


2/234

Enter[ case 2. access through option menu]

See the guideline of “Text-to-speech design guideline” of this document




Select/Add a bookmark

< Description >• Mapping zone and feature could be changed. The operation way could be changed. •when ‘add’ button is clicked, the bookmark for the current page will be put at the end of the list.

- [TTS] “button(p)add bookmark”

1/234

Release

-[TTS] “clicked”-[TTS] “bookmark list”

Bookmark list

0.5%Scene: The Mississippi valley0.8%…dressing viands, fish, poultry,

Down

-[TTS] read highlighted bookmark


- [TTS] “added bookmark”

1/234

Added bookmark


- [TTS] “button(p)bookmark list”

tap‘bookmarkslist’

1/234

Add Cancel

release

Bookmark list


Add Cancel

-[TTS] “button(p) add”

Bookmark list


Add Cancel

Down x2

-[TTS] “added bookmark”-[TTS] read highlighted bookmark

Bookmark list

0.5%Scene: The Mississippi valley0.8%…dressing viands, fish, poultry,0.1%An Cookery, by Amelia Simmo

Cancel

enter

Bookmark list

Add Cancel

Up

0.5%Scene: The Mississippi valley0.8%…dressing viands, fish, poultry,0.1%An Cookery, by Amelia Simmo

-[TTS] read highlighted bookmark

Add

enter

Title: American cookery the art of dressing viands, fish, poultry, and vegetables

Author: Amelia Simmons

Release date: July 4, 2004 [EBOOK #12815]

- [TTS] “page 2”

2/234

[ case 1. access through TZAs and then browse with navigation keys(D-pad) ]

Added bookmark

tap‘addbookmark’

back



Read book with player

< Description >• 1st scene: once ‘show player’ is selected, now it would be changed to ‘hide player’. (show player <-> hide player). Until ‘hide player’ is selected, player buttons are displayed. Also, the book would be adjusted to the screen size reduced due to the button area for player.• 4th scene: assumption- the default read mode is “page’, which means that it reads all texts till a user makes it stop. Visual cue for the contents being read is given by highlighting text by sentence. Cycle read mode: page sentence word, once ‘play’ button is selected, it turns to ‘pause’ button.• Fundamentally, the way how each button works is the same as when a user accesses it via ‘tap zone actions’. (description on I. 1 ~ 3.)• Labels should be reconsidered.


1/234

open menu

MoreBookmarksGo to

Tap Zoneshow playeropen file

i i i

i i i

See detail info. with ‘Menu Hierarchy’ document

an Cookery, by AmeliaSimmons This eBook isfor 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-

1/234

select‘book player’

1

read unit

i

previous play next

- [TTS] “grid menu” - [TTS] “clicked(p)grid menu”


1/234

anynavigationbutton

read unit

i

previous play next

- [TTS] “button(p)previous”


1/234

right

read unit

i

previous play next

- [TTS] “play”


1/234

enter

- [TTS] “an cookery,~~~”

4

read unit

i

previous pause next


1/234

enter

- [TTS] “paused”read unit

i

previous play next


1/234

rightx 2

- [TTS] “read unit”read unit

i

previous play next

enter


1/234

Word

Sentence

Page

Auto read

- [TTS] “clicked(p)list menu”

down


1/234

Word

Sentence

Page

Auto read

- [TTS] “list(p)Auto read(p)unselected”

down


1/234

Word

Sentence

Page

Auto read

- [TTS] “page(p)selected”

See detail info. with ‘TTS guideline’ document

back

beta design guidelines for reading/navigation features

Documents