quickshare ui metro app

Download QuickShare UI Metro App

Post on 12-Apr-2017

154 views

Category:

Design

0 download

Embed Size (px)

TRANSCRIPT

LENOVO TEMPLATE 2011

Paul Hilburger4/03/2013QuickCast Windows 8 v2.0UI Design Spec 2.1

2012 LENOVO CONFIDENTIAL. All rights reserved.

#

1

Table of Contents

Launching QuickCast Pages 3-5 QuickCast InterfacePage 6Launching QuickCastPages 3-5NFC messagesPage 7Scan for Devices Pages 8-10Connecting to Device Pages 11-16Selecting Files Pages 17-18Sending Files Page 19File Icons Page 20Cancel Send Page 21 -22Pause Send Page 23Progress Bar Page 24QuickCast Alert Page 25Receiving FilesPages 26-28Error MessagesPages 29-30Delete RecordPages 30-32Send/Receive at the same time Page 33-35Playing Files Pages 36-37Viewing PhotosPages 38-40Deleting Files Pages 41-43File Types Page 44Stream from Windows 7 User Page 45Scrolling Page 46Status Icons Page 47Settings Page 48Different Views Pages 49-50Font Sizes Page 51-52Colors Page 53Hub/Snap/PortraitSpacingPages 54-56Upcoming Features Pages 58-68

2012 LENOVO CONFIDENTIAL. All rights reserved.

#

2012 LENOVO CONFIDENTIAL. All rights reserved.

#Launching Quick Cast : User clicks QuickCast tile in Metro to launch app

V2.0

2012 LENOVO CONFIDENTIAL. All rights reserved.

#

2012 LENOVO CONFIDENTIAL. All rights reserved.

#

Launching Quick Cast Alternate : User clicks QuickCast in Windows 8 apps screenV2.0

2012 LENOVO CONFIDENTIAL. All rights reserved.

#

2012 LENOVO CONFIDENTIAL. All rights reserved.

#Metro Loading Screen

V2.0

2012 LENOVO CONFIDENTIAL. All rights reserved.

#

2012 LENOVO CONFIDENTIAL. All rights reserved.

#Live tiles states to push updates5

QuickCast metro interface at first launch for user of x220-Leon

Find Devices button

Send Files button

Info graphic

Users device name displayed along with instructions.

V2.0

2012 LENOVO CONFIDENTIAL. All rights reserved.

#

2012 LENOVO CONFIDENTIAL. All rights reserved.

#

Extra message for devices with NFC.

If users system has NFC, a message is displayed in the right hand column.

Learn More link goes to section of Help explaining how to use NFC devices.

V2.0

2012 LENOVO CONFIDENTIAL. All rights reserved.

#

2012 LENOVO CONFIDENTIAL. All rights reserved.

#

QuickCast automatically searches for devices on launch. Scanning animation appears. Use can also start a new scan by pressing the Find Devices button.

V2.0

2012 LENOVO CONFIDENTIAL. All rights reserved.

#

2012 LENOVO CONFIDENTIAL. All rights reserved.

#Learn More about NFC, Click Here8

Scanning process start to find devices

As devices are found, they appear one after the other in the far left column. QuickCast displays devices on the same LAN network first (the strongest connection).

Then it displays WiFi devices.

Sorting in these categories is done alphabetically.

V2.0

2012 LENOVO CONFIDENTIAL. All rights reserved.

#

2012 LENOVO CONFIDENTIAL. All rights reserved.

#

List of found devices is complete. Icons indicates the type of connect (LAN, etc)

V2.0

2012 LENOVO CONFIDENTIAL. All rights reserved.

#

2012 LENOVO CONFIDENTIAL. All rights reserved.

#

Connecting to a device Part 2: Connect button appears

Use clicks Connect button to start connection to that device.V2.0

2012 LENOVO CONFIDENTIAL. All rights reserved.

#

2012 LENOVO CONFIDENTIAL. All rights reserved.

#

Connecting to a device Part 3: Device starts to connect

Connection animation appearsV2.0

2012 LENOVO CONFIDENTIAL. All rights reserved.

#

2012 LENOVO CONFIDENTIAL. All rights reserved.

#

Connecting to a device Part 4: User of tablet-vivan alerted

The user of Tablet-Vivian gets an alert notifying them that another QuickCast user wants to connect to their device. The user accepts the connection.V2.0

User of Tablet-Vivian

2012 LENOVO CONFIDENTIAL. All rights reserved.

#

2012 LENOVO CONFIDENTIAL. All rights reserved.

#

Connecting to a device Part 5: Device is successfully connected.Device icon appears (Tablet in this case) and checkmark icon appear once device is successful connected.

V2.0

2012 LENOVO CONFIDENTIAL. All rights reserved.

