Gestures: ingsa GESTURES

Similar documents
BOOTSTRAP AFFIX PLUGIN

FOR THOSE WHO DO. Lenovo Annual Report

TITLE - Size 16 - Bold

MKA PLC Controller OVERVIEW KEY BENEFITS KEY FEATURES

Example project Functional Design. Author: Marion de Groot Version

The L A TEX Template for MCM Version v6.2

Creating An Effective Academic Poster. ~ A Student Petersheim Workshop

TITLE. Tips for Producing a Newsletter IN THIS ISSUE

Timon Hazell, LEED AP Senior BIM Engineer. Galen S. Hoeflinger, AIA BIM Technologist Manager

Paper Template for INTERSPEECH 2018

The Next Big Thing Prepared for Meeting C

Connected TV Applications for TiVo. Project Jigsaw. Design Draft. 26 Feb 2013

BRAND GUIDELINES All rights reserved.

Intermediate District 288. Brand Manual. Visual Identity Guide

Brand Guidelines MAY 2016

Whitepaper. Call to Action

VISUAL IDENTITY STARTER KIT FOR ENSURING OUR COMMUNICATIONS ARE COHESIVE, CONSISTENT AND ENGAGING 23 OCTOBER 2008

Colors. F0563A Persimmon. 3A414C Cobalt. 8090A2 Slate Shale. C4CDD6 Alloy Coal. EFF3F5 Silver. EDF3F9 Horizon.

COLORS COLOR USAGE LOGOS LOCK UPS PHOTOS ELEMENTS ASSETS POWERPOINT ENVIRONMENTAL COLLATERAL PROMO ITEMS TABLE OF CONTENTS

ALWAYS MOVING FORWARD MIDWAY S GRAPHIC IDENTITY STANDARDS MANUAL

A Road To Better User Experience. The lonely journey every front-end developer must walk.

Version 1.4 March 15, Notes Bayer- Kogenate 2010 WFH Microsoft Surface Project (HKOG-39563) Information Architecture Wireframes

An output routine for an illustrated book

BRAND IDENTITY GUIDELINE

Thomas F. Sturm A Tutorial for Poster Creation with Tcolorbox

TITLE SUBTITLE Issue # Title Subtitle. Issue Date. How to Use This Template. by [Article Author] Article Title. Page # Article Title.

Thomas F. Sturm A Tutorial for Poster Creation with Tcolorbox

Brand identity guidelines

BOWIE FARMERS MARKET. Anne Bontogon Campaign Bowie Farmers Market

American Political Science Review (APSR) Submission Template ANONYMISED AUTHOR(S) Anonymised Institution(s) Word Count: 658

RHYMES WITH HAPPIER!

VISUAL. Standards Guide

cosmos a tech startup

I D E N T I TY STA N DA R D S M A N UA L Rev 10.13

RML Example 48: Paragraph flow controls

Insights. Send the right message to the right person at the right time.

OCTOBER 16 NEWSLETTER. Lake Mayfield Campground OR-LOW GOOD TIMES

[Main Submission Title] (Font: IBM Plex Sans Bold, 36 point)

BBN ANG 183 Typography Lecture 5A: Breaking text

TUSCALOOSA CITY SCHOOLS Graphic Standards and Logo Use Guide

Identity Guidelines Version_1

The everyhook package

Teach Yourself Microsoft Publisher Topic 2: Text Boxes

Ghislain Fourny. Big Data 2. Lessons learnt from the past

Wandle Valley Branding Guidelines 1

src0-dan/mobile.html <!DOCTYPE html> Dan Armendariz Computer Science 76 Building Mobile Applications Harvard Extension School

NATURAL BUILDING TECHNOLOGIES Document: Feedback Sheet Revision: A Date: 13/07/16 Queries:

Visual identity guideline. BrandBook BLOOMINGFELD. Brandbook 2016.

BRAND GUIDELINES VAN S AIRCRAFT, INC. VERSION V1.1

CHI LAT E X Ext. Abstracts Template

DFSA - Web Site Revamp

Brand Guide. Last Revised February 9, :38 PM

The POGIL Project Publication Guidelines

Overly Companies (OSA, BRICO)

City of Literature Branding

lipsum Access to 150 paragraphs of Lorem Ipsum dummy text a

Prototyping Robotic Manipulators For SPHERES

