Citrix ShareFile Web App UI KIt Version 2.01
Text Styles Colors Icons Buttons Toasts/Alerts Text Inputs Menus/Popovers Modals List Views
Citrix Sans File Type (48x48) Left Navigation (Main Sections) PRIMARY SUCCESS INPUT FILE LIST VIEW FIELDS RIGHT CLICK MENU DATE PICKER * Required Modal Title Modal Title Page Title - 28px Light PPT DOC XLS MDB MPP VSD PUB ONE Default Hover Disabled Users were added to the folder. View Folder Permissions First Name:* Title Size Uploaded Creator Dashboard Folders Workflows Inbox People Settings Download This is a subtitle for a modal Nancy Subtitle - 20px Regular MS Powerpoint MS Word MS Excel MS Database MS Project MS Visual MS Publisher MS OneNote PDF AIR Permissions updated for “Operations.” September 2017 UI Inspirations 12.1 GB 1:30 am A. Boyd #F0FAF0 #71D571 #22BE20 #179716 #126812 #073B3A SECONDARY Email with ShareFile SUN MON TUE WED THU FRI SAT Section Title - 18px Semi-Bold Left Navigation (Folder Types) Last Name:* Icon Set 1.8MB 12:30 pm A. Boyd Ps Ai Id Fl EPS Get a Link Jin 26 27 28 29 30 1 2 Default Hover Disabled WARNING List View Item - 16px Regular Numbers Pages Keynote Photoshop Illustrator InDesgin Flash EPS Sketch Image Delete 3 4 5 6 7 8 9 Button Exploration 6.8 MB 12/02/2014 A. Boyd Personal Shared Favorites Network Sharepoint Google OneDrive Content Area Default Text - 14px Regular Folders Folders Shares Drive Company View Details 10 11 12 13 14 15 16 Content Area BABY PRIMARY Please upload only one file. Try Again Flats 27 MB 12/02/2014 A. Boyd 17 18 18 20 21 22 23 Metadata/Breadcrumbs - 12px Regular Copy Please upload only one file. 24 25 26 27 28 29 30 PPT Random File.ppt 5.24 MB 04/01/1986 A. Boyd Audi Vide Code Archive/ZIP QB QB NWC NWD NWF RVT Exchange Alfresco Documentum Filenet Dropbox Box Office Default Hover Disabled 365 Email:* o o Working Archive Favorite 31 1 2 3 4 5 6 Redlines.pdf 5.24 MB 04/01/1986 A. Boyd #E9F6FC #23AAE2 #1879B9 #FEECEB #D50032 #FFF5E8 Nancy.Jin Link Styles DCM iManage Opentext ShareConnect BABY SECONDARY ERROR You must enter a valid email address. Save Cancel Save Cancel Ai Bladerunner_v7.ai 8.8 MB 09/16/1990 A. Boyd DW G G Sheet G Slide Email Text Unknown Med DCM URL ADD MORE DROPDOWN STATUS INDICATOR POPOVER G Doc Image Contextual Actions Default Hover Disabled You must enter a valid email address. Re-Enter E-Mail DOC Bladerunner_Brief.docx 1.2 MB 09/16/1990 A. Boyd BLUE TEXT + Add More
From ShareFile Default link style Hover Link Style You must enter a valid email address. Not Fold Form Form PBC Approvals Workflow Workflow Instance Template List Instance Template INPUT FIELD (MESSAGE) GRID VIEW e er Download Share Delete Archive View Edit More From Computer Details Options Pill Counters GREEN TEXT #FF5F14 #FFFFFF #F9F9F9 #E6E6E6 #333333 #000000 INFORMATIONAL Lorem ipsum notes for this item will be shown here, the Select all Sort By Upload Date File Type (24x24) Move Copy Add Note Favorite Check Out Check In Duplicate entirety of the note will be shown. Lorem ipsum notes for this Default link style Hover Link 1 item item will be shown here, the entirety of the note will be Paging Style An update to Print to ShareFile is available. Install now shown. Lorem ipsum notes for this item will be shown here. PPT DOC XLS MDB MPP VSD PUB ONE items Refresh Initiate Email w/ Get a Send for Request 10 Logos MS MS MS MS MS MS MS MS PD AI Approval ShareFile Link Signature Success! Warning Prompt An update to Print to ShareFile is available. GREY TEXT w/ UNDERLINE Powerpoint Word Excel Database Project Visual Publisher OneNote F R All A B C D E F G H I J K L M N O P Q R S T U V W X Y Z # 100 items Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do Ps Ai Id Fl EPS SEARCH (ADD PPL TO eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut Default link style Hover Link Style Status Indicators Webpop Login Header Logo Citrix Logo Numbe Page Keynot Photosh Illustrat InDesgi Flas EP Sketc Imag FOLDER) enim ad minim veniam, quis nostrud exercitation ullamco laboris enim ad minim veniam, quis nostrud exercitation ullamco laboris rs s e op or n h S h e Tool Tips Breadcrumbs File Tree UI Inspirations Icon Set Button Explorations Flats Random File.ppt Virus Expiring Checked Out Signature Versions Search existing contacts Audi Vide Cod Archive/ QB QB NW NW NW RV OK OK 12.1 GB 1.8 MB 6.8 MB 27 MB 5.24 MB o o e ZIP Working Archive C D F T Personal Folders 2016 Documents Final Drafts Online Games How To Play To Win DCM Note Tag Favorite Restricted Flagged Dropdowns My Files & Folders (current Location) DW G G G Emai Tex Unknow Med DC UR Cat Pictures G Doc Sheet Slide l t n Image M L Motorhome or Trailer that is the question for you. Here are some of the Desktop Files Ai Toggles advantages and disadvantages of both, Notifications: Notifications: Not Fold Form Form PB Approva Workflo Workflo Avatars so you will be confident when e er Instanc Templa C ls w w Every 15 minutes Every 15 minutes Stuff e te Lis Instanc Templat purchasing an RV. When comparing Rvs, t e e a motorhome or a travel trailer, should Instantly Tax Documents AB NJ JW DH EN you buy a motorhome or fifth wheeler? Redlines.pdf Bladerunner_v7.ai Bladerunner_Brief.docx Shared Folders Empty States Every 15 minutes 5.24 MB 8.8 MB 1.2 MB Favorite Folders Checkbox/Radio Buttons Once a day Informational information Error Prompt Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do Twice a day ADDRESS BOOK eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut Default Hover Checked Disabled enim ad minim veniam, quis nostrud exercitation ullamco laboris enim ad minim veniam, quis nostrud exercitation ullamco laboris
Name Email Company Last Login
OK OK AB Boyd, Alex [email protected] Citrix 12/25/2015 Default Hover Selected Disabled MC Chin, Michelle [email protected] Citrix 2/10/2016
NJ Jin, Nancy [email protected] Citrix ShareFile Team 2/10/2016
Progress/Activity RM Morton, Ryan [email protected] Citrix never
EN Newell, Elaine [email protected] Citrix never
LOADING ITEMS OR ADDRESS BOOK MS Short, Melissa [email protected] Citrix never
JT Totten, John [email protected] Citrix never
JW Ware, Justin [email protected] Citrix ShareFile Team never Loading…
UPLOAD/DOWNLOAD PROGRESS
Uploading… 72%
1.23 MB of 2.3 MB transferred This shouldn’t take long...
UPLOAD PROGRESS IN LIST VIEW/QUEUE
Example Pages
Main File View Share Options Email with ShareFile Content Viewer
DOC Schedule.docx Details Help Apps Logout Help Apps Logout Share Email with ShareFIle
Schedule.docx Rename
Dashboard Personal Folders 2016 Documents Dashboard Personal Folders 2016 Documents 300 MB Modified: 01/19/2016 3:00PM * Required Folders 2016 Documents More Options Folders 2016 Documents More Options Recipients:* 2 items Clear All + Add more Personal Folders Items in this Folder People on this Folder Personal Folders Items in this Folder People on this Folder
Upload Subject:* Shared Folders Download Share Delete More Shared Folders Q3_CX-Goals.pdf Download Email with Get a Link ShareFile Create Folder Search existing contacts Clone Users Notify Users Remove Selected Add People to Folder Favorites Title Size Uploaded Creator Favorites DOC CX Annual Goals.docx
Create Note Message: Network Share UI Inspirations 12.1 GB 1:30 am A. Boyd Network Share Name Download Download Alerts Upload Upload Alerts Delete Admin Create URL Initiate e-Signature Edit Icon Set 1.8MB 12:30 pm A. Boyd FileBox FileBox Approval Boyd, Alex (Citrix) (Owner) Recycle Bin Button Exploration 6.8 MB 12/02/2014 A. Boyd Recycle Bin Super Users Flats 27 MB 12/02/2014 A. Boyd Workflows Workflows ShareFile Design Delete Check Out More PPT Random File.ppt 5.24 MB 04/01/1986 A. Boyd Inbox Inbox MC Coyle, Megan Redlines.pdf 5.24 MB 04/01/1986 A. Boyd Email with ShareFile Get a Link Approvals & Feedback e-Signature Edit Message Options People People LH Hosford, Lee Notes Edit Note Ai Bladerunner_v7.ai 8.8 MB 09/16/1990 A. Boyd Share items securely using our Copy and paste a link into your email, Share a document for approval Share a document to obtain legally Make sure client signs document on page 3, 4, 12, and Settings Settings TK Kalinda, Tej (Citrix) DOC Bladerunner_Brief.docx 1.2 MB 09/16/1990 A. Boyd messaging system. document, or chat message. or feedback. valid e-signature. 14.
Share Cancel
Lefthand Navigation States Upload File Tree Edit Profile Webpop Login Modals Modals Dashboard Dashboard Dashboard Dashboard Dashboard Dashboard Upload Upload Add files from ShareFile Help Apps Logout Folders Folders Folders Folders Folders Folders Upload Options Personal Folders
Notify additional users Workflows Personal Folders Workflows Workflows Workflows Workflows Edit Profile My Documents Edit Profile
Shared Folders Switch to Java Uploader Personal Security Inbox Feedback & Approvals Inbox Inbox Inbox Cat Pictures Advanced Connections Name and Company Details Favorites Request List People Received People People Desktop Files My Apps & Devices Network Share Inbox Sent Stuff Settings Manage Users Home Settings First Name: * Profile Picture
FileBox Drag files here Peter People Archived Drag files here SignedDocument.pdf Browse Employees Personal Settings Browse files Browse files Recycle Bin Last Name: * People Taxform.pdf Settings Browse Clients Admin Settings Smith Workflows Settings Shared Address Book Add Cancel Company Edit Remove Inbox Personal Address Book [email protected] Upload Cancel Upload Cancel People Distribution Groups ••••••••
Settings Resend Welcome Emails Change Password Sign In Settings Upload Upload Move “Flats” to… Remember Me Forgot Password? 2 items Clear all + Add more Upload Options 8 items Clear all + Add more Select the folder you would like to move “Flats” to. Old Password: * Notify additional users Personal Folders (current Location) Redlines.pdf 5.24 MB Edit Unification.zip 5.24 MB Edit Switch to Java Uploader Cat Pictures New Password: * InspirationsCollection.zip 6.24 MB Edit Movies Edit Desktop Files
PPT Random File.ppt 5.24 MB Edit Stuff Confirm Password: * Tax Documents Unification.zip 5.24 MB Edit Shared Folders InspirationsCollection.zip 6.24 MB Edit Favorite Folders Save PPT Random File.ppt 5.24 MB Edit
Unzip after uploading Always unzip PPT Random File.ppt 5.24 MB Edit Move Cancel
Upload Cancel Upload Cancel Edit Email Addresses
You may log in to ShareFile using any of your confirmed emails. ShareFile notifications will be sent to your primary email address.
Note: DO NOT use this functionality to add new users to the system.
Email Primary Verified Actions
Add Alternate Email
Email Notifications
Email notifications are controlled on a folder by folder basis. Using the below dropdown list, you can select whether you would like to receive upload/download notifications in real-time or whether you would like them consolidated and sent to you at a time interval you specify.
Email Frequency: In real-time
Default Email Language: English (Account Default)
Time and Date
Time Zone: (UTC -5:00) Eastern Time
Daylight Savings Time: Observe (US & Canada)
Date Format: month/day/year
Time Format: 12-hour format with AM/PM
Editing Preferences
Edit documents with:
Microsoft Office 365 Google Docs Editing Tech Preview
Save
Emails
Share Request Welcome Encrypted Email Reset Password Upload Notification Summary Account Select
Peter, Peter, Peter, Peter, Peter, Peter, Notification Summary Peter,
Alex Boyd has sent you files. Expires September 19, 2016 Alex Boyd has requested that you upload a file using ShareFile. Welcome! You have been added to the account for Pawtucket Brewery. Alex Boyd has sent you a secure message. A request has been made to reset your password. For security reasons, ShareFile does not Peter Griffin has uploaded files to the folder “Test 1”. Below is a summary of upload and download activity on folders for which you’ve chosen to Your email ([email protected]) is associataed with the ShareFIle accounts listed below. store and is not able to retrieve your existing password. Click the link below to set a new be notified. Find the account you want to reset the password for, and then click Reset Password. password which will allow you to log in.
A note from Alex: A note from Alex: A note from Alex: Subject: Top Secret Stuff DOC icons_iOS_iPad.ai Uploads From: Alex Boyd ([email protected]) Reset Password Size: 117.12 KB • Created: 10/3/13 2:58p Here are those files you asked for. Please deliver files with this link. Log in and use this, stop using dropbox. Creator: Alex Boyd [[email protected]] (ShareFile) Expires: 03/31/15 ShareFile_Citrix Documents > Sales Materials > Industry fact sheets
Powered By Citrix ShareFile 2016 Download Upload Activate Account icons_iOS_iPad.ai DOC icons_iOS_iPad.ai CNN View Secure Message Size: 117.12 KB • Created: 10/3/13 2:58p Size: 117.12 KB • Created: 10/3/13 2:58p https://cnn.sharefile.com Creator: Alex Boyd [[email protected]] (ShareFile) Creator: Alex Boyd [[email protected]] (ShareFile) Trouble with the above link? You can copy and paste the following URL into your web browser: Trouble with the above link? You can copy and paste the following URL into your web browser: Trouble with the above link? You can copy and paste the following URL into your web browser: https://citrixdesign.sharefile.com/d/aaba8265e85e4272 https://citrixdesign.sharefile.com/d/aaba8265e85e4272 https://citrixdesign.sharefile.com/d/aaba8265e85e4272 Trouble with the above link? You can copy and paste the following URL into your web browser: https://citrixdesign.sharefile.com/d/aaba8265e85e4272 icons_iOS_iPad.sketch icons_iOS_iPad.ai Reset Password Size: 117.12 KB • Created: 10/3/13 2:58p Size: 117.12 KB • Created: 10/3/13 2:58p ShareFile is a tool for sending, receiving, and organizing your business files online. It can be used as a ShareFile is a tool for sending, receiving, and organizing your business files online. It can be used as a ShareFile is a tool for sending, receiving, and organizing your business files online. It can be used as a ShareFile is a tool for sending, receiving, and organizing your business files online. It can be used as a Creator: Alex Boyd [[email protected]] (ShareFile) Creator: Alex Boyd [[email protected]] (ShareFile) password-protected area for sharing information with clients and partners, and it's an easy way to send files that password-protected area for sharing information with clients and partners, and it's an easy way to send files that password-protected area for sharing information with clients and partners, and it's an easy way to send files that password-protected area for sharing information with clients and partners, and it's an easy way to send files that are too large to e-mail. are too large to e-mail. are too large to e-mail. are too large to e-mail.
Powered By Citrix ShareFile 2016 Powered By Citrix ShareFile 2016 Powered By Citrix ShareFile 2016 Powered By Citrix ShareFile 2016 Download Go To Folder icons_iOS_iPad.ai Size: 117.12 KB • Created: 10/3/13 2:58p Creator: Alex Boyd [[email protected]] (ShareFile)
CNN Change how often ShareFile sends emails Dates are displayed in UTC -5 Go to Folder https://cnn.sharefile.com
ShareFile_Citrix Documents > Sales Materials > Industry fact sheets Reset Password
DOC icons_iOS_iPad.ai Size: 117.12 KB • Created: 10/3/13 2:58p Creator: Alex Boyd [[email protected]] (ShareFile) You do not have permission to change the password for the following accounts. Provisioning Emails icons_iOS_iPad.ai Size: 117.12 KB • Created: 10/3/13 2:58p Creator: Alex Boyd [[email protected]] (ShareFile) CNN
https://cnn.sharefile.com icons_iOS_iPad.ai
Size: 117.12 KB • Created: 10/3/13 2:58p Creator: Alex Boyd [[email protected]] (ShareFile) Powered By Citrix ShareFile 2016
Go to Folder Welcome! Welcome! We’re thrilled you’ve joined the We’re thrilled you’ve joined the ShareFile community! ShareFile community! Downloads
ShareFile makes it fast and easy to share ShareFile makes it fast and easy to share ShareFile_Citrix Documents > Sales Materials > Industry fact sheets documents online in minutes documents online in minutes
DOC icons_iOS_iPad.ai Size: 117.12 KB • Created: 10/3/13 2:58p Verify Email Verify Email Creator: Alex Boyd [[email protected]] (ShareFile)
icons_iOS_iPad.ai
Size: 117.12 KB • Created: 10/3/13 2:58p Creator: Alex Boyd [[email protected]] (ShareFile) We’re here for you. We’re here for you. 1-855-884-2257 Email us 1-855-884-2257 Email us Go to Folder
Citrix 120 S. West Street, Raleigh, NC 27603 Citrix 120 S. West Street, Raleigh, NC 27603 Change how often ShareFile sends emails Dates are displayed in UTC -5 © 2017 Citrix Systems, Inc. All rights reserved. Citrix, RightSignature and other marks appearing herin are trademarks of Citrix Systems, © 2017 Citrix Systems, Inc. All rights reserved. Citrix, RightSignature and other marks appearing herin are trademarks of Citrix Systems, Inc. and/or one or more of its subsidiaries, and may be registered in the U.S. Patent and Trademark Office and in other countries. All Inc. and/or one or more of its subsidiaries, and may be registered in the U.S. Patent and Trademark Office and in other countries. All other trademarks are the properties of their respective owners. other trademarks are the properties of their respective owners. Elements
1 1 1
1 1
1 1 1 I just included these elements in case we wanted to have somtething standard
1 80px Title of Workflow / Screen [STATUS] ######: Project Name Prepared by: Designer Name(s) Last updated: [Date last updated]
80px Intent: [What is the intent of this workflow. Also mention if itʼs for a specific role/user type (e.g., admin, client, etc.). This is helpful for PM, Engineering, QA or other designers who might have to review or work on this project.]
#.#. Screen Title #.#. Screen Title 10px
200px
20px Design description Design description
Internal note
DCM
EPS
XLS Fl
Ai
Id
MDB MPP
ONE
PUB
Ps PPT
VSD
DOC
DCM
EPS
XLS Fl
Ai
Id
MDB MPP
ONE
PUB
Ps PPT
VSD
DOC