OnVue camera mobile app v3 - fattysdiner.com · Camera Mobile App Design - Camera p4 Camera Expanded view has ability to scroll all camera views horizontally. Shows date, time, of

Camera Mobile App Design

Version 3.9Monday December 14th, 2015

TMOnVueTMOnVue

Email

Password

Confirm Password

Carrier 12:34 AM 100%

space

Q

A S D F G H J K L

Z X C V B N M

123

W E R T Y U I O P

Next

TMOnVue

[email protected]

Password

SIGN IN


Reset Password

RESEND ACTIVATION LINK

TMOnVue

CREATE ACCOUNT

By creating your FREE account, you agree to NEW CAMERA’s EULA and Privacy Policy


Email

Password

Confirm Password

TMOnVue

Camera Mobile App Design - Start, Create Account & Sign In

p2

StartThe user starts her after installing the app or previously installed and signedout.

The user create an account or sign in.

1 Create AccountSimple sign up requires only email, password and confirming password to create account.

2 Sign InIf the user has signed out they can simply sign in with email and password.

If user is having difficulty Signing In with the wrong credentials, an Error message shows Account Not Verified, please select Resend Activation Link to the email provided. A new button bar appears. The user can select Resend ActivationLink.

3 Create/Sign In keypadMobile operating system default iOS & Android keyboard slides up to allow user to input their credentials.

4

Go to “Reset Password” step 60 on page 16

CREATE ACCOUNT SIGN IN

Carousel of concise blurbs here to present opportunities for Pro Service features


TMOnVueTMOnVue

TMOnVue

Same screen

Camera Mobile App Design - Disarmed, Armed Home Screen & Cameras

p3

Home Screen (single user)

By default all cameras are Disarmed, the user can Arm.

Ability to Disable or Enable all cameras or select individual cameras as needed.

Bottom navigation bar allows the user to select the functionality and visit those screens at any time.

5

Scrolls

Home Screen (single user)

Once armed, upon receiving notices, the user can the user can view how many events have occurred or view events at anytime by selecting Events in the bottom navigation.

6 Home Screen (single user)

Ability to scroll & view all cameras.

7

ScrollsScrolls

TMOnVue

CamerasAbility to scroll through all cameras that have been added.

Upon an Event, the Camera Motion is triggered and captures a Still.

The user double taps on any camera to Expand view.

8

Scrolls


Living Room

Kitchen

Cameras

SettingsEventsCamerasArmed


Living room

Kitchen

Stairway

Garage (offline)

Front Yard


TMOnVue

Armed

Living room

Kitchen

Stairway

Garage (offline)

Front Yard

SettingsDisarmed EventsCameras

TMOnVue

Disarmed


5



TMOnVue

Armed

5

Front Yard

Back Yard

Back Deck

Basement

Garage (offline)

Camera Mobile App Design - Camera

p4

CameraExpanded view has ability to scroll all camera views horizontally.

Shows date, time, of still capture.

9 Camera Selecting Camera enables viewing, recording and ability to upload recording to Cloud storage.

10


Living Room (Local)

08-27-2015 16:49:33


Cameras

CameraSelecting Speaker enables ability to speak from the Camera while viewing, recording and ability to upload recording to Cloud storage.

Speaker & Camera can work simultaneously.

11


Living Room (Local)

08-27-2015 16:49:33


Cameras

CameraSelecting Mic enables ability to hear from the Camera while viewing, recording and ability to upload recording to Cloud storage.

Camera & Mic can work simultaneously.

12


Living Room (Local)

08-27-2015 16:49:33


Cameras

Same screen

Scrolls

TMOnVue


Living Room (Local)

08-27-2015 16:49:33


Cameras

MicSpeaker

Camera Recording Recording Recording

MicSpeaker MicSpeaking HearingSpeaker

Camera Mobile App Design - Camera & Settings

p5

16151413

TMOnVue

CameraSpeaker, Camera, Mic can work simultaneously.


Living Room (Local)

08-27-2015 16:49:33


Cameras

Recording

HearingSpeaker

Camera Settings

Add Camera

Garage

CAMERAS


DELETEShow


FAQ’s

Account

Settings

Cameras

GENERAL

About

Legal

CLOUD STORARGE


Free Plan (limited 5 events)

Info


Go to “Add Camera” screen 37 on page 11

Living Room Show

Scrolls

Configuration

Event Settings

