beta design guidelines for reading/navigation features
DESCRIPTION
Beta Design Guidelines for Reading/Navigation Features. ISE SangHyun Park. Table of Contents. I. Access via Tap Zone Actions Read book: start/stop/resume, cycle read mode Read book: read next/previous Read book: auto read Move to Next/Previous page Browse table of Contents - PowerPoint PPT PresentationTRANSCRIPT
Cool Reader design guide v0.1
Copyright© 2010-2011 by Ohio State University. All Rights Reserved. Page 1
Beta Design Guidelines for Reading/Navigation Features
ISESangHyun Park
Cool Reader design guide v0.1
Copyright© 2010-2011 by Ohio State University. All Rights Reserved. Page 2
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
Cool Reader design guide v0.1
Copyright© 2010-2011 by Ohio State University. All Rights Reserved.
1. Key legend:
2. Gesture legend:
3. Changes legend:
4. Icon legend:
Page 3
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
Cool Reader design guide v0.1
Copyright© 2010-2011 by Ohio State University. All Rights Reserved.
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
Page 4
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
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
Tap key 5When it’s saying“eBook” on the 2nd line
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
- [TTS] “stop”
1/234
-[TTS] resume
1/234
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
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
Stop reading book and-[TTS] “sentence”
1/234
Tap‘cycle readmode’
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
release
1/234
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
- [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
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
release
-[TTS] read highlighted text from the last word (“is for the~)
1/234
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
release
Cool Reader design guide v0.1
Copyright© 2010-2011 by Ohio State University. All Rights Reserved. Page 5
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.
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
- [TTS] “read next”
tap ‘readnext’
1/234
-[TTS] read next sentence-[TTS] “read next”
1/234
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
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
nextpage nextpage nextpage nextpage.
tap‘readprevious’
1/234
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
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
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
- [TTS] “word”
releaseandtap‘resume’
1/234
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
- [TTS] “resume”
release
1/234
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
- [TTS] “this”
8
Cool Reader design guide v0.1
Copyright© 2010-2011 by Ohio State University. All Rights Reserved. Page 6
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’.
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
- [TTS] “auto read”
tap ‘autoread’
1/234
-[TTS] read next sentence
1/234
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
release
(move to the next page)-[TTS] read next sentence
2/234
nextpage nextpage nextpage nextpage.
no action
-[TTS] ‘stop’
2/234
nextpage nextpage nextpage nextpage.
tap‘stop’
release
[ assumption: sentence read mode ]
tap ‘read mode’when it’s reading “with”
1/234
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
- [TTS] “word”
releaseandtap‘resume’
1/234
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
- [TTS] “resume”
release
1/234
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
- [TTS] “this”
8
stop reading
2/234
nextpage nextpage nextpage nextpage.
1/234
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
- [TTS] “ebook”
no action
Cool Reader design guide v0.1
Copyright© 2010-2011 by Ohio State University. All Rights Reserved. Page 7
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
-[TTS] “clicked”-[TTS] “page 1”
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.
Cool Reader design guide v0.1
Copyright© 2010-2011 by Ohio State University. All Rights Reserved. Page 8
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
Chapter IChapter IIChapter IIIChapter IVChapter VChapter VIChapter VIIChapter VIII
234567890
123234345
up
-[TTS] “Table of contents”
Table of Contents
Chapter IChapter IIChapter IIIChapter IVChapter VChapter VIChapter VIIChapter VIII
234567890
123234345
-[TTS] “clicked”-[TTS] “page 2”
2/234
Enter[ case 2. access through option menu]
See the guideline of “Text-to-speech design guideline” of this document
Cool Reader design guide v0.1
Copyright© 2010-2011 by Ohio State University. All Rights Reserved.
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
Page 9
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
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
- [TTS] “added bookmark”
1/234
Added bookmark
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
- [TTS] “button(p)bookmark list”
tap‘bookmarkslist’
1/234
Add Cancel
release
Bookmark list
0.5%Scene: The Mississippi valley0.8%…dressing viands, fish, poultry,
Add Cancel
-[TTS] “button(p) add”
Bookmark list
0.5%Scene: The Mississippi valley0.8%…dressing viands, fish, poultry,
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
Cool Reader design guide v0.1
Copyright© 2010-2011 by Ohio State University. All Rights Reserved. Page 10
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.
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
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”
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
anynavigationbutton
read unit
i
previous play next
- [TTS] “button(p)previous”
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
right
read unit
i
previous play next
- [TTS] “play”
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
enter
- [TTS] “an cookery,~~~”
4
read unit
i
previous pause next
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
enter
- [TTS] “paused”read unit
i
previous play next
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
rightx 2
- [TTS] “read unit”read unit
i
previous play next
enter
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
Word
Sentence
Page
Auto read
- [TTS] “clicked(p)list menu”
down
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
Word
Sentence
Page
Auto read
- [TTS] “list(p)Auto read(p)unselected”
down
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
Word
Sentence
Page
Auto read
- [TTS] “page(p)selected”
See detail info. with ‘TTS guideline’ document
back