You are on page 1of 1

User Role - Calls / Contacts - Users tab Skylight Web Skylight Web

UX flow for viewing and calling users on the contacts


https://skylight-developer.com/web https://skylight-developer.com/web
screen.
Skylight Web Skylight Web
jeff.jenkins@upskill.io
Manage: Calls Search jeff.jenkins@upskill.io
Manage: Calls Search

Home Home
Name Status Username Job title Name Status Username Job title

Manage Manage
Firstname Lastname busy username1@email Manufacturing Expert

Assignments Assignments FL Firstname Lastname online username2@email Technician

Calls Calls FL Firstname Lastname online username3@email Technician

Media Media FL Firstname Lastname offline Text Text

FL Firstname Lastname offline Text Text


There are no users in your contact list. Contact your manager if you feel this is an error.

Setup a shared call

A user is viewing their contact list (teams tab). They have not been assigned any call teams. A user wants to start a shared call (multi-user call). To do so, they click the FAB button in the lower-right of the Skylight Web window.

Skylight Web Skylight Web Skylight Web Skylight Web Skylight Web Skylight Web Skylight Web Skylight Web Skylight Web

https://skylight-developer.com/web https://skylight-developer.com/web https://skylight-developer.com/web https://skylight-developer.com/web https://skylight-developer.com/web https://skylight-developer.com/web https://skylight-developer.com/web https://skylight-developer.com/web https://skylight-developer.com/web

Skylight Web Skylight Web Skylight Web Skylight Web Skylight Web Skylight Web Skylight Web Skylight Web Skylight Web
jeff.jenkins@upskill.io
Manage: Calls Search jeff.jenkins@upskill.io
Manage: Calls Search jeff.jenkins@upskill.io
Manage: Calls Search jeff.jenkins@upskill.io
Manage: Calls Search jeff.jenkins@upskill.io
Manage: Calls Search jeff.jenkins@upskill.io
Manage: Calls Search jeff.jenkins@upskill.io
Manage: Calls Search jeff.jenkins@upskill.io
Manage: Calls Search jeff.jenkins@upskill.io
Manage: Calls Search

Home Home Home Home Home Home Home Home Home


Name Status Username Job title Name Status Username Job title Name Status Username Job title Name Status Username Job title Name Status Username Job title Name Status Username Job title Name Status Username Job title Name Status Username Job title Name Status Username Job title

Manage Manage Manage Manage Manage Manage Manage Manage Manage


Firstname Lastname busy username1@email Manufacturing Expert Firstname Lastname busy username1@email Manufacturing Expert Firstname Lastname busy username1@email Manufacturing Expert Firstname Lastname busy username1@email Manufacturing Expert Firstname Lastname busy username1@email Manufacturing Expert Firstname Lastname busy username1@email Manufacturing Expert Firstname Lastname busy username1@email Manufacturing Expert Firstname Lastname busy username1@email Manufacturing Expert Firstname Lastname busy username1@email Manufacturing Expert

Assignments Assignments Assignments Assignments Assignments Assignments Assignments Assignments Assignments


FL Firstname Lastname online username2@email Technician FL Firstname Lastname online username2@email Technician FL Firstname Lastname online username2@email Technician FL Firstname Lastname online username2@email Technician FL Firstname Lastname online username2@email Technician FL Firstname Lastname online username2@email Technician FL Firstname Lastname online username2@email Technician FL Firstname Lastname online username2@email Technician FL Firstname Lastname online username2@email Technician

Calls FL Firstname Lastname online username3@email Technician


Calls FL Firstname Lastname online username3@email Technician
Calls FL
Setup a call
Firstname Lastname online username3@email Technician
Calls FL
Setup a call
Firstname Lastname online username3@email Technician
Calls FL
Setup a call
Firstname Lastname online username3@email Technician
Calls FL
Setup a call
Firstname Lastname online username3@email Technician
Calls FL
Setup a call
Firstname Lastname online username3@email Technician
Calls FL
Setup a call
Firstname Lastname online username3@email Technician
Calls FL
Setup a call
Firstname Lastname online username3@email Technician

Media Media Media Media Media Media Media Media Media


FL Firstname Lastname offline Text Text FL Firstname Lastname offline Text Text FL Firstname Lastname offline Text Text FL Firstname Lastname offline Text Text FL Firstname Lastname offline Text Text FL Firstname Lastname offline Text Text FL Firstname Lastname offline Text Text FL Firstname Lastname offline Text Text FL Firstname Lastname offline Text Text
Select contacts to invite them to the call Adam Wooderson Adam Wooderson Gro Adam Wooderson Grover Cleveland Adam Wooderson Grover Cleveland Adam Wooderson Grover Cleveland Adam Wooderson

