Versions Compared

Key

  • This line was added.
  • This line was removed.
  • Formatting was changed.

...

First, in order to establish a secure connection, Stephan meets with Team Morris and shares his identity. He does this by going to his Contacts panel and clicking share.

Learnability: The "share" action is somewhat ambiguous and may confuse new users (the user may wonder what they are sharing). The use of the standard contacts list should help learnability.

Efficiency: Adding and sharing contact information from the same panel groups temporally related operations and helps make them more efficient.

Safety: The are no unsafe actions available from this screen.

Image Added

This brings up a Stephan's QR code along with his key. Users can manually enter the key or take a picture of the QR code. In this scenario, Stephan prints out the ID page and passes it around to the other members of Team Morris (the lock button is provided in case the user wants to pass around his or her phone).
Image Removed Image Removed

...

Learnability

...

: Most potential users will be familiar with QR codes so this screen shouldn't pose a learnability problem. As the key looks like a serial number under a bar code, the user should pick this out as a numerical representation of the QR code.

Efficiency: QR codes are extreamely efficient as the user only needs to take a picture of it.

Safety: If an attacker takes a picture of this QR code or writes down the key, it could allow them to attempt a fishing attack (as seen in this scenario).

Image Added

Each member of team morris goes to his or her contacts panel and clicks Add. When they do so, they are shown the following: Image Added
They all click By QR code and are taken to a standard QR code reader. The contact is then added. To give Stephan their contact information,

...

Efficiency

...

Safety

...

Task #2

...

Storyboard

...

Learnability

...

Efficiency

...

Safety

...

Task #3

...

Storyboard

...

Learnability

...

Efficiency

...

Safety

...

Design 2

Task #1

Storyboard

Learnability

Efficiency

Safety



Key Management

Stephen must add the new teammates to his list of
secure contacts. The SecureConnect application allows him to log
onto the Key Server set up by the campaign to manage public
keys. He finds that two of the new volunteers had public keys
created for them when issued their mobile phones, so he
adds them to his personal contact list, which include their
mobile phone number and public key. One user was not yet present
in the key server, so Stephen had to help generate a new key for
them.

This design is meant to mimic a standard phone text messaging
layout which the user is likely familiar with, then overlaying
the metaphor of user keys necessary to facilitate encrypted
messaging.

Pros:

Cons:

Pros:

Cons:

Pros:

Cons:



photo1.jpg
Contact Management
Once the new contacts were added from the Key Server,
Stephen is able to view them the contacts tab of the app. Each
newly added secure contact with a stored public key is displayed
with a key icon next to their name at all times. Contacts without a
stored key are also present, and can have a public key entered
on the contact editor in order to make them a secure contact.

Public keys can be entered manually via the keyboard, pasted from
the phone's clipboard (the contact could have sent their key via
email or unsecure text, or could have been located via web
browser).

Pros:

Cons:

Pros:

Cons:

Pros:

Cons:

...

Storyboard

Learnability

Efficiency

Safety



Secure Chat Window

Description of Storyboard

Pros:

Cons:

Pros:

Cons:

Pros:

Cons:

Unsecure Chat Window|confluence/download/attachments/82324422/photo3.jpg?version=1&modificationDate=1331520439531|||\

Description of Storyboard

Pros:

Cons:

Pros:

Cons:

Pros:

Cons:

...