Living Room Settings

Rename Camera Living Room



Individual Camera SettingsAbility to navigate & Configure camera Event Settings, Rename, modify Camera View Area & Frame Rate.

Share feature is not shown due to scroll.

Camera SettingsThe user can swipe left on the Camera to activate Delete or Hide functionality.

Selecting Show navigates the user to that Individual Camera Settings.

SettingsDisplay for Cloud Storage and General settings.

Any selection navigates to that screen.

Navigate to Cameras Settings screen toadd or edit cameras..

Sign out

Camera Mobile App Design - Event Settings, Motion, Audio & Rename Camera

p6

1917 18 20

TMOnVue

Event SettingsAbility to Disable or Enable event settings for Motion & Audio.

Turn on or off to send notices.

Motion

Event settings

Audio


25%

25%


MotionUser can modify the Motion Level for Movements & Save.

not_enabled_motion (not shown)25% = large_motion (default setting when enabled)50% = medium_motion75% = medium_small_motion100% = small_motion

AudioUser can modify the Audio SensitivityLevel & Save.

not_enabled_audio (not shown)25% = large_audio (default setting when enabled)50% = medium_audio75% = medium_small_audio100% = small_audio

AudioCarrier 12:34 AM 100%


DetectsLarge Noises

DetectsSmall Noises

CANCEL SAVE

25%

MotionCarrier 12:34 AM 100%


CANCEL SAVE

DetectsLarge Movements

DetectsSmall Movements

25%

Drag Slider to Set Motion Sensitivity LevelDrag Slider to Set Motion Sensitivity Level Drag Slider to Set Motion Sensitivity Level

Rename CameraAbility to Rename Camera by selectingthe Camera name.

Selecting

here

Configuration

Event Settings





Go to “Add Camera” screen 16 on page 5

22

Camera Mobile App Design - Rename Camera, Events and Multiple events

p7

242321

TMOnVue

Rename CameraAbility to Rename Camera by selectingthe Camera name.

Rename Camera (continued)

By selecting the Camera Name, the name changes to green.

A cursor appears and the defaultoperating system keyboard appears to edit the name.

Selecting Done saves changes & closes keyboard. If no edits we’re made, selecting Done closes keyboard.

Living Room SettingsCarrier 12:34 AM 100%

Same screenBack to “Camera Settings” screen 14 on page 5

Selecting here

Cursorhigh-tlighted

Time

Configuration

Event Settings


Flip Camera Image

Show Camera Light

Camera Video Frame Rate


Q

A S D F G H J K L

Z X C V B N M

W E R T Y U I O P

Configuration

Event Settings





Events locations okDefault view if there are no events.

Scrolls

Living RoomAudio08-27-2015 16:49:33

Events

GarageAudio08-27-2015 16:54:19

KitchenAudio08-27-2015 16:50:05

StairwayAudio08-27-2015 16:51:26

All locations OK

Edit


UPGRADE TO PRO SERVICE


Multiple EventsUser has been alerted and can view events.

Free plan is limited to 5 Events and is encouraged to upgrade.

Individual events display how many events in the red alert badge.

The user can tap a red alert badge Event and view those listed.

Same screen

Go to “Individual Events” screen 33 on page 10

Living RoomMotion/Audio08-27-2015 16:49:33

Events

GarageMotion08-27-2015 16:54:19

KitchenAudio/Motion/Temp08-27-2015 16:50:05


Events5

EditCarrier 12:34 AM 100%



3

2

space123 Done

25 26

Camera Mobile App Design - Multiple Events, Edit & Deleting

p8

2827

TMOnVue

Multiple Events (continued)

Ability to view, scroll and Edit Events.

The Edit bar can be activated by selecting Edit.

(This functionality is following iOS email functionality.)

Scrolls

Back YardAudio08-27-2015 17:00:02


Events

GarageMotion08-27-2015 16:54:19

Front YardAudio08-27-2015 16:58:19

Back DeckAudio08-27-2015 17:00:02

Edit

Events5



Edit Multiple EventsAfter Edit was selected and the events slide, exposing radio button(s) to select.

Edit bar is activated allowing an Individual Event, Multiple Events, Dated Events or All Events to be selected.

Mark All indicates all Events can be selected.

Mark All changes to Mark after selecting anEvent.

Selecting Multiple Events Multiple Events can be selected by selecting each one individually.