Making the New Notes. Christoph Noack OpenOffice.org User Experience Max Odendahl OpenOffice.org Development Christian Jansen Sun Microsystems

Pablo- Alejandro Quiñones. User Experience Portfolio

Style guide. March 2017 CC BY 4.0 The Tor Project

WRAS WIAPS BRAND GUIDELINES 2015

Project Title. A Project Report Submitted in partial fulfillment of the degree of. Master of Computer Applications

IDENTITY STANDARDS LIVINGSTONE COLLEGE DR. JIMMY R. JENKINS, SR. PRESIDENT

Certified Organisation logo guidelines. Version 1.0 April 2018

CORPORATE IDENTITY MANUAL

Customer Journey EIV and emsfaa. January 2018

Viewport, custom CSS, fonts

The pdfreview package

Visual Identity Standards

This is the Title of the Thesis

CITIZEN SCIENCE DATA FACTORY

Portfolio. Site design, wireframes and other diagrams. Abigail Plumb-Larrick. Plumb Information Strategy

Thesis GWU Example Dissertation. by Shankar Kulumani

Personal brand identity desigend by JAVIER

Getting started with Managana creating for web and mobile devices

AHA CENTRE CORPORATE DESIGN MANUAL

RPM FOUNDATION BRANDING GUIDELINES AND GRAPHIC STANDARDS

My tags Ornare sociosqu, magna, nunc, erat duis, elit malesuada, arcu, quam ut. > View all. Recommended content

The colophon Package, v1.1

AMERICA'S CAR MUSEUM BRANDING GUIDELINES AND GRAPHIC STANDARDS

Brand guidelines. Introduction These guidelines define the basic elements of the Concept Smoke Screen brand.

KEEPING FAMILIES COMFORTABLE, ALL-YEAR ROUND

Saturday January 6, pm

Abstract. Author summary. Introduction

Brand identity design. Professional logo design + Branding guidelines + Stationery Designed by JAVIER

Compassion. Action. Change.

q u e s t i o n s? contact or

BBN ANG 183 Typography Lecture 5A: Breaking text

Are You Using Engagement TilesTM?

DISTRIBUTED MEMORY COMPUTING IN ECONOMICS USING MPI

Transforming IT-speak:

Chaparral Sports Day. Basketball Ashley Guerrero(captain), Carrera, Rasuly, Hamilton Alba, Razel Alba, Bannister, Phillips, Richardson.

njoy Brandmark njoy Logo Usage Guide January 2015

NCATS Branding System. Branding Elements 2 Color Palette 3 Typography 4 Imagery 5-6 Iconography 7 Applications 8-16

file:///users/nma/desktop/chris_mac/chris_school/kcc_nmawebsite/_technology/sitebuild/htdocs/gargiulo/data/johndoe/spring/art128...

CLASP Website Redesign Client Deliverables Spring 2007

Invoice Visual Design Specifications MEC

KEEPING FAMILIES COMFORTABLE, ALL-YEAR ROUND

A High Capacity Html Steganography Method

LARK BISTRO LOGO & WEBSITE DESIGN PROPOSAL

Transcription:

GESTURES FORWARD AND BACKWARD SWIPE RIGHT TO GO TO THE NEXT SCREEN OR SWIPE LEFT TO GO TO THE PREVIOUS SCREEN IN THE STORY FLOW SELECT TAP WITH 1 FINGER TO NAVIGATE THOROUGH AN INTERACTIVE ITEM (SCENES) ON A SCREEN UP AND DOWN SWIPE UP AND DOWN TO NAVIGATE EXTRA CONTENT IN A PAGE. 7 Page: 1 / 10

CANVAS Top & Bottom Top / Up Virtual Patient Treatment Moderate-Risk Regimen Associated with 17% Risk of Febrile Neutropenia Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed mollis aliquet nisl, mattis volutpat purus facilisis quis. Aliquam consectetur odio luctus neque fermentum lobortis tempor magna vulputate. Pellentesque laoreet nulla vitae leo tincidunt sodales. Morbi facilisis, justo posuere ultricies mattis, lorem nulla suscipit nibh, ut vulputate odio odio vitae orci. Cras quis nisi nulla. Suspendisse lobortis, urna ut adipiscing commodo, mi metus dapibus nisl, sed semper mauris dolor ac nulla. Vestibulum ultricies euismod semper. Maecenas tincidunt, mi id tempus nisi convallis nec. Proin vitae nisl in erat dapibus euismod non vel eros. Donec suscipit arcu eu orci congue bibendum. Bottom / Down 7 Page: 2 / 10