#

2012 LENOVO CONFIDENTIAL. All rights reserved.

#

Alternate connection type : Connecting to a device with PIN NumberIf a device has a PIN number for security reason, a text entry filed will appear next to the device. Once the correct pin number is entered, the device is connected.

V2.0

2012 LENOVO CONFIDENTIAL. All rights reserved.

#

2012 LENOVO CONFIDENTIAL. All rights reserved.

#Alternate connection type: Connection Method with NFCV2.0With NFC compatible devices, tab one device to another to instantly launch QuickCast and connect the two systems..

2012 LENOVO CONFIDENTIAL. All rights reserved.

#

2012 LENOVO CONFIDENTIAL. All rights reserved.

#NFC Connects to device, or scan for deviceonce you have relationship you can share files. 16

Selecting files to send Part1 User clicks Select files to choose files to send

V2.0

2012 LENOVO CONFIDENTIAL. All rights reserved.

#

2012 LENOVO CONFIDENTIAL. All rights reserved.

#

Selecting files to send Part 2: User selects fours files and clicks SendV2.0User selects sever files.

Sending starts the moment the user clicks Send, if QuickCast is connected to a device already.

2012 LENOVO CONFIDENTIAL. All rights reserved.

#

2012 LENOVO CONFIDENTIAL. All rights reserved.

#

Selecting files to send Part 3: Starting the send processChosen files start to send automatically if QuickCast is connected to a device

A bar shows progress of files being sent.

V2.0

2012 LENOVO CONFIDENTIAL. All rights reserved.

#

2012 LENOVO CONFIDENTIAL. All rights reserved.

#

4 states for files selectedV2.0Successfully sent file has dark green icon

File in the process of being sent have an animated lighter green icon. See example below:

Files waiting to be sent have the status pending, and a gray icon.

Files that have been cancelled from the send process, have a red X icon

Items that have encountered an error have a red triangle alert icon and message describing the issue.

2012 LENOVO CONFIDENTIAL. All rights reserved.

#

2012 LENOVO CONFIDENTIAL. All rights reserved.

#

Cancel sending individual file: Step 1User selects file to cancel. Submenu appears.

For files being sent, there are two options: Cancel Sending and Delete Record.

Cancel Sending stops the send process for the selected file, but the record remains. Delete Record will cancel the send process for that file if it hasnt been sent yet, and remove the record.

Use chooses Cancel Sending

V2.0

2012 LENOVO CONFIDENTIAL. All rights reserved.

#

2012 LENOVO CONFIDENTIAL. All rights reserved.

#

21

Cancel sending individual file: Step 2File message indicates that send process has been cancelled.

V2.0

2012 LENOVO CONFIDENTIAL. All rights reserved.

#

2012 LENOVO CONFIDENTIAL. All rights reserved.

#What happens in the cause of pause..22

Open Item: Pause FunctionThe ability to pause the entire send process has been requested. Not sure of about the technical issues with adding this feature yet.

Clear is grayed out, since the sending files process is happening. If the user pauses the file send session, the Clear All button will again it available to the user.

V2.0

2012 LENOVO CONFIDENTIAL. All rights reserved.

#

2012 LENOVO CONFIDENTIAL. All rights reserved.

#Since a file transfer is ongoing, what if user click [Clear all] button, should it clear all records except for the ongoing one, or even cancel the ongoing one and delete its records as well?. Or, [Clear All] button is greyed out when there is a ongoing transfer? I suggest to be grey out, because there is a Cancel button for to stop ongoing task.23

Progress bar indicates all selected files have been sentOnce send process is completed, the progress bar fades out after 5 seconds.

Status on each file will indicate that the file has been successfully sent.

V2.0

2012 LENOVO CONFIDENTIAL. All rights reserved.

#

2012 LENOVO CONFIDENTIAL. All rights reserved.

#

Receiving Files Alert for other user of tablet-vivan device: Scenario 2V2.0

If the receiving user doesnt have QuickCast open, a toast message appears in the upper right hand side, which alerts them that someone wants to send them files.

Clicking the alert takes the User back to QuickCast.User of tablet-vivan

2012 LENOVO CONFIDENTIAL. All rights reserved.

#

2012 LENOVO CONFIDENTIAL. All rights reserved.

#

Receiving Files Part 1: User of tablet-vivan accepts and starts to receive filesV2.0

The receiving user sees a progress bar showing how many files they have received.

Status icon and message indicate if file has:Been receivedIn process of being receivedIf receiving file was cancelled

Status icon of files being received animates. See below:

User of tablet-vivan

2012 LENOVO CONFIDENTIAL. All rights reserved.

#

2012 LENOVO CONFIDENTIAL. All rights reserved.

#

26

Rece