Back YardAudio08-27-2015 17:00:02

Events

GarageMotion08-27-2015 16:54:19


Back DeckAudio08-27-2015 17:00:02


Cancel

DeleteMark All


Events5



Back YardAudio08-27-2015 17:00:02

Events

GarageMotion08-27-2015 16:54:19


Back DeckAudio08-27-2015 17:00:02


Cancel

Delete

Cancel

DeleteMark


Deleting Multiple EventsAfter selecting Delete, a Confirmation Message pops up allowing the user to select Delete Events or Cancel.


Back YardAudio08-27-2015 17:00:02

Events

GarageMotion08-27-2015 16:54:19




CancelCancel

DELETE EVENTS

CANCEL

Delete Selected Events?

All events selected for this camerawill be deleted.

29 30 32

Camera Mobile App Design - Selecting Dated Events & Deleting

31

p9

TMOnVue

Selecting All Dated EventsAbility to scroll though each Day’s Events.

Each day’s Events are dated and separated by a grey bar.

Mark that Day’s Event Bar.

All Events for that day are marked and can be deleted by selecting Delete.


Back YardAudio

Events

GarageMotion08-27-2015 16:54:19



CancelCancel

08-27-2015



DeleteMark

>> Same Screen Continued

Deleting All Dated Events After selecting Delete, a Confirmation Message pops up allowing the user to select Delete Events or Cancel.

Selecting All EventsAll Events can be deleted.

By selecting Mark All, all events are automatically selected.

All Events are marked and can be deleted by selecting Delete.



GarageMotion08-27-2015 16:54:19


08-27-2015

EventsCarrier 12:34 AM 100%

CancelCancel

DELETE EVENTS

CANCEL

Delete Day’s Events?

All events from this date will be deleted.

Deleting All Events After selecting Delete, a Confirmation Message pops up allowing the user to select Delete Events or Cancel.



Events

StairwayMotion08-27-2015 16:54:19

GarageAudio08-27-2015 16:58:19

Back YardAudio08-27-2015 17:00:02


Cancel

Delete

Cancel

Delete

08-27-2015


Mark



StairwayMotion08-27-2015 16:54:19

GarageAudio08-27-2015 16:58:19

08-27-2015

EventsCarrier 12:34 AM 100%

CancelCancel

DELETE EVENTS

CANCEL

Delete All Events?

All events from all cameraswill be deleted.

Camera Mobile App Design - Individual Events, Deleting & Set Up new Camera

p10

35 3633 34

TMOnVue

Individual Event(s) Ability to scroll though all Events.

Scrolls

Same screen

Today 4:57pm

Today 5pm


Events

Events for Living Room2Motion

Audio


Delete Individual Event(s) The user can swipe left on an Event to to activate Delete Save or Play functionality.

Today 4:57pm

Today 5pm


Events

Events for Living Room2Motion

Audio

DELETESAVE


Delete Event(s)

After selecting Delete a Confirmation Message pops up allowing the user to select Delete Event or Cancel.

Today 4:57pm

Cameras SettingsEnable

Today 5pm


Events

Events for Living Room2

Events

Motion

Audio

DELETESAVE

DELETE EVENTS

CANCEL

Delete This Event?

This event will be permanently deleted and cannot be recovered.

Set Up A New CameraAfter the user created an account for the first time they can choose to SKIP SETUP or SETUP A NEWCAMERA.

Network Camera Viewer

SETUP A NEW CAMERA

SKIP SETUP

New Camera Set Up

Connecting for theFirst Time

Back to “Settings” screen 14 on page 5


TMOnVue

37

Camera Mobile App Design - Add Camera Steps

p11

38 39 40

TMOnVue

Add Camera At any point after a user has skipped the setup or wants to add a camera, they start here.

The user can choose from the Space Camera listed & automatically populatesthe configuration. It will take the user to step 45 New Camera Set Up.


Add Camera

OnVue Camera

CAMERAS


Only one camera is listed for this scope and more will be listed in the future.

New Camera Set Up Step 1Five Steps for Camera Set Up process with directions.

User selects NEXT to the next step.