FL Firstname Lastname offline Text Text FL Firstname Lastname offline Text Text FL Firstname Lastname offline Text Text FL Firstname Lastname offline Text Text FL Firstname Lastname offline Text Text FL Firstname Lastname offline Text Text FL Firstname Lastname offline Text Text FL Firstname Lastname offline Text Text FL Firstname Lastname offline Text Text
AT Aaron Tate busy AT Aaron Tate busy Search results: Search results: AT Aaron Tate busy AT Aaron Tate busy AT Aaron Tate busy

Adam Wooderson online AZ Ahmed Zaidi online Alexey's Group Alexey's Group AZ Ahmed Zaidi online AZ Ahmed Zaidi online AZ Ahmed Zaidi online

AZ Ahmed Zaidi online AM Alexey Mironov offline Grover Cleveland online AM Alexey Mironov offline AM Alexey Mironov offline AM Alexey Mironov offline

AM Alexey Mironov offline Alexey's Group Alexey's Group Alexey's Group Alexey's Group

Alexey's Group Andrew Sugaya offline Andrew Sugaya offline Andrew Sugaya offline Andrew Sugaya offline

Andrew Sugaya offline Emilee Simchenko offline Emilee Simchenko offline Emilee Simchenko offline Emilee Simchenko offline

CANCEL START CALL CANCEL START CALL CANCEL START CALL CANCEL START CALL CANCEL START CALL CANCEL START CALL CANCEL START CALL

A user is viewing their contact list. The currently hovered user is online. Tapping the row will start a call. A user is viewing their contact list. The currently hovered user is offline. Tapping the row will NOT start a call. Upon clicking the “Setup a shared call” FAB, a modal appears which contains the list of contacts the user has access to. This list includes both The user selects “Adam Wooderson” from the list of contacts. Adam’s contact chip is added to the list of invited users AND removed from the list The user has typed the characters “Gro” in the input box. By typing characters, Skylight immediately starts searching for partial matches, The user has added “Grover Cleveland” to the list of invitees. The user wants to exit search mode. They hover, then click the “X” on the right-side Skylight has exited Search mode. The full list of available contacts is displayed again. To remove a selected invitee before starting the call, the user hovers that contact’s chip. An “X” will appear on the chip. Clicking the “X” will The user hovers the “Start Call” button, then clicks it to start the shared call.
user and user groups. Online users have their names highlighted in bold. Additionally, user status is shown on the right. For user groups, no of selectable users (since he has already been added). If the list of invited contacts is greater than 0, the “Start Call” button will become active. displaying any results in the list where all users were previously listed. To add a contact from the list of search results, the user simply selects of the input box. remove the contact chip from the list of invitees.
status is show because it is indeterminate. The user setting up the call can select users of any status to invite to the shared call, but, upon one from the list.
starting the call, those users may not answer (or even receive) the incoming call request. In addition to manually scrolling and selectin users, the person setting up the call can also perform a typed search to find a user or user group in
the list of available contacts. To do so, they simply click in the input box and start typing. As soon as a character has been typed in the search box, Skylight assumes it is in Search Mode and will no longer display the complete list of
available contacts for the user. To exit search mode, and return to the full list, the user clicks the “X” icon on the right-side of the search input
Skylight Web Skylight Web Skylight Web
box.
https://skylight-developer.com/web https://skylight-developer.com/web https://skylight-developer.com/web

Skylight Web
jeff.jenkins@upskill.io
Manage: Calls Search Manage: Calls
Untitled assignment User profile

Home
Name Status Username Job title Name Status

Manage
Firstname Lastname busy username1@email Manufacturing Expert Firstname Lastname busy

Assignments FL Firstname Lastname online username2@email Technician FL Firstname Lastname online

Calls FL Firstname Lastname online username3@email Technician FL Firstname Lastname online Username
username3@email
Media FL Firstname Lastname offline Text Text FL Firstname Lastname offline
Account type
User
FL Firstname Lastname offline Text Text FL Firstname Lastname offline

First name

Last name

Job title
Technician

Office phone
+1 555-555-5555

Mobile phone
+1 555-555-5555

Location
503 Spruce ST
Mason, OH 45040