CANVAS Left & Right Virtual Patient Treatment Moderate-Risk Regimen Associated with 17% Risk of Febrile Neutropenia Back / Left Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed mollis aliquet nisl, mattis volutpat purus facilisis quis. Aliquam consectetur odio luctus neque fermentum lobortis tempor magna vulputate. Pellentesque laoreet nulla vitae leo tincidunt sodales. Morbi facilisis, justo posuere ultricies mattis, lorem nulla suscipit nibh, ut vulputate odio odio vitae orci. Cras quis nisi nulla. Suspendisse lobortis, urna ut adipiscing commodo, mi metus dapibus nisl, sed semper mauris dolor ac nulla. Vestibulum ultricies euismod semper. Maecenas tincidunt, mi id tempus nisi convallis nec. Proin vitae nisl in erat dapibus euismod non vel eros. Donec suscipit arcu eu orci congue bibendum. Forward / Right 7 Page: 3 / 10

CANVAS Left w/isi Right 2 The target navigation areas will accommodate Back / Left Virtual Patient Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed mollis aliquet nisl, mattis volutpat purus facilisis quis. Aliquam consectetur odio luctus neque fermentum lobortis tempor magna vulputate. Pellentesque laoreet nulla vitae leo tincidunt sodales. Morbi facilisis, justo posuere ultricies mattis, lorem nulla suscipit nibh, ut vulputate odio odio vitae orci. Cras quis nisi nulla. Suspendisse lobortis, urna ut adipiscing commodo, mi metus dapibus nisl, sed semper mauris dolor ac nulla. Vestibulum ultricies euismod semper. Maecenas tincidunt, mi id tempus nisi convallis nec. Proin vitae nisl in erat dapibus euismod non vel eros. Donec suscipit arcu eu orci congue bibendum. Persistent ISI Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed mollis aliquet nisl, mattis volutpat purus facilisis quis. Aliquam consectetur odio luctus neque fermentum lobortis tempor magna vulputate. Pellentesque laoreet nulla vitae leo tincidunt sodales. Morbi facilisis, justo posuere ultricies mattis, lorem nulla suscipit nibh, ut vulputate odio odio vitae orci. Cras quis nisi nulla. Suspendisse lobortis, urna ut adipiscing commodo, mi metus dapibus nisl, sed semper mauris dolor ac nulla. Vestibulum ultricies euismod semper. Maecenas tincidunt, mi id tempus nisi convallis nec. Proin vitae nisl in erat dapibus euismod non vel eros. Donec suscipit arcu eu orci congue bibendum.lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed mollis aliquet nisl, mattis volutpat purus facilisis quis. Aliquam consectetur odio luctus neque fermentum lobortis tempor magna vulputate. Pellentesque laoreet nulla vitae leo tincidunt sodales. Morbi facilisis, justo posuere ultricies mattis, lorem nulla suscipit nibh, ut vulputate odio odio vitae orci. Cras quis nisi nulla. any persistent information, which must remain on screen such as ISI and PI. Navigation within these areas will perform independently of the navigation gestures. Forward / Right Treatment Moderate-Risk Regimen Associated with 17% Risk of Febrile Neutropenia Suspendisse lobortis, urna ut adipiscing commodo, mi metus dapibus nisl, sed semper mauris dolor ac nulla. Vestibulum ultricies euismod semper. Maecenas tincidunt, mi id tempus nisi convallis nec. Proin vitae nisl in erat dapibus euismod non vel eros. Donec suscipit arcu eu orci congue bibendum. 7 Page: 4 / 10