(Note: this step is showing the wrongcamera & needs Onvue Camera images when the product is created.

New Camera Set Up Step 2After the Camera is operating it will broadcast it’s SSID.

User is asked to connect to their mobile phone to Camera Wi-Fi by going to the Settings mobile phone settings first.

User selects their Camera (OnVue Camera)and exits. After opening the OnVue Camera app they see their New Camera UID in step 3.

The user selects NEXT to the next step.

New Camera Set UpCarrier 12:34 AM 100%

Connect camera cable to a power outlet

Push the RESET button on the backside of the Camera for 3-4 seconds

Wait for 30 seconds until the light blinks, Camera will start the connection process

1

NEXT


Please exit this app and go to yourmobile phone settings and select

your OnVue Camera network.

Now select Next below.

NEXT

2 3 4 5 1 2 3 4 5

Wi-Fi

Wi-Fi


OnVue Camera

Settings

CHOOSE A NETWORK...

my_home

New Camera Set Up Step 3 After a successful connection the user can view their UID.

They are asked to enter their Password for their local Wi-Fi. Has ability to Hide their Password by selecting the check.

User selects NEXT to the next step.


NEXT

Your camera was successfully discoveredand has a camera Identification.

OnVue Camera 1 UID: 8675309

Please enter your Password to connect your camera to your local Wi-Fi Network.

my_home

Your Wi-Fi Network

••••••••••••Please enter your password

Hide Password

1 2 3 4 5

41

Camera Mobile App Design - Add Camera Steps (continued)

p12

42 43 44

TMOnVue

New Camera Set Up Step 4User is asked to connect to their mobile phone to their local Wi-Fi by going to Settings on their mobile.

If already connected to local Wi-Fi network, this screen may not show.

New Camera Set Up Step 5After inputing a Name & changing the Default Password, the user selects DONE & exits the Set Up Camera steps. The user is taken to Step 9 Cameras screen.

New Camera Set Up Step 5A live Camera view should appear after connecting to the WiFi Network, the user is asked to input a Name & changing the Default Password.


Kitchen

Please name your camera

Your Camera Default Password is 8888(recommended to change below)

Same screen

Scrolls


DONE

Your Camera Default Password is 8888(recommended to change below)

Hide Password

Kitchen

Please name your camera

••••••••••••

Please enter a new Camera Password

••••••••••••

Please enter a new Camera Password

DONE


NEXT

1 2 3 4 51 2 3 4 51 2 3 4 5

Wi-Fi

Wi-Fi


OnVue Camera

Settings

CHOOSE A NETWORK...

my_home

Scrolls

Camera Settings

Add Camera

CAMERAS



Garage Show

Camera AddedCamera was added and named.

Living Room Show

Camera Mobile App Design - Cameras Listed, order and Sharing

45 46

p13

47 48

TMOnVue

Firmware (Current)

Same screen

Change Camera’s Order By dropping the camera in desired order, the user releases and the navicon disappears.

Sharing CameraSelecting Share Camera takes the user to the Sharing Camera screen.

Email Diagnostics feature is not shown due to scroll.

Sharing Individual CameraCurrent view shows a camera that can be shared. User selects that camera to share with a user.

Back to “Camera Settings” screen 14 on page 5 Same screen

Cameras Listed The user has successfully added several cameras & has ability to change order of cameras.

By selecting & holding, a navicon appears and the ability to drag the camera into the desired order.

Camera Settings

Add Camera

CAMERAS



Living Room Show

Stairway Show

Front Yard Show

Back Yard Show

Back Deck Show

Kitchen Show

Garage Show

Share CameraCarrier 12:34 AM 100%


Living Room

Camera Settings

Add Camera

CAMERAS



Kitchen Show

Living Room Show

Stairway Show

Front Yard Show

Back Yard Show

Back Deck Show

Garage Show

Selecting here

Droppinghere

Living Room SettingsCarrier 12:34 AM 100%

Share Camera


Software and Diagnostics

Time

Configuration

Event Settings


Flip Camera Image

Show Camera Light

Camera Video Frame Rate

Wi-Fi

Camera Mobile App Design - Sharing Individual Cameras & Disarmed Cameras

50 51

p14

5249

TMOnVue

Full Function (Permissions)

Living Room

Sharing Individual CameraAfter adding a new user and selecting Save, an alert pops up.

An email is sent to that user requesting them to download and register. The user follows the links for downloading the app and they can register. Once they are registed the new user will receive a notification that a camera is being shared. The user selects OK & to close the alert. By selecting the Camera button at the bottom they can view the Camera(s).

Sharing Individual CameraNew user was added.

Ability to set Sharing Permissions & P2P for either the default Read Only or Full Function on an Individual Camera.

User selects SAVE.

CLEAR SAVE

UsersCarrier 12:34 AM 100%


Edit

CLEAR SAVE



Edit

Living Room

[email protected]

Neighbor

[email protected]

Family


OK

Sharing Individual CameraCurrent dropdown view shows a shared user has previously been added and theuser wants to add another by selecting Add. New fields are added below. If the user wants to cancel, they select cancel.

At any point the user can delete a user byselecting the check circle.

CLEAR SAVE



Living Room

Cancel

DeleteMark All Add

[email protected]

Neighbor

[email protected]

Family


P2P P2P

[email protected]

Neighbor

[email protected]

Family

P2P

ErrorUser [email protected] is

not registered. An email has beensent requesting this user to

download and register.

Home Screen (Multiple Cameras)

User scrolls down to view Shared Cameras.

Ability to Arm/Disarm or Enable/Disable shared cameras when the user selects that group of shared cameras.

Scrolls

Same screen

TMOnVue

Disarmed


SHARED

Studio

Alley

Parking

Front Yard

SettingsDisarmed EventsCameras

Camera Mobile App Design - Armed Shared Cameras

54 55

p15

5653

TMOnVue

Select Shared Camera to DisarmThe grey disarmed icon is Read Only. Other Shared Cameras are unaffected and stay Armed.


Once armed, the user can view all events that have occurred from all cameras or view events at anytime by selecting Events in the bottom navigation.

Ability to scroll & view all cameras.


The user has selected that group of Camerasand can Arm only that group of selected Cameras.

Select Shared Camera to ArmUser can arm the Shared Camera by selecting the disarmed icon, the icon turns to Armed icon.

ScrollsScrollsScrollsScrolls ScrollsScrolls



TMOnVue

Armed

5

SHARED

Front Yard

Studio

Alley

Parking



TMOnVue

Armed

5

SHARED

Studio

Alley

Parking

Front Yard



TMOnVue

Armed

5

SHARED (Jerry) SHARED

Studio

Alley

Parking

Front Yard



TMOnVue

Armed

5

SHARED (Jerry)

Studio

Alley

Parking

Front Yard

SHARED

Camera Mobile App Design - About, Account, Account info & Reset Password

58 59

p16

57 60

TMOnVue

Visit us @ kii.com

Created by

Home Security Camerav1

AboutThe user can visit Kii.com by selecting Vist us @ Kii.com.

TMOnVue

AccountUser can select to view and edit their Account info or Cloud Storage.

AccountCarrier 12:34 AM 100%


Account Info

Cloud Storage

Account


Reset PasswordWhen a user has forgotten theirpassword they select Forgot Passwordand are prompted by asking them their favorite Pet Name.

The user Selects Request Password.

FORGOT PASSWORD

[email protected]

REQUEST PASSWORD


Please Enter Your User I.D.

Answer

Please Enter Your Favorite Pet Name

?

Back to “Sign In” screen 3 on page 2

Account InfoAbility to change their Password.

Account Email & Password

[email protected]

Enter Password

Change Password

Enter New Password

Confirm New Password

CLEAR SAVE

Account InfoCarrier 12:34 AM 100%


ABOUTCarrier 12:34 AM 100%

Camera Mobile App Design - Reset Password & Info

p17

61 62 63 64

TMOnVue

Reset PasswordAfter the user entered the Temporary Password from Sign In screen.

The user can change the Temporary Password to a password of their choosing.


[email protected]

ZYK4NA

Change Password

Enter New Password


CLEAR SAVE




[email protected]

ZYK4NA

Change Password

Enter New Password


CLEAR SAVE



Reset PasswordThe user is encouraged to visit their emailclient to check their email and use the Temporary Password.

RESET PASSWORD

[email protected]

OK


Please Enter Your User I.D.

Kitty Kitty

Please Enter Your Favorite Pet Name

?

Reset Password

The password has beenreset, and an email has been

sent to the User I.D./emailaddress provided

OK

InfoScreen showing the name, UID & SSID/Wi-Fi


InfoCarrier 12:34 AM 100%




Name xxx

UID yyyyy

SSID/Wi-Fi zzzzz

Info

Documents

OnVue camera mobile app v3 - fattysdiner.com · Camera Mobile App Design - Camera p4 Camera Expanded view has ability to scroll all camera views horizontally. Shows date, time, of