The user hovers over the info icon on the caller row. Tapping the icon will open the contact details. On mobile devices, the INFO icon is ALWAYS visble, On mobile, if the user clicks the info
not just on hover (since there is no hover on mobile) icon to bring up the contact details,
show a FAB on the bottom right of the
contact details so the user can make a
call from the screen.

Skylight Web

https://skylight-developer.com/web

Skylight Web
jeff.jenkins@upskill.io
Manage: Calls Search User profile

Home
Name Status Username

Manage
Firstname Lastname busy username1@email

Assignments FL Firstname Lastname online username2@email

Calls FL Firstname Lastname online username3@email Username


username3@email
Media FL Firstname Lastname offline Text
Account type
User
FL Firstname Last name offline Text

First name

Last name

Job title
Technician

Office phone
+1 555-555-5555

Mobile phone
+1 555-555-5555

Location
503 Spruce ST
Mason, OH 45040

Active sessions

Web (Chrome 67.0.33.1) Busy

Wearable (Google Glass) Online

An admin can inspect the active Skylight Live sessions a user has running and cancel one if needed.

Skylight Web Skylight Web Skylight Web Skylight Web

https://skylight-developer.com/web https://skylight-developer.com/web https://skylight-developer.com/web https://skylight-developer.com/web

Skylight Web Skylight Web Skylight Web Skylight Web


jeff.jenkins@upskill.io
Manage: Calls Search jeff.jenkins@upskill.io
Manage: Calls Search jeff.jenkins@upskill.io
Manage: Calls Search jeff.jenkins@upskill.io
Manage: Calls Search

Home Home Home Home


Name Status Username Job title Name Status Username Job title Name Status Username Job title Name Status Username Job title
Run Network Test
Skylight Network Test Copy a link to this report Skylight Network Test Copy a link to this report Detailed results Copy a link to this report
Manage Manage Manage Manage
Firstname Lastname busy username1@email Manufacturing Expert Firstname Lastname busy username1@email Manufacturing Expert Firstname Lastname busy username1@email Manufacturing Expert Firstname Lastname busy username1@email Manufacturing Expert

Assignments Assignments Upskill connectivity Assignments Upskill connectivity Assignments WebRTC Connectivity Tests
FL Firstname Lastname online username2@email Technician FL Firstname Lastname online to the Upskill servers. username2@email Technician FL Firstname Lastname online to the Upskill servers. username2@email Technician FL Firstname Lastname online username2@email Technician
The tests below represent connectivity The tests below represent connectivity
Inbound UDP
Calls Calls 14Technician
ms
Calls 14Technician
ms
Calls
FL Firstname Lastname online username3@email Technician FL FirstnameWebSocket
Lastname Latency online username3@email FL FirstnameWebSocket
Lastname Latency online username3@email FL Firstname Lastname online username3@email Technician
Inbound TCP
Media Media MQTT Latency - Media MQTT Latency - Media
FL Firstname Lastname offline Text Text FL Firstname Lastname offline Text Text FL Firstname Lastname offline Text Text FL Firstname Lastname offline Text Text
Outbound UDP
API Latency - API Latency -
FL Firstname Lastname offline Text Text FL Firstname Lastname offline Text Text FL Firstname Lastname offline Text Text FL Outbound
Firstname TCP
Lastname offline Text Text
API Authorized Latency - API Authorized Latency -

WebSocket Connectivity Tests


Additional diagnostics Additional diagnostics
The tests below assess the ability to make and receive video calls using Upskill technology. The tests below assess the ability to make and receive video calls using Upskill technology.
View detailed results
Action Plain SSL

WebRTC Support WebRTC Support Inbound UDP

Web RTC P2P Web RTC P2P Inbound TCP

Behind NAT Behind NAT Outbound UDP

WebSockets WebSockets Outbound TCP

Packet Loss 0% Packet Loss 0%


Latency Tests
Ping Time 5.374 ms Ping Time 5.374 ms
ICMP Ping Average 2.583 ms

CANCEL RUN AGAIN CANCEL RUN AGAIN ICMP Packet Loss 0%

The user hovers the Run Network Test button, then clicks to start the test. The test starts. Line items populate with results as they are discovered. Once all tests have finished, the “Copy a link to this report” button AND the “Run Again” become enabled (are clickable). To close the report, the The user has clicked on the “View detailed results” button. This pushes on the complete list of scan results. This page is scrollable. To go back
user can click Cancel or click outside the modal in the scrim area. Detailed results can be pushed on by clicking the right-facing arrow next to the to the previous view, the user clicks the back-facing arrow in the top-left of the modal.
Additiona diagnostics area.

You might also like