ubiquity final design_wireframes

8
Ubiquity is a new cloud computing storage/ sharing product. User research has provided insight to inform the interface design of the new service. There were five areas of specific concern for this user profile: Security File organization Collaboration/incentives Access to help Ability to share with other cloud services There are two primary interface improvements that were informed by the user concerns: Feedback Redundancy: Ubiquity Cloud Computing Interface Design Well-designed feedback will benefit the product by: Reinforcing correct user behaviors, such as when an operation is performed successfully Rewarding certain actions, such as inviting others to join the service Reassuring user concerns, such as providing virus scanning when exchanging files The five areas of focus are: 1. The home/login screen 2. File organization view 3. The uploading interface 4. Some specific system feedback instances 5. The interface for sharing with other cloud services

Upload: jslkent

Post on 29-Jun-2015

56 views

Category:

Design


0 download

DESCRIPTION

UX project, wireframing the interface for a cloud storage system

TRANSCRIPT

Page 1: Ubiquity final design_wireframes

Ubiquity is a new cloud computing storage/ sharing product. User research has provided insight to inform the interface design of the new service. There were five areas of specific concern for this user profile: • Security • File organization • Collaboration/incentives • Access to help • Ability to share with other cloud services There are two primary interface improvements that were informed by the user concerns: • Feedback • Redundancy:

Ubiquity Cloud Computing Interface Design

Well-designed feedback will benefit the product by: • Reinforcing correct user behaviors, such as when an

operation is performed successfully • Rewarding certain actions, such as inviting others to

join the service • Reassuring user concerns, such as providing virus

scanning when exchanging files The five areas of focus are: 1. The home/login screen 2. File organization view 3. The uploading interface 4. Some specific system feedback instances 5. The interface for sharing with other cloud services

Page 2: Ubiquity final design_wireframes

Make the product’s security features part of the home screen text/tagline. Put the login fields up front, rather than hidden behind a Login link. Put links to important information on the home screen, so a new user can get information without having to create an account.

1

2

1

2

3

3

Design area 1: The home/login screen

Page 3: Ubiquity final design_wireframes

Ability to select alternative views Account controls for settings and logout link made persistent in display, rather than hidden in dropdowns. Persistent sidebar with information on user’s account space, links to help and information, plus a message about other features of the service. Icon view can be assigned an icon from a stock set, or customized by the user

1

2

1

3

Available space

50MB of 5GB

2

4

3

4

Design area 2: File organization view

Page 4: Ubiquity final design_wireframes

Selecting the alternate file view changes to a more traditional file-exploring structure This view provides additional options to sort files by size, name and date. Orienting breadcrumbs to keep file contents in context with rest of system.

1

2

1

2

3

3

Design area 2: File organization view - alternative

Page 5: Ubiquity final design_wireframes

Upload window will pop up (semitransparent) over the existing view.

1

2

3

Progress bar during upload, with provided virus scanning featured.

Progress bar changes color upon successful upload, and antivirus status is part of dialog text.

Design area 3: The uploading interface

Page 6: Ubiquity final design_wireframes

Feedback for problems, with links to help files. Per-file permission settings could allow users to set notifications and other file behaviors. For expert users, the message can be turned off. Notification for individual files – hover over a file and a popup will indicate whether a file has been viewed or downloaded by a collaborator (indicating that the user can safely delete their copy and free up storage space).

1

2

3

Design area 4: System Feedback - Uploading

Don’t show this message again. You can also change these settings here.

Page 7: Ubiquity final design_wireframes

All options to get more space for an account are displayed in one screen. Incentives are clearly explained for each option.

1

2

Design area 4: System Feedback - Incentives

1

2 For every new user you sign up, you’ll both get 2GB extra.

Trying new features can earn you extra storage space.

Complete your profile and we’ll add 2GB to your account.

Page 8: Ubiquity final design_wireframes

Select alternative service account (either the user’s or a collaborator’s). Check files to move back and forth.

1

2

Design area 5: The interface for sharing with other cloud services