SCROLLING Left -Right Virtual Patient Treatment Moderate-Risk Regimen Associated with 17% Risk of Febrile Neutropenia Turning page metaphor: A one finger swipe on the screen will scroll the content in the direction of the swipe Moves presentation back Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed mollis aliquet nisl, mattis volutpat purus facilisis quis. Aliquam consectetur odio luctus neque fermentum lobortis tempor magna vulputate. Pellentesque laoreet nulla vitae leo tincidunt sodales. Morbi facilisis, justo posuere ultricies mattis, lorem nulla suscipit nibh, ut vulputate odio odio vitae orci. Cras quis nisi nulla. Suspendisse lobortis, urna ut adipiscing commodo, mi metus dapibus nisl, sed semper mauris dolor ac nulla. Vestibulum ultricies euismod semper. Maecenas tincidunt, mi id tempus nisi convallis nec. Proin vitae nisl in erat dapibus euismod non vel eros. Donec suscipit arcu eu orci congue bibendum. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed mollis aliquet nisl, mattis volutpat purus facilisis quis. Aliquam consectetur odio luctus neque fermentum lobortis tempor magna vulputate. Pellentesque laoreet nulla vitae leo tincidunt sodales. Morbi facilisis, justo posuere ultricies mattis, lorem nulla suscipit nibh, ut vulputate odio odio vitae orci. Cras quis nisi nulla. Suspendisse lobortis, urna ut adipiscing commodo, mi metus dapibus nisl, sed semper mauris dolor ac nulla. Vestibulum ultricies euismod semper. Maecenas tincidunt, mi id tempus nisi convallis nec. Proin vitae nisl in erat dapibus euismod non vel eros. Donec suscipit arcu eu orci congue bibendum. Moves presentation forward 7 Page: 5 / 10

SCROLLING Up - Down Up Virtual Patient Treatment Content may require a user to scroll vertically though a presentation Moderate-Risk Regimen Associated with 17% Risk of Febrile Neutropenia Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed mollis aliquet nisl, mattis volutpat purus facilisis quis. Aliquam consectetur odio luctus neque fermentum lobortis tempor magna vulputate. Pellentesque laoreet nulla vitae leo tincidunt sodales. Morbi facilisis, justo posuere ultricies mattis, lorem nulla suscipit nibh, ut vulputate odio odio vitae orci. Cras quis nisi nulla. Again a one finger swipe in the direction of the swipe will advance the contetn Suspendisse lobortis, urna ut adipiscing commodo, mi metus dapibus nisl, sed semper mauris dolor ac nulla. Vestibulum ultricies euismod semper. Maecenas tincidunt, mi id tempus nisi convallis nec. Proin vitae nisl in erat dapibus euismod non vel eros. Donec suscipit arcu eu orci congue bibendum. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed mollis aliquet nisl, mattis volutpat purus facilisis quis. Aliquam consectetur odio luctus neque fermentum lobortis tempor magna vulputate. Pellentesque laoreet nulla vitae leo tincidunt sodales. Morbi facilisis, justo posuere ultricies mattis, lorem nulla suscipit nibh, ut vulputate odio odio vitae orci. Cras quis nisi nulla. Suspendisse lobortis, urna ut adipiscing commodo, mi metus dapibus nisl, sed semper mauris dolor ac nulla. Vestibulum ultricies euismod semper. Maecenas tincidunt, mi id tempus nisi convallis nec. Proin vitae nisl in erat dapibus euismod non vel eros. Donec suscipit arcu eu orci congue bibendum. Down 7 Page: 6 / 10

ANIMATION in CONTENT 1 Lorem Ipsum x1 A one finger tap on the right side of the slide advances the animation within a slide from one key frame to the next key frame. i.e. from Key Frame 2 to Key Frame 3 Key Frame 1 (start) Key Frame 2 Key Frame 3 Key Frame 4 (last) 7 Page: 7 / 10

ANIMATION in CONTENT 2 Lorem Ipsum x2 A double tap on the right side of the slide advances the animation to the last key frame of the animation. i.e. from Key Frame 2 to the end Key Frame 1 (start) Key Frame 2 Key Frame 3 Key Frame 4 (last) 7 Page: 8 / 10

ANIMATION in CONTENT 3 Lorem Ipsum x1 A one finger tap on the left side of the slide rewinds the animation within a slide from one key frame to the previous key frame. i.e. from Key Frame 3 to Key Frame 2 Key Frame 1 (start) Key Frame 2 Key Frame 3 Key Frame 4 (last) 7 Page: 9 / 10

ANIMATION in CONTENT 4 Lorem Ipsum x2 A double tap on the left side of the slide returns the animation to the beginning of the animation sequence. i.e. from Key Frame 3 to Key Frame 1 Key Frame 1 (first) Key Frame 2 Key Frame 3 Key Frame 4 (last) 7 Page: 10 / 10