Minor updates include use of a dropdown for more actions, clarification of statistics graphs, and cleanup on confirmation/cancellation buttons in complex modals.
1 T a b l e s Previous Screen Callouts Table Definitions Callouts provide further description for a particular item on a wireframe. In most cases, the callout specifies the next screen to be shown when the user interacts with the item (e.g. M11 or Previous Screen). Table definitions are provided on the right side of each page in which a table occurs. These definitions list column names, column types (denoted by color), actions (and their corresponding responses), and, in some cases, additional information such as which screen is shown when the Add button is pressed. If a table definition lists “Flash” as an action response, that row displays a Flash Status as shown in A1. Otherwise, the callout may reference a specific table definition or note to be found on the right side of the page. Red Column Names denote required columns. These columns are shown by default for that table and cannot have their visibility toggled. Black Column Names denote regular columns. These columns are shown by default for that table and may have their visibility toggled. Grey Column Names denote hidden columns. These columns are not shown by default for that table and may have their visibility toggled. 1. Columns: ID, Name, User, Host, Image, Size, Security Groups, IPs, Volumes, Uptime, State, Actions. Actions: Attach (M12)/Detach (Flash), Delete (M10). 2. Columns: ID, Name, Size, Actions. Actions: Attach (M12)/Detach( (Flash), Delete (M10). Add: M11.
GB) (815 GB) 870 GB AVAILABLE 89% DISK USAGE 36 GB AVAILABLE 18 INSTANCES 676 VCPU-HOURS 635 GB-HOURS Overview Instances & Volumes Images Access & Security Containers Proj05 PROJECT LizSherman Signed in as Logout Settings Overview P2 Overview P7 P2 P3 P4 P5 P6 A3 P1 Note 1 T a b l e s N o t e s No tables. 1. These options launch external monitoring tools. 7 Updated October 31, 2011 FPO L O G O
Something InstanceInstance InstanceName01 ThisInstance AnotherInstance InstanceName02 YetAnotherInstance InstanceName03 InstanceName04 ID 56 57 58 59 60 61 62 63 64 65 66 68 69 70 71 72 Actions Terminate Terminate Terminate Terminate Terminate Terminate Terminate Terminate Terminate Terminate Terminate Terminate Terminate Terminate Terminate Terminate Console View View View View View View View View View View View View View View View View Size m1.tiny m1.large m1.large m1.medium m1.small m1.small m1.tiny m1.xlarge m1.large m1.tiny m1.large m1.large m1.medium m1.small m1.small m1.tiny Uptime 192 hrs 186 hrs 121 hrs 78 hrs 23 hrs 20 hrs 4 hrs 3 min 2 min 192 hrs 186 hrs 121 hrs 78 hrs 23 hrs 20 hrs 4 hrs State Active Active Active Active Active Active Active Build Build Active Active Active Active Active Active Active Filter Overview Instances & Volumes Images Access & Security Containers Proj05 PROJECT LizSherman Logout Settings Instances & Volumes Block Volumes Name blockVol_01 blockVol_02 blockVol_03 blockVol_04 blockVol_05 blockVol_06 blockVol_07 blockVol_08 blockVol_09 Size 100 GB 500 GB 1.5 TB 100 GB 100 GB 1 TB 200 GB 100 GB 100 GB Instance - - InstanceName03 InstanceName04 - Something InstanceInstance InstanceName01 Actions Attach Attach Detach Detach Attach Detach Detach Detach Attach + Add Filter ID 1 2 3 4 5 6 7 8 9 Instance created successfully. Launch Additional Instance Signed in as P3.1 Instances & Volumes – New Instance FPO L O G O T a b l e s N o t e s All tables for this screen are defined on P3. 1. This is an example of a Flash Status (see A1: Flash Statuses). 9 Updated October 31, 2011 M5 Note 1
ami-tty ami-ttx ami-ttz Size m1.tiny m1.small m1.small m1.xlarge m1.large m1.small m1.medium m1.small m1.tiny Type Image Image Image Snapshot Image Snapshot Image Image Snapshot Status active active active active active active active active active Actions Launch Launch Launch Launch Launch Launch Launch Launch Launch Filter ID 1 2 3 4 5 6 7 8 9 Overview Instances & Volumes Images Access & Security Containers Proj05 PROJECT LizSherman Logout Settings Images Signed in as P4 Images FPO L O G O T a b l e s N o t e s 1. Columns: ID, Name, Size, Type, Created, Updated, Status, Actions. Actions: Launch (M5). 1. This Header Dropdown (see A1) allows for selection of “Images and Snapshots,” “Images Only,” and “Snapshots Only.” 10 Updated October 31, 2011 Table 1 Note 1
More (15 Objects, 10 GB) MyContainer_03 More (15 Objects, 10 GB) MyContainer_04 More (15 Objects, 10 GB) MyContainer_05 More (15 Objects, 10 GB) MyContainer_06 More (15 Objects, 10 GB) MyContainer_07 More (15 Objects, 10 GB) MyContainer_08 More (15 Objects, 10 GB) Size 10 MB 4 GB 39 MB 2 GB 2 GB 259 MB 102 MB 1.4 GB Actions Delete Delete Delete Delete Delete Delete Delete Delete Objects Filter Object ThisInstance AnotherInstance InstanceName02 YetAnotherInstance InstanceName03 InstanceName04 Something InstanceInstance MyContainer_09 More (15 Objects, 10 GB) + Add Filter containers Overview Instances & Volumes Images Access & Security Containers Proj05 PROJECT LizSherman Logout Settings Containers Signed in as P6 Containers FPO L O G O T a b l e s N o t e s 1. Actions: Edit (M2:D4), Delete (M1:D7). 2. Columns: Object, Size, Actions. Actions: Delete (M1:D6). 1. Clicking a container opens that container, as shown for “MyContainer_09.” 2. This field only filters Containers by the beginning of their names. 3. Selecting an object begins download or in- browser viewing of that object. 12 Updated October 31, 2011 Note 1 M4 M2:D3 Note 2 Note 3 Table 2 Table 1 This screen is requires further design.
MB 4 GB 39 MB 2 GB 2 GB 259 MB 102 MB 1.4 GB Delete Delete Delete Delete Delete Delete Delete Delete ThisInstance AnotherInstance InstanceName02 YetAnotherInstance InstanceName03 InstanceName04 YetAnotherInstance 10 MB 4 GB 39 MB 2 GB 2 GB 259 MB 16 GB Delete Delete Delete Delete Delete Delete Delete Objects Filter Size 10 MB 4 GB 39 MB 2 GB 2 GB 259 MB 102 MB 1.4 GB Actions Delete Delete Delete Delete Delete Delete Delete Delete Loading... Object ThisInstance AnotherInstance InstanceName02 YetAnotherInstance InstanceName03 InstanceName04 Something InstanceInstance MyContainer_9 More (15 Objects, 10 GB) MyContainer_10 More (15 Objects, 10 GB) MyContainer_07 More (15 Objects, 10 GB) MyContainer_08 More (15 Objects, 10 GB) Overview Instances & Volumes Images Access & Security Containers Proj05 PROJECT LizSherman Logout Settings Containers Signed in as P6.1 Containers FPO L O G O T a b l e s N o t e s No tables. 1. Tables containing large amounts of rows load continuously as the user scrolls. 2. Screens containing large amounts of objects load continuously as the user scrolls. 13 Updated October 31, 2011 Note 1 Note 2 If the list of containers extends beyond the screen, the page will auto-scroll to fit the container within the screen as shown here. All other interactions are the same as shown in P6. This screen is requires further design.
Password Verify Password Overview Instances & Volumes Images Access & Security Containers Proj05 PROJECT LizSherman Logout Settings Settings Signed in as P7 Settings FPO L O G O T a b l e s N o t e s No tables. No notes. 14 Updated October 31, 2011 P7 This screen is shown for Settings if password management is performed from the dashboard.
Information Update Overview Instances & Volumes Images Access & Security Containers Proj05 PROJECT LizSherman Logout Settings Settings Signed in as P7.1 Settings (Alternate) FPO L O G O 15 Updated October 31, 2011 P7 T a b l e s N o t e s No tables. No notes. This screen is shown for Settings if password management is performed via an external service.
sure you want to delete the volume MyVolume_012? This screen is a modal screen and occurs on top of the previous screen. The Generic Dialog screen defines the template for the way in which prompts are offered to the user. The TITLE, CONTENT, CONFIRMATION, and CANCELLATION values are defined for each screen as seen below. In some cases, elements such as the TITLE and CANCELLATION button may be removed. Generic Dialog errors highlight the appropriate fields and include a description of what went wrong. M1 Generic Dialog TITLE CONTENT CONFIRMATION G E N E R I C D I ALO G V AL U ES G E N E R I C D I ALO G V AL U ES C o ntinu e d D1 Title: Forgotten Password Content: Please check with your system admin for password recovery. Confirmation: OK (S1) D2 Title: Terminate Instance Content: Are you sure you want to terminate the instance [Instance Name]? Confirmation: OK (Previous screen) Cancellation: Cancel (Previous screen) D3 Title: Reboot Instance Content: Are you sure you want to reboot the instance [Instance Name]? Confirmation: OK (Previous screen) Cancellation: Cancel (Previous screen) D7 Title: Delete Container Content: Are you sure you want to delete the container [Container Name]? Confirmation: OK (Previous screen) Cancellation: Cancel (Previous screen) D8 Title: Delete Security Group Content: Are you sure you want to delete the security group [Security Group Name]? Confirmation: OK (Previous screen) Cancellation: Cancel (Previous screen) D4 Title: Delete Volume Content: Are you sure you want to delete the volume [Volume Name]? Confirmation: OK (Previous screen) Cancellation: Cancel (Previous screen) D5 Title: Delete Keypair Content: Are you sure you want to delete keypair [Keypair Name]? Confirmation: OK (Previous screen) Cancellation: Cancel (Previous screen) D6 Title: Delete Object Content: Are you sure you want to delete the object [Object Name]? Confirmation: OK (Previous screen) Cancellation: Cancel (Previous screen) 17 Updated October 31, 2011 CANCELLATION FORGOT PASSWORD Cancel Submit Username That username does not exist.
Updated October 31, 2011 This screen is a modal screen and occurs on top of the previous screen. The Generic Input screen defines the template for the way in which the user enters a single value. The TITLE, FIELD, CONFIRMATION, and CANCELLATION values are defined for each screen as seen below. TITLE FIELD CONFIRMATION CANCELLATION G E N E R I C I N P U T V AL U ES D1 Title: Create Snapshot Field: Snapshot Name Confirmation: Create (Previous Screen) Cancellation: Cancel (Previous Screen) D2 Title: Create Keypair Field: Keypair Name Confirmation: Create (Previous Screen) Cancellation: Cancel (Previous Screen) D3 Title: Create Container Field: Container Name Confirmation: Create (Previous Screen) Cancellation: Cancel (Previous Screen) D4 Title: Edit Container Field: Container Name (this field is pre-populated with the current container name) Confirmation: Update (Previous Screen) Cancellation: Cancel (Previous Screen)
Size IPs Uptime State Actions M3 Table Options 19 Updated October 31, 2011 This screen is a modal screen and occurs on top of the previous screen. This control allows the user to toggle the visibility of non-required columns. Previous Screen Previous Screen
Values Launch Import Use Last Instance Values m1.tiny (1vcpu / 0GB Disk / 512 MB Ram) Key Name bloopblopbleepo Security Groups Default, Group6 User Data Number of Instances 1 MyInstance_05 Pastrami tri-tip beef, shoulder pancetta ball tip cow turkey beef ribs meatball boudin flank shank. Leberkäse pork chop turkey pork loin venison corned beef, t-bone tongue drumstick. Brisket cow shank, jowl pork belly turkey meatloaf andouille kielbasa beef ball tip venison tongue. Flank pig shank p Project Quota Disk Usage (600 GB Used) 400 GB Available Instance Usage (500 Used) 500 Available RAM Usage (7800 MB Used) 1200 MB Available M5 Launch Instance 22 Updated October 31, 2011 P3.1 M5.2 Note 2 Note 3 Note 1 Previous Screen Note 4 This screen is a modal screen and occurs on top of the previous screen. N o t e s 1. If this screen has been entered from P3.1 (after the creation of an instance), all fields are prepopulated with values from the last created instance. 2. Launches a file browser dialog. Selection of a file imports its contents into the User Data field. 3. Based on the selected size template, if this value exceeds the project quota then this number will automatically change to the largest possible value. 4. This button will populate all fields with the values from the last launched instance. If no previous instances have been launched, this button does not appear.
Previous Screen M5.1 Edit Instance 23 Updated October 31, 2011 This screen is a modal screen and occurs on top of the previous screen. Fields are prepopulated with any currently existing data.
Group5 Group6 M5.2 Select Security Groups 24 Updated October 31, 2011 Previous Screen Previous Screen This screen is a modal screen and occurs on top of the previous screen.
Volume Size 600GB of Quota Left 50 GB Previous Screen Previous Screen M6 Add Volume 25 Updated October 31, 2011 This screen is a modal screen and occurs on top of the previous screen.
Device Path M6.1 Attach Block Volume 26 Updated October 31, 2011 Previous Screen Previous Screen This screen is a modal screen and occurs on top of the previous screen.
Protocol From Port CIDR To Port tcp Rules IP Protocol tcp udp From Port 100 240 To Port 200 270 CIDR 10.4.12.0/22 10.4.12.48/77 Actions Edit Edit ID 1 2 M7 Add Security Group 27 Updated October 31, 2011 Previous Screen Previous Screen Table 1 This screen is a modal screen and occurs on top of the previous screen. T a b l e s 1. Columns: ID, IP Protocol, From Port, To Port, CIDR, Actions. Actions: Edit (M7.1), Delete (Flash)
Port tcp 100 200 10.4.12.0/22 Template Custom EDIT RULE Cancel Update IP Protocol From Port CIDR To Port tcp 100 200 10.4.12.0/22 Template SSH Cancel Update tcp 100 200 10.4.12.0/22 EDIT RULE Cancel Update IP Protocol From Port CIDR To Port tcp 100 200 10.4.12.0/22 Template SSH Previous Screen Previous Screen Previous Screen Previous Screen M7.1 Edit Rule 28 Updated October 31, 2011 This screen is a modal screen and occurs on top of the previous screen. The Custom template is selected by default. This allows the user to manually select the IP Protocol, From Port, To Port, and CIDR values. If a different template is selected, certain values may be automatically populated and the user will be unable to alter their values.
Protocol From Port CIDR To Port Rules IP Protocol tcp udp From Port 100 240 To Port 200 270 CIDR 10.4.12.0/22 10.4.12.48/77 Actions Delete Delete ID 1 2 tcp MySecurityGroup_01 MySecurityGroup_01 Previous Screen Previous Screen M7.2 Edit Security Group 29 Updated October 31, 2011 Name and Description fields are pre-populated with current data, if available. This screen is a modal screen and occurs on top of the previous screen.
demo newt + Add Filter Actions Edit Edit Edit Edit ID admin demo ainu Newu Users Email None None None None Default Project admin demo demo newt + Add Filter ID admin demo ainu Newu Actions Edit Edit Edit Edit Edit Disable Delete Users Email None None None None Default Project admin demo demo newt + Add Filter Actions Edit Edit Edit Edit More More More More ID admin demo ainu Newu Users Email None None None None Default Project admin demo demo newt + Add Filter Actions Disable Delete ID admin demo ainu Newu All Instances Show: Filter Project Project01 Project02 Project03 Project01 Project01 Project02 Project01 Project03 Project 03 User Admin User01 User02 Admin User01 User01 Admin User02 Admin Host 356598-nova...te-n01 356598-nova...te-n02 356598-nova...te-n01 356598-nova...te-n01 356598-nova...te-n02 356598-nova...te-n01 356598-nova...te-n04 356598-nova...te-n04 356598-nova...te-n03 Image ami-tty ami-tty ami-tty ami-tty ami-tty ami-tty ami-tty ami-tty ami-tty Size m1.tiny m1.large m1.large m1.medium m1.small m1.small m1.tiny m1.xlarge m1.large Uptime 192 hrs 186 hrs 121 hrs 78 hrs 23 hrs 20 hrs 4 hrs 3 min 2 min IPs Private: 10.4.114.2 - - - Private: 10.4.114.3 - Private: 10.4.114.4 Public: 10.4.114.101 Public: 10.4.114.102 State Active Active Active Active Active Active Active Build Build x Users Email None None None None Default Project admin demo demo newt + Add Filter Actions Edit Edit Edit Edit ID admin demo ainu Newu Users Email None None None None Default Project admin demo demo newt + Add Filter ID admin demo ainu Newu Actions Edit Edit Edit Edit Edit Disable Delete Users Email None None None None Default Project admin demo demo newt + Add Filter Actions Edit Edit Edit Edit More More More More ID admin demo ainu Newu Users Email None None None None Default Project admin demo demo newt + Add Filter Actions Disable Delete ID admin demo ainu Newu All Instances Show: Filter Project Project01 Project02 Project03 Project01 Project01 Project02 Project01 Project03 Project 03 User Admin User01 User02 Admin User01 User01 Admin User02 Admin Host 356598-nova...te-n01 356598-nova...te-n02 356598-nova...te-n01 356598-nova...te-n01 356598-nova...te-n02 356598-nova...te-n01 356598-nova...te-n04 356598-nova...te-n04 356598-nova...te-n03 Image ami-tty ami-tty ami-tty ami-tty ami-tty ami-tty ami-tty ami-tty ami-tty Size m1.tiny m1.large m1.large m1.medium m1.small m1.small m1.tiny m1.xlarge m1.large Uptime 192 hrs 186 hrs 121 hrs 78 hrs 23 hrs 20 hrs 4 hrs 3 min 2 min IPs Private: 10.4.114.2 - - - Private: 10.4.114.3 - Private: 10.4.114.4 Public: 10.4.114.101 Public: 10.4.114.102 State Active Active Active Active Active Active Active Build Build x Users Email None None None None Default Project admin demo demo newt + Add Filter Actions Edit Edit Edit Edit ID admin demo ainu Newu Users Email None None None None Default Project admin demo demo newt + Add Filter ID admin demo ainu Newu Actions Edit Edit Edit Edit Edit Disable Delete Users Email None None None None Default Project admin demo demo newt + Add Filter Actions Edit Edit Edit Edit More More More More ID admin demo ainu Newu Users Email None None None None Default Project admin demo demo newt + Add Filter Actions Disable Delete ID admin demo ainu Newu All Instances Show: Filter Project Project01 Project02 Project03 Project01 Project01 Project02 Project01 Project03 Project 03 User Admin User01 User02 Admin User01 User01 Admin User02 Admin Host 356598-nova...te-n01 356598-nova...te-n02 356598-nova...te-n01 356598-nova...te-n01 356598-nova...te-n02 356598-nova...te-n01 356598-nova...te-n04 356598-nova...te-n04 356598-nova...te-n03 Image ami-tty ami-tty ami-tty ami-tty ami-tty ami-tty ami-tty ami-tty ami-tty Size m1.tiny m1.large m1.large m1.medium m1.small m1.small m1.tiny m1.xlarge m1.large Uptime 192 hrs 186 hrs 121 hrs 78 hrs 23 hrs 20 hrs 4 hrs 3 min 2 min IPs Private: 10.4.114.2 - - - Private: 10.4.114.3 - Private: 10.4.114.4 Public: 10.4.114.101 Public: 10.4.114.102 State Active Active Active Active Active Active Active Build Build x A2 Table Actions (Continued) 35 Updated October 31, 2011 Acti o n s B atc h Acti o n s R e m o v e C o l u m n If only one action exists for an item, it is displayed as a command in the Actions column. If more than one action exists for an item, the most-used action is shown as a command and the rest appear in a More Menu in the Actions column. The More Menu dropdown arrow is shown in the hover state for that row. When more than one checkbox is checked, the Actions column becomes the Batch Actions column. Actions represented in the Batch Actions column float within the column so that they are always present as the user scrolls through the table content. Actions selected here are enacted on all selected items. Only actions that may be applied to multiple items are surfaced and only items that may have batch actions applied to them show a checkbox. Selection of the ‘X’ button in a column header hides that column. Column visibility can be toggled in the M2 Table Options modal. Required columns do not show the ‘X’ button as they cannot be hidden.
PROJECT FPO L O G O Proj05 PROJECT Proj01 Proj02 Proj03 Proj04 Proj05 Proj06 Proj07 FPO L O G O P r o j e ct D r o pd o w n Displays a list of all projects for which the current user is a member. Selection of a project navigates a user to screen P2 for that project. A3 Navigation Bar 36 Updated October 31, 2011
ami-ttz Size m1.tiny m1.small m1.small m1.xlarge m1.large m1.small m1.medium m1.small m1.tiny Status active active active active active active active active active Actions Launch Launch Launch Launch Launch Launch Launch Launch Launch Filter ID 1 2 3 4 5 6 7 8 9 Security Groups Default, Group6 Select a Security Group to load a group of prede ned security settings for your instance. vm1.small: 2 CPUs, 10 GB Disk, 62 GB RAM Images Name ami-tty ami-ttx ami-ttz ami-tty ami-ttx ami-ttz ami-tty ami-ttx ami-ttz Size m1.tiny m1.small m1.small m1.xlarge m1.large m1.small m1.medium m1.small m1.tiny Status active active active active active active active active active Actions Launch Launch Launch Launch Launch Launch Launch Launch Launch Filter ID 1 2 3 4 5 6 7 8 9 Security Groups Default, Group6 Select a Security Group to load a group of prede ned security settings for your instance. vm1.small: 2 CPUs, 10 GB Disk, 62 GB RAM C o nt e x tu a l H e l p After hovering on a field or table item for one second, a tooltip appears describing that field or table item. This description may at times simply provide deeper information, such as describing the numbers associated with a size template. A4 Contextual Help 37 Updated October 31, 2011
1 1 1 0 . 3 1 . 2 0 1 1 1 0 . 1 3 . 2 0 1 1 1 0 . 1 4 . 2 0 1 1 1 0 . 1 7 . 2 0 1 1 1 0 . 2 0 . 2 0 1 1 Updated document structure. Added Legend and Change History. Updated all signed in statuses to, “Signed in as...” Added “Usage” to all statistic titles on P2. Updated statistics on P2 to describe usage more clearly. Updated statistics on M5 to describe usage more clearly. Updated represenation of additional actions, as detailed in A2. Updated position of confirmation/cancellation buttons for M5, M7, and M7.2. Added M5.2 to allow for multiple security groups to be selected. Added Import option to User Data field in M5. Added A4, Contextual Help. Added table sorting. Added P3.1, updated M5 to complete multiple instance creation flow. Created M9. Updated callouts to match new numbering. Degrayed column names for M3. Added extra detail about which Settings screen is shown for P7 and P7.1. Removed Default Project selection to P7 and P7.1. Added Language Selection for P7 and P7.1 (pulled from jeffjapan). Marked P6 and P6.1 as incomplete. Added “Use Last Instance Values” to M5. Added notes 3 and 4 to M5. Added template field and an example to M7.1. Added overflow examples for the Optional Columns panel in M8. Added description of floating Batch Actions to A2. Combined Images and Snpashots in P4. Modals updated with top-right close button. 38 Updated October 31, 2011